n8n-editor-ui 1.100.0 → 1.101.0

package/dist/assets/{NodeDetailsView-DWA1ZgwG.css → NodeDetailsView-BaIj2qAa.css}

@@ -112,6 +112,247 @@
 --------------------------*/
 /* Break-point
 --------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._pulseContainer_1w2uc_123 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: 240px;
+  width: 100%;
+}
+._pulse_1w2uc_123 {
+  width: 74px;
+  height: 74px;
+  border-radius: 50%;
+  -webkit-box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+          box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+  -webkit-animation: _pulse_1w2uc_123 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
+          animation: _pulse_1w2uc_123 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
+}
+._pulse2_1w2uc_139 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 74px;
+  height: 74px;
+  border-radius: 50%;
+  -webkit-box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+          box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+  -webkit-animation: _pulse2_1w2uc_139 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
+          animation: _pulse2_1w2uc_139 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
+}
+@-webkit-keyframes _pulse_1w2uc_123 {
+0% {
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+}
+58.33% {
+    -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+            box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+}
+66.6% {
+    -webkit-box-shadow: 0 0 0 66px transparent;
+            box-shadow: 0 0 0 66px transparent;
+}
+66.7% {
+    -webkit-box-shadow: 0 0 0 0 transparent;
+            box-shadow: 0 0 0 0 transparent;
+}
+}
+@keyframes _pulse_1w2uc_123 {
+0% {
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+}
+58.33% {
+    -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+            box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+}
+66.6% {
+    -webkit-box-shadow: 0 0 0 66px transparent;
+            box-shadow: 0 0 0 66px transparent;
+}
+66.7% {
+    -webkit-box-shadow: 0 0 0 0 transparent;
+            box-shadow: 0 0 0 0 transparent;
+}
+}
+@-webkit-keyframes _pulse2_1w2uc_139 {
+0% {
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+}
+16.66% {
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+}
+50% {
+    -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+            box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+}
+83.3% {
+    -webkit-box-shadow: 0 0 0 66px transparent;
+            box-shadow: 0 0 0 66px transparent;
+}
+83.4% {
+    -webkit-box-shadow: 0 0 0 0 transparent;
+            box-shadow: 0 0 0 0 transparent;
+}
+}
+@keyframes _pulse2_1w2uc_139 {
+0% {
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+}
+16.66% {
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+}
+50% {
+    -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+            box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+}
+83.3% {
+    -webkit-box-shadow: 0 0 0 66px transparent;
+            box-shadow: 0 0 0 66px transparent;
+}
+83.4% {
+    -webkit-box-shadow: 0 0 0 0 transparent;
+            box-shadow: 0 0 0 0 transparent;
+}
+}/* 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

package/dist/assets/{NodeDetailsView-BvClCeyF.js → NodeDetailsView-DB-5JPUD.js}

@@ -1,15 +1,50 @@
-import { d as defineComponent, h as resolveComponent, e as createBlock, g as openBlock, gY as Draggable, n as normalizeClass, w as withCtx, k as createBaseVNode, i as createElementBlock, f as createCommentVNode, j as createVNode, _ as _export_sfc, T as useWorkflowsStore, bw as useNodeTypesStore, x as computed, bf as NodeConnectionTypes, o as onMounted, z as onBeforeUnmount, F as Fragment, G as renderList, bF as _sfc_main$d, l as createTextVNode, t as toDisplayString, c4 as useThrottleFn, aA as useNDVStore, J as useUIStore, r as ref, cB as useSlots, ce as ndvEventBus, $ as watch, hO as MAIN_NODE_PANEL_WIDTH, aR as useStorage, hP as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, m as unref, D as normalizeStyle, A as renderSlot, B as nextTick, hQ as convertToDisplayDateComponents, bY as resolveDirective, fs as InfoTip, aI as withDirectives, c as useI18n, bd as emptyTokenUsageData, bc as addTokenUsageData, bz as getDefaultExportFromCjs, hR as requireCapitalize, g2 as parseAiContent, hS as FontAwesomeIcon, bL as N8nRadioButtons, by as formatTokenUsageCount, hT as ElTree, eV as storeToRefs, v as useSettingsStore, dM as useNodeDirtiness, fY as useNodeType, bp as usePinnedData, cN as CanvasNodeDirtiness, b1 as createSlots, p as N8nText, bZ as waitingNodeTooltip, aJ as vShow, am as useTelemetry, cq as isPresent, hU as truncate, gQ as createStaticVNode, bx as START_NODE_TYPE, hv as MANUAL_TRIGGER_NODE_TYPE, hV as CRON_NODE_TYPE, hW as INTERVAL_NODE_TYPE, d3 as getNodeInputs, dP as getNodeOutputs, hX as uniqBy, bQ as resolveDynamicComponent, bE as withModifiers, aZ as N8nTooltip, dc as _sfc_main$g, bH as N8nIcon, b as useRouter, a9 as useWorkflowHelpers, hY as isTriggerPanelObject, dQ as getTriggerNodeServiceName, bo as CHAT_TRIGGER_NODE_TYPE, hB as WEBHOOK_NODE_TYPE, cX as FORM_TRIGGER_NODE_TYPE, fv as CopyInput, E as createEventBus, dC as Transition, V as VIEWS, aq as WORKFLOW_SETTINGS_MODAL_KEY, br as useNodeHelpers, dG as useDeviceSupport, hZ as EXECUTABLE_TRIGGER_NODE_TYPES, aG as STICKY_NODE_TYPE, h_ as BASE_NODE_SURVEY_URL, ae as EnterpriseEditionFeature, g4 as dataPinningEventBus, c1 as useStyles, h$ as APP_MODALS_ELEMENT_ID, ao as useMessage, ap as MODAL_CONFIRM, e9 as jsonParse, aX as useExternalHooks } from "./index-ZImlcrmd.js";
-import { N as NodeSettings } from "./NodeView-DWCMsw1d.js";
-import { b as _sfc_main$e, c as ViewSubExecution, _ as _sfc_main$f, R as RunData } from "./RunData-C-tqFRZO.js";
-import RunDataAi$1 from "./RunDataParsedAiContent-CGCVmkuV.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-CnaSqjqM.js";
-import "./useKeybindings-Dl2fatxs.js";
-import "./import-curl-Q2R3Aa93.js";
-import "./global-link-actions-CudV1inR.js";
-import "./useExecutionDebugging-Bw29Xcz_.js";
-import "./useBeforeUnload-CX6OL9lX.js";
-import "./FileSaver.min-CxOI-Vgx.js";
-import "./useExecutionHelpers-DfJOrkT9.js";
+import { d as defineComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, J as renderSlot, _ as _export_sfc, h as resolveComponent, e as createBlock, hn as Draggable, w as withCtx, f as createCommentVNode, j as createVNode, a3 as useWorkflowsStore, bN as useNodeTypesStore, x as computed, bw as NodeConnectionTypes, o as onMounted, I as onBeforeUnmount, F as Fragment, y as renderList, Z as N8nTooltip, bW as _sfc_main$e, l as createTextVNode, t as toDisplayString, ch as useThrottleFn, aL as useNDVStore, S as useUIStore, r as ref, cO as useSlots, cr as ndvEventBus, a9 as watch, i8 as MAIN_NODE_PANEL_WIDTH, b6 as useStorage, i9 as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, m as unref, O as normalizeStyle, ce as N8nResizeWrapper, K as nextTick, ia as convertToDisplayDateComponents, ca as resolveDirective, f1 as InfoTip, aT as withDirectives, c as useI18n, p as N8nText, bu as emptyTokenUsageData, bt as addTokenUsageData, bQ as getDefaultExportFromCjs, ib as requireCapitalize, gv as parseAiContent, ic as FontAwesomeIcon, H as N8nRadioButtons, bP as formatTokenUsageCount, id as ElTree, fp as storeToRefs, v as useSettingsStore, e4 as useNodeDirtiness, gp as useNodeType, bG as usePinnedData, c_ as CanvasNodeDirtiness, bh as createSlots, cb as waitingNodeTooltip, aU as vShow, ax as useTelemetry, cD as isPresent, fd as N8nSelect, fe as _sfc_main$h, ie as truncate, he as createStaticVNode, bO as START_NODE_TYPE, hR as MANUAL_TRIGGER_NODE_TYPE, ig as CRON_NODE_TYPE, ih as INTERVAL_NODE_TYPE, dg as getNodeInputs, e7 as getNodeOutputs, ii as uniqBy, c2 as resolveDynamicComponent, bV as withModifiers, dE as _sfc_main$i, aW as N8nIcon, b as useRouter, aj as useWorkflowHelpers, ij as isTriggerPanelObject, e8 as getTriggerNodeServiceName, bF as CHAT_TRIGGER_NODE_TYPE, hX as WEBHOOK_NODE_TYPE, d8 as FORM_TRIGGER_NODE_TYPE, fY as CopyInput, q as N8nButton, eP as _sfc_main$j, N as N8nHeading, a0 as N8nLink, P as createEventBus, dW as Transition, V as VIEWS, aB as WORKFLOW_SETTINGS_MODAL_KEY, bI as useNodeHelpers, d_ as useDeviceSupport, ik as EXECUTABLE_TRIGGER_NODE_TYPES, aR as STICKY_NODE_TYPE, il as BASE_NODE_SURVEY_URL, ao as EnterpriseEditionFeature, gx as dataPinningEventBus, cf as useStyles, im as APP_MODALS_ELEMENT_ID, az as useMessage, aA as MODAL_CONFIRM, ey as jsonParse, bf as useExternalHooks } from "./index-7S5ADieN.js";
+import { N as NodeSettings } from "./NodeView-DoR46iB5.js";
+import { b as _sfc_main$f, c as ViewSubExecution, _ as _sfc_main$g, R as RunData } from "./RunData-DG20AzLo.js";
+import RunDataAi$1 from "./RunDataParsedAiContent-DRO1Bjsh.js";
+import { N as N8nInfoAccordion } from "./InfoAccordion-CEk3XG5b.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-BKz3N1SO.js";
+import "./ActionDropdown-BujIG0Jq.js";
+import "./useKeybindings-CV0VsjNP.js";
+import "./import-curl-DD21H3kK.js";
+import "./global-link-actions-olwfH36z.js";
+import "./useExecutionDebugging-DM4nhx6D.js";
+import "./useBeforeUnload-DveXGtGN.js";
+import "./FileSaver.min-C5wzcK59.js";
+import "./useExecutionHelpers-BfF56crp.js";
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...{ name: "N8nPulse" },
+  __name: "Pulse",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["pulse", _ctx.$style.pulseContainer])
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.pulse)
+        }, [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.pulse2)
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const pulseContainer = "_pulseContainer_1w2uc_123";
+const pulse = "_pulse_1w2uc_123";
+const pulse2 = "_pulse2_1w2uc_139";
+const style0$b = {
+  pulseContainer,
+  pulse,
+  pulse2
+};
+const cssModules$c = {
+  "$style": style0$b
+};
+const N8nPulse = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__cssModules", cssModules$c]]);
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "PanelDragButton",
   props: {
@@ -197,7 +232,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       moveNodeDirection
     });
     return (_ctx, _cache) => {
-      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _component_n8n_tooltip = N8nTooltip;
       return openBlock(), createElementBlock("aside", {
         class: normalizeClass(_ctx.$style.floatingNodes)
       }, [
@@ -225,7 +260,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                       "data-node-placement": connectionGroup,
                       onClick: ($event) => emit("switchSelectedNode", node2.name)
                     }, [
-                      createVNode(_sfc_main$d, {
+                      createVNode(_sfc_main$e, {
                         "node-type": nodeType,
                         "node-name": node2.name,
                         "tooltip-position": tooltipPositionMapper[connectionGroup],
@@ -526,7 +561,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       storePositionData();
     }
     return (_ctx, _cache) => {
-      const _component_N8nResizeWrapper = resolveComponent("N8nResizeWrapper");
+      const _component_N8nResizeWrapper = N8nResizeWrapper;
       return openBlock(), createElementBlock("div", null, [
         unref(ndvStore).activeNode ? (openBlock(), createBlock(NDVFloatingNodes, {
           key: 0,
@@ -640,7 +675,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_text = N8nText;
       const _directive_n8n_html = resolveDirective("n8n-html");
       return _ctx.hasStaleData ? (openBlock(), createBlock(unref(InfoTip), {
         key: 0,
@@ -872,7 +907,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       renderType.value = value;
     }
     return (_ctx, _cache) => {
-      const _component_NodeErrorView = _sfc_main$e;
+      const _component_NodeErrorView = _sfc_main$f;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.block)
       }, [
@@ -994,15 +1029,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return executionRunData.value?.[props.inputData.node]?.[props.inputData.runIndex]?.error;
     });
     return (_ctx, _cache) => {
-      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
-      const _component_n8n_info_tip = resolveComponent("n8n-info-tip");
+      const _component_n8n_tooltip = N8nTooltip;
+      const _component_n8n_info_tip = InfoTip;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
         createBaseVNode("header", {
           class: normalizeClass(_ctx.$style.header)
         }, [
-          runMeta.value?.node ? (openBlock(), createBlock(_sfc_main$d, {
+          runMeta.value?.node ? (openBlock(), createBlock(_sfc_main$e, {
             key: 0,
             class: normalizeClass(_ctx.$style.nodeIcon),
             "node-type": runMeta.value.node,
@@ -1055,7 +1090,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   "tooltip-placement": "right"
                 }, {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$f, { "consumed-tokens": consumedTokensSum.value }, null, 8, ["consumed-tokens"])
+                    createVNode(_sfc_main$g, { "consumed-tokens": consumedTokensSum.value }, null, 8, ["consumed-tokens"])
                   ]),
                   _: 1
                 })
@@ -1163,8 +1198,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     watch(() => props.runIndex, selectFirst, { immediate: true });
     return (_ctx, _cache) => {
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
-      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_tooltip = N8nTooltip;
+      const _component_n8n_text = N8nText;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
@@ -1210,7 +1245,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       createBaseVNode("span", {
                         class: normalizeClass(_ctx.$style.leafLabel)
                       }, [
-                        createVNode(_sfc_main$d, {
+                        createVNode(_sfc_main$e, {
                           "node-type": getNodeType(data.node),
                           size: 17,
                           class: normalizeClass(_ctx.$style.nodeIcon)
@@ -1482,13 +1517,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const onRunIndexChange = (run) => {
       emit("runChange", run);
     };
-    const onUpdateOutputMode = (newOutputMode) => {
-      if (newOutputMode === OUTPUT_TYPE.LOGS) {
-        ndvEventBus.emit("setPositionByName", "minLeft");
-      } else {
-        ndvEventBus.emit("setPositionByName", "initial");
-      }
-    };
     onMounted(() => {
       outputMode.value = defaultOutputMode.value;
     });
@@ -1541,10 +1569,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             hasAiMetadata.value ? (openBlock(), createBlock(unref(N8nRadioButtons), {
               key: 0,
               modelValue: outputMode.value,
-              "onUpdate:modelValue": [
-                _cache[0] || (_cache[0] = ($event) => outputMode.value = $event),
-                onUpdateOutputMode
-              ],
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => outputMode.value = $event),
               "data-test-id": "ai-output-mode-select",
               options: outputTypes.value
             }, null, 8, ["modelValue", "options"])) : (openBlock(), createElementBlock("span", {
@@ -1779,8 +1804,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       emit("update:model-value", value);
     }
     return (_ctx, _cache) => {
-      const _component_n8n_option = resolveComponent("n8n-option");
-      const _component_n8n_select = resolveComponent("n8n-select");
+      const _component_n8n_option = _sfc_main$h;
+      const _component_n8n_select = N8nSelect;
       return openBlock(), createBlock(_component_n8n_select, {
         "model-value": _ctx.modelValue,
         "no-data-text": unref(i18n).baseText("ndv.input.noNodesFound"),
@@ -1793,7 +1818,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": onInputNodeChange
       }, {
         prefix: withCtx(() => [
-          createVNode(_sfc_main$d, {
+          createVNode(_sfc_main$e, {
             disabled: selectedInputNode.value?.disabled,
             "node-type": selectedInputNodeType.value,
             size: 14,
@@ -1810,7 +1835,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               "data-test-id": "ndv-input-option"
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$d, {
+                createVNode(_sfc_main$e, {
                   disabled: node2.disabled,
                   "node-type": type,
                   size: 14,
@@ -2216,7 +2241,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               default: withCtx(() => [
-                createVNode(_sfc_main$g, {
+                createVNode(_sfc_main$i, {
                   type: "secondary",
                   "hide-icon": "",
                   transparent: true,
@@ -2664,13 +2689,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emit("execute");
     };
     return (_ctx, _cache) => {
-      const _component_n8n_pulse = resolveComponent("n8n-pulse");
-      const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_n8n_button = resolveComponent("n8n-button");
-      const _component_n8n_spinner = resolveComponent("n8n-spinner");
-      const _component_n8n_heading = resolveComponent("n8n-heading");
-      const _component_n8n_link = resolveComponent("n8n-link");
-      const _component_n8n_info_accordion = resolveComponent("n8n-info-accordion");
+      const _component_n8n_pulse = N8nPulse;
+      const _component_n8n_text = N8nText;
+      const _component_n8n_button = N8nButton;
+      const _component_n8n_spinner = _sfc_main$j;
+      const _component_n8n_heading = N8nHeading;
+      const _component_n8n_link = N8nLink;
+      const _component_n8n_info_accordion = N8nInfoAccordion;
       const _directive_n8n_html = resolveDirective("n8n-html");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
@@ -2683,7 +2708,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             hasIssues.value || hideContent.value ? (openBlock(), createElementBlock("div", _hoisted_1$1)) : isListeningForEvents.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
               createVNode(_component_n8n_pulse, null, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$d, {
+                  createVNode(_sfc_main$e, {
                     "node-type": nodeType.value,
                     size: 40
                   }, null, 8, ["node-type"])
@@ -2724,7 +2749,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   "copy-button-text": unref(i18n).baseText("generic.clickToCopy"),
                   onCopy: onTestLinkCopied
                 }, null, 8, ["value", "toast-title", "copy-button-text"]),
-                createVNode(_sfc_main$g, {
+                createVNode(_sfc_main$i, {
                   "data-test-id": "trigger-execute-button",
                   "node-name": _ctx.nodeName,
                   size: "medium",
@@ -2765,7 +2790,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     _: 1
                   })
                 ])) : createCommentVNode("", true),
-                createVNode(_sfc_main$g, {
+                createVNode(_sfc_main$i, {
                   "data-test-id": "trigger-execute-button",
                   "node-name": _ctx.nodeName,
                   size: "medium",
@@ -2802,7 +2827,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     _: 1
                   })) : createCommentVNode("", true)
                 ], 2),
-                createVNode(_sfc_main$g, {
+                createVNode(_sfc_main$i, {
                   "data-test-id": "trigger-execute-button",
                   "node-name": _ctx.nodeName,
                   size: "medium",
@@ -3208,8 +3233,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onSwitchSelectedNode = (nodeTypeName) => {
       emit("switchSelectedNode", nodeTypeName);
     };
-    const onOpenConnectionNodeCreator = (nodeTypeName, connectionType) => {
-      emit("openConnectionNodeCreator", nodeTypeName, connectionType);
+    const onOpenConnectionNodeCreator = (nodeTypeName, connectionType, connectionIndex = 0) => {
+      emit("openConnectionNodeCreator", nodeTypeName, connectionType, connectionIndex);
     };
     const close = async () => {
       if (isDragging.value) {
@@ -3392,9 +3417,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       unregisterKeyboardListener();
     });
     return (_ctx, _cache) => {
-      const _component_n8n_icon = resolveComponent("n8n-icon");
-      const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _component_n8n_icon = N8nIcon;
+      const _component_n8n_text = N8nText;
+      const _component_n8n_tooltip = N8nTooltip;
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
       const _component_el_dialog = resolveComponent("el-dialog");
       return openBlock(), createBlock(_component_el_dialog, {