n8n-editor-ui 1.102.2 → 1.104.0

package/dist/assets/{TriggerPanel-CP3_UsCW.js → TriggerPanel-JaXhe1VW.js}

@@ -1,8 +1,10 @@
-import { d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, j as createBaseVNode, J as renderSlot, _ as _export_sfc, a4 as useWorkflowsStore, bI as useNodeTypesStore, aO as usePostHog, x as computed, dm as NDV_UI_OVERHAUL_EXPERIMENT, bq as NodeConnectionTypes, o as onMounted, I as onBeforeUnmount, F as Fragment, y as renderList, e as createBlock, f as createCommentVNode, $ as N8nTooltip, w as withCtx, i as createVNode, bR as _sfc_main$c, k as createTextVNode, t as toDisplayString, ia as convertToDisplayDateComponents, c6 as resolveDirective, l as unref, eR as InfoTip, aU as withDirectives, c as useI18n, p as N8nText, bo as emptyTokenUsageData, bn as addTokenUsageData, bL as getDefaultExportFromCjs, ib as requireCapitalize, r as ref, go as parseAiContent, N as N8nIcon, H as N8nRadioButtons, bK as formatTokenUsageCount, aa as watch, ic as ElTree, P as normalizeStyle, aM as useNDVStore, fh as storeToRefs, v as useSettingsStore, dV as useNodeDirtiness, gi as useNodeType, bB as usePinnedData, cX as CanvasNodeDirtiness, O as resolveComponent, bh as createSlots, c7 as waitingNodeTooltip, df as _sfc_main$f, aV as vShow, ay as useTelemetry, cA as isPresent, f1 as N8nSelect, f2 as _sfc_main$g, id as truncate, gF as createStaticVNode, bJ as START_NODE_TYPE, hP as MANUAL_TRIGGER_NODE_TYPE, ie as CRON_NODE_TYPE, ig as INTERVAL_NODE_TYPE, de as getNodeInputs, dY as getNodeOutputs, ih as uniqBy, b_ as resolveDynamicComponent, bQ as withModifiers, T as useUIStore, b as useRouter, ak as useWorkflowHelpers, ii as isTriggerPanelObject, dZ as getTriggerNodeServiceName, bz as CHAT_TRIGGER_NODE_TYPE, hV as WEBHOOK_NODE_TYPE, d6 as FORM_TRIGGER_NODE_TYPE, fQ as CopyInput, q as N8nButton, eE as _sfc_main$h, m as N8nHeading, a1 as N8nLink, Q as createEventBus, dJ as Transition, V as VIEWS, aC as WORKFLOW_SETTINGS_MODAL_KEY } from "./index-B3p3789J.js";
-import { b as _sfc_main$d, c as ViewSubExecution, _ as _sfc_main$e, R as RunData } from "./RunData-CctCvWsu.js";
-import RunDataAi$1 from "./RunDataParsedAiContent-BILLIvVH.js";
-import { N as N8nInfoAccordion } from "./InfoAccordion--ZQQuSPX.js";
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+import { d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, j as createBaseVNode, J as renderSlot, _ as _export_sfc, a5 as useWorkflowsStore, bH as useNodeTypesStore, c_ as usePostHog, x as computed, d5 as NDV_UI_OVERHAUL_EXPERIMENT, bp as NodeConnectionTypes, o as onMounted, I as onBeforeUnmount, F as Fragment, y as renderList, e as createBlock, f as createCommentVNode, $ as N8nTooltip, w as withCtx, i as createVNode, bQ as _sfc_main$8, k as createTextVNode, t as toDisplayString, iH as convertToDisplayDateComponents, c4 as resolveDirective, l as unref, er as InfoTip, aT as withDirectives, c as useI18n, p as N8nText, bK as getDefaultExportFromCjs, iI as requireCapitalize, r as ref, fm as parseAiContent, N as N8nIcon, H as N8nRadioButtons, bJ as formatTokenUsageCount, ab as watch, iJ as ElTree, P as normalizeStyle, aN as useNDVStore, fg as storeToRefs, v as useSettingsStore, e6 as useNodeDirtiness, ff as useNodeType, bA as usePinnedData, cV as CanvasNodeDirtiness, bg as createSlots, c5 as waitingNodeTooltip, d6 as _sfc_main$b, a1 as I18nT, aU as vShow, az as useTelemetry, T as useUIStore, b as useRouter, al as useWorkflowHelpers, iK as isTriggerPanelObject, e9 as getTriggerNodeServiceName, by as CHAT_TRIGGER_NODE_TYPE, ip as WEBHOOK_NODE_TYPE, dl as FORM_TRIGGER_NODE_TYPE, gK as CopyInput, q as N8nButton, fx as _sfc_main$c, m as N8nHeading, a2 as N8nLink, Q as createEventBus, dK as Transition, V as VIEWS, aD as WORKFLOW_SETTINGS_MODAL_KEY } from "./index-Cm5yBbby.js";
+import { u as useExecutionData, _ as __unplugin_components_2 } from "./NodeView-BzC6ELga.js";
+import { _ as _sfc_main$9, b as ViewSubExecution, R as RunData } from "./useKeybindings-DetzdpXy.js";
+import { R as RunDataAi$1, g as getConsumedTokens, c as createAiData, a as getTreeNodeData, b as getReferencedData } from "./RunDataParsedAiContent-CHK6Y4ET.js";
+import { _ as _sfc_main$a } from "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-CkASni2S.js";
+import { N as N8nInfoAccordion } from "./InfoAccordion-BNmUe2V9.js";
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{ name: "N8nPulse" },
   __name: "Pulse",
   setup(__props) {
@@ -26,17 +28,17 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
 const pulseContainer = "_pulseContainer_1w2uc_123";
 const pulse = "_pulse_1w2uc_123";
 const pulse2 = "_pulse2_1w2uc_139";
-const style0$a = {
+const style0$7 = {
   pulseContainer,
   pulse,
   pulse2
 };
-const cssModules$a = {
-  "$style": style0$a
+const cssModules$7 = {
+  "$style": style0$7
 };
-const N8nPulse = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__cssModules", cssModules$a]]);
-const _hoisted_1$5 = ["data-node-name", "data-node-placement", "onClick"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const N8nPulse = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$7]]);
+const _hoisted_1$3 = ["data-node-name", "data-node-placement", "onClick"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "NDVFloatingNodes",
   props: {
     rootNode: {}
@@ -76,11 +78,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     }
     function getINodesFromNames(names) {
       return names.map((name) => {
-        const node2 = workflowsStore.getNodeByName(name);
-        if (node2) {
-          const nodeType = nodeTypesStore.getNodeType(node2.type);
+        const node = workflowsStore.getNodeByName(name);
+        if (node) {
+          const nodeType = nodeTypesStore.getNodeType(node.type);
           if (nodeType) {
-            return { node: node2, nodeType };
+            return { node, nodeType };
           }
         }
         return null;
@@ -150,33 +152,33 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             key: connectionGroup,
             class: normalizeClass([_ctx.$style.nodesList, _ctx.$style[connectionGroup]])
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(connectedNodes.value[connectionGroup], ({ node: node2, nodeType }) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(connectedNodes.value[connectionGroup], ({ node, nodeType }) => {
               return openBlock(), createElementBlock(Fragment, null, [
-                node2 && nodeType ? (openBlock(), createBlock(_component_n8n_tooltip, {
-                  key: node2.name,
+                node && nodeType ? (openBlock(), createBlock(_component_n8n_tooltip, {
+                  key: node.name,
                   placement: tooltipPositionMapper[connectionGroup],
                   teleported: false,
                   offset: isNDVV2.value ? 16 : 60
                 }, {
                   content: withCtx(() => [
-                    createTextVNode(toDisplayString(node2.name), 1)
+                    createTextVNode(toDisplayString(node.name), 1)
                   ]),
                   default: withCtx(() => [
                     createBaseVNode("li", {
                       class: normalizeClass(_ctx.$style.connectedNode),
                       "data-test-id": "floating-node",
-                      "data-node-name": node2.name,
+                      "data-node-name": node.name,
                       "data-node-placement": connectionGroup,
-                      onClick: ($event) => emit("switchSelectedNode", node2.name)
+                      onClick: ($event) => emit("switchSelectedNode", node.name)
                     }, [
-                      createVNode(_sfc_main$c, {
+                      createVNode(_sfc_main$8, {
                         "node-type": nodeType,
-                        "node-name": node2.name,
+                        "node-name": node.name,
                         "tooltip-position": tooltipPositionMapper[connectionGroup],
                         size: isNDVV2.value ? 24 : 35,
                         circle: ""
                       }, null, 8, ["node-type", "node-name", "tooltip-position", "size"])
-                    ], 10, _hoisted_1$5)
+                    ], 10, _hoisted_1$3)
                   ]),
                   _: 2
                 }, 1032, ["placement", "offset"])) : createCommentVNode("", true)
@@ -196,7 +198,7 @@ const outputMain = "_outputMain_1o49e_162";
 const inputMain = "_inputMain_1o49e_162";
 const connectedNode = "_connectedNode_1o49e_185";
 const v2 = "_v2_1o49e_233";
-const style0$9 = {
+const style0$6 = {
   floatingNodes,
   nodesList,
   inputSub,
@@ -206,46 +208,11 @@ const style0$9 = {
   connectedNode,
   v2
 };
-const cssModules$9 = {
-  "$style": style0$9
-};
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$9]]);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "NDVEmptyState",
-  props: {
-    title: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("article", {
-        class: normalizeClass(_ctx.$style.empty)
-      }, [
-        renderSlot(_ctx.$slots, "icon"),
-        createBaseVNode("h1", {
-          class: normalizeClass(_ctx.$style.title)
-        }, toDisplayString(_ctx.title), 3),
-        createBaseVNode("p", {
-          class: normalizeClass(_ctx.$style.description)
-        }, [
-          renderSlot(_ctx.$slots, "description")
-        ], 2)
-      ], 2);
-    };
-  }
-});
-const empty$1 = "_empty_1x72k_2";
-const title$5 = "_title_1x72k_13";
-const description = "_description_1x72k_20";
-const style0$8 = {
-  empty: empty$1,
-  title: title$5,
-  description
-};
-const cssModules$8 = {
-  "$style": style0$8
+const cssModules$6 = {
+  "$style": style0$6
 };
-const NDVEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$8]]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$6]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "RunInfo",
   props: {
     taskData: {},
@@ -350,124 +317,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 const tooltipRow = "_tooltipRow_14r7d_123";
-const style0$7 = {
+const style0$5 = {
   tooltipRow
 };
-const cssModules$7 = {
-  "$style": style0$7
+const cssModules$5 = {
+  "$style": style0$5
 };
-const RunInfo = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$7]]);
-function createNode(parent, nodeName, currentDepth, runIndex, r, children = []) {
-  return {
-    parent,
-    node: nodeName,
-    id: `${nodeName}:${runIndex}`,
-    depth: currentDepth,
-    startTime: r?.data?.metadata?.startTime ?? 0,
-    runIndex,
-    children,
-    consumedTokens: getConsumedTokens(r?.data)
-  };
-}
-function getTreeNodeData(nodeName, workflow, aiData, runIndex) {
-  return getTreeNodeDataRec(void 0, nodeName, 0, workflow, aiData, runIndex);
-}
-function getTreeNodeDataRec(parent, nodeName, currentDepth, workflow, aiData, runIndex) {
-  const connections = workflow.connectionsByDestinationNode[nodeName];
-  const resultData = aiData?.filter((data) => data.node === nodeName && runIndex === data.runIndex) ?? [];
-  if (!connections) {
-    return resultData.map((d) => createNode(parent, nodeName, currentDepth, d.runIndex, d));
-  }
-  const filteredAiData = aiData?.filter(({ data }) => {
-    if (!data?.source || data.source.every((source) => source === null)) {
-      return true;
-    }
-    return data.source.some(
-      (source) => source?.previousNode === nodeName && source.previousNodeRun === runIndex
-    );
-  });
-  const connectedSubNodes = workflow.getParentNodes(nodeName, "ALL_NON_MAIN", 1);
-  const treeNode2 = createNode(parent, nodeName, currentDepth, runIndex);
-  const children = (filteredAiData ?? []).flatMap(
-    (data) => connectedSubNodes.includes(data.node) ? getTreeNodeDataRec(treeNode2, data.node, currentDepth + 1, workflow, aiData, data.runIndex) : []
-  );
-  treeNode2.children = children;
-  if (resultData.length) {
-    return resultData.map(
-      (r) => createNode(parent, nodeName, currentDepth, r.runIndex, r, children)
-    );
-  }
-  return [treeNode2];
-}
-function createAiData(nodeName, workflow, getWorkflowResultDataByNodeName) {
-  return workflow.getParentNodes(nodeName, "ALL_NON_MAIN").flatMap(
-    (node2) => (getWorkflowResultDataByNodeName(node2) ?? []).map((task, index) => ({ node: node2, task, index }))
-  ).sort((a, b) => {
-    if (a.task.executionIndex !== void 0 && b.task.executionIndex !== void 0) {
-      return a.task.executionIndex - b.task.executionIndex;
-    }
-    const aTime = a.task.startTime ?? 0;
-    const bTime = b.task.startTime ?? 0;
-    return aTime - bTime;
-  }).map(({ node: node2, task, index }) => ({
-    data: getReferencedData(task, false)[0],
-    node: node2,
-    runIndex: index
-  }));
-}
-function getReferencedData(taskData, withInput, withOutput) {
-  if (!taskData) {
-    return [];
-  }
-  const returnData = [];
-  function addFunction(data, inOut) {
-    if (!data) {
-      return;
-    }
-    Object.keys(data).map((type) => {
-      returnData.push({
-        data: data[type][0],
-        inOut,
-        type,
-        // Include source information in AI content to track which node triggered the execution
-        // This enables filtering in the UI to show only relevant executions
-        source: taskData.source,
-        metadata: {
-          executionTime: taskData.executionTime,
-          startTime: taskData.startTime,
-          subExecution: taskData.metadata?.subExecution
-        }
-      });
-    });
-  }
-  if (withInput) {
-    addFunction(taskData.inputOverride, "input");
-  }
-  {
-    addFunction(taskData.data, "output");
-  }
-  return returnData;
-}
-function getConsumedTokens(outputRun) {
-  if (!outputRun?.data) {
-    return emptyTokenUsageData;
-  }
-  const tokenUsage = outputRun.data.reduce(
-    (acc, curr) => {
-      const tokenUsageData = curr.json?.tokenUsage ?? curr.json?.tokenUsageEstimate;
-      if (!tokenUsageData) return acc;
-      return addTokenUsageData(acc, {
-        ...tokenUsageData,
-        isEstimate: !!curr.json.tokenUsageEstimate
-      });
-    },
-    emptyTokenUsageData
-  );
-  return tokenUsage;
-}
+const RunInfo = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$5]]);
 var capitalizeExports = requireCapitalize();
 const capitalize = /* @__PURE__ */ getDefaultExportFromCjs(capitalizeExports);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "AiRunContentBlock",
   props: {
     runData: {},
@@ -504,7 +363,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_N8nIcon = N8nIcon;
-      const _component_NodeErrorView = _sfc_main$d;
+      const _component_NodeErrorView = _sfc_main$9;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.block)
       }, [
@@ -566,7 +425,7 @@ const blockHeader = "_blockHeader_wafm4_148";
 const blockTitle = "_blockTitle_wafm4_161";
 const blockToggle = "_blockToggle_wafm4_168";
 const error = "_error_wafm4_176";
-const style0$6 = {
+const style0$4 = {
   block,
   blockContent,
   blockContentExpanded,
@@ -576,14 +435,14 @@ const style0$6 = {
   blockToggle,
   error
 };
-const cssModules$6 = {
-  "$style": style0$6
+const cssModules$4 = {
+  "$style": style0$4
 };
-const AiRunContentBlock = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$6]]);
-const _hoisted_1$4 = { key: 0 };
+const AiRunContentBlock = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
+const _hoisted_1$2 = { key: 0 };
 const _hoisted_2$2 = { key: 1 };
 const _hoisted_3$2 = { key: 2 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "RunDataAiContent",
   props: {
     inputData: {},
@@ -634,7 +493,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         createBaseVNode("header", {
           class: normalizeClass(_ctx.$style.header)
         }, [
-          runMeta.value?.node ? (openBlock(), createBlock(_sfc_main$c, {
+          runMeta.value?.node ? (openBlock(), createBlock(_sfc_main$8, {
             key: 0,
             class: normalizeClass(_ctx.$style.nodeIcon),
             "node-type": runMeta.value.node,
@@ -649,7 +508,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             createBaseVNode("ul", {
               class: normalizeClass(_ctx.$style.meta)
             }, [
-              runMeta.value?.startTimeMs ? (openBlock(), createElementBlock("li", _hoisted_1$4, toDisplayString(runMeta.value?.executionTimeMs) + "ms", 1)) : createCommentVNode("", true),
+              runMeta.value?.startTimeMs ? (openBlock(), createElementBlock("li", _hoisted_1$2, toDisplayString(runMeta.value?.executionTimeMs) + "ms", 1)) : createCommentVNode("", true),
               runMeta.value?.startTimeMs ? (openBlock(), createElementBlock("li", _hoisted_2$2, [
                 createVNode(_component_n8n_tooltip, null, {
                   content: withCtx(() => [
@@ -687,7 +546,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   "tooltip-placement": "right"
                 }, {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$e, { "consumed-tokens": consumedTokensSum.value }, null, 8, ["consumed-tokens"])
+                    createVNode(_sfc_main$a, { "consumed-tokens": consumedTokensSum.value }, null, 8, ["consumed-tokens"])
                   ]),
                   _: 1
                 })
@@ -714,26 +573,26 @@ const container$2 = "_container_dypaw_2";
 const nodeIcon$1 = "_nodeIcon_dypaw_5";
 const header$1 = "_header_dypaw_8";
 const headerWrap = "_headerWrap_dypaw_14";
-const title$4 = "_title_dypaw_18";
+const title$2 = "_title_dypaw_18";
 const meta = "_meta_dypaw_25";
 const tokensUsage = "_tokensUsage_dypaw_41";
-const style0$5 = {
+const style0$3 = {
   container: container$2,
   nodeIcon: nodeIcon$1,
   header: header$1,
   headerWrap,
-  title: title$4,
+  title: title$2,
   meta,
   tokensUsage
 };
-const cssModules$5 = {
-  "$style": style0$5
+const cssModules$3 = {
+  "$style": style0$3
 };
-const RunDataAiContent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$5]]);
-const _hoisted_1$3 = ["data-tree-depth"];
+const RunDataAiContent = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
+const _hoisted_1$1 = ["data-tree-depth"];
 const _hoisted_2$1 = ["onClick"];
 const _hoisted_3$1 = ["textContent"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "RunDataAi",
   props: {
     node: {},
@@ -753,11 +612,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const executionTree = computed(
       () => getTreeNodeData(props.node.name, props.workflow, aiData.value, props.runIndex)
     );
-    function isTreeNodeSelected(node2) {
-      return selectedRun.value.some((run) => run.node === node2.node && run.runIndex === node2.runIndex);
+    function isTreeNodeSelected(node) {
+      return selectedRun.value.some((run) => run.node === node.node && run.runIndex === node.runIndex);
     }
-    function toggleTreeItem(node2) {
-      node2.expanded = !node2.expanded;
+    function toggleTreeItem(node) {
+      node.expanded = !node.expanded;
     }
     function onItemClick(data) {
       const matchingRun = aiData.value?.find(
@@ -780,11 +639,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       ];
     }
     function getNodeType(nodeName) {
-      const node2 = workflowsStore.getNodeByName(nodeName);
-      if (!node2) {
+      const node = workflowsStore.getNodeByName(nodeName);
+      if (!node) {
         return null;
       }
-      const nodeType = nodeTypesStore.getNodeType(node2?.type);
+      const nodeType = nodeTypesStore.getNodeType(node?.type);
       return nodeType;
     }
     function selectFirst() {
@@ -842,7 +701,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       createBaseVNode("span", {
                         class: normalizeClass(_ctx.$style.leafLabel)
                       }, [
-                        createVNode(_sfc_main$c, {
+                        createVNode(_sfc_main$8, {
                           "node-type": getNodeType(data.node),
                           size: 17,
                           class: normalizeClass(_ctx.$style.nodeIcon)
@@ -855,7 +714,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1032, ["disabled"])
-                ], 14, _hoisted_1$3)
+                ], 14, _hoisted_1$1)
               ]),
               _: 1
             }, 8, ["data"])
@@ -902,33 +761,33 @@ const treeToggle = "_treeToggle_1qaq4_123";
 const leafLabel = "_leafLabel_1qaq4_131";
 const noData = "_noData_1qaq4_137";
 const empty = "_empty_1qaq4_145";
-const title$3 = "_title_1qaq4_149";
+const title$1 = "_title_1qaq4_149";
 const tree = "_tree_1qaq4_123";
 const slim = "_slim_1qaq4_161";
-const runData$2 = "_runData_1qaq4_165";
+const runData$1 = "_runData_1qaq4_165";
 const container$1 = "_container_1qaq4_171";
 const nodeIcon = "_nodeIcon_1qaq4_198";
 const isSelected = "_isSelected_1qaq4_204";
 const treeNode = "_treeNode_1qaq4_208";
-const style0$4 = {
+const style0$2 = {
   treeToggle,
   leafLabel,
   noData,
   empty,
-  title: title$3,
+  title: title$1,
   tree,
   slim,
-  runData: runData$2,
+  runData: runData$1,
   container: container$1,
   nodeIcon,
   isSelected,
   treeNode
 };
-const cssModules$4 = {
-  "$style": style0$4
+const cssModules$2 = {
+  "$style": style0$2
 };
-const RunDataAi = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$4]]);
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const RunDataAi = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "OutputPanel",
   props: {
     workflow: {},
@@ -973,18 +832,19 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     ]);
     const runDataRef = ref();
     const collapsingColumnName = ref(null);
-    const node2 = computed(() => {
+    const node = computed(() => {
       return ndvStore.activeNode ?? void 0;
     });
+    const { hasNodeRun, workflowExecution, workflowRunData } = useExecutionData({ node });
     const isTriggerNode = computed(() => {
-      return !!node2.value && nodeTypesStore.isTriggerNode(node2.value.type);
+      return !!node.value && nodeTypesStore.isTriggerNode(node.value.type);
     });
     const hasAiMetadata = computed(() => {
       if (isNodeRunning.value || !workflowRunData.value) {
         return false;
       }
-      if (node2.value) {
-        const connectedSubNodes = props.workflow.getParentNodes(node2.value.name, "ALL_NON_MAIN");
+      if (node.value) {
+        const connectedSubNodes = props.workflow.getParentNodes(node.value.name, "ALL_NON_MAIN");
         const resultData = connectedSubNodes.map(workflowsStore.getWorkflowResultDataByNodeName);
         return resultData && Array.isArray(resultData) && resultData.length > 0;
       }
@@ -992,69 +852,50 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     });
     const hasError = computed(
       () => Boolean(
-        workflowRunData.value && node2.value && workflowRunData.value[node2.value.name]?.[props.runIndex]?.error
+        workflowRunData.value && node.value && workflowRunData.value[node.value.name]?.[props.runIndex]?.error
       )
     );
     const defaultOutputMode = computed(() => {
       return hasError.value && hasAiMetadata.value ? OUTPUT_TYPE.LOGS : OUTPUT_TYPE.REGULAR;
     });
     const isNodeRunning = computed(() => {
-      return workflowRunning.value && !!node2.value && workflowsStore.isNodeExecuting(node2.value.name);
+      return workflowRunning.value && !!node.value && workflowsStore.isNodeExecuting(node.value.name);
     });
     const workflowRunning = computed(() => workflowsStore.isWorkflowRunning);
-    const workflowExecution = computed(() => {
-      return workflowsStore.getWorkflowExecution;
-    });
-    const workflowRunData = computed(() => {
-      if (workflowExecution.value === null) {
-        return null;
-      }
-      const executionData = workflowExecution.value.data;
-      if (!executionData?.resultData?.runData) {
-        return null;
-      }
-      return executionData.resultData.runData;
-    });
-    const hasNodeRun = computed(() => {
-      if (workflowsStore.subWorkflowExecutionError) return true;
-      return Boolean(
-        node2.value && workflowRunData.value && workflowRunData.value.hasOwnProperty(node2.value.name)
-      );
-    });
     const runTaskData = computed(() => {
-      if (!node2.value || workflowExecution.value === null) {
+      if (!node.value || workflowExecution.value === null) {
         return null;
       }
       const runData2 = workflowRunData.value;
-      if (!runData2?.hasOwnProperty(node2.value.name)) {
+      if (!runData2?.hasOwnProperty(node.value.name)) {
         return null;
       }
-      if (runData2[node2.value.name].length <= props.runIndex) {
+      if (runData2[node.value.name].length <= props.runIndex) {
         return null;
       }
-      return runData2[node2.value.name][props.runIndex];
+      return runData2[node.value.name][props.runIndex];
     });
     const runsCount = computed(() => {
-      if (node2.value === null) {
+      if (node.value === null) {
         return 0;
       }
       const runData2 = workflowRunData.value;
-      if (runData2 === null || node2.value && !runData2.hasOwnProperty(node2.value.name)) {
+      if (runData2 === null || node.value && !runData2.hasOwnProperty(node.value.name)) {
         return 0;
       }
-      if (node2.value && runData2[node2.value.name].length) {
-        return runData2[node2.value.name].length;
+      if (node.value && runData2[node.value.name].length) {
+        return runData2[node.value.name].length;
       }
       return 0;
     });
     const staleData = computed(() => {
-      if (!node2.value) {
+      if (!node.value) {
         return false;
       }
       if (settings.partialExecutionVersion === 2) {
-        return dirtinessByName.value[node2.value.name] === CanvasNodeDirtiness.PARAMETERS_UPDATED;
+        return dirtinessByName.value[node.value.name] === CanvasNodeDirtiness.PARAMETERS_UPDATED;
       }
-      const updatedAt = workflowsStore.getParametersLastUpdate(node2.value.name);
+      const updatedAt = workflowsStore.getParametersLastUpdate(node.value.name);
       if (!updatedAt || !runTaskData.value) {
         return false;
       }
@@ -1068,10 +909,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return pinnedData.isValidNodeType.value && !props.isReadOnly;
     });
     const allToolsWereUnusedNotice = computed(() => {
-      if (!node2.value || runsCount.value === 0 || hasError.value) return void 0;
+      if (!node.value || runsCount.value === 0 || hasError.value) return void 0;
       if (pinnedData.hasData.value) return void 0;
       const toolsAvailable = props.workflow.getParentNodes(
-        node2.value.name,
+        node.value.name,
         NodeConnectionTypes.AiTool,
         1
       );
@@ -1098,7 +939,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       telemetry.track("User clicked ndv link", {
         workflow_id: workflowsStore.workflowId,
         push_ref: props.pushRef,
-        node_type: node2.value?.type,
+        node_type: node.value?.type,
         pane: "output",
         type: "insert-test-data"
       });
@@ -1112,7 +953,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const openSettings = () => {
       emit("openSettings");
       telemetry.track("User clicked ndv link", {
-        node_type: node2.value?.type,
+        node_type: node.value?.type,
         workflow_id: workflowsStore.workflowId,
         push_ref: props.pushRef,
         pane: "output",
@@ -1138,15 +979,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_N8nIcon = N8nIcon;
-      const _component_NodeExecuteButton = _sfc_main$f;
-      const _component_i18n_t = resolveComponent("i18n-t");
-      const _component_NDVEmptyState = NDVEmptyState;
+      const _component_NodeExecuteButton = _sfc_main$b;
+      const _component_NDVEmptyState = __unplugin_components_2;
       const _directive_n8n_html = resolveDirective("n8n-html");
       return openBlock(), createBlock(RunData, {
         ref_key: "runDataRef",
         ref: runDataRef,
         class: normalizeClass(_ctx.$style.runData),
-        node: node2.value,
+        node: node.value,
         workflow: _ctx.workflow,
         "run-index": _ctx.runIndex,
         "linked-runs": _ctx.linkedRuns,
@@ -1191,7 +1031,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               key: 1,
               class: normalizeClass([_ctx.$style.title, { [_ctx.$style.titleV2]: isNDVV2.value }])
             }, toDisplayString(unref(i18n).baseText(outputPanelEditMode.value.enabled ? "ndv.output.edit" : "ndv.output")), 3)),
-            hasNodeRun.value && !unref(pinnedData).hasData.value && (runsCount.value === 1 || runsCount.value > 0 && staleData.value) ? withDirectives((openBlock(), createBlock(RunInfo, {
+            unref(hasNodeRun) && !unref(pinnedData).hasData.value && (runsCount.value === 1 || runsCount.value > 0 && staleData.value) ? withDirectives((openBlock(), createBlock(RunInfo, {
               key: 2,
               "task-data": runTaskData.value,
               "has-stale-data": staleData.value,
@@ -1209,9 +1049,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             )
           }, createSlots({
             description: withCtx(() => [
-              createVNode(_component_i18n_t, {
+              createVNode(unref(I18nT), {
                 tag: "span",
-                keypath: unref(isSubNodeType) ? "ndv.output.runNodeHintSubNode" : "ndv.output.noOutputData.v2.description"
+                keypath: unref(isSubNodeType) ? "ndv.output.runNodeHintSubNode" : "ndv.output.noOutputData.v2.description",
+                scope: "global"
               }, {
                 link: withCtx(() => [
                   createVNode(_component_NodeExecuteButton, {
@@ -1312,7 +1153,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             _: 1
           }),
           withDirectives(createVNode(unref(N8nText), null, null, 512), [
-            [_directive_n8n_html, unref(waitingNodeTooltip)(node2.value)]
+            [_directive_n8n_html, unref(waitingNodeTooltip)(node.value)]
           ])
         ]),
         "no-output-data": withCtx(() => [
@@ -1360,11 +1201,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         ]),
         _: 2
       }, [
-        outputMode.value === "logs" && node2.value ? {
+        outputMode.value === "logs" && node.value ? {
           name: "content",
           fn: withCtx(() => [
             createVNode(RunDataAi, {
-              node: node2.value,
+              node: node.value,
               "run-index": _ctx.runIndex,
               workflow: _ctx.workflow
             }, null, 8, ["node", "run-index", "workflow"])
@@ -1382,826 +1223,30 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const runData$1 = "_runData_16mi2_128";
+const runData = "_runData_16mi2_128";
 const outputTypeSelect = "_outputTypeSelect_16mi2_132";
-const titleSection$1 = "_titleSection_16mi2_137";
-const titleSectionV2$1 = "_titleSectionV2_16mi2_145";
-const title$2 = "_title_16mi2_137";
-const titleV2$1 = "_titleV2_16mi2_157";
-const noOutputData$1 = "_noOutputData_16mi2_162";
-const recoveredOutputData$1 = "_recoveredOutputData_16mi2_172";
+const titleSection = "_titleSection_16mi2_137";
+const titleSectionV2 = "_titleSectionV2_16mi2_145";
+const title = "_title_16mi2_137";
+const titleV2 = "_titleV2_16mi2_157";
+const noOutputData = "_noOutputData_16mi2_162";
+const recoveredOutputData = "_recoveredOutputData_16mi2_172";
 const link = "_link_16mi2_181";
-const style0$3 = {
-  runData: runData$1,
-  outputTypeSelect,
-  titleSection: titleSection$1,
-  titleSectionV2: titleSectionV2$1,
-  title: title$2,
-  titleV2: titleV2$1,
-  noOutputData: noOutputData$1,
-  recoveredOutputData: recoveredOutputData$1,
-  link
-};
-const cssModules$3 = {
-  "$style": style0$3
-};
-const OutputPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$3]]);
-const _hoisted_1$2 = { key: 0 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "InputNodeSelect",
-  props: {
-    nodes: {},
-    workflow: {},
-    modelValue: {}
-  },
-  emits: ["update:model-value"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const i18n = useI18n();
-    const workflowsStore = useWorkflowsStore();
-    const nodeTypesStore = useNodeTypesStore();
-    const ndvStore = useNDVStore();
-    const selectedInputNode = computed(() => workflowsStore.getNodeByName(props.modelValue ?? ""));
-    const selectedInputNodeType = computed(() => {
-      const node2 = selectedInputNode.value;
-      if (!node2) return null;
-      return nodeTypesStore.getNodeType(node2.type, node2.typeVersion);
-    });
-    const inputNodes = computed(
-      () => props.nodes?.map((node2) => {
-        const fullNode = workflowsStore.getNodeByName(node2.name);
-        if (!fullNode) return null;
-        return {
-          node: fullNode,
-          type: nodeTypesStore.getNodeType(fullNode.type, fullNode.typeVersion),
-          depth: node2.depth
-        };
-      }).filter(isPresent) ?? []
-    );
-    const activeNode = computed(() => ndvStore.activeNode);
-    const activeNodeType = computed(() => {
-      const node2 = activeNode.value;
-      if (!node2) return null;
-      return nodeTypesStore.getNodeType(node2.type, node2.typeVersion);
-    });
-    const isMultiInputNode = computed(() => {
-      const nodeType = activeNodeType.value;
-      return nodeType !== null && nodeType.inputs.length > 1;
-    });
-    const connectedTo = (nodeName) => {
-      const connections = ndvStore.ndvNodeInputNumber[nodeName];
-      if (!connections) return "";
-      if (connections.length === 1) {
-        return `Input ${ndvStore.ndvNodeInputNumber[nodeName]}`;
-      }
-      return `Inputs ${ndvStore.ndvNodeInputNumber[nodeName].join(", ")}`;
-    };
-    function getMultipleNodesText(nodeName) {
-      if (!nodeName || !isMultiInputNode.value || !activeNode.value || !activeNodeType.value?.inputNames)
-        return "";
-      const activeNodeConnections = props.workflow.connectionsByDestinationNode[activeNode.value.name].main || [];
-      const connectedInputIndexes = activeNodeConnections.reduce((acc, node2, index) => {
-        if (node2?.[0] && node2[0].node === nodeName) return [...acc, index];
-        return acc;
-      }, []);
-      const connectedInputs = connectedInputIndexes.map(
-        (inputIndex) => activeNodeType.value?.inputNames?.[inputIndex]
-      );
-      if (connectedInputs.length === 0) return "";
-      return `(${connectedInputs.join(" & ")})`;
-    }
-    function title2(nodeName, length = 30) {
-      return truncate(nodeName, length);
-    }
-    function subtitle2(nodeName, depth) {
-      const multipleNodesText = getMultipleNodesText(nodeName);
-      if (multipleNodesText) return multipleNodesText;
-      return i18n.baseText("ndv.input.nodeDistance", { adjustToNumber: depth });
-    }
-    function onInputNodeChange(value) {
-      emit("update:model-value", value);
-    }
-    return (_ctx, _cache) => {
-      const _component_n8n_option = _sfc_main$g;
-      const _component_n8n_select = N8nSelect;
-      return openBlock(), createBlock(_component_n8n_select, {
-        "model-value": _ctx.modelValue,
-        "no-data-text": unref(i18n).baseText("ndv.input.noNodesFound"),
-        placeholder: unref(i18n).baseText("ndv.input.parentNodes"),
-        class: normalizeClass(_ctx.$style.select),
-        teleported: "",
-        size: "small",
-        filterable: "",
-        "data-test-id": "ndv-input-select",
-        "onUpdate:modelValue": onInputNodeChange
-      }, {
-        prefix: withCtx(() => [
-          createVNode(_sfc_main$c, {
-            disabled: selectedInputNode.value?.disabled,
-            "node-type": selectedInputNodeType.value,
-            size: 14,
-            shrink: false
-          }, null, 8, ["disabled", "node-type"])
-        ]),
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(inputNodes.value, ({ node: node2, type, depth }) => {
-            return openBlock(), createBlock(_component_n8n_option, {
-              key: node2.name,
-              value: node2.name,
-              class: normalizeClass([_ctx.$style.node, { [_ctx.$style.disabled]: node2.disabled }]),
-              label: `${title2(node2.name)} ${getMultipleNodesText(node2.name)}`,
-              "data-test-id": "ndv-input-option"
-            }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$c, {
-                  disabled: node2.disabled,
-                  "node-type": type,
-                  size: 14,
-                  shrink: false,
-                  class: normalizeClass(_ctx.$style.icon)
-                }, null, 8, ["disabled", "node-type", "class"]),
-                createBaseVNode("span", {
-                  class: normalizeClass(_ctx.$style.title)
-                }, [
-                  createTextVNode(toDisplayString(title2(node2.name)) + " ", 1),
-                  node2.disabled ? (openBlock(), createElementBlock("span", _hoisted_1$2, "(" + toDisplayString(unref(i18n).baseText("node.disabled")) + ")", 1)) : createCommentVNode("", true)
-                ], 2),
-                createBaseVNode("span", {
-                  class: normalizeClass(_ctx.$style.subtitle)
-                }, toDisplayString(connectedTo(node2.name) ? connectedTo(node2.name) : subtitle2(node2.name, depth)), 3)
-              ]),
-              _: 2
-            }, 1032, ["value", "class", "label"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 8, ["model-value", "no-data-text", "placeholder", "class"]);
-    };
-  }
-});
-const select = "_select_wv0ev_123";
-const node = "_node_wv0ev_132";
-const icon = "_icon_wv0ev_140";
-const title$1 = "_title_wv0ev_144";
-const disabled = "_disabled_wv0ev_153";
-const subtitle = "_subtitle_wv0ev_157";
-const style0$2 = {
-  select,
-  node,
-  icon,
-  title: title$1,
-  disabled,
-  subtitle
-};
-const cssModules$2 = {
-  "$style": style0$2
-};
-const InputNodeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$2]]);
-const _sfc_main$2 = {};
-const _hoisted_1$1 = {
-  width: "112",
-  height: "80",
-  viewBox: "0 0 112 80",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink"
-};
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
-    createStaticVNode('<mask id="mask0_489_46042" style="mask-type:alpha;" maskUnits="userSpaceOnUse" x="0" y="0" width="112" height="80"><rect width="112" height="80" fill="url(#paint0_linear_489_46042)"></rect></mask><g mask="url(#mask0_489_46042)"><rect x="-0.5" width="112" height="80" fill="url(#pattern0)" fill-opacity="0.6"></rect></g><defs><pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#image0_489_46042" transform="scale(0.00357143 0.005)"></use></pattern><linearGradient id="paint0_linear_489_46042" x1="90.5" y1="40.4494" x2="112.5" y2="40.4494" gradientUnits="userSpaceOnUse"><stop></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><image id="image0_489_46042" width="280" height="200" xlink:href="data:image/png;base64,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"></image></defs>', 3)
-  ]));
-}
-const WireMeUp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "InputPanel",
-  props: {
-    runIndex: {},
-    workflow: {},
-    pushRef: {},
-    currentNodeName: { default: "" },
-    canLinkRuns: { type: Boolean, default: false },
-    linkedRuns: { type: Boolean },
-    readOnly: { type: Boolean, default: false },
-    isProductionExecutionPreview: { type: Boolean, default: false },
-    isPaneActive: { type: Boolean, default: false },
-    displayMode: {}
-  },
-  emits: ["itemHover", "tableMounted", "linkRun", "unlinkRun", "runChange", "search", "changeInputNode", "execute", "activatePane", "displayModeChange"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const i18n = useI18n();
-    const telemetry = useTelemetry();
-    const showDraggableHintWithDelay = ref(false);
-    const draggableHintShown = ref(false);
-    const mappedNode2 = ref(null);
-    const collapsingColumnName = ref(null);
-    const inputModes = [
-      { value: "mapping", label: i18n.baseText("ndv.input.mapping") },
-      { value: "debugging", label: i18n.baseText("ndv.input.fromAI") }
-    ];
-    const nodeTypesStore = useNodeTypesStore();
-    const ndvStore = useNDVStore();
-    const workflowsStore = useWorkflowsStore();
-    const posthogStore = usePostHog();
-    const {
-      activeNode,
-      focusedMappableInput,
-      isMappingOnboarded: isUserOnboarded
-    } = storeToRefs(ndvStore);
-    const rootNode = computed(() => {
-      if (!activeNode.value) return null;
-      return props.workflow.getChildNodes(activeNode.value.name, "ALL").at(0) ?? null;
-    });
-    const hasRootNodeRun = computed(() => {
-      return !!(rootNode.value && workflowsStore.getWorkflowExecution?.data?.resultData.runData[rootNode.value]);
-    });
-    const inputMode = ref(
-      // Show debugging mode by default only when the node has already run
-      activeNode.value && workflowsStore.getWorkflowExecution?.data?.resultData.runData[activeNode.value.name] ? "debugging" : "mapping"
-    );
-    const isMappingMode = computed(() => isActiveNodeConfig.value && inputMode.value === "mapping");
-    const showDraggableHint = computed(() => {
-      const toIgnore = [START_NODE_TYPE, MANUAL_TRIGGER_NODE_TYPE, CRON_NODE_TYPE, INTERVAL_NODE_TYPE];
-      if (!currentNode.value || toIgnore.includes(currentNode.value.type)) {
-        return false;
-      }
-      return !!focusedMappableInput.value && !isUserOnboarded.value;
-    });
-    const isActiveNodeConfig = computed(() => {
-      let inputs = activeNodeType.value?.inputs ?? [];
-      let outputs = activeNodeType.value?.outputs ?? [];
-      if (props.workflow && activeNode.value) {
-        const node2 = props.workflow.getNode(activeNode.value.name);
-        if (node2 && activeNodeType.value) {
-          inputs = getNodeInputs(props.workflow, node2, activeNodeType.value);
-          outputs = getNodeOutputs(props.workflow, node2, activeNodeType.value);
-        }
-      }
-      if (!Array.isArray(inputs)) {
-        inputs = [];
-      }
-      if (!Array.isArray(outputs)) {
-        outputs = [];
-      }
-      return inputs.length === 0 || inputs.every((input) => filterOutConnectionType(input, NodeConnectionTypes.Main)) && outputs.find((output) => filterOutConnectionType(output, NodeConnectionTypes.Main));
-    });
-    const isMappingEnabled = computed(() => {
-      if (props.readOnly) return false;
-      if (isActiveNodeConfig.value) return isMappingMode.value && mappedNode2.value !== null;
-      return true;
-    });
-    const isExecutingPrevious = computed(() => {
-      if (!workflowsStore.isWorkflowRunning) {
-        return false;
-      }
-      const triggeredNode = workflowsStore.executedNode;
-      const executingNode = workflowsStore.executingNode;
-      if (activeNode.value && triggeredNode === activeNode.value.name && workflowsStore.isNodeExecuting(props.currentNodeName)) {
-        return true;
-      }
-      if (executingNode.length || triggeredNode) {
-        return !!parentNodes.value.find(
-          (node2) => workflowsStore.isNodeExecuting(node2.name) || node2.name === triggeredNode
-        );
-      }
-      return false;
-    });
-    const rootNodesParents = computed(() => {
-      if (!rootNode.value) return [];
-      return props.workflow.getParentNodesByDepth(rootNode.value);
-    });
-    const currentNode = computed(() => {
-      if (isActiveNodeConfig.value) {
-        if (mappedNode2.value) {
-          return workflowsStore.getNodeByName(mappedNode2.value);
-        }
-        return activeNode.value;
-      }
-      return workflowsStore.getNodeByName(props.currentNodeName ?? "");
-    });
-    const connectedCurrentNodeOutputs = computed(() => {
-      const search = parentNodes.value.find(({ name }) => name === props.currentNodeName);
-      return search?.indicies;
-    });
-    const parentNodes = computed(() => {
-      if (!activeNode.value) {
-        return [];
-      }
-      const parents = props.workflow.getParentNodesByDepth(activeNode.value.name).filter((parent) => parent.name !== activeNode.value?.name);
-      return uniqBy(parents, (parent) => parent.name);
-    });
-    const currentNodeDepth = computed(() => {
-      const node2 = parentNodes.value.find(
-        (parent) => currentNode.value && parent.name === currentNode.value.name
-      );
-      return node2?.depth ?? -1;
-    });
-    const activeNodeType = computed(() => {
-      if (!activeNode.value) return null;
-      return nodeTypesStore.getNodeType(activeNode.value.type, activeNode.value.typeVersion);
-    });
-    const waitingMessage = computed(() => {
-      const parentNode = parentNodes.value[0];
-      return parentNode && waitingNodeTooltip(workflowsStore.getNodeByName(parentNode.name));
-    });
-    const isNDVV2 = computed(
-      () => posthogStore.isVariantEnabled(
-        NDV_UI_OVERHAUL_EXPERIMENT.name,
-        NDV_UI_OVERHAUL_EXPERIMENT.variant
-      )
-    );
-    watch(
-      inputMode,
-      (mode) => {
-        onRunIndexChange(-1);
-        if (mode === "mapping") {
-          onUnlinkRun();
-          mappedNode2.value = rootNodesParents.value[0]?.name ?? null;
-        } else {
-          mappedNode2.value = null;
-        }
-      },
-      { immediate: true }
-    );
-    watch(showDraggableHint, (curr, prev) => {
-      if (curr && !prev) {
-        setTimeout(() => {
-          if (draggableHintShown.value) {
-            return;
-          }
-          showDraggableHintWithDelay.value = showDraggableHint.value;
-          if (showDraggableHintWithDelay.value) {
-            draggableHintShown.value = true;
-            telemetry.track("User viewed data mapping tooltip", {
-              type: "unexecuted input pane"
-            });
-          }
-        }, 1e3);
-      } else if (!curr) {
-        showDraggableHintWithDelay.value = false;
-      }
-    });
-    function filterOutConnectionType(item, type) {
-      if (!item) return false;
-      return typeof item === "string" ? item !== type : item.type !== type;
-    }
-    function onInputModeChange(val) {
-      inputMode.value = val;
-    }
-    function onMappedNodeSelected(val) {
-      mappedNode2.value = val;
-      onRunIndexChange(0);
-      onUnlinkRun();
-    }
-    function onNodeExecute() {
-      emit("execute");
-      if (activeNode.value) {
-        telemetry.track("User clicked ndv button", {
-          node_type: activeNode.value.type,
-          workflow_id: workflowsStore.workflowId,
-          push_ref: props.pushRef,
-          pane: "input",
-          type: "executePrevious"
-        });
-      }
-    }
-    function onRunIndexChange(run) {
-      emit("runChange", run);
-    }
-    function onLinkRun() {
-      emit("linkRun");
-    }
-    function onUnlinkRun() {
-      emit("unlinkRun");
-    }
-    function onSearch(search) {
-      emit("search", search);
-    }
-    function onItemHover(item) {
-      emit("itemHover", item);
-    }
-    function onTableMounted(event) {
-      emit("tableMounted", event);
-    }
-    function onInputNodeChange(value) {
-      const index = parentNodes.value.findIndex((node2) => node2.name === value) + 1;
-      emit("changeInputNode", value, index);
-    }
-    function onConnectionHelpClick() {
-      if (activeNode.value) {
-        telemetry.track("User clicked ndv link", {
-          node_type: activeNode.value.type,
-          workflow_id: workflowsStore.workflowId,
-          push_ref: props.pushRef,
-          pane: "input",
-          type: "not-connected-help"
-        });
-      }
-    }
-    function activatePane() {
-      emit("activatePane");
-    }
-    function handleChangeCollapsingColumn(columnName) {
-      collapsingColumnName.value = columnName;
-    }
-    return (_ctx, _cache) => {
-      const _component_i18n_t = resolveComponent("i18n-t");
-      const _directive_n8n_html = resolveDirective("n8n-html");
-      return openBlock(), createBlock(RunData, {
-        class: normalizeClass(_ctx.$style.runData),
-        node: currentNode.value,
-        nodes: isMappingMode.value ? rootNodesParents.value : parentNodes.value,
-        workflow: _ctx.workflow,
-        "run-index": isMappingMode.value ? 0 : _ctx.runIndex,
-        "linked-runs": _ctx.linkedRuns,
-        "can-link-runs": !mappedNode2.value && _ctx.canLinkRuns,
-        "too-much-data-title": unref(i18n).baseText("ndv.input.tooMuchData.title"),
-        "no-data-in-branch-message": unref(i18n).baseText("ndv.input.noOutputDataInBranch"),
-        "is-executing": isExecutingPrevious.value,
-        "executing-message": unref(i18n).baseText("ndv.input.executingPrevious"),
-        "push-ref": _ctx.pushRef,
-        "override-outputs": connectedCurrentNodeOutputs.value,
-        "mapping-enabled": isMappingEnabled.value,
-        "distance-from-active": currentNodeDepth.value,
-        "is-production-execution-preview": _ctx.isProductionExecutionPreview,
-        "is-pane-active": _ctx.isPaneActive,
-        "display-mode": _ctx.displayMode,
-        "pane-type": "input",
-        "data-test-id": "ndv-input-panel",
-        "disable-ai-content": true,
-        "collapsing-table-column-name": collapsingColumnName.value,
-        onActivatePane: activatePane,
-        onItemHover,
-        onLinkRun,
-        onUnlinkRun,
-        onRunChange: onRunIndexChange,
-        onTableMounted,
-        onSearch,
-        onDisplayModeChange: _cache[2] || (_cache[2] = ($event) => emit("displayModeChange", $event)),
-        onCollapsingTableColumnChanged: handleChangeCollapsingColumn
-      }, createSlots({
-        header: withCtx(() => [
-          createBaseVNode("div", {
-            class: normalizeClass([_ctx.$style.titleSection, { [_ctx.$style.titleSectionV2]: isNDVV2.value }])
-          }, [
-            createBaseVNode("span", {
-              class: normalizeClass([_ctx.$style.title, { [_ctx.$style.titleV2]: isNDVV2.value }])
-            }, toDisplayString(unref(i18n).baseText("ndv.input")), 3),
-            isActiveNodeConfig.value && !_ctx.readOnly ? (openBlock(), createBlock(unref(N8nRadioButtons), {
-              key: 0,
-              "data-test-id": "input-panel-mode",
-              options: inputModes,
-              "model-value": inputMode.value,
-              "onUpdate:modelValue": onInputModeChange
-            }, null, 8, ["model-value"])) : createCommentVNode("", true)
-          ], 2)
-        ]),
-        "input-select": withCtx(() => [
-          parentNodes.value.length && _ctx.currentNodeName ? (openBlock(), createBlock(InputNodeSelect, {
-            key: 0,
-            "model-value": _ctx.currentNodeName,
-            workflow: _ctx.workflow,
-            nodes: parentNodes.value,
-            "onUpdate:modelValue": onInputNodeChange
-          }, null, 8, ["model-value", "workflow", "nodes"])) : createCommentVNode("", true)
-        ]),
-        "node-not-run": withCtx(() => [
-          isActiveNodeConfig.value && rootNode.value || parentNodes.value.length ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(_ctx.$style.noOutputData)
-          }, [
-            isNDVV2.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              isMappingEnabled.value || hasRootNodeRun.value ? (openBlock(), createBlock(NDVEmptyState, {
-                key: 0,
-                title: unref(i18n).baseText("ndv.input.noOutputData.v2.title")
-              }, {
-                icon: withCtx(() => [
-                  createVNode(unref(N8nIcon), {
-                    icon: "arrow-right-to-line",
-                    size: "xlarge"
-                  })
-                ]),
-                description: withCtx(() => [
-                  createVNode(_component_i18n_t, {
-                    tag: "span",
-                    keypath: "ndv.input.noOutputData.v2.description"
-                  }, {
-                    link: withCtx(() => [
-                      createVNode(_sfc_main$f, {
-                        "hide-icon": "",
-                        transparent: "",
-                        type: "secondary",
-                        "node-name": (isActiveNodeConfig.value ? rootNode.value : unref(activeNode)?.name) ?? "",
-                        label: unref(i18n).baseText("ndv.input.noOutputData.v2.action"),
-                        tooltip: unref(i18n).baseText("ndv.input.noOutputData.v2.tooltip"),
-                        "tooltip-placement": "bottom",
-                        "telemetry-source": "inputs",
-                        "data-test-id": "execute-previous-node",
-                        onExecute: onNodeExecute
-                      }, null, 8, ["node-name", "label", "tooltip"]),
-                      _cache[4] || (_cache[4] = createBaseVNode("br", null, null, -1))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["title"])) : (openBlock(), createBlock(NDVEmptyState, {
-                key: 1,
-                title: unref(i18n).baseText("ndv.input.rootNodeHasNotRun.title")
-              }, {
-                icon: withCtx(() => _cache[5] || (_cache[5] = [
-                  createBaseVNode("svg", {
-                    width: "16px",
-                    viewBox: "0 0 16 14",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg"
-                  }, [
-                    createBaseVNode("path", {
-                      d: "M11 2C10.4375 2 10 1.5625 10 1C10 0.46875 10.4375 0 11 0H13C14.6562 0 16 1.34375 16 3V11C16 12.6562 14.6562 14 13 14H11C10.4375 14 10 13.5625 10 13C10 12.4688 10.4375 12 11 12H13C13.5312 12 14 11.5625 14 11V3C14 2.46875 13.5312 2 13 2H11ZM10.6875 7.71875L6.6875 11.7188C6.3125 12.125 5.65625 12.125 5.28125 11.7188C4.875 11.3438 4.875 10.6875 5.28125 10.3125L7.5625 8H1C0.4375 8 0 7.5625 0 7C0 6.46875 0.4375 6 1 6H7.5625L5.28125 3.71875C4.875 3.34375 4.875 2.6875 5.28125 2.3125C5.65625 1.90625 6.3125 1.90625 6.6875 2.3125L10.6875 6.3125C11.0938 6.6875 11.0938 7.34375 10.6875 7.71875Z",
-                      fill: "currentColor"
-                    })
-                  ], -1)
-                ])),
-                description: withCtx(() => [
-                  createVNode(_component_i18n_t, {
-                    tag: "span",
-                    keypath: "ndv.input.rootNodeHasNotRun.description"
-                  }, {
-                    link: withCtx(() => [
-                      createBaseVNode("a", {
-                        href: "#",
-                        "data-test-id": "switch-to-mapping-mode-link",
-                        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onInputModeChange("mapping"), ["prevent"]))
-                      }, toDisplayString(unref(i18n).baseText("ndv.input.rootNodeHasNotRun.description.link")), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["title"]))
-            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              isMappingEnabled.value || hasRootNodeRun.value ? (openBlock(), createBlock(unref(N8nText), {
-                key: 0,
-                tag: "div",
-                bold: true,
-                color: "text-dark",
-                size: "large"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(i18n).baseText("ndv.input.noOutputData.title")), 1)
-                ]),
-                _: 1
-              })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createVNode(unref(N8nText), {
-                  tag: "div",
-                  bold: true,
-                  color: "text-dark",
-                  size: "large"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(i18n).baseText("ndv.input.rootNodeHasNotRun.title")), 1)
-                  ]),
-                  _: 1
-                }),
-                createVNode(unref(N8nText), {
-                  tag: "div",
-                  color: "text-dark",
-                  size: "medium"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_i18n_t, {
-                      tag: "span",
-                      keypath: "ndv.input.rootNodeHasNotRun.description"
-                    }, {
-                      link: withCtx(() => [
-                        createBaseVNode("a", {
-                          href: "#",
-                          "data-test-id": "switch-to-mapping-mode-link",
-                          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => onInputModeChange("mapping"), ["prevent"]))
-                        }, toDisplayString(unref(i18n).baseText("ndv.input.rootNodeHasNotRun.description.link")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ], 64)),
-              !_ctx.readOnly ? (openBlock(), createBlock(unref(N8nTooltip), {
-                key: 2,
-                visible: showDraggableHint.value && showDraggableHintWithDelay.value
-              }, {
-                content: withCtx(() => [
-                  withDirectives(createBaseVNode("div", null, null, 512), [
-                    [
-                      _directive_n8n_html,
-                      unref(i18n).baseText("dataMapping.dragFromPreviousHint", {
-                        interpolate: { name: unref(focusedMappableInput) }
-                      })
-                    ]
-                  ])
-                ]),
-                default: withCtx(() => [
-                  createVNode(_sfc_main$f, {
-                    type: "secondary",
-                    "hide-icon": "",
-                    transparent: true,
-                    "node-name": (isActiveNodeConfig.value ? rootNode.value : unref(activeNode)?.name) ?? "",
-                    label: unref(i18n).baseText("ndv.input.noOutputData.executePrevious"),
-                    class: "mt-m",
-                    "telemetry-source": "inputs",
-                    "data-test-id": "execute-previous-node",
-                    onExecute: onNodeExecute
-                  }, null, 8, ["node-name", "label"])
-                ]),
-                _: 1
-              }, 8, ["visible"])) : createCommentVNode("", true),
-              !_ctx.readOnly ? (openBlock(), createBlock(unref(N8nText), {
-                key: 3,
-                tag: "div",
-                size: "small"
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_i18n_t, { keypath: "ndv.input.noOutputData.hint" }, {
-                    info: withCtx(() => [
-                      createVNode(unref(N8nTooltip), { placement: "bottom" }, {
-                        content: withCtx(() => [
-                          createTextVNode(toDisplayString(unref(i18n).baseText("ndv.input.noOutputData.hint.tooltip")), 1)
-                        ]),
-                        default: withCtx(() => [
-                          createVNode(unref(N8nIcon), { icon: "circle-help" })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })) : createCommentVNode("", true)
-            ], 64))
-          ], 2)) : (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: normalizeClass(_ctx.$style.notConnected)
-          }, [
-            isNDVV2.value ? (openBlock(), createBlock(NDVEmptyState, {
-              key: 0,
-              title: unref(i18n).baseText("ndv.input.notConnected.v2.title")
-            }, {
-              icon: withCtx(() => [
-                createVNode(WireMeUp)
-              ]),
-              description: withCtx(() => [
-                createVNode(_component_i18n_t, {
-                  tag: "span",
-                  keypath: "ndv.input.notConnected.v2.description"
-                }, {
-                  link: withCtx(() => [
-                    createBaseVNode("a", {
-                      href: "https://docs.n8n.io/workflows/connections/",
-                      target: "_blank",
-                      onClick: onConnectionHelpClick
-                    }, toDisplayString(unref(i18n).baseText("ndv.input.notConnected.learnMore")), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["title"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createBaseVNode("div", null, [
-                createVNode(WireMeUp)
-              ]),
-              createVNode(unref(N8nText), {
-                tag: "div",
-                bold: true,
-                color: "text-dark",
-                size: "large"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(i18n).baseText("ndv.input.notConnected.title")), 1)
-                ]),
-                _: 1
-              }),
-              createVNode(unref(N8nText), { tag: "div" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(i18n).baseText("ndv.input.notConnected.message")) + " ", 1),
-                  createBaseVNode("a", {
-                    href: "https://docs.n8n.io/workflows/connections/",
-                    target: "_blank",
-                    onClick: onConnectionHelpClick
-                  }, toDisplayString(unref(i18n).baseText("ndv.input.notConnected.learnMore")), 1)
-                ]),
-                _: 1
-              })
-            ], 64))
-          ], 2))
-        ]),
-        "node-waiting": withCtx(() => [
-          createVNode(unref(N8nText), {
-            bold: true,
-            color: "text-dark",
-            size: "large"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18n).baseText("ndv.output.waitNodeWaiting.title")), 1)
-            ]),
-            _: 1
-          }),
-          withDirectives(createVNode(unref(N8nText), null, null, 512), [
-            [_directive_n8n_html, waitingMessage.value]
-          ])
-        ]),
-        "no-output-data": withCtx(() => [
-          createVNode(unref(N8nText), {
-            tag: "div",
-            bold: true,
-            color: "text-dark",
-            size: "large"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18n).baseText("ndv.input.noOutputData")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        "recovered-artificial-output-data": withCtx(() => [
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.recoveredOutputData)
-          }, [
-            createVNode(unref(N8nText), {
-              tag: "div",
-              bold: true,
-              color: "text-dark",
-              size: "large"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("executionDetails.executionFailed.recoveredNodeTitle")), 1)
-              ]),
-              _: 1
-            }),
-            createVNode(unref(N8nText), null, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("executionDetails.executionFailed.recoveredNodeMessage")), 1)
-              ]),
-              _: 1
-            })
-          ], 2)
-        ]),
-        _: 2
-      }, [
-        isMappingMode.value ? {
-          name: "before-data",
-          fn: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent("style"), null, {
-              default: withCtx(() => _cache[3] || (_cache[3] = [
-                createTextVNode("button.linkRun { display: none }")
-              ])),
-              _: 1
-            })),
-            createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.mappedNode)
-            }, [
-              createVNode(InputNodeSelect, {
-                "model-value": mappedNode2.value,
-                workflow: _ctx.workflow,
-                nodes: rootNodesParents.value,
-                "onUpdate:modelValue": onMappedNodeSelected
-              }, null, 8, ["model-value", "workflow", "nodes"])
-            ], 2)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["class", "node", "nodes", "workflow", "run-index", "linked-runs", "can-link-runs", "too-much-data-title", "no-data-in-branch-message", "is-executing", "executing-message", "push-ref", "override-outputs", "mapping-enabled", "distance-from-active", "is-production-execution-preview", "is-pane-active", "display-mode", "collapsing-table-column-name"]);
-    };
-  }
-});
-const runData = "_runData_1mdum_123";
-const mappedNode = "_mappedNode_1mdum_127";
-const titleSection = "_titleSection_1mdum_131";
-const titleSectionV2 = "_titleSectionV2_1mdum_140";
-const inputModeTab = "_inputModeTab_1mdum_144";
-const noOutputData = "_noOutputData_1mdum_148";
-const recoveredOutputData = "_recoveredOutputData_1mdum_155";
-const notConnected = "_notConnected_1mdum_164";
-const title = "_title_1mdum_131";
-const titleV2 = "_titleV2_1mdum_182";
 const style0$1 = {
   runData,
-  mappedNode,
+  outputTypeSelect,
   titleSection,
   titleSectionV2,
-  inputModeTab,
+  title,
+  titleV2,
   noOutputData,
   recoveredOutputData,
-  notConnected,
-  title,
-  titleV2
+  link
 };
 const cssModules$1 = {
   "$style": style0$1
 };
-const InputPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const OutputPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
 const _hoisted_1 = { key: "empty" };
 const _hoisted_2 = { key: "listening" };
 const _hoisted_3 = { key: 0 };
@@ -2233,10 +1278,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const telemetry = useTelemetry();
     const executionsHelpEventBus = createEventBus();
     const help = ref(null);
-    const node2 = computed(() => workflowsStore.getNodeByName(props.nodeName));
+    const node = computed(() => workflowsStore.getNodeByName(props.nodeName));
     const nodeType = computed(() => {
-      if (node2.value) {
-        return nodesTypeStore.getNodeType(node2.value.type, node2.value.typeVersion);
+      if (node.value) {
+        return nodesTypeStore.getNodeType(node.value.type, node.value.typeVersion);
       }
       return null;
     });
@@ -2252,8 +1297,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (typeof hideContent2 === "boolean") {
         return hideContent2;
       }
-      if (node2.value) {
-        const hideContentValue = workflowHelpers.getCurrentWorkflow().expression.getSimpleParameterValue(node2.value, hideContent2, "internal", {});
+      if (node.value) {
+        const hideContentValue = workflowHelpers.getCurrentWorkflow().expression.getSimpleParameterValue(node.value, hideContent2, "internal", {});
         if (typeof hideContentValue === "boolean") {
           return hideContentValue;
         }
@@ -2262,7 +1307,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const hasIssues = computed(() => {
       return Boolean(
-        node2.value?.issues && (node2.value.issues.parameters ?? node2.value.issues.credentials)
+        node.value?.issues && (node.value.issues.parameters ?? node.value.issues.credentials)
       );
     });
     const serviceName = computed(() => {
@@ -2273,14 +1318,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const displayChatButton = computed(() => {
       return Boolean(
-        node2.value && node2.value.type === CHAT_TRIGGER_NODE_TYPE && node2.value.parameters.mode !== "webhook"
+        node.value && node.value.type === CHAT_TRIGGER_NODE_TYPE && node.value.parameters.mode !== "webhook"
       );
     });
     const isWebhookNode = computed(() => {
-      return Boolean(node2.value && node2.value.type === WEBHOOK_NODE_TYPE);
+      return Boolean(node.value && node.value.type === WEBHOOK_NODE_TYPE);
     });
     const webhookHttpMethod = computed(() => {
-      if (!node2.value || !nodeType.value?.webhooks?.length) {
+      if (!node.value || !nodeType.value?.webhooks?.length) {
         return void 0;
       }
       const httpMethod = workflowHelpers.getWebhookExpressionValue(
@@ -2294,10 +1339,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return httpMethod;
     });
     const webhookTestUrl = computed(() => {
-      if (!node2.value || !nodeType.value?.webhooks?.length) {
+      if (!node.value || !nodeType.value?.webhooks?.length) {
         return void 0;
       }
-      return workflowHelpers.getWebhookUrl(nodeType.value.webhooks[0], node2.value, "test");
+      return workflowHelpers.getWebhookUrl(nodeType.value.webhooks[0], node.value, "test");
     });
     const isWebhookBasedNode = computed(() => {
       return Boolean(nodeType.value?.webhooks?.length);
@@ -2308,7 +1353,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isListeningForEvents = computed(() => {
       const waitingOnWebhook = workflowsStore.executionWaitingForWebhook;
       const executedNode = workflowsStore.executedNode;
-      return !!node2.value && !node2.value.disabled && isWebhookBasedNode.value && waitingOnWebhook && (!executedNode || executedNode === props.nodeName);
+      return !!node.value && !node.value.disabled && isWebhookBasedNode.value && waitingOnWebhook && (!executedNode || executedNode === props.nodeName);
     });
     const workflowRunning = computed(() => workflowsStore.isWorkflowRunning);
     const isActivelyPolling = computed(() => {
@@ -2484,7 +1529,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_n8n_pulse = N8nPulse;
       const _component_n8n_text = N8nText;
       const _component_n8n_button = N8nButton;
-      const _component_n8n_spinner = _sfc_main$h;
+      const _component_n8n_spinner = _sfc_main$c;
       const _component_n8n_heading = N8nHeading;
       const _component_n8n_link = N8nLink;
       const _component_n8n_info_accordion = N8nInfoAccordion;
@@ -2500,7 +1545,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             hasIssues.value || hideContent.value ? (openBlock(), createElementBlock("div", _hoisted_1)) : isListeningForEvents.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
               createVNode(_component_n8n_pulse, null, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$c, {
+                  createVNode(_sfc_main$8, {
                     "node-type": nodeType.value,
                     size: 40
                   }, null, 8, ["node-type"])
@@ -2541,7 +1586,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "copy-button-text": unref(i18n).baseText("generic.clickToCopy"),
                   onCopy: onTestLinkCopied
                 }, null, 8, ["value", "toast-title", "copy-button-text"]),
-                createVNode(_sfc_main$f, {
+                createVNode(_sfc_main$b, {
                   "data-test-id": "trigger-execute-button",
                   "node-name": _ctx.nodeName,
                   size: "medium",
@@ -2582,7 +1627,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   })
                 ])) : createCommentVNode("", true),
-                createVNode(_sfc_main$f, {
+                createVNode(_sfc_main$b, {
                   "data-test-id": "trigger-execute-button",
                   "node-name": _ctx.nodeName,
                   size: "medium",
@@ -2619,7 +1664,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   })) : createCommentVNode("", true)
                 ], 2),
-                createVNode(_sfc_main$f, {
+                createVNode(_sfc_main$b, {
                   "data-test-id": "trigger-execute-button",
                   "node-name": _ctx.nodeName,
                   size: "medium",
@@ -2685,7 +1730,6 @@ const cssModules = {
 };
 const TriggerPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-a321aff2"]]);
 export {
-  InputPanel as I,
   OutputPanel as O,
   TriggerPanel as T,
   __unplugin_components_0 as _