n8n-editor-ui 1.94.0 → 1.95.1

package/dist/assets/{NodeCreator-weAzsmlU.js → NodeCreator-oaREpBCo.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, bS as reactive, o as onMounted, aP as useExternalHooks, y as onBeforeUnmount, b4 as toRefs, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, j as createVNode, _ as _export_sfc, bT as useNodeCreatorStore, hI as useViewStacks, e8 as useNodeType, r as ref, q as computed, hJ as DEFAULT_SUBCATEGORY, hK as CREDENTIAL_ONLY_NODE_PREFIX, c as useI18n, hL as HITL_SUBCATEGORY, dN as isCommunityPackageName, hM as isNodePreviewKey, cu as resolveDirective, e as createBlock, aV as createSlots, w as withCtx, aA as withDirectives, aB as vShow, B as normalizeStyle, bD as _sfc_main$n, b3 as withModifiers, m as unref, cW as COMMUNITY_NODES_INSTALLATION_DOCS_URL, cm as DRAG_EVENT_DATA_KEY, ag as useTelemetry, hN as camelCase, b8 as mergeProps, t as toDisplayString, gL as WEBHOOK_NODE_TYPE, hO as getNewNodePosition, eX as NODE_SIZE, u as useUsersStore, bF as N8nIcon, bf as N8nText, l as createTextVNode, bh as N8nButton, x as renderSlot, hP as useKeyboardNavigation, Q as useWorkflowsStore, X as watch, b5 as normalizeProps, b6 as guardReactiveProps, bc as onUnmounted, F as Fragment, D as renderList, hQ as REGULAR_NODE_CREATOR_VIEW, cV as useCommunityNodesStore, bz as useNodeTypesStore, aR as N8nTooltip, dx as i18n, h9 as captureException, b as useRouter, aS as N8nLink, V as VIEWS, fb as CUSTOM_API_CALL_KEY, gU as TRIGGER_NODE_CREATOR_VIEW, gI as OPEN_AI_NODE_TYPE, gH as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, hR as withMemo, hS as HTTP_REQUEST_NODE_TYPE, fV as createStaticVNode, hT as REQUEST_NODE_FORM_URL, hU as filterAndSearchNodes, hV as prepareCommunityNodeDetailsViewStack, fl as getNodeIconSource, gN as transformNodeType, hW as AINodesView, hX as AIView, hY as RegularView, hZ as TriggerView, h_ as flattenCreateElements, fe as SEND_AND_WAIT_OPERATION, h$ as AI_OTHERS_NODE_CREATOR_VIEW, i0 as AI_NODE_CREATOR_VIEW, a as useToast, bU as useCredentialsStore, i1 as removePreviewToken, G as useDebounce, f8 as Transition, i2 as AI_UNCATEGORIZED_CATEGORY, H as useUIStore, dL as useAssistantStore, bY as useBuilderStore, aT as _sfc_main$o, i3 as SlideTransition, i4 as useActionsGenerator } from "./index-hdsPF3tl.js";
-import { u as useActions } from "./NodeCreation-nHiG-Lhi.js";
-const _hoisted_1$8 = ["placeholder", "value"];
+import { d as defineComponent, d2 as reactive, o as onMounted, aP as useExternalHooks, y as onBeforeUnmount, b4 as toRefs, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, j as createVNode, _ as _export_sfc, cA as useNodeCreatorStore, hT as useViewStacks, f9 as useNodeType, bz as useNodeTypesStore, r as ref, q as computed, hU as DEFAULT_SUBCATEGORY, hV as CREDENTIAL_ONLY_NODE_PREFIX, c as useI18n, hW as HITL_SUBCATEGORY, eO as isCommunityPackageName, hX as isNodePreviewKey, hY as removePreviewToken, bN as resolveDirective, e as createBlock, aV as createSlots, w as withCtx, aA as withDirectives, aB as vShow, B as normalizeStyle, bH as _sfc_main$n, b3 as withModifiers, m as unref, aR as N8nTooltip, l as createTextVNode, t as toDisplayString, dZ as COMMUNITY_NODES_INSTALLATION_DOCS_URL, ds as DRAG_EVENT_DATA_KEY, ag as useTelemetry, hZ as camelCase, b8 as mergeProps, gW as WEBHOOK_NODE_TYPE, h_ as getNewNodePosition, cc as NODE_SIZE, u as useUsersStore, bJ as N8nIcon, bf as N8nText, bh as N8nButton, x as renderSlot, h$ as useKeyboardNavigation, Q as useWorkflowsStore, X as watch, b5 as normalizeProps, b6 as guardReactiveProps, bc as onUnmounted, F as Fragment, D as renderList, i0 as REGULAR_NODE_CREATOR_VIEW, dY as useCommunityNodesStore, ez as i18n, hk as captureException, b as useRouter, aS as N8nLink, V as VIEWS, cQ as CUSTOM_API_CALL_KEY, h3 as TRIGGER_NODE_CREATOR_VIEW, gT as OPEN_AI_NODE_TYPE, gS as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, i1 as withMemo, i2 as HTTP_REQUEST_NODE_TYPE, g3 as createStaticVNode, i3 as REQUEST_NODE_FORM_URL, i4 as filterAndSearchNodes, i5 as prepareCommunityNodeDetailsViewStack, d0 as getNodeIconSource, gY as transformNodeType, i6 as AINodesView, i7 as AIView, i8 as RegularView, i9 as TriggerView, ia as flattenCreateElements, cV as SEND_AND_WAIT_OPERATION, ib as AI_OTHERS_NODE_CREATOR_VIEW, ic as AI_NODE_CREATOR_VIEW, a as useToast, d3 as useCredentialsStore, G as useDebounce, cE as Transition, id as AI_EVALUATION, ie as AI_UNCATEGORIZED_CATEGORY, H as useUIStore, eM as useAssistantStore, cC as useBuilderStore, aT as _sfc_main$o, ig as SlideTransition, ih as useActionsGenerator } from "./index-_seQOCga.js";
+import { u as useActions } from "./NodeCreation-CRZ7WbTX.js";
+const _hoisted_1$a = ["placeholder", "value"];
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "SearchBar",
   props: {
@@ -62,7 +62,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             "data-test-id": "node-creator-search-bar",
             tabindex: "0",
             onInput
-          }, null, 42, _hoisted_1$8)
+          }, null, 42, _hoisted_1$a)
         ], 2),
         _ctx.modelValue.length > 0 ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -97,6 +97,20 @@ const cssModules$k = {
   "$style": style0$k
 };
 const SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__cssModules", cssModules$k]]);
+const _hoisted_1$9 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, _cache[0] || (_cache[0] = [
+    createBaseVNode("path", {
+      fill: "currentColor",
+      d: "m23 12l-2.44-2.78l.34-3.68l-3.61-.82l-1.89-3.18L12 3L8.6 1.54L6.71 4.72l-3.61.81l.34 3.68L1 12l2.44 2.78l-.34 3.69l3.61.82l1.89 3.18L12 21l3.4 1.46l1.89-3.18l3.61-.82l-.34-3.68zm-13 5l-4-4l1.41-1.41L10 14.17l6.59-6.59L18 9z"
+    }, null, -1)
+  ]));
+}
+const OfficialIcon = { name: "mdi-verified", render: render$1 };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "NodeItem",
   props: {
@@ -114,6 +128,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const { isSubNodeType } = useNodeType({
       nodeType: props.nodeType
     });
+    const nodeTypesStore = useNodeTypesStore();
     const dragging = ref(false);
     const draggablePosition = ref({ x: -100, y: -100 });
     const draggableDataTransfer2 = ref(null);
@@ -165,6 +180,15 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const isTrigger = computed(() => {
       return props.nodeType.group.includes("trigger") && !hasActions.value;
     });
+    const communityNodeType = computed(() => {
+      return nodeTypesStore.communityNodeType(removePreviewToken(props.nodeType.name));
+    });
+    const isOfficial = computed(() => {
+      return communityNodeType.value?.isOfficialNode ?? false;
+    });
+    const author = computed(() => {
+      return communityNodeType.value?.displayName ?? displayName.value;
+    });
     function onDragStart(event) {
       if (event.dataTransfer) {
         event.dataTransfer.effectAllowed = "copy";
@@ -189,6 +213,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
+      const _component_n8n_icon = resolveComponent("n8n-icon");
       const _component_N8nNodeCreatorNode = resolveComponent("N8nNodeCreatorNode");
       const _directive_n8n_html = resolveDirective("n8n-html");
       return openBlock(), createBlock(_component_N8nNodeCreatorNode, {
@@ -198,6 +223,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         title: displayName.value,
         "show-action-arrow": showActionArrow.value,
         "is-trigger": isTrigger.value,
+        "is-official": isOfficial.value,
         "data-test-id": dataTestId.value,
         tag: _ctx.nodeType.tag,
         onDragstart: onDragStart,
@@ -233,43 +259,81 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         ]),
         _: 2
       }, [
-        isCommunityNode.value && !isCommunityNodePreview.value && !unref(activeViewStack)?.communityNodeDetails ? {
-          name: "tooltip",
+        isOfficial.value ? {
+          name: "extraDetails",
           fn: withCtx(() => [
-            withDirectives(createBaseVNode("p", {
-              class: normalizeClass(_ctx.$style.communityNodeIcon),
-              onClick: onCommunityNodeTooltipClick
-            }, null, 2), [
-              [
-                _directive_n8n_html,
-                unref(i18n2).baseText("generic.communityNode.tooltip", {
-                  interpolate: {
-                    packageName: _ctx.nodeType.name.split(".")[0],
-                    docURL: unref(COMMUNITY_NODES_INSTALLATION_DOCS_URL)
-                  }
-                })
-              ]
-            ])
+            createVNode(unref(N8nTooltip), {
+              placement: "top",
+              "show-after": 500
+            }, {
+              content: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n2).baseText("generic.officialNode.tooltip", { interpolate: { author: author.value } })), 1)
+              ]),
+              default: withCtx(() => [
+                createVNode(unref(OfficialIcon), {
+                  class: normalizeClass([_ctx.$style.icon, _ctx.$style.official])
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            })
           ]),
           key: "0"
+        } : isCommunityNode.value && !isCommunityNodePreview.value && !unref(activeViewStack)?.communityNodeDetails ? {
+          name: "extraDetails",
+          fn: withCtx(() => [
+            createVNode(unref(N8nTooltip), {
+              placement: "top",
+              "show-after": 500
+            }, {
+              content: withCtx(() => [
+                withDirectives(createBaseVNode("p", {
+                  class: normalizeClass(_ctx.$style.communityNodeIcon),
+                  onClick: onCommunityNodeTooltipClick
+                }, null, 2), [
+                  [
+                    _directive_n8n_html,
+                    unref(i18n2).baseText("generic.communityNode.tooltip", {
+                      interpolate: {
+                        packageName: _ctx.nodeType.name.split(".")[0],
+                        docURL: unref(COMMUNITY_NODES_INSTALLATION_DOCS_URL)
+                      }
+                    })
+                  ]
+                ])
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_n8n_icon, {
+                  size: "small",
+                  class: normalizeClass(_ctx.$style.icon),
+                  icon: "cube"
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            })
+          ]),
+          key: "1"
         } : void 0
-      ]), 1032, ["draggable", "class", "description", "title", "show-action-arrow", "is-trigger", "data-test-id", "tag"]);
+      ]), 1032, ["draggable", "class", "description", "title", "show-action-arrow", "is-trigger", "is-official", "data-test-id", "tag"]);
     };
   }
 });
-const nodeItem = "_nodeItem_1107w_123";
-const nodeIcon$4 = "_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 nodeItem = "_nodeItem_b8za2_123";
+const nodeIcon$4 = "_nodeIcon_b8za2_131";
+const subNodeBackground = "_subNodeBackground_b8za2_135";
+const communityNodeIcon = "_communityNodeIcon_b8za2_145";
+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$j = {
   nodeItem,
   nodeIcon: nodeIcon$4,
   subNodeBackground,
   communityNodeIcon,
   draggable: draggable$1,
-  draggableDataTransfer: draggableDataTransfer$1
+  draggableDataTransfer: draggableDataTransfer$1,
+  icon: icon$1,
+  official
 };
 const cssModules$j = {
   "$style": style0$j
@@ -315,7 +379,7 @@ const cssModules$i = {
   "$style": style0$i
 };
 const SubcategoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__cssModules", cssModules$i]]);
-const _hoisted_1$7 = ["textContent"];
+const _hoisted_1$8 = ["textContent"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "LabelItem",
   props: {
@@ -329,7 +393,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         createBaseVNode("span", {
           class: normalizeClass(_ctx.$style.name),
           textContent: toDisplayString(_ctx.item.key)
-        }, null, 10, _hoisted_1$7)
+        }, null, 10, _hoisted_1$8)
       ], 2);
     };
   }
@@ -612,7 +676,7 @@ const cssModules$c = {
   "$style": style0$c
 };
 const CommunityNodeItem = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__cssModules", cssModules$c]]);
-const _hoisted_1$6 = ["textContent"];
+const _hoisted_1$7 = ["textContent"];
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "CategoryItem",
   props: {
@@ -644,7 +708,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           }, [
             createBaseVNode("span", {
               textContent: toDisplayString(categoryName.value)
-            }, null, 8, _hoisted_1$6),
+            }, null, 8, _hoisted_1$7),
             _ctx.isTrigger ? (openBlock(), createBlock(_component_font_awesome_icon, {
               key: 0,
               icon: "bolt",
@@ -683,7 +747,7 @@ const cssModules$b = {
   "$style": style0$b
 };
 const CategoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__cssModules", cssModules$b]]);
-const _hoisted_1$5 = ["data-category-collapsed"];
+const _hoisted_1$6 = ["data-category-collapsed"];
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "CategorizedItemsRenderer",
   props: {
@@ -805,7 +869,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("", true),
-        isPreview.value ? (openBlock(), createBlock(CommunityNodeInstallHint, {
+        isPreview.value && expanded.value ? (openBlock(), createBlock(CommunityNodeInstallHint, {
           key: 1,
           hint: unref(i18n2).baseText("communityNodeItem.actions.hint")
         }, null, 8, ["hint"])) : createCommentVNode("", true),
@@ -820,7 +884,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16, ["elements", "is-trigger", "class"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$5);
+      ], 10, _hoisted_1$6);
     };
   }
 });
@@ -840,7 +904,7 @@ const cssModules$a = {
   "$style": style0$a
 };
 const CategorizedItemsRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$a]]);
-const _hoisted_1$4 = { key: 0 };
+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;
@@ -940,7 +1004,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock("div", {
             key: item.uuid
           }, [
-            renderedItems2.value.includes(item) ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+            renderedItems2.value.includes(item) ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
               item.type === "section" ? (openBlock(), createBlock(CategorizedItemsRenderer, {
                 key: 0,
                 elements: item.children,
@@ -1063,6 +1127,20 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$4 = {
+  viewBox: "0 0 512 512",
+  width: "1.2em",
+  height: "1.2em"
+};
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
+    createBaseVNode("path", {
+      fill: "currentColor",
+      d: "m466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3c11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3M256.1 446.3l-.1-381l175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7"
+    }, null, -1)
+  ]));
+}
+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" } };
@@ -1074,6 +1152,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const publisherName = ref(void 0);
     const downloads = ref(null);
     const verified = ref(false);
+    const official2 = ref(false);
     const communityNodesStore = useCommunityNodesStore();
     const nodeTypesStore = useNodeTypesStore();
     const isOwner = computed(() => useUsersStore().isInstanceOwner);
@@ -1089,8 +1168,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         activeViewStack.communityNodeDetails?.key || ""
       );
       if (communityNodeAttributes) {
-        publisherName.value = communityNodeAttributes.authorName;
+        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
         );
@@ -1159,13 +1239,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             placement: "top"
           }, {
             content: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18n).baseText("communityNodeInfo.approved")), 1)
+              createTextVNode(toDisplayString(official2.value ? unref(i18n).baseText("communityNodeInfo.officialApproved") : unref(i18n).baseText("communityNodeInfo.approved")), 1)
             ]),
             default: withCtx(() => [
               createBaseVNode("div", null, [
-                createVNode(_component_FontAwesomeIcon, {
-                  class: normalizeClass(_ctx.$style.tooltipIcon),
-                  icon: "check-circle"
+                createVNode(unref(ShieldIcon), {
+                  class: normalizeClass(_ctx.$style.tooltipIcon)
                 }, null, 8, ["class"]),
                 createVNode(unref(N8nText), {
                   color: "text-light",
@@ -1275,13 +1354,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$4 = "_container_1ty35_123";
-const nodeIcon$2 = "_nodeIcon_1ty35_132";
-const description = "_description_1ty35_137";
-const separator = "_separator_1ty35_141";
-const info$1 = "_info_1ty35_147";
-const tooltipIcon = "_tooltipIcon_1ty35_162";
-const contactOwnerHint = "_contactOwnerHint_1ty35_167";
+const container$4 = "_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,
   nodeIcon: nodeIcon$2,
@@ -2094,6 +2173,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           nodeActions
         );
         pushViewStack(viewStack, {
+          resetStacks: true,
           transitionDirection: "none"
         });
       } else {
@@ -2135,9 +2215,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_NodeIcon = _sfc_main$n;
+      const _component_N8nTooltip = resolveComponent("N8nTooltip");
       const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
       const _component_N8nButton = resolveComponent("N8nButton");
-      return openBlock(), createElementBlock("div", {
+      return unref(communityNodeDetails) ? (openBlock(), createElementBlock("div", {
+        key: 0,
         class: normalizeClass(_ctx.$style.container)
       }, [
         createBaseVNode("div", {
@@ -2146,24 +2228,44 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.title)
           }, [
-            unref(communityNodeDetails)?.nodeIcon ? (openBlock(), createBlock(_component_NodeIcon, {
+            unref(communityNodeDetails).nodeIcon ? (openBlock(), createBlock(_component_NodeIcon, {
               key: 0,
               class: normalizeClass(_ctx.$style.nodeIcon),
               "icon-source": unref(communityNodeDetails).nodeIcon,
               circle: false,
               "show-tooltip": false
             }, null, 8, ["class", "icon-source"])) : createCommentVNode("", true),
-            createBaseVNode("span", null, toDisplayString(unref(communityNodeDetails)?.title), 1)
+            createBaseVNode("span", null, toDisplayString(unref(communityNodeDetails).title), 1),
+            unref(communityNodeDetails).official ? (openBlock(), createBlock(_component_N8nTooltip, {
+              key: 1,
+              placement: "bottom",
+              "show-after": 500
+            }, {
+              content: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("generic.officialNode.tooltip", {
+                  interpolate: {
+                    author: unref(communityNodeDetails).companyName ?? unref(communityNodeDetails).title
+                  }
+                })), 1)
+              ]),
+              default: withCtx(() => [
+                createVNode(unref(OfficialIcon), {
+                  class: normalizeClass(_ctx.$style.officialIcon)
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
           ], 2),
           createBaseVNode("div", null, [
-            unref(communityNodeDetails)?.installed ? (openBlock(), createElementBlock("div", {
+            unref(communityNodeDetails).installed ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(_ctx.$style.installed)
             }, [
-              createVNode(_component_FontAwesomeIcon, {
+              !unref(communityNodeDetails).official ? (openBlock(), createBlock(_component_FontAwesomeIcon, {
+                key: 0,
                 class: normalizeClass(_ctx.$style.installedIcon),
                 icon: "cube"
-              }, null, 8, ["class"]),
+              }, null, 8, ["class"])) : createCommentVNode("", true),
               createVNode(unref(N8nText), {
                 color: "text-light",
                 size: "small",
@@ -2174,33 +2276,36 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })
-            ], 2)) : isOwner.value ? (openBlock(), createBlock(_component_N8nButton, {
+            ], 2)) : createCommentVNode("", true),
+            isOwner.value && !unref(communityNodeDetails).installed ? (openBlock(), createBlock(_component_N8nButton, {
               key: 1,
               loading: loading.value,
               disabled: loading.value,
-              label: "Install Node",
+              label: unref(i18n).baseText("communityNodeDetails.install"),
               size: "small",
-              onClick: onInstall,
-              "data-test-id": "install-community-node-button"
-            }, null, 8, ["loading", "disabled"])) : createCommentVNode("", true)
+              "data-test-id": "install-community-node-button",
+              onClick: onInstall
+            }, null, 8, ["loading", "disabled", "label"])) : createCommentVNode("", true)
           ])
         ], 2)
-      ], 2);
+      ], 2)) : createCommentVNode("", true);
     };
   }
 });
-const container$1 = "_container_1eqm0_123";
-const header$1 = "_header_1eqm0_131";
-const title$1 = "_title_1eqm0_137";
-const nodeIcon$1 = "_nodeIcon_1eqm0_145";
-const installedIcon = "_installedIcon_1eqm0_150";
-const installed = "_installed_1eqm0_150";
+const container$1 = "_container_1ut3v_123";
+const header$1 = "_header_1ut3v_131";
+const title$1 = "_title_1ut3v_138";
+const nodeIcon$1 = "_nodeIcon_1ut3v_146";
+const installedIcon = "_installedIcon_1ut3v_151";
+const officialIcon = "_officialIcon_1ut3v_157";
+const installed = "_installed_1ut3v_151";
 const style0$3 = {
   container: container$1,
   header: header$1,
   title: title$1,
   nodeIcon: nodeIcon$1,
   installedIcon,
+  officialIcon,
   installed
 };
 const cssModules$3 = {
@@ -2333,7 +2438,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           [REGULAR_NODE_CREATOR_VIEW]: RegularView,
           [AI_NODE_CREATOR_VIEW]: AIView,
           [AI_OTHERS_NODE_CREATOR_VIEW]: AINodesView,
-          [AI_UNCATEGORIZED_CATEGORY]: AINodesView
+          [AI_UNCATEGORIZED_CATEGORY]: AINodesView,
+          [AI_EVALUATION]: AINodesView
         };
         const itemKey = selectedView;
         const matchedView = views[itemKey];

package/dist/assets/{NodeDetailsView-BsXbcyfb.js → NodeDetailsView-BaZ1Iy38.js}

@@ -1,12 +1,11 @@
-import { d as defineComponent, r as ref, q as computed, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, bD as _sfc_main$g, w as withCtx, be as withKeys, b3 as withModifiers, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, e as createBlock, f as createCommentVNode, z as nextTick, _ as _export_sfc, as as useNDVStore, Q as useWorkflowsStore, dN as isCommunityPackageName, cU as NPM_PACKAGE_DOCS_BASE_URL, gY as BUILTIN_NODES_DOCS_URL, cW as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aP as useExternalHooks, ag as useTelemetry, by as NodeConnectionTypes, b as useRouter, bg as useClipboard, a5 as useWorkflowHelpers, a as useToast, gZ as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, g_ as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, g$ as MCP_TRIGGER_NODE_TYPE, h0 as FORM_TRIGGER_NODE_TYPE, c4 as CHAT_TRIGGER_NODE_TYPE, X as watch, F as Fragment, D as renderList, aQ as onClickOutside, aq as h, h1 as toRef, h2 as tryOnScopeDispose, h3 as toValue, h4 as isIOS, h5 as noop, h6 as isObject, h7 as isClient, bz as useNodeTypesStore, bA as useNodeHelpers, G as useDebounce, B as normalizeStyle, f5 as TitledList, bv as getNodeInputs, h8 as SWITCH_NODE_TYPE, ey as isEqual, h9 as captureException, p as useSettingsStore, au as usePostHog, bU as useCredentialsStore, u as useUsersStore, a1 as useProjectsStore, dS as OPEN_AI_API_CREDENTIAL_TYPE, ha as AI_CREDITS_EXPERIMENT, bX as useHistoryStore, ab as ProjectTypes, bw as getConnectionTypes, o as onMounted, bQ as ndvEventBus, y as onBeforeUnmount, hb as _sfc_main$h, hc as CUSTOM_NODES_DOCS_URL, aA as withDirectives, aB as vShow, gp as _sfc_main$i, hd as NodeCredentials, gr as get, he as getNodeParameters, ct as deepCopy, hf as set, hg as unset, hh as getUpdatedToolDescription, hi as RenameNodeCommand, go as isINodePropertyCollectionList, hj as isINodePropertiesList, hk as isINodePropertyOptionsList, hl as displayParameter, g4 as Draggable, bO as useThrottleFn, H as useUIStore, eF as useSlots, hm as MAIN_NODE_PANEL_WIDTH, aJ as useStorage, hn as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, x as renderSlot, cu as resolveDirective, dy as InfoTip, cZ as storeToRefs, fa as useNodeDirtiness, e8 as useNodeType, bl as usePinnedData, f6 as CanvasNodeDirtiness, aV as createSlots, bf as N8nText, ho as waitingNodeTooltip, bJ as N8nRadioButtons, et as isPresent, hp as truncate, fV as createStaticVNode, c0 as START_NODE_TYPE, gF as MANUAL_TRIGGER_NODE_TYPE, hq as CRON_NODE_TYPE, hr as INTERVAL_NODE_TYPE, bx as getNodeOutputs, hs as uniqBy, b7 as resolveDynamicComponent, aR as N8nTooltip, bF as N8nIcon, ht as isTriggerPanelObject, dH as getTriggerNodeServiceName, gL as WEBHOOK_NODE_TYPE, dB as CopyInput, C as createEventBus, f8 as Transition, V as VIEWS, ak as WORKFLOW_SETTINGS_MODAL_KEY, e_ as useDeviceSupport, hu as EXECUTABLE_TRIGGER_NODE_TYPES, ay as STICKY_NODE_TYPE, hv as BASE_NODE_SURVEY_URL, aa as EnterpriseEditionFeature, ef as dataPinningEventBus, bM as useStyles, hw as APP_MODALS_ELEMENT_ID, ai as useMessage, aj as MODAL_CONFIRM, c3 as jsonParse } from "./index-hdsPF3tl.js";
-import { i as importCurlEventBus } from "./import-curl-DQ6uPzZ1.js";
-import { R as RunData } from "./RunData-fnd-jejc.js";
-import { b as convertToDisplayDateComponents } from "./dateFormatter-LbucaaRt.js";
-import { R as RunDataAi } from "./RunDataAi-Ck3VGKP_.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-CJ1hLmv2.js";
-import "./FileSaver.min-C1p9Eies.js";
-import "./useExecutionHelpers-CEOL8_vt.js";
-import "./RunDataParsedAiContent-BczxQ63H.js";
+import { d as defineComponent, r as ref, q as computed, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, bH as _sfc_main$g, w as withCtx, be as withKeys, b3 as withModifiers, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, e as createBlock, f as createCommentVNode, z as nextTick, _ as _export_sfc, as as useNDVStore, Q as useWorkflowsStore, eO as isCommunityPackageName, dX as NPM_PACKAGE_DOCS_BASE_URL, h7 as BUILTIN_NODES_DOCS_URL, dZ as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aP as useExternalHooks, ag as useTelemetry, by as NodeConnectionTypes, b as useRouter, bg as useClipboard, a5 as useWorkflowHelpers, a as useToast, h8 as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, h9 as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, ha as MCP_TRIGGER_NODE_TYPE, hb as FORM_TRIGGER_NODE_TYPE, cH as CHAT_TRIGGER_NODE_TYPE, X as watch, F as Fragment, D as renderList, aQ as onClickOutside, aq as h, hc as toRef, hd as tryOnScopeDispose, he as toValue, hf as isIOS, hg as noop, hh as isObject, hi as isClient, bz as useNodeTypesStore, bA as useNodeHelpers, G as useDebounce, B as normalizeStyle, cv as TitledList, bv as getNodeInputs, hj as SWITCH_NODE_TYPE, cK as isEqual, hk as captureException, p as useSettingsStore, au as usePostHog, d3 as useCredentialsStore, u as useUsersStore, a1 as useProjectsStore, eT as OPEN_AI_API_CREDENTIAL_TYPE, hl as AI_CREDITS_EXPERIMENT, d6 as useHistoryStore, ab as ProjectTypes, bw as getConnectionTypes, o as onMounted, bW as ndvEventBus, y as onBeforeUnmount, hm as _sfc_main$h, hn as CUSTOM_NODES_DOCS_URL, aA as withDirectives, aB as vShow, gA as _sfc_main$i, ho as NodeCredentials, gC as get, hp as getNodeParameters, dz as deepCopy, hq as set, hr as unset, hs as getUpdatedToolDescription, ht as RenameNodeCommand, gz as isINodePropertyCollectionList, hu as isINodePropertiesList, hv as isINodePropertyOptionsList, hw as displayParameter, ge as Draggable, bU as useThrottleFn, H as useUIStore, cl as useSlots, hx as MAIN_NODE_PANEL_WIDTH, aJ as useStorage, hy as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, x as renderSlot, hz as convertToDisplayDateComponents, bN as resolveDirective, eA as InfoTip, e0 as storeToRefs, cP as useNodeDirtiness, f9 as useNodeType, bl as usePinnedData, cw as CanvasNodeDirtiness, aV as createSlots, bf as N8nText, bO as waitingNodeTooltip, bM as N8nRadioButtons, c6 as isPresent, hA as truncate, g3 as createStaticVNode, d9 as START_NODE_TYPE, gQ as MANUAL_TRIGGER_NODE_TYPE, hB as CRON_NODE_TYPE, hC as INTERVAL_NODE_TYPE, bx as getNodeOutputs, hD as uniqBy, b7 as resolveDynamicComponent, aR as N8nTooltip, bJ as N8nIcon, hE as isTriggerPanelObject, cS as getTriggerNodeServiceName, gW as WEBHOOK_NODE_TYPE, eD as CopyInput, C as createEventBus, cE as Transition, V as VIEWS, ak as WORKFLOW_SETTINGS_MODAL_KEY, ch as useDeviceSupport, hF as EXECUTABLE_TRIGGER_NODE_TYPES, ay as STICKY_NODE_TYPE, hG as BASE_NODE_SURVEY_URL, aa as EnterpriseEditionFeature, fg as dataPinningEventBus, bR as useStyles, hH as APP_MODALS_ELEMENT_ID, ai as useMessage, aj as MODAL_CONFIRM, dc as jsonParse } from "./index-_seQOCga.js";
+import { i as importCurlEventBus } from "./import-curl-NOPKm_UJ.js";
+import { R as RunData } from "./RunData-C_A8RvJy.js";
+import { R as RunDataAi } from "./RunDataAi-jmrQhuDM.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-DmQcpwus.js";
+import "./FileSaver.min-BlbZenql.js";
+import "./useExecutionHelpers-DcOjWXOv.js";
+import "./RunDataParsedAiContent-CqC8oCIw.js";
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "NodeTitle",
   props: {
@@ -1332,7 +1331,16 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     const parametersSetting = computed(() => parameters.value.filter((item) => item.isNodeSetting));
     const parametersNoneSetting = computed(
-      () => parameters.value.filter((item) => !item.isNodeSetting)
+      () => (
+        // The connection hint notice is visually hidden via CSS in NodeDetails.vue when the node has output connections
+        parameters.value.filter((item) => !item.isNodeSetting)
+      )
+    );
+    const isDisplayingCredentials = computed(
+      () => credentialsStore.getCredentialTypesNodeDescriptions("", props.nodeType).filter((credentialTypeDescription) => displayCredentials(credentialTypeDescription)).length > 0
+    );
+    const showNoParametersNotice = computed(
+      () => !isDisplayingCredentials.value && parametersNoneSetting.value.filter((item) => item.type !== "notice").length === 0
     );
     const outputPanelEditMode = computed(() => ndvStore.outputPanelEditMode);
     const isCommunityNode = computed(() => !!node2.value && isCommunityPackageName(node2.value.type));
@@ -1918,6 +1926,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       importCurlEventBus.off("setHttpNodeParameters", setHttpNodeParameters);
       ndvEventBus.off("updateParameterValue", valueChanged);
     });
+    function displayCredentials(credentialTypeDescription) {
+      if (credentialTypeDescription.displayOptions === void 0) {
+        return true;
+      }
+      return !!node2.value && nodeHelpers.displayParameter(node2.value.parameters, credentialTypeDescription, "", node2.value);
+    }
     return (_ctx, _cache) => {
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
       const _component_n8n_text = resolveComponent("n8n-text");
@@ -2067,7 +2081,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"])) : createCommentVNode("", true),
-            parametersNoneSetting.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            showNoParametersNotice.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
               createVNode(_component_n8n_text, null, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.thisNodeDoesNotHaveAnyParameters")), 1)
@@ -2143,7 +2157,7 @@ const style0$8 = {
 const cssModules$9 = {
   "$style": style0$8
 };
-const NodeSettings = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$9], ["__scopeId", "data-v-d0343287"]]);
+const NodeSettings = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$9], ["__scopeId", "data-v-e2263c2a"]]);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "PanelDragButton",
   props: {
@@ -3170,9 +3184,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             color: "text-dark",
             size: "large"
           }, {
-            default: withCtx(() => _cache[6] || (_cache[6] = [
-              createTextVNode("Waiting for input")
-            ])),
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("ndv.output.waitNodeWaiting.title")), 1)
+            ]),
             _: 1
           }),
           withDirectives(createVNode(unref(N8nText), null, null, 512), [
@@ -3852,9 +3866,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             color: "text-dark",
             size: "large"
           }, {
-            default: withCtx(() => _cache[3] || (_cache[3] = [
-              createTextVNode("Waiting for input")
-            ])),
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("ndv.output.waitNodeWaiting.title")), 1)
+            ]),
             _: 1
           }),
           withDirectives(createVNode(unref(N8nText), null, null, 512), [