n8n-editor-ui 1.100.0 → 1.101.0

package/dist/assets/{NodeCreator-4g3-zQj6.js → NodeCreator-D7xT3ogw.js}

@@ -1,5 +1,122 @@
-import { d as defineComponent, e1 as reactive, o as onMounted, aX as useExternalHooks, z as onBeforeUnmount, bN 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, dy as useNodeCreatorStore, ib as useViewStacks, fY as useNodeType, bw as useNodeTypesStore, r as ref, x as computed, ic as DEFAULT_SUBCATEGORY, id as CREDENTIAL_ONLY_NODE_PREFIX, c as useI18n, ie as shouldShowCommunityNodeDetails, ig as HITL_SUBCATEGORY, cQ as isCommunityPackageName, ih as isNodePreviewKey, ii as removePreviewToken, bY as resolveDirective, e as createBlock, b1 as createSlots, w as withCtx, aI as withDirectives, aJ as vShow, D as normalizeStyle, bF as _sfc_main$o, bE as withModifiers, m as unref, aZ as N8nTooltip, l as createTextVNode, t as toDisplayString, cT as COMMUNITY_NODES_INSTALLATION_DOCS_URL, ep as DRAG_EVENT_DATA_KEY, am as useTelemetry, ij as camelCase, bK as mergeProps, hB as WEBHOOK_NODE_TYPE, ik as getNewNodePosition, cv as NODE_SIZE, u as useUsersStore, bH as N8nIcon, p as N8nText, q as N8nButton, A as renderSlot, il as useKeyboardNavigation, T as useWorkflowsStore, $ as watch, bO as normalizeProps, bP as guardReactiveProps, bT as onUnmounted, F as Fragment, G as renderList, im as REGULAR_NODE_CREATOR_VIEW, eS as useCommunityNodesStore, fr as i18n, d6 as captureException, b as useRouter, a_ as N8nLink, V as VIEWS, dN as CUSTOM_API_CALL_KEY, hK as TRIGGER_NODE_CREATOR_VIEW, hy as OPEN_AI_NODE_TYPE, hx as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, io as withMemo, ip as HTTP_REQUEST_NODE_TYPE, gQ as createStaticVNode, iq as REQUEST_NODE_FORM_URL, ir as useCalloutHelpers, is as filterAndSearchNodes, it as getRootSearchCallouts, iu as prepareCommunityNodeDetailsViewStack, d_ as getNodeIconSource, hD as transformNodeType, iv as AINodesView, iw as AIView, ix as RegularView, iy as TriggerView, iz as flattenCreateElements, dT as SEND_AND_WAIT_OPERATION, iA as AI_OTHERS_NODE_CREATOR_VIEW, iB as AI_NODE_CREATOR_VIEW, a as useToast, d7 as useCredentialsStore, I as useDebounce, dC as Transition, iC as AI_EVALUATION, iD as AI_UNCATEGORIZED_CATEGORY, J as useUIStore, fF as useAssistantStore, dA as useBuilderStore, a$ as _sfc_main$p, iE as SlideTransition, iF as useActionsGenerator } from "./index-ZImlcrmd.js";
-import { u as useActions } from "./NodeCreation-T5AfZVS1.js";
+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";
+const _hoisted_1$b = ["textContent"];
+const _hoisted_2$4 = ["textContent"];
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "NodeCreatorNode",
+  props: {
+    active: { type: Boolean },
+    isAi: { type: Boolean },
+    isTrigger: { type: Boolean },
+    description: {},
+    tag: {},
+    title: {},
+    showActionArrow: { type: Boolean },
+    isOfficial: { type: Boolean }
+  },
+  emits: ["tooltipClick"],
+  setup(__props) {
+    const { t } = useI18n();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: {
+          [_ctx.$style.creatorNode]: true,
+          [_ctx.$style.hasAction]: !_ctx.showActionArrow
+        }
+      }, _ctx.$attrs), [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.nodeIcon)
+        }, [
+          renderSlot(_ctx.$slots, "icon", {}, void 0, true)
+        ], 2),
+        createBaseVNode("div", null, [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.details)
+          }, [
+            createBaseVNode("span", {
+              class: normalizeClass(_ctx.$style.name),
+              "data-test-id": "node-creator-item-name",
+              textContent: toDisplayString(_ctx.title)
+            }, null, 10, _hoisted_1$b),
+            _ctx.tag ? (openBlock(), createBlock(unref(ElTag), {
+              key: 0,
+              class: normalizeClass(_ctx.$style.tag),
+              size: "small",
+              round: "",
+              type: _ctx.tag.type ?? "success"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.tag.text), 1)
+              ]),
+              _: 1
+            }, 8, ["class", "type"])) : createCommentVNode("", true),
+            _ctx.isTrigger ? (openBlock(), createBlock(unref(FontAwesomeIcon), {
+              key: 1,
+              icon: "bolt",
+              size: "xs",
+              title: unref(t)("nodeCreator.nodeItem.triggerIconTitle"),
+              class: normalizeClass(_ctx.$style.triggerIcon)
+            }, null, 8, ["title", "class"])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "extraDetails", {}, void 0, true)
+          ], 2),
+          _ctx.description ? (openBlock(), createElementBlock("p", {
+            key: 0,
+            "data-test-id": "node-creator-item-description",
+            class: normalizeClass(_ctx.$style.description),
+            textContent: toDisplayString(_ctx.description)
+          }, null, 10, _hoisted_2$4)) : createCommentVNode("", true)
+        ]),
+        renderSlot(_ctx.$slots, "dragContent", {}, void 0, true),
+        _ctx.showActionArrow ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.panelIcon)
+        }, [
+          createVNode(unref(FontAwesomeIcon), {
+            class: normalizeClass(_ctx.$style.panelArrow),
+            icon: "arrow-right"
+          }, null, 8, ["class"])
+        ], 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 style0$m = {
+  creatorNode,
+  hasAction,
+  panelIcon,
+  tag,
+  tooltipIcon: tooltipIcon$1,
+  panelArrow,
+  details,
+  nodeIcon: nodeIcon$5,
+  name: name$1,
+  description: description$1,
+  aiIcon,
+  triggerIcon: triggerIcon$1
+};
+const cssModules$m = {
+  "$style": style0$m
+};
+const NodeCreatorNode = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__cssModules", cssModules$m], ["__scopeId", "data-v-4fb9df72"]]);
 const _hoisted_1$a = ["placeholder", "value"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "SearchBar",
@@ -120,7 +237,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const i18n2 = useI18n();
+    const i18n2 = useI18n$1();
     const telemetry = useTelemetry();
     const { actions } = useNodeCreatorStore();
     const { getAddedNodesAndConnections } = useActions();
@@ -189,7 +306,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const author = computed(() => {
       return communityNodeType.value?.displayName ?? displayName.value;
     });
-    const tag = computed(() => {
+    const tag2 = computed(() => {
       if (props.nodeType.tag) {
         return { text: props.nodeType.tag };
       }
@@ -222,8 +339,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_n8n_icon = resolveComponent("n8n-icon");
-      const _component_N8nNodeCreatorNode = resolveComponent("N8nNodeCreatorNode");
+      const _component_n8n_icon = N8nIcon;
+      const _component_N8nNodeCreatorNode = NodeCreatorNode;
       const _directive_n8n_html = resolveDirective("n8n-html");
       return openBlock(), createBlock(_component_N8nNodeCreatorNode, {
         draggable: !showActionArrow.value,
@@ -234,7 +351,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         "is-trigger": isTrigger.value,
         "is-official": isOfficial.value,
         "data-test-id": dataTestId.value,
-        tag: tag.value,
+        tag: tag2.value,
         onDragstart: onDragStart,
         onDragend: onDragEnd
       }, createSlots({
@@ -243,7 +360,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass(_ctx.$style.subNodeBackground)
           }, null, 2)) : createCommentVNode("", true),
-          createVNode(_sfc_main$o, {
+          createVNode(_sfc_main$p, {
             class: normalizeClass(_ctx.$style.nodeIcon),
             "node-type": _ctx.nodeType
           }, null, 8, ["class", "node-type"])
@@ -255,7 +372,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.draggable),
             style: normalizeStyle(draggableStyle.value)
           }, [
-            createVNode(_sfc_main$o, {
+            createVNode(_sfc_main$p, {
               "node-type": _ctx.nodeType,
               size: 40,
               shrink: false,
@@ -355,11 +472,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const i18n2 = useI18n();
+    const i18n2 = useI18n$1();
     const subcategoryName = computed(() => camelCase(props.item.subcategory || props.item.title));
     return (_ctx, _cache) => {
-      const _component_n8n_node_icon = resolveComponent("n8n-node-icon");
-      const _component_n8n_node_creator_node = resolveComponent("n8n-node-creator-node");
+      const _component_n8n_node_icon = N8nNodeIcon;
+      const _component_n8n_node_creator_node = NodeCreatorNode;
       return openBlock(), createBlock(_component_n8n_node_creator_node, {
         class: normalizeClass(_ctx.$style.subCategory),
         title: unref(i18n2).baseText(`nodeCreator.subcategoryNames.${subcategoryName.value}`),
@@ -482,7 +599,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     }
     const { draggableDataTransfer: draggableDataTransfer2, dragging } = toRefs(state);
     return (_ctx, _cache) => {
-      const _component_n8n_node_creator_node = resolveComponent("n8n-node-creator-node");
+      const _component_n8n_node_creator_node = NodeCreatorNode;
       return openBlock(), createBlock(_component_n8n_node_creator_node, {
         draggable: "",
         class: normalizeClass(_ctx.$style.action),
@@ -502,7 +619,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.draggable),
             style: normalizeStyle(draggableStyle.value)
           }, [
-            createVNode(_sfc_main$o, {
+            createVNode(_sfc_main$p, {
               "node-type": _ctx.nodeType,
               size: 40,
               shrink: false,
@@ -514,7 +631,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           ])
         ]),
         icon: withCtx(() => [
-          createVNode(_sfc_main$o, { "node-type": _ctx.action }, null, 8, ["node-type"])
+          createVNode(_sfc_main$p, { "node-type": _ctx.action }, null, 8, ["node-type"])
         ]),
         _: 1
       }, 8, ["class", "title", "is-trigger"]);
@@ -542,8 +659,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      const _component_n8n_node_icon = resolveComponent("n8n-node-icon");
-      const _component_n8n_node_creator_node = resolveComponent("n8n-node-creator-node");
+      const _component_n8n_node_icon = N8nNodeIcon;
+      const _component_n8n_node_creator_node = NodeCreatorNode;
       return openBlock(), createBlock(_component_n8n_node_creator_node, {
         class: normalizeClass(_ctx.$style.view),
         title: _ctx.view.title,
@@ -580,8 +697,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      const _component_n8n_node_icon = resolveComponent("n8n-node-icon");
-      const _component_n8n_node_creator_node = resolveComponent("n8n-node-creator-node");
+      const _component_n8n_node_icon = N8nNodeIcon;
+      const _component_n8n_node_creator_node = NodeCreatorNode;
       return openBlock(), createBlock(_component_n8n_node_creator_node, {
         class: normalizeClass(_ctx.$style.creatorLink),
         title: _ctx.link.title,
@@ -655,7 +772,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     isPreview: { type: Boolean }
   },
   setup(__props) {
-    const i18n2 = useI18n();
+    const i18n2 = useI18n$1();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         _ctx.isPreview ? (openBlock(), createBlock(CommunityNodeInstallHint, {
@@ -774,7 +891,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const { registerKeyHook } = useKeyboardNavigation();
     const { workflowId } = useWorkflowsStore();
     const nodeCreatorStore = useNodeCreatorStore();
-    const i18n2 = useI18n();
+    const i18n2 = useI18n$1();
     const activeItemId = computed(() => useKeyboardNavigation()?.activeItemId);
     const actionCount = computed(() => props.elements.filter(({ type }) => type === "action").length);
     const expanded = ref(props.expanded ?? false);
@@ -827,8 +944,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       handler: arrowLeft
     });
     return (_ctx, _cache) => {
-      const _component_n8n_icon = resolveComponent("n8n-icon");
-      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _component_n8n_icon = N8nIcon;
+      const _component_n8n_tooltip = N8nTooltip;
       const _directive_n8n_html = resolveDirective("n8n-html");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.categorizedItemsRenderer),
@@ -920,8 +1037,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      const _component_n8n_node_icon = resolveComponent("n8n-node-icon");
-      const _component_n8n_node_creator_node = resolveComponent("n8n-node-creator-node");
+      const _component_n8n_node_icon = N8nNodeIcon;
+      const _component_n8n_node_creator_node = NodeCreatorNode;
       return openBlock(), createBlock(_component_n8n_node_creator_node, {
         class: normalizeClass(_ctx.$style.creatorOpenTemplate),
         title: _ctx.openTemplate.title,
@@ -1036,7 +1153,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      const _component_n8n_loading = resolveComponent("n8n-loading");
+      const _component_n8n_loading = N8nLoading;
       return _ctx.elements.length > 0 ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.itemsRenderer),
@@ -1533,7 +1650,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const telemetry = useTelemetry();
-    const i18n2 = useI18n();
+    const i18n2 = useI18n$1();
     const { userActivated, isInstanceOwner } = useUsersStore();
     const { popViewStack, updateCurrentViewStack } = useViewStacks();
     const { registerKeyHook } = useKeyboardNavigation();
@@ -1681,8 +1798,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       trackActionsView();
     });
     return (_ctx, _cache) => {
-      const _component_n8n_callout = resolveComponent("n8n-callout");
-      const _component_n8n_info_tip = resolveComponent("n8n-info-tip");
+      const _component_n8n_callout = N8nCallout;
+      const _component_n8n_info_tip = InfoTip;
       const _directive_n8n_html = resolveDirective("n8n-html");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({
@@ -1877,9 +1994,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     rootView: {}
   },
   setup(__props) {
-    const i18n2 = useI18n();
+    const i18n2 = useI18n$1();
     return (_ctx, _cache) => {
-      const _component_n8n_link = resolveComponent("n8n-link");
+      const _component_n8n_link = N8nLink;
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({ [_ctx.$style.noResults]: true, [_ctx.$style.iconless]: !_ctx.showIcon }),
@@ -1975,7 +2092,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: ["nodeTypeSelected"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
-    const i18n2 = useI18n();
+    const i18n2 = useI18n$1();
     const calloutHelpers = useCalloutHelpers();
     const { mergedNodes, actions, onSubcategorySelected } = useNodeCreatorStore();
     const { pushViewStack, popViewStack, isAiSubcategoryView } = useViewStacks();
@@ -2004,9 +2121,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       return nodeActions;
     }
-    function getHumanInTheLoopActions(nodeActions) {
-      return nodeActions.filter((action2) => action2.actionKey === SEND_AND_WAIT_OPERATION);
-    }
     function onSelected(item) {
       if (item.type === "subcategory") {
         const subcategoryKey = camelCase(item.properties.title);
@@ -2287,10 +2401,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      const _component_NodeIcon = _sfc_main$o;
-      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      const _component_NodeIcon = _sfc_main$p;
+      const _component_N8nTooltip = N8nTooltip;
       const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
-      const _component_N8nButton = resolveComponent("N8nButton");
+      const _component_N8nButton = N8nButton;
       return unref(communityNodeDetails) ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.container)
@@ -2435,7 +2549,7 @@ const _hoisted_2 = ["textContent"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "NodesListPanel",
   setup(__props) {
-    const i18n2 = useI18n();
+    const i18n2 = useI18n$1();
     const { callDebounced } = useDebounce();
     const { mergedNodes } = useNodeCreatorStore();
     const { pushViewStack, popViewStack, updateCurrentViewStack } = useViewStacks();
@@ -2540,7 +2654,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-      const _component_n8n_notice = resolveComponent("n8n-notice");
+      const _component_n8n_notice = N8nNotice;
       return viewStacks.value.length > 0 ? (openBlock(), createBlock(Transition, {
         key: 0,
         name: `panel-slide-${activeViewStack.value.transitionDirection}`,
@@ -2575,7 +2689,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     size: "2x"
                   }, null, 8, ["class"])
                 ], 2)) : createCommentVNode("", true),
-                activeViewStack.value.nodeIcon ? (openBlock(), createBlock(_sfc_main$o, {
+                activeViewStack.value.nodeIcon ? (openBlock(), createBlock(_sfc_main$p, {
                   key: 1,
                   class: normalizeClass(_ctx.$style.nodeIcon),
                   "icon-source": activeViewStack.value.nodeIcon,
@@ -2788,7 +2902,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             [_ctx.$style.active]: showScrim.value
           })
         }, null, 2),
-        _ctx.active ? (openBlock(), createBlock(_sfc_main$p, {
+        _ctx.active ? (openBlock(), createBlock(_sfc_main$q, {
           key: 0,
           class: normalizeClass(_ctx.$style.close),
           type: "secondary",

package/dist/assets/{NodeCreator-B1jJcOYT.css → NodeCreator-Dk0sNXFZ.css}

@@ -112,6 +112,218 @@
 --------------------------*/
 /* Break-point
 --------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._creatorNode_12f5d_123 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  cursor: pointer;
+  z-index: 1;
+  padding: var(--spacing-xs) var(--spacing-2xs) var(--spacing-xs) 0;
+}
+._creatorNode_12f5d_123._hasAction_12f5d_130 {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+._creatorNode_12f5d_123:hover ._panelIcon_12f5d_134 {
+  color: var(--action-arrow-color-hover, var(--color-text-light));
+}
+:root ._tag_12f5d_138 {
+  margin-left: var(--spacing-2xs);
+  line-height: var(--font-size-3xs);
+  font-size: var(--font-size-3xs);
+  padding: 0.1875rem var(--spacing-3xs) var(--spacing-4xs) var(--spacing-3xs);
+  height: auto;
+}
+:root ._tag_12f5d_138 span {
+  font-size: var(--font-size-2xs) !important;
+}
+._panelIcon_12f5d_134 {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-left: var(--spacing-2xs);
+  color: var(--action-arrow-color, var(--color-text-lighter));
+  cursor: pointer;
+  background: transparent;
+  border: none;
+}
+._tooltipIcon_12f5d_161 {
+  margin-left: var(--spacing-3xs);
+  color: var(--color-text-base);
+  font-size: var(--font-size-2xs);
+}
+._panelArrow_12f5d_167 {
+  font-size: var(--font-size-2xs);
+  width: 12px;
+}
+._details_12f5d_172 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: var(--spacing-3xs);
+}
+._nodeIcon_12f5d_178 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-right: var(--node-icon-margin-right, var(--spacing-s));
+}
+._name_12f5d_183 {
+  font-weight: var(--node-creator-name-weight, var(--font-weight-medium));
+  font-size: var(--node-creator-name-size, var(--font-size-s));
+  line-height: 1.115rem;
+}
+._description_12f5d_189 {
+  margin-top: var(--spacing-5xs);
+  font-size: var(--font-size-2xs);
+  line-height: 1rem;
+  font-weight: var(--font-weight-regular);
+  color: var(--node-creator-description-colos, var(--color-text-base));
+}
+._aiIcon_12f5d_197 {
+  color: var(--color-secondary);
+}
+._triggerIcon_12f5d_201 {
+  color: var(--color-primary);
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
 /* Break-points
  -------------------------- */
 /* Scrollbar