n8n-editor-ui 1.89.1 → 1.90.1

package/dist/assets/{NodeDetailsView-Ao8qCvow.js → NodeDetailsView-cO3Ci9jH.js}

@@ -1,32 +1,13 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-DEgXQifj.js","assets/index-CN4JmOoA.js","assets/index-DwKuVkBg.css","assets/useExecutionHelpers-Bet0YWvb.js","assets/dateFormatter-DP26ifk_.js","assets/RunDataTable-CX7gToH4.css","assets/RunDataJson-BRO48N-i.js","assets/import-curl-DVtpAPDa.js","assets/FileSaver.min-DbOfV2ME.js","assets/RunDataAi-DsidSvp-.js","assets/useCanvasOperations-BW3qnkOc.js","assets/RunDataAi-CUUDqZRP.css","assets/useWorkflowActivate-BZzKuzDM.js","assets/RunDataJson-Txw0lqay.css","assets/RunDataSearch-CNfhlvrK.js","assets/RunDataSearch-R6qtl0Jf.css"])))=>i.map(i=>d[i]);
-import { h4 as hasKey, d as defineComponent, r as ref, q as computed, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, bC as _sfc_main$l, w as withCtx, H as withKeys, J as withModifiers, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, e as createBlock, f as createCommentVNode, z as nextTick, _ as _export_sfc, au as useNDVStore, U as useWorkflowsStore, dH as isCommunityPackageName, cB as NPM_PACKAGE_DOCS_BASE_URL, h5 as BUILTIN_NODES_DOCS_URL, cD as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aR as useExternalHooks, ai as useTelemetry, bu as NodeConnectionTypes, b as useRouter, ba as useClipboard, a7 as useWorkflowHelpers, a as useToast, h6 as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, h7 as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, eT as MCP_TRIGGER_NODE_TYPE, eK as FORM_TRIGGER_NODE_TYPE, bv as CHAT_TRIGGER_NODE_TYPE, I as watch, F as Fragment, D as renderList, G as onClickOutside, as as h, h8 as toRef, h9 as tryOnScopeDispose, ha as toValue, hb as isIOS, hc as noop, hd as isObject, he as isClient, bw as useNodeTypesStore, bx as useNodeHelpers, K as useDebounce, fI as nodeIssuesToString, B as normalizeStyle, fC as TitledList, br as getNodeInputs, hf as SWITCH_NODE_TYPE, fG as isEqual, hg as captureException, p as useSettingsStore, aw as usePostHog, bM as useCredentialsStore, u as useUsersStore, a4 as useProjectsStore, dB as OPEN_AI_API_CREDENTIAL_TYPE, hh as AI_CREDITS_EXPERIMENT, bP as useHistoryStore, ad as ProjectTypes, bs as getConnectionTypes, o as onMounted, hi as ndvEventBus, y as onBeforeUnmount, hj as _sfc_main$m, hk as CUSTOM_NODES_DOCS_URL, aC as withDirectives, aD as vShow, gO as _sfc_main$n, hl as NodeCredentials, bh as get, f9 as getNodeParameters, ca as deepCopy, hm as set, hn as unset, e_ as RenameNodeCommand, gN as isINodePropertyCollectionList, ho as isINodePropertiesList, hp as isINodePropertyOptionsList, hq as displayParameter, hr as Draggable, fs as useThrottleFn, L as useUIStore, fd as useSlots, hs as MAIN_NODE_PANEL_WIDTH, aL as useStorage, ht as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, x as renderSlot, hu as requireVue, ck as getDefaultExportFromCjs, hv as sanitizeHtml, hw as sanitizeHtmlExports, bU as jsonParse, aS as N8nTooltip, aU as _sfc_main$o, aT as N8nLink, b9 as N8nText, a3 as useSourceControlStore, a1 as useRootStore, dy as useSchemaPreviewStore, W as useRoute, bI as toRef$1, bi as usePinnedData, hx as useNodeType, cG as storeToRefs, ep as HTML_NODE_TYPE, hy as TRIMMED_TASK_DATA_CONNECTIONS_KEY, hz as executionDataToJson, hA as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, dU as CORE_NODES_CATEGORY, hB as SCHEMA_PREVIEW_EXPERIMENT, hC as computedAsync, hD as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, hE as dataPinningEventBus, hF as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, hG as searchInObject, hH as isObject$1, hI as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, dG as MAX_DISPLAY_DATA_SIZE, cb as resolveDirective, b_ as N8nCallout, hJ as DATA_PINNING_DOCS_URL, bY as Suspense, bZ as defineAsyncComponent, bG as N8nRadioButtons, bb as N8nButton, gv as _sfc_main$p, gu as N8nSelect, hK as N8nTabs, ga as _sfc_main$q, hL as JsonEditor, hM as DATA_EDITING_DOCS_URL, de as InfoTip, hN as N8nBlockUi, aq as __vitePreload, eY as isPresent, bt as getNodeOutputs, hO as getNodeHints, hP as getGenericHints, hQ as clearJsonKey, hR as TEST_PIN_DATA, fQ as isEmpty, fH as useNodeDirtiness, fD as CanvasNodeDirtiness, aW as createSlots, hS as waitingNodeTooltip, hT as truncate, gj as createStaticVNode, bS as START_NODE_TYPE, eH as MANUAL_TRIGGER_NODE_TYPE, hU as CRON_NODE_TYPE, hV as INTERVAL_NODE_TYPE, hW as uniqBy, b2 as resolveDynamicComponent, bE as N8nIcon, hX as isTriggerPanelObject, dw as getTriggerNodeServiceName, eC as WEBHOOK_NODE_TYPE, dh as CopyInput, C as createEventBus, fF as Transition, V as VIEWS, am as WORKFLOW_SETTINGS_MODAL_KEY, fu as useDeviceSupport, hY as EXECUTABLE_TRIGGER_NODE_TYPES, aA as STICKY_NODE_TYPE, hZ as BASE_NODE_SURVEY_URL, ac as EnterpriseEditionFeature, bH as useStyles, h_ as APP_MODALS_ELEMENT_ID, ak as useMessage, al as MODAL_CONFIRM } from "./index-CN4JmOoA.js";
-import { i as importCurlEventBus } from "./import-curl-DVtpAPDa.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-DbOfV2ME.js";
-import { V as ViewSubExecution, b as _sfc_main$r, R as RunDataAi } from "./RunDataAi-DsidSvp-.js";
-import { b as convertToDisplayDateComponents } from "./dateFormatter-DP26ifk_.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-BZzKuzDM.js";
-function responseHasSubworkflowData(response) {
-  return ["executionId", "workflowId"].every(
-    (x) => hasKey(response, x) && typeof response[x] === "string"
-  );
-}
-function parseErrorResponseWorkflowMetadata(response) {
-  if (!responseHasSubworkflowData(response)) return void 0;
-  return {
-    subExecution: {
-      executionId: response.executionId,
-      workflowId: response.workflowId
-    },
-    subExecutionsCount: 1
-  };
-}
-function parseErrorMetadata(error) {
-  if (hasKey(error, "errorResponse")) {
-    return parseErrorResponseWorkflowMetadata(error.errorResponse);
-  }
-  return parseErrorResponseWorkflowMetadata(error);
-}
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+import { d as defineComponent, r as ref, q as computed, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, bB as _sfc_main$g, w as withCtx, H as withKeys, J as withModifiers, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, e as createBlock, f as createCommentVNode, z as nextTick, _ as _export_sfc, au as useNDVStore, U as useWorkflowsStore, dF as isCommunityPackageName, cC as NPM_PACKAGE_DOCS_BASE_URL, hF as BUILTIN_NODES_DOCS_URL, cE as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aR as useExternalHooks, ai as useTelemetry, bl as NodeConnectionTypes, b as useRouter, be as useClipboard, a7 as useWorkflowHelpers, a as useToast, hG as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, hH as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, fk as MCP_TRIGGER_NODE_TYPE, fb as FORM_TRIGGER_NODE_TYPE, bj as CHAT_TRIGGER_NODE_TYPE, I as watch, F as Fragment, D as renderList, G as onClickOutside, as as h, hI as toRef, hJ as tryOnScopeDispose, hK as toValue, hL as isIOS, hM as noop, hN as isObject, hO as isClient, by as useNodeTypesStore, bz as useNodeHelpers, K as useDebounce, g7 as nodeIssuesToString, B as normalizeStyle, g2 as TitledList, bv as getNodeInputs, hP as SWITCH_NODE_TYPE, eb as isEqual, hQ as captureException, p as useSettingsStore, aw as usePostHog, bN as useCredentialsStore, u as useUsersStore, a4 as useProjectsStore, dx as OPEN_AI_API_CREDENTIAL_TYPE, hR as AI_CREDITS_EXPERIMENT, bQ as useHistoryStore, ad as ProjectTypes, bw as getConnectionTypes, o as onMounted, hS as ndvEventBus, y as onBeforeUnmount, hT as _sfc_main$h, hU as CUSTOM_NODES_DOCS_URL, aC as withDirectives, aD as vShow, hf as _sfc_main$i, hV as NodeCredentials, bn as get, fB as getNodeParameters, cb as deepCopy, hW as set, hX as unset, fq as RenameNodeCommand, he as isINodePropertyCollectionList, hY as isINodePropertiesList, hZ as isINodePropertyOptionsList, h_ as displayParameter, gZ as Draggable, fU as useThrottleFn, L as useUIStore, fF as useSlots, h$ as MAIN_NODE_PANEL_WIDTH, aL as useStorage, i0 as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, x as renderSlot, cc as resolveDirective, df as InfoTip, cH as storeToRefs, g6 as useNodeDirtiness, dL as useNodeType, bp as usePinnedData, g3 as CanvasNodeDirtiness, aW as createSlots, bd as N8nText, i1 as waitingNodeTooltip, bF as N8nRadioButtons, e5 as isPresent, i2 as truncate, gN as createStaticVNode, bT as START_NODE_TYPE, f8 as MANUAL_TRIGGER_NODE_TYPE, i3 as CRON_NODE_TYPE, i4 as INTERVAL_NODE_TYPE, bx as getNodeOutputs, bG as uniqBy, b6 as resolveDynamicComponent, aS as N8nTooltip, bD as N8nIcon, i5 as isTriggerPanelObject, ds as getTriggerNodeServiceName, f3 as WEBHOOK_NODE_TYPE, di as CopyInput, C as createEventBus, g5 as Transition, V as VIEWS, am as WORKFLOW_SETTINGS_MODAL_KEY, fW as useDeviceSupport, i6 as EXECUTABLE_TRIGGER_NODE_TYPES, aA as STICKY_NODE_TYPE, i7 as BASE_NODE_SURVEY_URL, ac as EnterpriseEditionFeature, dT as dataPinningEventBus, bI as useStyles, i8 as APP_MODALS_ELEMENT_ID, ak as useMessage, al as MODAL_CONFIRM, bV as jsonParse } from "./index-BpdkKRP4.js";
+import { i as importCurlEventBus } from "./import-curl-CAszzwx1.js";
+import { R as RunData } from "./RunData-Ds-U68nr.js";
+import { b as convertToDisplayDateComponents } from "./dateFormatter-CZI1kGYK.js";
+import { R as RunDataAi } from "./RunDataAi-DdK11EHU.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-pZ62ib_C.js";
+import "./FileSaver.min-Cm0u4qyc.js";
+import "./useExecutionHelpers-DN5HqPqY.js";
+import "./useCanvasOperations-D6VFiC3b.js";
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "NodeTitle",
   props: {
     modelValue: { default: "" },
@@ -70,7 +51,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         createBaseVNode("span", {
           class: normalizeClass(_ctx.$style.iconWrapper)
         }, [
-          createVNode(_sfc_main$l, {
+          createVNode(_sfc_main$g, {
             "node-type": _ctx.nodeType,
             size: 18
           }, null, 8, ["node-type"])
@@ -151,7 +132,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$3 = "_container_86rol_123";
+const container$2 = "_container_86rol_123";
 const title$3 = "_title_86rol_133";
 const hoverable = "_hoverable_86rol_141";
 const editIcon = "_editIcon_86rol_144";
@@ -159,8 +140,8 @@ const iconWrapper = "_iconWrapper_86rol_148";
 const editIconContainer = "_editIconContainer_86rol_161";
 const editButtons = "_editButtons_86rol_167";
 const editContainer = "_editContainer_86rol_175";
-const style0$c = {
-  container: container$3,
+const style0$a = {
+  container: container$2,
   title: title$3,
   hoverable,
   editIcon,
@@ -169,11 +150,11 @@ const style0$c = {
   editButtons,
   editContainer
 };
-const cssModules$d = {
-  "$style": style0$c
+const cssModules$b = {
+  "$style": style0$a
 };
-const NodeTitle = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__cssModules", cssModules$d]]);
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const NodeTitle = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__cssModules", cssModules$b]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "NodeSettingsTabs",
   props: {
     modelValue: { default: "params" },
@@ -294,34 +275,34 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = {
+const _hoisted_1$8 = {
   key: 0,
   class: "webhooks"
 };
-const _hoisted_2$7 = ["title"];
-const _hoisted_3$6 = {
+const _hoisted_2$3 = ["title"];
+const _hoisted_3$3 = {
   key: 0,
   class: "node-webhooks"
 };
-const _hoisted_4$6 = {
+const _hoisted_4$3 = {
   key: 0,
   class: "url-selection"
 };
-const _hoisted_5$6 = {
+const _hoisted_5$3 = {
   key: 0,
   class: "webhook-wrapper"
 };
-const _hoisted_6$5 = { class: "http-field" };
-const _hoisted_7$4 = { class: "http-method" };
-const _hoisted_8$4 = { class: "url-field" };
-const _hoisted_9$3 = ["onClick"];
-const _hoisted_10$2 = {
+const _hoisted_6$3 = { class: "http-field" };
+const _hoisted_7$2 = { class: "http-method" };
+const _hoisted_8$2 = { class: "url-field" };
+const _hoisted_9$1 = ["onClick"];
+const _hoisted_10$1 = {
   key: 1,
   class: "webhook-wrapper"
 };
 const _hoisted_11$1 = { class: "url-field-full-width" };
 const _hoisted_12 = ["onClick"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "NodeWebhooks",
   props: {
     node: {},
@@ -470,7 +451,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       const _component_el_row = resolveComponent("el-row");
       const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
       const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
-      return webhooksNode.value.length && visibleWebhookUrls.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+      return webhooksNode.value.length && visibleWebhookUrls.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
         createBaseVNode("div", {
           class: normalizeClass(["clickable headline", { expanded: !isMinimized.value }]),
           title: isMinimized.value ? baseText.value.clickToDisplay : baseText.value.clickToHide,
@@ -481,11 +462,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             class: "minimize-button minimize-icon"
           }),
           createTextVNode(" " + toDisplayString(baseText.value.toggleTitle), 1)
-        ], 10, _hoisted_2$7),
+        ], 10, _hoisted_2$3),
         createVNode(_component_el_collapse_transition, null, {
           default: withCtx(() => [
-            !isMinimized.value ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
-              !isProductionOnly.value ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
+            !isMinimized.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+              !isProductionOnly.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
                 createVNode(_component_el_row, null, {
                   default: withCtx(() => [
                     createVNode(_component_el_col, { span: 24 }, {
@@ -510,23 +491,23 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   placement: "left"
                 }, {
                   default: withCtx(() => [
-                    isWebhookMethodVisible(webhook) ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
-                      createBaseVNode("div", _hoisted_6$5, [
-                        createBaseVNode("div", _hoisted_7$4, [
+                    isWebhookMethodVisible(webhook) ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+                      createBaseVNode("div", _hoisted_6$3, [
+                        createBaseVNode("div", _hoisted_7$2, [
                           createTextVNode(toDisplayString(getWebhookHttpMethod(webhook)), 1),
                           _cache[2] || (_cache[2] = createBaseVNode("br", null, null, -1))
                         ])
                       ]),
-                      createBaseVNode("div", _hoisted_8$4, [
+                      createBaseVNode("div", _hoisted_8$2, [
                         createBaseVNode("div", {
                           class: "webhook-url left-ellipsis clickable",
                           onClick: ($event) => copyWebhookUrl(webhook)
                         }, [
                           createTextVNode(toDisplayString(getWebhookUrlDisplay(webhook)), 1),
                           _cache[3] || (_cache[3] = createBaseVNode("br", null, null, -1))
-                        ], 8, _hoisted_9$3)
+                        ], 8, _hoisted_9$1)
                       ])
-                    ])) : (openBlock(), createElementBlock("div", _hoisted_10$2, [
+                    ])) : (openBlock(), createElementBlock("div", _hoisted_10$1, [
                       createBaseVNode("div", _hoisted_11$1, [
                         createBaseVNode("div", {
                           class: "webhook-url left-ellipsis clickable",
@@ -549,7 +530,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NodeWebhooks = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-56323fca"]]);
+const NodeWebhooks = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-56323fca"]]);
 const OnClickOutside = /* @__PURE__ */ defineComponent({
   name: "OnClickOutside",
   props: ["as", "options"],
@@ -720,13 +701,13 @@ function onScrollLock() {
   };
 }
 onScrollLock();
-const _hoisted_1$c = ["data-test-id"];
-const _hoisted_2$6 = ["textContent"];
-const _hoisted_3$5 = ["onClick"];
-const _hoisted_4$5 = ["onClick"];
-const _hoisted_5$5 = ["data-node-name"];
-const _hoisted_6$4 = ["onClick"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = ["data-test-id"];
+const _hoisted_2$2 = ["textContent"];
+const _hoisted_3$2 = ["onClick"];
+const _hoisted_4$2 = ["onClick"];
+const _hoisted_5$2 = ["data-node-name"];
+const _hoisted_6$2 = ["onClick"];
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "NDVSubConnections",
   props: {
     rootNode: {}
@@ -878,7 +859,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     [_ctx.$style.hasIssues]: hasInputIssues(connection.type)
                   }),
                   textContent: toDisplayString(`${connection.displayName}${connection.required ? " *" : ""}`)
-                }, null, 10, _hoisted_2$6),
+                }, null, 10, _hoisted_2$2),
                 createVNode(unref(OnClickOutside), {
                   onTrigger: ($event) => expandConnectionGroup(connection.type, false)
                 }, {
@@ -926,7 +907,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 2
                         }, 1032, ["disabled"])
-                      ], 10, _hoisted_4$5)) : createCommentVNode("", true),
+                      ], 10, _hoisted_4$2)) : createCommentVNode("", true),
                       connectedNodes2.value[connection.type].length > 0 ? (openBlock(), createElementBlock("div", {
                         key: 1,
                         class: normalizeClass({
@@ -963,33 +944,33 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                                   class: normalizeClass(_ctx.$style.connectedNode),
                                   onClick: ($event) => onNodeClick(node2.node.name, connection.type)
                                 }, [
-                                  createVNode(_sfc_main$l, {
+                                  createVNode(_sfc_main$g, {
                                     "node-type": node2.nodeType,
                                     "node-name": node2.node.name,
                                     "tooltip-position": "top",
                                     size: 20,
                                     circle: ""
                                   }, null, 8, ["node-type", "node-name"])
-                                ], 10, _hoisted_6$4)
+                                ], 10, _hoisted_6$2)
                               ]),
                               _: 2
                             }, 1032, ["disabled"]))
-                          ], 14, _hoisted_5$5);
+                          ], 14, _hoisted_5$2);
                         }), 128))
                       ], 2)) : createCommentVNode("", true)
-                    ], 14, _hoisted_3$5)
+                    ], 14, _hoisted_3$2)
                   ]),
                   _: 2
                 }, 1032, ["onTrigger"])
               ], 2)
-            ], 8, _hoisted_1$c);
+            ], 8, _hoisted_1$7);
           }), 128))
         ], 6)
       ], 2)) : createCommentVNode("", true);
     };
   }
 });
-const container$2 = "_container_ac466_140";
+const container$1 = "_container_ac466_140";
 const connections = "_connections_ac466_148";
 const connectionType = "_connectionType_ac466_160";
 const connectionLabel = "_connectionLabel_ac466_167";
@@ -1001,8 +982,8 @@ const connectedNodesMultiple = "_connectedNodesMultiple_ac466_209";
 const connectedNode$1 = "_connectedNode_ac466_177";
 const connectedNodes = "_connectedNodes_ac466_177";
 const nodeWrapper = "_nodeWrapper_ac466_247";
-const style0$b = {
-  container: container$2,
+const style0$9 = {
+  container: container$1,
   connections,
   connectionType,
   connectionLabel,
@@ -1016,10 +997,10 @@ const style0$b = {
   connectedNodes,
   nodeWrapper
 };
-const cssModules$c = {
-  "$style": style0$b
+const cssModules$a = {
+  "$style": style0$9
 };
-const NDVSubConnections = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__cssModules", cssModules$c]]);
+const NDVSubConnections = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$a]]);
 function updateDynamicConnections(node2, workflowConnections, parameterData) {
   const connections2 = { ...workflowConnections };
   try {
@@ -1103,10 +1084,10 @@ function updateDynamicConnections(node2, workflowConnections, parameterData) {
   }
   return null;
 }
-const _hoisted_1$b = { class: "mt-xs" };
+const _hoisted_1$6 = { class: "mt-xs" };
 const LANGCHAIN_NODES_PREFIX = "@n8n/n8n-nodes-langchain.";
 const N8N_NODES_PREFIX = "@n8n/n8n-nodes.";
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FreeAiCreditsCallout",
   setup(__props) {
     const NODES_WITH_OPEN_AI_API_CREDENTIAL = [
@@ -1163,7 +1144,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       const _component_n8n_button = resolveComponent("n8n-button");
       const _component_n8n_callout = resolveComponent("n8n-callout");
       const _component_n8n_text = resolveComponent("n8n-text");
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         userCanClaimOpenAiCredits.value && !showSuccessCallout.value ? (openBlock(), createBlock(_component_n8n_callout, {
           key: 0,
           theme: "secondary",
@@ -1215,26 +1196,26 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "header-side-menu" };
-const _hoisted_2$5 = { key: 1 };
-const _hoisted_3$4 = {
+const _hoisted_1$5 = { class: "header-side-menu" };
+const _hoisted_2$1 = { key: 1 };
+const _hoisted_3$1 = {
   key: 0,
   class: "node-is-not-valid"
 };
-const _hoisted_4$4 = { class: "missingNodeTitleContainer mt-s mb-xs" };
-const _hoisted_5$4 = { class: "mb-l" };
-const _hoisted_6$3 = ["href"];
-const _hoisted_7$3 = ["href", "textContent"];
-const _hoisted_8$3 = {
+const _hoisted_4$1 = { class: "missingNodeTitleContainer mt-s mb-xs" };
+const _hoisted_5$1 = { class: "mb-l" };
+const _hoisted_6$1 = ["href"];
+const _hoisted_7$1 = ["href", "textContent"];
+const _hoisted_8$1 = {
   key: 1,
   class: "node-parameters-wrapper",
   "data-test-id": "node-parameters"
 };
-const _hoisted_9$2 = {
+const _hoisted_9 = {
   key: 1,
   class: "no-parameters"
 };
-const _hoisted_10$1 = {
+const _hoisted_10 = {
   key: 2,
   class: "parameter-item parameter-notice",
   "data-test-id": "node-parameters-http-notice"
@@ -1243,7 +1224,7 @@ const _hoisted_11 = {
   class: "node-version",
   "data-test-id": "node-version"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "NodeSettings",
   props: {
     eventBus: {},
@@ -1944,7 +1925,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.header)
         }, [
-          createBaseVNode("div", _hoisted_1$a, [
+          createBaseVNode("div", _hoisted_1$5, [
             node2.value ? (openBlock(), createBlock(NodeTitle, {
               key: 0,
               class: "node-name",
@@ -1953,8 +1934,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               "read-only": isReadOnly.value,
               "onUpdate:modelValue": nameChanged
             }, null, 8, ["model-value", "node-type", "read-only"])) : createCommentVNode("", true),
-            isExecutable.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
-              !_ctx.blockUI && node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$m, {
+            isExecutable.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+              !_ctx.blockUI && node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$h, {
                 key: 0,
                 "data-test-id": "node-execute-button",
                 "node-name": node2.value.name,
@@ -1968,7 +1949,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               }, null, 8, ["node-name", "disabled", "tooltip"])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ]),
-          node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$j, {
+          node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$e, {
             key: 0,
             "model-value": openPanel.value,
             "node-type": _ctx.nodeType,
@@ -1976,13 +1957,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": onTabSelect
           }, null, 8, ["model-value", "node-type", "push-ref"])) : createCommentVNode("", true)
         ], 2),
-        node2.value && !nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+        node2.value && !nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
           createBaseVNode("p", {
             class: normalizeClass(_ctx.$style.warningIcon)
           }, [
             createVNode(_component_font_awesome_icon, { icon: "exclamation-triangle" })
           ], 2),
-          createBaseVNode("div", _hoisted_4$4, [
+          createBaseVNode("div", _hoisted_4$1, [
             createVNode(_component_n8n_text, {
               size: "large",
               color: "text-dark",
@@ -1998,7 +1979,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass(_ctx.$style.descriptionContainer)
           }, [
-            createBaseVNode("div", _hoisted_5$4, [
+            createBaseVNode("div", _hoisted_5$1, [
               createVNode(_component_i18n_t, {
                 keypath: "nodeSettings.communityNodeUnknown.description",
                 tag: "span",
@@ -2008,7 +1989,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   createBaseVNode("a", {
                     href: `https://www.npmjs.com/package/${node2.value.type.split(".")[0]}`,
                     target: "_blank"
-                  }, toDisplayString(node2.value.type.split(".")[0]), 9, _hoisted_6$3)
+                  }, toDisplayString(node2.value.type.split(".")[0]), 9, _hoisted_6$1)
                 ]),
                 _: 1
               })
@@ -2032,25 +2013,25 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 href: unref(CUSTOM_NODES_DOCS_URL),
                 target: "_blank",
                 textContent: toDisplayString(unref(i18n).baseText("nodeSettings.nodeTypeUnknown.description.customNode"))
-              }, null, 8, _hoisted_7$3)
+              }, null, 8, _hoisted_7$1)
             ]),
             _: 1
           }))
         ])) : createCommentVNode("", true),
-        node2.value && nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
+        node2.value && nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
           hasForeignCredential.value && !isHomeProjectTeam.value ? (openBlock(), createBlock(_component_n8n_notice, {
             key: 0,
             content: unref(i18n).baseText("nodeSettings.hasForeignCredential", {
               interpolate: { owner: credentialOwnerName.value }
             })
           }, null, 8, ["content"])) : createCommentVNode("", true),
-          createVNode(_sfc_main$g),
+          createVNode(_sfc_main$b),
           withDirectives(createBaseVNode("div", null, [
             createVNode(NodeWebhooks, {
               node: node2.value,
               "node-type-description": _ctx.nodeType
             }, null, 8, ["node", "node-type-description"]),
-            nodeValuesInitialized.value ? (openBlock(), createBlock(_sfc_main$n, {
+            nodeValuesInitialized.value ? (openBlock(), createBlock(_sfc_main$i, {
               key: 0,
               parameters: parametersNoneSetting.value,
               "hide-delete": true,
@@ -2075,7 +2056,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"])) : createCommentVNode("", true),
-            parametersNoneSetting.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+            parametersNoneSetting.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_9, [
               createVNode(_component_n8n_text, null, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.thisNodeDoesNotHaveAnyParameters")), 1)
@@ -2083,7 +2064,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ])) : createCommentVNode("", true),
-            unref(nodeHelpers).isCustomApiCallSelected(nodeValues.value) ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+            unref(nodeHelpers).isCustomApiCallSelected(nodeValues.value) ? (openBlock(), createElementBlock("div", _hoisted_10, [
               createVNode(_component_n8n_notice, {
                 content: unref(i18n).baseText("nodeSettings.useTheHttpRequestNode", {
                   interpolate: { nodeTypeDisplayName: _ctx.nodeType?.displayName ?? "" }
@@ -2094,7 +2075,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             [vShow, openPanel.value === "params"]
           ]),
           withDirectives(createBaseVNode("div", null, [
-            createVNode(_sfc_main$n, {
+            createVNode(_sfc_main$i, {
               parameters: parametersSetting.value,
               "node-values": nodeValues.value,
               "is-read-only": isReadOnly.value,
@@ -2104,7 +2085,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               onValueChanged: valueChanged,
               onParameterBlur
             }, null, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"]),
-            createVNode(_sfc_main$n, {
+            createVNode(_sfc_main$i, {
               parameters: nodeSettings.value,
               "hide-delete": true,
               "node-values": nodeValues.value,
@@ -2140,19 +2121,19 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const header$2 = "_header_13al3_123";
+const header$1 = "_header_13al3_123";
 const warningIcon = "_warningIcon_13al3_127";
 const descriptionContainer = "_descriptionContainer_13al3_132";
-const style0$a = {
-  header: header$2,
+const style0$8 = {
+  header: header$1,
   warningIcon,
   descriptionContainer
 };
-const cssModules$b = {
-  "$style": style0$a
+const cssModules$9 = {
+  "$style": style0$8
 };
-const NodeSettings = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__cssModules", cssModules$b], ["__scopeId", "data-v-18fbbe4a"]]);
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const NodeSettings = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$9], ["__scopeId", "data-v-18fbbe4a"]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "PanelDragButton",
   props: {
     canMoveRight: { type: Boolean },
@@ -2228,7 +2209,7 @@ const rightArrow = "_rightArrow_16elv_142 _arrow_16elv_150";
 const visible$1 = "_visible_16elv_146";
 const arrow = "_arrow_16elv_150";
 const grid = "_grid_16elv_168";
-const style0$9 = {
+const style0$7 = {
   dragContainer,
   dragButton,
   leftArrow,
@@ -2237,12 +2218,12 @@ const style0$9 = {
   arrow,
   grid
 };
-const cssModules$a = {
-  "$style": style0$9
+const cssModules$8 = {
+  "$style": style0$7
 };
-const PanelDragButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__cssModules", cssModules$a]]);
-const _hoisted_1$9 = ["data-node-name", "data-node-placement", "onClick"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const PanelDragButton = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$8]]);
+const _hoisted_1$4 = ["data-node-name", "data-node-placement", "onClick"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "NDVFloatingNodes",
   props: {
     rootNode: {}
@@ -2367,14 +2348,14 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                       "data-node-placement": connectionGroup,
                       onClick: ($event) => emit("switchSelectedNode", node2.name)
                     }, [
-                      createVNode(_sfc_main$l, {
+                      createVNode(_sfc_main$g, {
                         "node-type": nodeType,
                         "node-name": node2.name,
                         "tooltip-position": tooltipPositionMapper[connectionGroup],
                         size: 35,
                         circle: ""
                       }, null, 8, ["node-type", "node-name", "tooltip-position"])
-                    ], 10, _hoisted_1$9)
+                    ], 10, _hoisted_1$4)
                   ]),
                   _: 2
                 }, 1032, ["placement"])) : createCommentVNode("", true)
@@ -2393,7 +2374,7 @@ const outputSub = "_outputSub_1tkq5_151";
 const outputMain = "_outputMain_1tkq5_162";
 const inputMain = "_inputMain_1tkq5_162";
 const connectedNode = "_connectedNode_1tkq5_185";
-const style0$8 = {
+const style0$6 = {
   floatingNodes,
   nodesList,
   inputSub,
@@ -2402,16 +2383,16 @@ const style0$8 = {
   inputMain,
   connectedNode
 };
-const cssModules$9 = {
-  "$style": style0$8
+const cssModules$7 = {
+  "$style": style0$6
 };
-const NDVFloatingNodes = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__cssModules", cssModules$9]]);
+const NDVFloatingNodes = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$7]]);
 const SIDE_MARGIN = 24;
 const SIDE_PANELS_MARGIN = 80;
 const MIN_PANEL_WIDTH = 310;
 const PANEL_WIDTH = 350;
 const PANEL_WIDTH_LARGE = 420;
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "NDVDraggablePanels",
   props: {
     isDraggable: { type: Boolean },
@@ -2739,7 +2720,7 @@ const mainPanelInner = "_mainPanelInner_181lg_156";
 const dragging = "_dragging_181lg_163";
 const dragButtonContainer = "_dragButtonContainer_181lg_176";
 const visible = "_visible_181lg_192";
-const style0$7 = {
+const style0$5 = {
   dataPanel,
   inputPanel,
   outputPanel,
@@ -2751,2506 +2732,10 @@ const style0$7 = {
   dragButtonContainer,
   visible
 };
-const cssModules$8 = {
-  "$style": style0$7
-};
-const NDVDraggablePanels = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$8]]);
-var vueJsonPretty$1 = { exports: {} };
-var vueJsonPretty = vueJsonPretty$1.exports;
-var hasRequiredVueJsonPretty;
-function requireVueJsonPretty() {
-  if (hasRequiredVueJsonPretty) return vueJsonPretty$1.exports;
-  hasRequiredVueJsonPretty = 1;
-  (function(module, exports) {
-    !function(e, t) {
-      module.exports = t(requireVue());
-    }(vueJsonPretty, function(e) {
-      return function() {
-        var t = { 789: function(t2) {
-          t2.exports = e;
-        } }, n = {};
-        function o(e2) {
-          var r2 = n[e2];
-          if (void 0 !== r2) return r2.exports;
-          var l = n[e2] = { exports: {} };
-          return t[e2](l, l.exports, o), l.exports;
-        }
-        o.d = function(e2, t2) {
-          for (var n2 in t2) o.o(t2, n2) && !o.o(e2, n2) && Object.defineProperty(e2, n2, { enumerable: true, get: t2[n2] });
-        }, o.o = function(e2, t2) {
-          return Object.prototype.hasOwnProperty.call(e2, t2);
-        }, o.r = function(e2) {
-          "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e2, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e2, "__esModule", { value: true });
-        };
-        var r = {};
-        return function() {
-          function e2(e3, t3) {
-            (null == t3 || t3 > e3.length) && (t3 = e3.length);
-            for (var n3 = 0, o2 = new Array(t3); n3 < t3; n3++) o2[n3] = e3[n3];
-            return o2;
-          }
-          function t2(t3, n3) {
-            if (t3) {
-              if ("string" == typeof t3) return e2(t3, n3);
-              var o2 = Object.prototype.toString.call(t3).slice(8, -1);
-              return "Object" === o2 && t3.constructor && (o2 = t3.constructor.name), "Map" === o2 || "Set" === o2 ? Array.from(t3) : "Arguments" === o2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o2) ? e2(t3, n3) : void 0;
-            }
-          }
-          function n2(n3) {
-            return function(t3) {
-              if (Array.isArray(t3)) return e2(t3);
-            }(n3) || function(e3) {
-              if ("undefined" != typeof Symbol && null != e3[Symbol.iterator] || null != e3["@@iterator"]) return Array.from(e3);
-            }(n3) || t2(n3) || function() {
-              throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-            }();
-          }
-          function l(e3, t3, n3) {
-            return t3 in e3 ? Object.defineProperty(e3, t3, { value: n3, enumerable: true, configurable: true, writable: true }) : e3[t3] = n3, e3;
-          }
-          o.r(r), o.d(r, { default: function() {
-            return k;
-          } });
-          var a = o(789), c = (0, a.defineComponent)({ props: { data: { required: true, type: String }, onClick: Function }, render: function() {
-            var e3 = this.data, t3 = this.onClick;
-            return (0, a.createVNode)("span", { class: "vjs-tree-brackets", onClick: t3 }, [e3]);
-          } }), i = (0, a.defineComponent)({ emits: ["change", "update:modelValue"], props: { checked: { type: Boolean, default: false }, isMultiple: Boolean, onChange: Function }, setup: function(e3, t3) {
-            var n3 = t3.emit;
-            return { uiType: (0, a.computed)(function() {
-              return e3.isMultiple ? "checkbox" : "radio";
-            }), model: (0, a.computed)({ get: function() {
-              return e3.checked;
-            }, set: function(e4) {
-              return n3("update:modelValue", e4);
-            } }) };
-          }, render: function() {
-            var e3 = this.uiType, t3 = this.model, n3 = this.$emit;
-            return (0, a.createVNode)("label", { class: ["vjs-check-controller", t3 ? "is-checked" : ""], onClick: function(e4) {
-              return e4.stopPropagation();
-            } }, [(0, a.createVNode)("span", { class: "vjs-check-controller-inner is-".concat(e3) }, null), (0, a.createVNode)("input", { checked: t3, class: "vjs-check-controller-original is-".concat(e3), type: e3, onChange: function() {
-              return n3("change", t3);
-            } }, null)]);
-          } }), u = (0, a.defineComponent)({ props: { nodeType: { required: true, type: String }, onClick: Function }, render: function() {
-            var e3 = this.nodeType, t3 = this.onClick, n3 = "objectStart" === e3 || "arrayStart" === e3;
-            return n3 || "objectCollapsed" === e3 || "arrayCollapsed" === e3 ? (0, a.createVNode)("span", { class: "vjs-carets vjs-carets-".concat(n3 ? "open" : "close"), onClick: t3 }, [(0, a.createVNode)("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "caret-down", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" }, [(0, a.createVNode)("path", { d: "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" }, null)])]) : null;
-          } });
-          function d(e3) {
-            return d = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e4) {
-              return typeof e4;
-            } : function(e4) {
-              return e4 && "function" == typeof Symbol && e4.constructor === Symbol && e4 !== Symbol.prototype ? "symbol" : typeof e4;
-            }, d(e3);
-          }
-          function s(e3) {
-            return Object.prototype.toString.call(e3).slice(8, -1).toLowerCase();
-          }
-          function p(e3) {
-            var t3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "root", n3 = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 0, o2 = arguments.length > 3 ? arguments[3] : void 0, r2 = o2 || {}, l2 = r2.key, a2 = r2.index, c2 = r2.type, i2 = void 0 === c2 ? "content" : c2, u2 = r2.showComma, d2 = void 0 !== u2 && u2, f2 = r2.length, y2 = void 0 === f2 ? 1 : f2, v2 = s(e3);
-            if ("array" === v2) {
-              var b2 = h2(e3.map(function(e4, o3, r3) {
-                return p(e4, "".concat(t3, "[").concat(o3, "]"), n3 + 1, { index: o3, showComma: o3 !== r3.length - 1, length: y2, type: i2 });
-              }));
-              return [p("[", t3, n3, { showComma: false, key: l2, length: e3.length, type: "arrayStart" })[0]].concat(b2, p("]", t3, n3, { showComma: d2, length: e3.length, type: "arrayEnd" })[0]);
-            }
-            if ("object" === v2) {
-              var g2 = Object.keys(e3), m2 = h2(g2.map(function(o3, r3, l3) {
-                return p(e3[o3], /^[a-zA-Z_]\w*$/.test(o3) ? "".concat(t3, ".").concat(o3) : "".concat(t3, '["').concat(o3, '"]'), n3 + 1, { key: o3, showComma: r3 !== l3.length - 1, length: y2, type: i2 });
-              }));
-              return [p("{", t3, n3, { showComma: false, key: l2, index: a2, length: g2.length, type: "objectStart" })[0]].concat(m2, p("}", t3, n3, { showComma: d2, length: g2.length, type: "objectEnd" })[0]);
-            }
-            return [{ content: e3, level: n3, key: l2, index: a2, path: t3, showComma: d2, length: y2, type: i2 }];
-          }
-          function h2(e3) {
-            if ("function" == typeof Array.prototype.flat) return e3.flat();
-            for (var t3 = n2(e3), o2 = []; t3.length; ) {
-              var r2 = t3.shift();
-              Array.isArray(r2) ? t3.unshift.apply(t3, n2(r2)) : o2.push(r2);
-            }
-            return o2;
-          }
-          function f(e3) {
-            var t3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : /* @__PURE__ */ new WeakMap();
-            if (null == e3) return e3;
-            if (e3 instanceof Date) return new Date(e3);
-            if (e3 instanceof RegExp) return new RegExp(e3);
-            if ("object" !== d(e3)) return e3;
-            if (t3.get(e3)) return t3.get(e3);
-            if (Array.isArray(e3)) {
-              var n3 = e3.map(function(e4) {
-                return f(e4, t3);
-              });
-              return t3.set(e3, n3), n3;
-            }
-            var o2 = {};
-            for (var r2 in e3) o2[r2] = f(e3[r2], t3);
-            return t3.set(e3, o2), o2;
-          }
-          function y(e3, t3) {
-            var n3 = Object.keys(e3);
-            if (Object.getOwnPropertySymbols) {
-              var o2 = Object.getOwnPropertySymbols(e3);
-              t3 && (o2 = o2.filter(function(t4) {
-                return Object.getOwnPropertyDescriptor(e3, t4).enumerable;
-              })), n3.push.apply(n3, o2);
-            }
-            return n3;
-          }
-          function v(e3) {
-            for (var t3 = 1; t3 < arguments.length; t3++) {
-              var n3 = null != arguments[t3] ? arguments[t3] : {};
-              t3 % 2 ? y(Object(n3), true).forEach(function(t4) {
-                l(e3, t4, n3[t4]);
-              }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e3, Object.getOwnPropertyDescriptors(n3)) : y(Object(n3)).forEach(function(t4) {
-                Object.defineProperty(e3, t4, Object.getOwnPropertyDescriptor(n3, t4));
-              });
-            }
-            return e3;
-          }
-          var b = { showLength: { type: Boolean, default: false }, showDoubleQuotes: { type: Boolean, default: true }, renderNodeKey: Function, renderNodeValue: Function, selectableType: String, showSelectController: { type: Boolean, default: false }, showLine: { type: Boolean, default: true }, showLineNumber: { type: Boolean, default: false }, selectOnClickNode: { type: Boolean, default: true }, nodeSelectable: { type: Function, default: function() {
-            return true;
-          } }, highlightSelectedNode: { type: Boolean, default: true }, showIcon: { type: Boolean, default: false }, showKeyValueSpace: { type: Boolean, default: true }, editable: { type: Boolean, default: false }, editableTrigger: { type: String, default: "click" }, onNodeClick: { type: Function }, onBracketsClick: { type: Function }, onIconClick: { type: Function }, onValueChange: { type: Function } }, g = (0, a.defineComponent)({ name: "TreeNode", props: v(v({}, b), {}, { node: { type: Object, required: true }, collapsed: Boolean, checked: Boolean, style: Object, onSelectedChange: { type: Function } }), emits: ["nodeClick", "bracketsClick", "iconClick", "selectedChange", "valueChange"], setup: function(e3, t3) {
-            var n3 = t3.emit, o2 = (0, a.computed)(function() {
-              return s(e3.node.content);
-            }), r2 = (0, a.computed)(function() {
-              return "vjs-value vjs-value-".concat(o2.value);
-            }), l2 = (0, a.computed)(function() {
-              return e3.showDoubleQuotes ? '"'.concat(e3.node.key, '"') : e3.node.key;
-            }), d2 = (0, a.computed)(function() {
-              return "multiple" === e3.selectableType;
-            }), p2 = (0, a.computed)(function() {
-              return "single" === e3.selectableType;
-            }), h3 = (0, a.computed)(function() {
-              return e3.nodeSelectable(e3.node) && (d2.value || p2.value);
-            }), f2 = (0, a.reactive)({ editing: false }), y2 = function(t4) {
-              var o3, r3, l3 = "null" === (r3 = null === (o3 = t4.target) || void 0 === o3 ? void 0 : o3.value) ? null : "undefined" === r3 ? void 0 : "true" === r3 || "false" !== r3 && (r3[0] + r3[r3.length - 1] === '""' || r3[0] + r3[r3.length - 1] === "''" ? r3.slice(1, -1) : "number" == typeof Number(r3) && !isNaN(Number(r3)) || "NaN" === r3 ? Number(r3) : r3);
-              n3("valueChange", l3, e3.node.path);
-            }, v2 = (0, a.computed)(function() {
-              var t4, n4 = null === (t4 = e3.node) || void 0 === t4 ? void 0 : t4.content;
-              return null === n4 ? n4 = "null" : void 0 === n4 && (n4 = "undefined"), "string" === o2.value ? '"'.concat(n4, '"') : n4 + "";
-            }), b2 = function() {
-              var t4 = e3.renderNodeValue;
-              return t4 ? t4({ node: e3.node, defaultValue: v2.value }) : v2.value;
-            }, g2 = function() {
-              n3("bracketsClick", !e3.collapsed, e3.node.path);
-            }, m2 = function() {
-              n3("iconClick", !e3.collapsed, e3.node.path);
-            }, C2 = function() {
-              n3("selectedChange", e3.node);
-            }, k2 = function() {
-              n3("nodeClick", e3.node), h3.value && e3.selectOnClickNode && n3("selectedChange", e3.node);
-            }, w = function(t4) {
-              if (e3.editable && !f2.editing) {
-                f2.editing = true;
-                var n4 = function e4(n5) {
-                  var o3;
-                  n5.target !== t4.target && (null === (o3 = n5.target) || void 0 === o3 ? void 0 : o3.parentElement) !== t4.target && (f2.editing = false, document.removeEventListener("click", e4));
-                };
-                document.removeEventListener("click", n4), document.addEventListener("click", n4);
-              }
-            };
-            return function() {
-              var t4, n4 = e3.node;
-              return (0, a.createVNode)("div", { class: { "vjs-tree-node": true, "has-selector": e3.showSelectController, "has-carets": e3.showIcon, "is-highlight": e3.highlightSelectedNode && e3.checked }, onClick: k2, style: e3.style }, [e3.showLineNumber && (0, a.createVNode)("span", { class: "vjs-node-index" }, [n4.id + 1]), e3.showSelectController && h3.value && "objectEnd" !== n4.type && "arrayEnd" !== n4.type && (0, a.createVNode)(i, { isMultiple: d2.value, checked: e3.checked, onChange: C2 }, null), (0, a.createVNode)("div", { class: "vjs-indent" }, [Array.from(Array(n4.level)).map(function(t5, n5) {
-                return (0, a.createVNode)("div", { key: n5, class: { "vjs-indent-unit": true, "has-line": e3.showLine } }, null);
-              }), e3.showIcon && (0, a.createVNode)(u, { nodeType: n4.type, onClick: m2 }, null)]), n4.key && (0, a.createVNode)("span", { class: "vjs-key" }, [(t4 = e3.renderNodeKey, t4 ? t4({ node: e3.node, defaultKey: l2.value || "" }) : l2.value), (0, a.createVNode)("span", { class: "vjs-colon" }, [":".concat(e3.showKeyValueSpace ? " " : "")])]), (0, a.createVNode)("span", null, ["content" !== n4.type && n4.content ? (0, a.createVNode)(c, { data: n4.content.toString(), onClick: g2 }, null) : (0, a.createVNode)("span", { class: r2.value, onClick: !e3.editable || e3.editableTrigger && "click" !== e3.editableTrigger ? void 0 : w, onDblclick: e3.editable && "dblclick" === e3.editableTrigger ? w : void 0 }, [e3.editable && f2.editing ? (0, a.createVNode)("input", { value: v2.value, onChange: y2, style: { padding: "3px 8px", border: "1px solid #eee", boxShadow: "none", boxSizing: "border-box", borderRadius: 5, fontFamily: "inherit" } }, null) : b2()]), n4.showComma && (0, a.createVNode)("span", null, [","]), e3.showLength && e3.collapsed && (0, a.createVNode)("span", { class: "vjs-comment" }, [(0, a.createTextVNode)(" // "), n4.length, (0, a.createTextVNode)(" items ")])])]);
-            };
-          } });
-          function m(e3, t3) {
-            var n3 = Object.keys(e3);
-            if (Object.getOwnPropertySymbols) {
-              var o2 = Object.getOwnPropertySymbols(e3);
-              t3 && (o2 = o2.filter(function(t4) {
-                return Object.getOwnPropertyDescriptor(e3, t4).enumerable;
-              })), n3.push.apply(n3, o2);
-            }
-            return n3;
-          }
-          function C(e3) {
-            for (var t3 = 1; t3 < arguments.length; t3++) {
-              var n3 = null != arguments[t3] ? arguments[t3] : {};
-              t3 % 2 ? m(Object(n3), true).forEach(function(t4) {
-                l(e3, t4, n3[t4]);
-              }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e3, Object.getOwnPropertyDescriptors(n3)) : m(Object(n3)).forEach(function(t4) {
-                Object.defineProperty(e3, t4, Object.getOwnPropertyDescriptor(n3, t4));
-              });
-            }
-            return e3;
-          }
-          var k = (0, a.defineComponent)({ name: "Tree", props: C(C({}, b), {}, { data: { type: [String, Number, Boolean, Array, Object], default: null }, deep: { type: Number, default: 1 / 0 }, pathCollapsible: { type: Function, default: function() {
-            return false;
-          } }, rootPath: { type: String, default: "root" }, virtual: { type: Boolean, default: false }, height: { type: Number, default: 400 }, itemHeight: { type: Number, default: 20 }, selectedValue: { type: [String, Array], default: function() {
-            return "";
-          } }, collapsedOnClickBrackets: { type: Boolean, default: true }, style: Object, onSelectedChange: { type: Function } }), slots: ["renderNodeKey", "renderNodeValue"], emits: ["nodeClick", "bracketsClick", "iconClick", "selectedChange", "update:selectedValue", "update:data"], setup: function(e3, o2) {
-            var r2 = o2.emit, c2 = o2.slots, i2 = (0, a.ref)(), u2 = (0, a.computed)(function() {
-              return p(e3.data, e3.rootPath);
-            }), d2 = function(t3) {
-              return u2.value.reduce(function(n3, o3) {
-                var r3, a2 = o3.level >= t3, c3 = null === (r3 = e3.pathCollapsible) || void 0 === r3 ? void 0 : r3.call(e3, o3);
-                return "objectStart" !== o3.type && "arrayStart" !== o3.type || !a2 && !c3 ? n3 : C(C({}, n3), {}, l({}, o3.path, 1));
-              }, {});
-            }, s2 = (0, a.reactive)({ translateY: 0, visibleData: null, hiddenPaths: d2(e3.deep) }), h3 = (0, a.computed)(function() {
-              for (var e4 = null, t3 = [], n3 = u2.value.length, o3 = 0; o3 < n3; o3++) {
-                var r3 = C(C({}, u2.value[o3]), {}, { id: o3 }), l2 = s2.hiddenPaths[r3.path];
-                if (e4 && e4.path === r3.path) {
-                  var a2 = "objectStart" === e4.type, c3 = C(C(C({}, r3), e4), {}, { showComma: r3.showComma, content: a2 ? "{...}" : "[...]", type: a2 ? "objectCollapsed" : "arrayCollapsed" });
-                  e4 = null, t3.push(c3);
-                } else {
-                  if (l2 && !e4) {
-                    e4 = r3;
-                    continue;
-                  }
-                  if (e4) continue;
-                  t3.push(r3);
-                }
-              }
-              return t3;
-            }), y2 = (0, a.computed)(function() {
-              var t3 = e3.selectedValue;
-              return t3 && "multiple" === e3.selectableType && Array.isArray(t3) ? t3 : [t3];
-            }), v2 = (0, a.computed)(function() {
-              return !e3.selectableType || e3.selectOnClickNode || e3.showSelectController ? "" : "When selectableType is not null, selectOnClickNode and showSelectController cannot be false at the same time, because this will cause the selection to fail.";
-            }), b2 = function() {
-              var t3 = h3.value;
-              if (e3.virtual) {
-                var n3, o3 = e3.height / e3.itemHeight, r3 = (null === (n3 = i2.value) || void 0 === n3 ? void 0 : n3.scrollTop) || 0, l2 = Math.floor(r3 / e3.itemHeight), a2 = l2 < 0 ? 0 : l2 + o3 > t3.length ? t3.length - o3 : l2;
-                a2 < 0 && (a2 = 0);
-                var c3 = a2 + o3;
-                s2.translateY = a2 * e3.itemHeight, s2.visibleData = t3.filter(function(e4, t4) {
-                  return t4 >= a2 && t4 < c3;
-                });
-              } else s2.visibleData = t3;
-            }, m2 = function() {
-              b2();
-            }, k2 = function(o3) {
-              var l2, a2, c3 = o3.path, i3 = e3.selectableType;
-              if ("multiple" === i3) {
-                var u3 = y2.value.findIndex(function(e4) {
-                  return e4 === c3;
-                }), d3 = n2(y2.value);
-                -1 !== u3 ? d3.splice(u3, 1) : d3.push(c3), r2("update:selectedValue", d3), r2("selectedChange", d3, n2(y2.value));
-              } else if ("single" === i3 && y2.value[0] !== c3) {
-                var s3 = (l2 = y2.value, a2 = 1, function(e4) {
-                  if (Array.isArray(e4)) return e4;
-                }(l2) || function(e4, t3) {
-                  var n3 = null == e4 ? null : "undefined" != typeof Symbol && e4[Symbol.iterator] || e4["@@iterator"];
-                  if (null != n3) {
-                    var o4, r3, l3 = [], a3 = true, c4 = false;
-                    try {
-                      for (n3 = n3.call(e4); !(a3 = (o4 = n3.next()).done) && (l3.push(o4.value), !t3 || l3.length !== t3); a3 = true) ;
-                    } catch (e5) {
-                      c4 = true, r3 = e5;
-                    } finally {
-                      try {
-                        a3 || null == n3.return || n3.return();
-                      } finally {
-                        if (c4) throw r3;
-                      }
-                    }
-                    return l3;
-                  }
-                }(l2, a2) || t2(l2, a2) || function() {
-                  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-                }())[0], p2 = c3;
-                r2("update:selectedValue", p2), r2("selectedChange", p2, s3);
-              }
-            }, w = function(e4) {
-              r2("nodeClick", e4);
-            }, N = function(e4, t3) {
-              if (e4) s2.hiddenPaths = C(C({}, s2.hiddenPaths), {}, l({}, t3, 1));
-              else {
-                var n3 = C({}, s2.hiddenPaths);
-                delete n3[t3], s2.hiddenPaths = n3;
-              }
-            }, j = function(t3, n3) {
-              e3.collapsedOnClickBrackets && N(t3, n3), r2("bracketsClick", t3);
-            }, S = function(e4, t3) {
-              N(e4, t3), r2("iconClick", e4);
-            }, O = function(t3, n3) {
-              var o3 = f(e3.data), l2 = e3.rootPath;
-              new Function("data", "val", "data".concat(n3.slice(l2.length), "=val"))(o3, t3), r2("update:data", o3);
-            };
-            return (0, a.watchEffect)(function() {
-              v2.value && function(e4) {
-                throw new Error("[VueJSONPretty] ".concat(e4));
-              }(v2.value);
-            }), (0, a.watchEffect)(function() {
-              h3.value && b2();
-            }), (0, a.watch)(function() {
-              return e3.deep;
-            }, function(e4) {
-              e4 && (s2.hiddenPaths = d2(e4));
-            }), function() {
-              var t3, n3, o3 = null !== (t3 = e3.renderNodeKey) && void 0 !== t3 ? t3 : c2.renderNodeKey, r3 = null !== (n3 = e3.renderNodeValue) && void 0 !== n3 ? n3 : c2.renderNodeValue, l2 = s2.visibleData && s2.visibleData.map(function(t4) {
-                return (0, a.createVNode)(g, { key: t4.id, node: t4, collapsed: !!s2.hiddenPaths[t4.path], showDoubleQuotes: e3.showDoubleQuotes, showLength: e3.showLength, checked: y2.value.includes(t4.path), selectableType: e3.selectableType, showLine: e3.showLine, showLineNumber: e3.showLineNumber, showSelectController: e3.showSelectController, selectOnClickNode: e3.selectOnClickNode, nodeSelectable: e3.nodeSelectable, highlightSelectedNode: e3.highlightSelectedNode, editable: e3.editable, editableTrigger: e3.editableTrigger, showIcon: e3.showIcon, showKeyValueSpace: e3.showKeyValueSpace, renderNodeKey: o3, renderNodeValue: r3, onNodeClick: w, onBracketsClick: j, onIconClick: S, onSelectedChange: k2, onValueChange: O, style: e3.itemHeight && 20 !== e3.itemHeight ? { lineHeight: "".concat(e3.itemHeight, "px") } : {} }, null);
-              });
-              return (0, a.createVNode)("div", { ref: i2, class: { "vjs-tree": true, "is-virtual": e3.virtual }, onScroll: e3.virtual ? m2 : void 0, style: e3.showLineNumber ? C({ paddingLeft: "".concat(12 * Number(u2.value.length.toString().length), "px") }, e3.style) : e3.style }, [e3.virtual ? (0, a.createVNode)("div", { class: "vjs-tree-list", style: { height: "".concat(e3.height, "px") } }, [(0, a.createVNode)("div", { class: "vjs-tree-list-holder", style: { height: "".concat(h3.value.length * e3.itemHeight, "px") } }, [(0, a.createVNode)("div", { class: "vjs-tree-list-holder-inner", style: { transform: "translateY(".concat(s2.translateY, "px)") } }, [l2])])]) : l2]);
-            };
-          } });
-        }(), r;
-      }();
-    });
-  })(vueJsonPretty$1);
-  return vueJsonPretty$1.exports;
-}
-var vueJsonPrettyExports = requireVueJsonPretty();
-const VueJsonPretty = /* @__PURE__ */ getDefaultExportFromCjs(vueJsonPrettyExports);
-const sanitizeOptions = {
-  allowVulnerableTags: false,
-  enforceHtmlBoundary: false,
-  disallowedTagsMode: "discard",
-  allowedTags: [...sanitizeHtmlExports.defaults.allowedTags, "style", "img", "title"],
-  allowedAttributes: {
-    ...sanitizeHtmlExports.defaults.allowedAttributes,
-    "*": ["class", "style"]
-  },
-  transformTags: {
-    head: ""
-  }
-};
-const _sfc_main$b = {
-  name: "RunDataHtml",
-  props: {
-    inputHtml: {
-      type: String,
-      required: true
-    }
-  },
-  computed: {
-    sanitizedHtml() {
-      return sanitizeHtml(this.inputHtml, sanitizeOptions);
-    }
-  }
-};
-const _hoisted_1$8 = ["srcdoc"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("iframe", {
-    class: "__html-display",
-    srcdoc: $options.sanitizedHtml
-  }, null, 8, _hoisted_1$8);
-}
-const RunDataHtml = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$1]]);
-const RunDataHtml$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: RunDataHtml
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$7 = { key: 0 };
-const _hoisted_2$4 = { key: 1 };
-const _hoisted_3$3 = { key: 2 };
-const _hoisted_4$3 = {
-  key: 0,
-  controls: "",
-  autoplay: ""
-};
-const _hoisted_5$3 = ["src", "type"];
-const _hoisted_6$2 = {
-  key: 1,
-  controls: "",
-  autoplay: ""
-};
-const _hoisted_7$2 = ["src", "type"];
-const _hoisted_8$2 = ["src"];
-const _hoisted_9$1 = ["src"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "BinaryDataDisplayEmbed",
-  props: {
-    binaryData: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const isLoading = ref(true);
-    const embedSource = ref("");
-    const error = ref(false);
-    const data = ref("");
-    const workflowsStore = useWorkflowsStore();
-    const i18n = useI18n();
-    const embedClass = computed(() => {
-      return [props.binaryData.fileType ?? "other"];
-    });
-    onMounted(async () => {
-      const { id, data: binaryData, fileName, fileType, mimeType } = props.binaryData;
-      const isJSONData = fileType === "json";
-      const isHTMLData = fileType === "html";
-      if (!id) {
-        if (isJSONData || isHTMLData) {
-          data.value = jsonParse(atob(binaryData));
-        } else {
-          embedSource.value = "data:" + mimeType + ";base64," + binaryData;
-        }
-      } else {
-        try {
-          const binaryUrl = workflowsStore.getBinaryUrl(id, "view", fileName ?? "", mimeType);
-          if (isJSONData || isHTMLData) {
-            const fetchedData = await fetch(binaryUrl, { credentials: "include" });
-            data.value = await (isJSONData ? fetchedData.json() : fetchedData.text());
-          } else {
-            embedSource.value = binaryUrl;
-          }
-        } catch (e) {
-          error.value = true;
-        }
-      }
-      isLoading.value = false;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", null, [
-        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$7, "Loading binary data...")) : error.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, "Error loading binary data")) : (openBlock(), createElementBlock("span", _hoisted_3$3, [
-          _ctx.binaryData.fileType === "video" ? (openBlock(), createElementBlock("video", _hoisted_4$3, [
-            createBaseVNode("source", {
-              src: embedSource.value,
-              type: _ctx.binaryData.mimeType
-            }, null, 8, _hoisted_5$3),
-            createTextVNode(" " + toDisplayString(unref(i18n).baseText("binaryDataDisplay.yourBrowserDoesNotSupport")), 1)
-          ])) : _ctx.binaryData.fileType === "audio" ? (openBlock(), createElementBlock("audio", _hoisted_6$2, [
-            createBaseVNode("source", {
-              src: embedSource.value,
-              type: _ctx.binaryData.mimeType
-            }, null, 8, _hoisted_7$2),
-            createTextVNode(" " + toDisplayString(unref(i18n).baseText("binaryDataDisplay.yourBrowserDoesNotSupport")), 1)
-          ])) : _ctx.binaryData.fileType === "image" ? (openBlock(), createElementBlock("img", {
-            key: 2,
-            src: embedSource.value
-          }, null, 8, _hoisted_8$2)) : _ctx.binaryData.fileType === "json" ? (openBlock(), createBlock(unref(VueJsonPretty), {
-            key: 3,
-            data: data.value,
-            deep: 3,
-            "show-length": true
-          }, null, 8, ["data"])) : _ctx.binaryData.fileType === "html" ? (openBlock(), createBlock(RunDataHtml, {
-            key: 4,
-            "input-html": data.value
-          }, null, 8, ["input-html"])) : (openBlock(), createElementBlock("embed", {
-            key: 5,
-            src: embedSource.value,
-            class: normalizeClass(["binary-data", embedClass.value])
-          }, null, 10, _hoisted_9$1))
-        ]))
-      ]);
-    };
-  }
-});
-const _hoisted_1$6 = { class: "binary-data-window-wrapper" };
-const _hoisted_2$3 = { key: 0 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "BinaryDataDisplay",
-  props: {
-    displayData: {},
-    windowVisible: { type: Boolean }
-  },
-  emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const nodeHelpers = useNodeHelpers();
-    const workflowsStore = useWorkflowsStore();
-    const i18n = useI18n();
-    const workflowRunData = computed(() => {
-      const workflowExecution = workflowsStore.getWorkflowExecution;
-      if (workflowExecution === null) {
-        return null;
-      }
-      const executionData = workflowExecution.data;
-      return executionData ? executionData.resultData.runData : null;
-    });
-    const binaryData = computed(() => {
-      if (typeof props.displayData.node !== "string" || typeof props.displayData.key !== "string" || typeof props.displayData.runIndex !== "number" || typeof props.displayData.index !== "number" || typeof props.displayData.outputIndex !== "number") {
-        return null;
-      }
-      const binaryDataLocal = nodeHelpers.getBinaryData(
-        workflowRunData.value,
-        props.displayData.node,
-        props.displayData.runIndex,
-        props.displayData.outputIndex
-      );
-      if (binaryDataLocal.length === 0) {
-        return null;
-      }
-      if (props.displayData.index >= binaryDataLocal.length || binaryDataLocal[props.displayData.index][props.displayData.key] === void 0) {
-        return null;
-      }
-      const binaryDataItem = binaryDataLocal[props.displayData.index][props.displayData.key];
-      return binaryDataItem;
-    });
-    function closeWindow() {
-      emit("close");
-      return false;
-    }
-    return (_ctx, _cache) => {
-      const _component_n8n_button = resolveComponent("n8n-button");
-      return _ctx.windowVisible ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["binary-data-window", binaryData.value?.fileType])
-      }, [
-        createVNode(_component_n8n_button, {
-          size: "small",
-          class: "binary-data-window-back",
-          title: unref(i18n).baseText("binaryDataDisplay.backToOverviewPage"),
-          icon: "arrow-left",
-          label: unref(i18n).baseText("binaryDataDisplay.backToList"),
-          onClick: withModifiers(closeWindow, ["stop"])
-        }, null, 8, ["title", "label"]),
-        createBaseVNode("div", _hoisted_1$6, [
-          !binaryData.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, toDisplayString(unref(i18n).baseText("binaryDataDisplay.noDataFoundToDisplay")), 1)) : (openBlock(), createBlock(_sfc_main$a, {
-            key: 1,
-            "binary-data": binaryData.value
-          }, null, 8, ["binary-data"]))
-        ])
-      ], 2)) : createCommentVNode("", true);
-    };
-  }
-});
-const _hoisted_1$5 = { key: 0 };
-const _hoisted_2$2 = { key: 1 };
-const _hoisted_3$2 = { key: 2 };
-const _hoisted_4$2 = { key: 0 };
-const _hoisted_5$2 = { key: 1 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "RunDataPinButton",
-  props: {
-    tooltipContentsVisibility: {},
-    dataPinningDocsUrl: {},
-    pinnedData: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["togglePinData"],
-  setup(__props, { emit: __emit }) {
-    const locale = useI18n();
-    const props = __props;
-    const emit = __emit;
-    const visible2 = computed(
-      () => props.tooltipContentsVisibility.pinDataDiscoveryTooltipContent ? true : void 0
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(N8nTooltip), {
-        placement: "bottom-end",
-        visible: visible2.value
-      }, {
-        content: withCtx(() => [
-          props.tooltipContentsVisibility.binaryDataTooltipContent ? (openBlock(), createElementBlock("div", _hoisted_1$5, toDisplayString(unref(locale).baseText("ndv.pinData.pin.binary")), 1)) : props.tooltipContentsVisibility.pinDataDiscoveryTooltipContent ? (openBlock(), createElementBlock("div", _hoisted_2$2, toDisplayString(unref(locale).baseText("node.discovery.pinData.ndv")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$2, [
-            _ctx.pinnedData.hasData.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
-              createBaseVNode("strong", null, toDisplayString(unref(locale).baseText("ndv.pinData.unpin.title")), 1)
-            ])) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
-              createBaseVNode("strong", null, toDisplayString(unref(locale).baseText("ndv.pinData.pin.title")), 1),
-              createVNode(unref(N8nText), {
-                size: "small",
-                tag: "p"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(locale).baseText("ndv.pinData.pin.description")) + " ", 1),
-                  createVNode(unref(N8nLink), {
-                    to: props.dataPinningDocsUrl,
-                    size: "small"
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(locale).baseText("ndv.pinData.pin.link")), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["to"])
-                ]),
-                _: 1
-              })
-            ]))
-          ]))
-        ]),
-        default: withCtx(() => [
-          createVNode(unref(_sfc_main$o), {
-            class: normalizeClass(_ctx.$style.pinDataButton),
-            type: "tertiary",
-            active: props.pinnedData.hasData.value,
-            icon: "thumbtack",
-            disabled: props.disabled,
-            "data-test-id": "ndv-pin-data",
-            onClick: _cache[0] || (_cache[0] = ($event) => emit("togglePinData"))
-          }, null, 8, ["class", "active", "disabled"])
-        ]),
-        _: 1
-      }, 8, ["visible"]);
-    };
-  }
-});
-const pinDataButton = "_pinDataButton_12tk2_123";
-const style0$6 = {
-  pinDataButton
-};
-const cssModules$7 = {
-  "$style": style0$6
-};
-const RunDataPinButton = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$7]]);
-const _hoisted_1$4 = {
-  key: 0,
-  class: "ml-4xs"
-};
-const _hoisted_2$1 = { key: 0 };
-const _hoisted_3$1 = { key: 1 };
-const _hoisted_4$1 = { key: 0 };
-const _hoisted_5$1 = ["data-test-id"];
-const _hoisted_6$1 = { key: 0 };
-const _hoisted_7$1 = { key: 1 };
-const _hoisted_8$1 = { key: 2 };
-const _hoisted_9 = { key: 3 };
-const _hoisted_10 = { key: 4 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "RunData",
-  props: {
-    workflow: {},
-    runIndex: {},
-    tooMuchDataTitle: {},
-    executingMessage: {},
-    pushRef: {},
-    paneType: {},
-    noDataInBranchMessage: {},
-    node: { default: null },
-    nodes: { default: () => [] },
-    linkedRuns: { type: Boolean },
-    canLinkRuns: { type: Boolean },
-    isExecuting: { type: Boolean, default: false },
-    overrideOutputs: { default: void 0 },
-    mappingEnabled: { type: Boolean, default: false },
-    distanceFromActive: { default: 0 },
-    blockUI: { type: Boolean, default: false },
-    isProductionExecutionPreview: { type: Boolean, default: false },
-    isPaneActive: { type: Boolean, default: false },
-    hidePagination: { type: Boolean, default: false },
-    calloutMessage: { default: void 0 }
-  },
-  emits: ["search", "runChange", "itemHover", "linkRun", "unlinkRun", "activatePane", "tableMounted"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const LazyRunDataTable = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataTable-DEgXQifj.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0)
-    );
-    const LazyRunDataJson = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataJson-BRO48N-i.js"), true ? __vite__mapDeps([6,1,2,7,8,9,10,3,4,11,12,13]) : void 0)
-    );
-    const LazyRunDataSchema = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./index-CN4JmOoA.js").then((n) => n.iq), true ? __vite__mapDeps([1,2]) : void 0)
-    );
-    const LazyRunDataHtml = defineAsyncComponent(
-      async () => await __vitePreload(() => Promise.resolve().then(() => RunDataHtml$1), true ? void 0 : void 0)
-    );
-    const LazyRunDataSearch = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataSearch-CNfhlvrK.js"), true ? __vite__mapDeps([14,1,2,15]) : void 0)
-    );
-    const props = __props;
-    const emit = __emit;
-    const connectionType2 = ref(NodeConnectionTypes.Main);
-    const dataSize = ref(0);
-    const showData = ref(false);
-    const userEnabledShowData = ref(false);
-    const outputIndex = ref(0);
-    const binaryDataDisplayVisible = ref(false);
-    const binaryDataDisplayData = ref(null);
-    const currentPage = ref(1);
-    const pageSize = ref(10);
-    const pageSizes = [1, 10, 25, 50, 100];
-    const pinDataDiscoveryTooltipVisible = ref(false);
-    const isControlledPinDataTooltip = ref(false);
-    const search2 = ref("");
-    const dataContainerRef = ref();
-    const nodeTypesStore = useNodeTypesStore();
-    const ndvStore = useNDVStore();
-    const workflowsStore = useWorkflowsStore();
-    const sourceControlStore = useSourceControlStore();
-    const rootStore = useRootStore();
-    const uiStore = useUIStore();
-    const schemaPreviewStore = useSchemaPreviewStore();
-    const posthogStore = usePostHog();
-    const toast = useToast();
-    const route = useRoute();
-    const nodeHelpers = useNodeHelpers();
-    const externalHooks = useExternalHooks();
-    const telemetry = useTelemetry();
-    const i18n = useI18n();
-    const node2 = toRef$1(props, "node");
-    const pinnedData = usePinnedData(node2, {
-      runIndex: props.runIndex,
-      displayMode: props.paneType === "input" ? ndvStore.inputPanelDisplayMode : ndvStore.outputPanelDisplayMode
-    });
-    const { isSubNodeType } = useNodeType({
-      node: node2
-    });
-    const displayMode = computed(
-      () => props.paneType === "input" ? ndvStore.inputPanelDisplayMode : ndvStore.outputPanelDisplayMode
-    );
-    const isReadOnlyRoute = computed(() => route.meta.readOnlyCanvas === true);
-    const isWaitNodeWaiting = computed(() => {
-      return node2.value?.name && workflowExecution.value?.data?.resultData?.runData?.[node2.value?.name]?.[props.runIndex]?.executionStatus === "waiting";
-    });
-    const { activeNode } = storeToRefs(ndvStore);
-    const nodeType = computed(() => {
-      if (!node2.value) return null;
-      return nodeTypesStore.getNodeType(node2.value.type, node2.value.typeVersion);
-    });
-    const isSchemaView = computed(() => displayMode.value === "schema");
-    const isSearchInSchemaView = computed(() => isSchemaView.value && !!search2.value);
-    const displaysMultipleNodes = computed(
-      () => isSchemaView.value && props.paneType === "input" && props.nodes.length > 0
-    );
-    const isTriggerNode = computed(() => !!node2.value && nodeTypesStore.isTriggerNode(node2.value.type));
-    const canPinData = computed(
-      () => !!node2.value && pinnedData.canPinNode(false, currentOutputIndex.value) && !isPaneTypeInput.value && pinnedData.isValidNodeType.value && !(binaryData.value && binaryData.value.length > 0)
-    );
-    const displayModes2 = computed(() => {
-      const defaults = [
-        { label: i18n.baseText("runData.table"), value: "table" },
-        { label: i18n.baseText("runData.json"), value: "json" }
-      ];
-      if (binaryData.value.length) {
-        defaults.push({ label: i18n.baseText("runData.binary"), value: "binary" });
-      }
-      const schemaView = { label: i18n.baseText("runData.schema"), value: "schema" };
-      if (isPaneTypeInput.value) {
-        defaults.unshift(schemaView);
-      } else {
-        defaults.push(schemaView);
-      }
-      if (isPaneTypeOutput.value && activeNode.value?.type === HTML_NODE_TYPE && activeNode.value.parameters.operation === "generateHtmlTemplate") {
-        defaults.unshift({ label: "HTML", value: "html" });
-      }
-      return defaults;
-    });
-    const hasNodeRun = computed(
-      () => Boolean(
-        !props.isExecuting && node2.value && (workflowRunData.value && workflowRunData.value.hasOwnProperty(node2.value.name) || pinnedData.hasData.value)
-      )
-    );
-    const isArtificialRecoveredEventItem = computed(
-      () => rawInputData.value?.[0]?.json?.isArtificialRecoveredEventItem
-    );
-    const isTrimmedManualExecutionDataItem = computed(
-      () => rawInputData.value?.[0]?.json?.[TRIMMED_TASK_DATA_CONNECTIONS_KEY]
-    );
-    const subworkflowExecutionError = computed(() => {
-      if (!node2.value) return null;
-      return {
-        node: node2.value,
-        messages: [workflowsStore.subWorkflowExecutionError?.message ?? ""]
-      };
-    });
-    const hasSubworkflowExecutionError = computed(
-      () => Boolean(workflowsStore.subWorkflowExecutionError)
-    );
-    const parentNodeError = computed(() => {
-      const parentNode = props.workflow.getChildNodes(node2.value?.name ?? "", "ALL_NON_MAIN")[0];
-      return workflowRunData.value?.[parentNode]?.[props.runIndex]?.error;
-    });
-    const workflowRunErrorAsNodeError = computed(() => {
-      if (!node2.value) {
-        return null;
-      }
-      if (isSubNodeType.value && props.paneType === "input") {
-        return parentNodeError.value;
-      }
-      return workflowRunData.value?.[node2.value?.name]?.[props.runIndex]?.error;
-    });
-    const hasRunError = computed(() => Boolean(node2.value && workflowRunErrorAsNodeError.value));
-    const executionHints = computed(() => {
-      if (hasNodeRun.value) {
-        const hints = node2.value && workflowRunData.value?.[node2.value.name]?.[props.runIndex]?.hints;
-        if (hints) return hints;
-      }
-      return [];
-    });
-    const workflowExecution = computed(() => workflowsStore.getWorkflowExecution);
-    const workflowRunData = computed(() => {
-      if (workflowExecution.value === null) {
-        return null;
-      }
-      const executionData = workflowExecution.value.data;
-      if (executionData?.resultData) {
-        return executionData.resultData.runData;
-      }
-      return null;
-    });
-    const dataCount = computed(
-      () => getDataCount(props.runIndex, currentOutputIndex.value, connectionType2.value)
-    );
-    const unfilteredDataCount = computed(
-      () => pinnedData.data.value ? pinnedData.data.value.length : rawInputData.value.length
-    );
-    const dataSizeInMB = computed(() => (dataSize.value / (1024 * 1024)).toFixed(1));
-    const maxOutputIndex = computed(() => {
-      if (node2.value === null || props.runIndex === void 0) {
-        return 0;
-      }
-      const runData = workflowRunData.value;
-      if (runData === null || !runData.hasOwnProperty(node2.value.name)) {
-        return 0;
-      }
-      if (runData[node2.value.name].length < props.runIndex) {
-        return 0;
-      }
-      if (runData[node2.value.name][props.runIndex]) {
-        const taskData = runData[node2.value.name][props.runIndex].data;
-        if (taskData?.main) {
-          return taskData.main.length - 1;
-        }
-      }
-      return 0;
-    });
-    const currentPageOffset = computed(() => pageSize.value * (currentPage.value - 1));
-    const maxRunIndex = computed(() => {
-      if (!node2.value) {
-        return 0;
-      }
-      const runData = workflowRunData.value;
-      if (runData === null || !runData.hasOwnProperty(node2.value.name)) {
-        return 0;
-      }
-      if (runData[node2.value.name].length) {
-        return runData[node2.value.name].length - 1;
-      }
-      return 0;
-    });
-    const rawInputData = computed(
-      () => getRawInputData(props.runIndex, currentOutputIndex.value, connectionType2.value)
-    );
-    const unfilteredInputData = computed(() => getPinDataOrLiveData(rawInputData.value));
-    const inputData = computed(() => getFilteredData(unfilteredInputData.value));
-    const inputDataPage = computed(() => {
-      const offset = pageSize.value * (currentPage.value - 1);
-      return inputData.value.slice(offset, offset + pageSize.value);
-    });
-    const jsonData = computed(() => executionDataToJson(inputData.value));
-    const binaryData = computed(() => {
-      if (!node2.value) {
-        return [];
-      }
-      return nodeHelpers.getBinaryData(workflowRunData.value, node2.value.name, props.runIndex, currentOutputIndex.value).filter((data) => Boolean(data && Object.keys(data).length));
-    });
-    const inputHtml = computed(() => String(inputData.value[0]?.json?.html ?? ""));
-    const currentOutputIndex = computed(() => {
-      if (props.overrideOutputs?.length && !props.overrideOutputs.includes(outputIndex.value)) {
-        return props.overrideOutputs[0];
-      }
-      return Math.min(outputIndex.value, maxOutputIndex.value);
-    });
-    const branches = computed(() => {
-      const capitalize = (name) => name.charAt(0).toLocaleUpperCase() + name.slice(1);
-      const result = [];
-      for (let i = 0; i <= maxOutputIndex.value; i++) {
-        if (props.overrideOutputs && !props.overrideOutputs.includes(i)) {
-          continue;
-        }
-        const totalItemsCount = getRawInputData(props.runIndex, i).length;
-        const itemsCount2 = getDataCount(props.runIndex, i);
-        const items = search2.value ? i18n.baseText("ndv.search.items", {
-          adjustToNumber: totalItemsCount,
-          interpolate: { matched: itemsCount2, total: totalItemsCount }
-        }) : i18n.baseText("ndv.output.items", {
-          adjustToNumber: itemsCount2,
-          interpolate: { count: itemsCount2 }
-        });
-        let outputName = getOutputName(i);
-        if (`${outputName}` === `${i}`) {
-          outputName = `${i18n.baseText("ndv.output")} ${outputName}`;
-        } else {
-          const appendBranchWord = NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND.includes(
-            node2.value?.type ?? ""
-          ) ? "" : ` ${i18n.baseText("ndv.output.branch")}`;
-          outputName = capitalize(`${getOutputName(i)}${appendBranchWord}`);
-        }
-        result.push({
-          label: search2.value && itemsCount2 || totalItemsCount ? `${outputName} (${items})` : outputName,
-          value: i
-        });
-      }
-      return result;
-    });
-    const editMode2 = computed(() => {
-      return isPaneTypeInput.value ? { enabled: false, value: "" } : ndvStore.outputPanelEditMode;
-    });
-    const isPaneTypeInput = computed(() => props.paneType === "input");
-    const isPaneTypeOutput = computed(() => props.paneType === "output");
-    const readOnlyEnv = computed(() => sourceControlStore.preferences.branchReadOnly);
-    const showIOSearch = computed(
-      () => hasNodeRun.value && !hasRunError.value && unfilteredInputData.value.length > 0
-    );
-    const inputSelectLocation = computed(() => {
-      if (isSchemaView.value) return "none";
-      if (!hasNodeRun.value) return "header";
-      if (maxRunIndex.value > 0) return "runs";
-      if (maxOutputIndex.value > 0 && branches.value.length > 1) {
-        return "outputs";
-      }
-      return "items";
-    });
-    const showIoSearchNoMatchContent = computed(
-      () => hasNodeRun.value && !inputData.value.length && !!search2.value
-    );
-    const parentNodeOutputData = computed(() => {
-      const parentNode = props.workflow.getParentNodesByDepth(node2.value?.name ?? "")[0];
-      let parentNodeData = [];
-      if (parentNode?.name) {
-        parentNodeData = nodeHelpers.getNodeInputData(
-          props.workflow.getNode(parentNode?.name),
-          props.runIndex,
-          outputIndex.value,
-          "input",
-          connectionType2.value
-        );
-      }
-      return parentNodeData;
-    });
-    const parentNodePinnedData = computed(() => {
-      const parentNode = props.workflow.getParentNodesByDepth(node2.value?.name ?? "")[0];
-      return props.workflow.pinData?.[parentNode?.name || ""] ?? [];
-    });
-    const showPinButton = computed(() => {
-      if (!rawInputData.value.length && !pinnedData.hasData.value) {
-        return false;
-      }
-      if (editMode2.value.enabled) {
-        return false;
-      }
-      if (binaryData.value?.length) {
-        return isPaneTypeOutput.value;
-      }
-      return canPinData.value;
-    });
-    const pinButtonDisabled = computed(
-      () => !rawInputData.value.length && !pinnedData.hasData.value || !!binaryData.value?.length || isReadOnlyRoute.value || readOnlyEnv.value
-    );
-    const activeTaskMetadata = computed(() => {
-      if (!node2.value) {
-        return null;
-      }
-      const errorMetadata = parseErrorMetadata(workflowRunErrorAsNodeError.value);
-      if (errorMetadata !== void 0) {
-        return errorMetadata;
-      }
-      if (parentNodeError.value) {
-        const subNodeMetadata = parseErrorMetadata(parentNodeError.value);
-        if (subNodeMetadata !== void 0) {
-          return subNodeMetadata;
-        }
-      }
-      return workflowRunData.value?.[node2.value.name]?.[props.runIndex]?.metadata ?? null;
-    });
-    const hasInputOverwrite = computed(() => {
-      if (!node2.value) {
-        return false;
-      }
-      const taskData = nodeHelpers.getNodeTaskData(node2.value, props.runIndex);
-      return Boolean(taskData?.inputOverride);
-    });
-    const isSchemaPreviewEnabled = computed(
-      () => props.paneType === "input" && !(nodeType.value?.codex?.categories ?? []).some(
-        (category) => category === CORE_NODES_CATEGORY
-      ) && posthogStore.isVariantEnabled(
-        SCHEMA_PREVIEW_EXPERIMENT.name,
-        SCHEMA_PREVIEW_EXPERIMENT.variant
-      )
-    );
-    const hasPreviewSchema = computedAsync(async () => {
-      if (!isSchemaPreviewEnabled.value || props.nodes.length === 0) return false;
-      const nodes = props.nodes.filter((n) => n.depth === 1).map((n) => workflowsStore.getNodeByName(n.name)).filter(isPresent);
-      for (const connectedNode2 of nodes) {
-        const { type, typeVersion, parameters } = connectedNode2;
-        const hasPreview = await schemaPreviewStore.getSchemaPreview({
-          nodeType: type,
-          version: typeVersion,
-          resource: parameters.resource,
-          operation: parameters.operation
-        });
-        if (hasPreview.ok) return true;
-      }
-      return false;
-    }, false);
-    watch(node2, (newNode, prevNode) => {
-      if (newNode?.id === prevNode?.id) return;
-      init();
-    });
-    watch(hasNodeRun, () => {
-      if (props.paneType === "output") setDisplayMode();
-      else {
-        outputIndex.value = determineInitialOutputIndex();
-      }
-    });
-    watch(
-      inputDataPage,
-      (data) => {
-        if (props.paneType && data) {
-          ndvStore.setNDVPanelDataIsEmpty({
-            panel: props.paneType,
-            isEmpty: data.every((item) => isEmpty(item.json))
-          });
-        }
-      },
-      { immediate: true, deep: true }
-    );
-    watch(jsonData, (data, prevData) => {
-      if (isEqual(data, prevData)) return;
-      refreshDataSize();
-      if (dataCount.value) {
-        resetCurrentPageIfTooFar();
-      }
-      showPinDataDiscoveryTooltip(data);
-    });
-    watch(binaryData, (newData, prevData) => {
-      if (newData.length && !prevData.length && displayMode.value !== "binary") {
-        switchToBinary();
-      } else if (!newData.length && displayMode.value === "binary") {
-        onDisplayModeChange("table");
-      }
-    });
-    watch(currentOutputIndex, (branchIndex) => {
-      ndvStore.setNDVBranchIndex({
-        pane: props.paneType,
-        branchIndex
-      });
-    });
-    watch(search2, (newSearch) => {
-      emit("search", newSearch);
-    });
-    onMounted(() => {
-      init();
-      if (!isPaneTypeInput.value) {
-        showPinDataDiscoveryTooltip(jsonData.value);
-      }
-      ndvStore.setNDVBranchIndex({
-        pane: props.paneType,
-        branchIndex: currentOutputIndex.value
-      });
-      if (props.paneType === "output") {
-        setDisplayMode();
-        activatePane();
-      }
-      if (hasRunError.value && node2.value) {
-        const error = workflowRunData.value?.[node2.value.name]?.[props.runIndex]?.error;
-        const errorsToTrack = ["unknown error"];
-        if (error && errorsToTrack.some((e) => error.message?.toLowerCase().includes(e))) {
-          telemetry.track(
-            "User encountered an error",
-            {
-              node: node2.value.type,
-              errorMessage: error.message,
-              nodeVersion: node2.value.typeVersion,
-              n8nVersion: rootStore.versionCli
-            },
-            {
-              withPostHog: true
-            }
-          );
-        }
-      }
-    });
-    onBeforeUnmount(() => {
-      hidePinDataDiscoveryTooltip();
-    });
-    function getResolvedNodeOutputs() {
-      if (node2.value && nodeType.value) {
-        const workflowNode = props.workflow.getNode(node2.value.name);
-        if (workflowNode) {
-          const outputs2 = getNodeOutputs(props.workflow, workflowNode, nodeType.value);
-          return outputs2;
-        }
-      }
-      return [];
-    }
-    function shouldHintBeDisplayed(hint) {
-      const { location, whenToDisplay } = hint;
-      if (location) {
-        if (location === "ndv" && !["input", "output"].includes(props.paneType)) {
-          return false;
-        }
-        if (location === "inputPane" && props.paneType !== "input") {
-          return false;
-        }
-        if (location === "outputPane" && props.paneType !== "output") {
-          return false;
-        }
-      }
-      if (whenToDisplay === "afterExecution" && !hasNodeRun.value) {
-        return false;
-      }
-      if (whenToDisplay === "beforeExecution" && hasNodeRun.value) {
-        return false;
-      }
-      return true;
-    }
-    function getNodeHints$1() {
-      try {
-        if (node2.value && nodeType.value) {
-          const workflowNode = props.workflow.getNode(node2.value.name);
-          if (workflowNode) {
-            const nodeHints = getNodeHints(props.workflow, workflowNode, nodeType.value, {
-              runExecutionData: workflowExecution.value?.data ?? null,
-              runIndex: props.runIndex,
-              connectionInputData: parentNodeOutputData.value
-            });
-            const hasMultipleInputItems = parentNodeOutputData.value.length > 1 || parentNodePinnedData.value.length > 1;
-            const nodeOutputData = workflowRunData.value?.[node2.value.name]?.[props.runIndex]?.data?.main?.[0] ?? [];
-            const genericHints = getGenericHints({
-              workflowNode,
-              node: node2.value,
-              nodeType: nodeType.value,
-              nodeOutputData,
-              workflow: props.workflow,
-              hasNodeRun: hasNodeRun.value,
-              hasMultipleInputItems
-            });
-            return executionHints.value.concat(nodeHints, genericHints).filter(shouldHintBeDisplayed);
-          }
-        }
-      } catch (error) {
-        console.error("Error while getting node hints", error);
-      }
-      return [];
-    }
-    function onItemHover(itemIndex) {
-      if (itemIndex === null) {
-        emit("itemHover", null);
-        return;
-      }
-      emit("itemHover", {
-        outputIndex: currentOutputIndex.value,
-        itemIndex
-      });
-    }
-    function onClickDataPinningDocsLink() {
-      telemetry.track("User clicked ndv link", {
-        workflow_id: workflowsStore.workflowId,
-        push_ref: props.pushRef,
-        node_type: activeNode.value?.type,
-        pane: "output",
-        type: "data-pinning-docs"
-      });
-    }
-    function showPinDataDiscoveryTooltip(value) {
-      if (!isTriggerNode.value) {
-        return;
-      }
-      const pinDataDiscoveryFlag = useStorage(LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG).value;
-      if (value && value.length > 0 && !isReadOnlyRoute.value && !pinDataDiscoveryFlag) {
-        pinDataDiscoveryComplete();
-        setTimeout(() => {
-          isControlledPinDataTooltip.value = true;
-          pinDataDiscoveryTooltipVisible.value = true;
-          dataPinningEventBus.emit("data-pinning-discovery", { isTooltipVisible: true });
-        }, 500);
-      }
-    }
-    function hidePinDataDiscoveryTooltip() {
-      if (pinDataDiscoveryTooltipVisible.value) {
-        isControlledPinDataTooltip.value = false;
-        pinDataDiscoveryTooltipVisible.value = false;
-        dataPinningEventBus.emit("data-pinning-discovery", { isTooltipVisible: false });
-      }
-    }
-    function pinDataDiscoveryComplete() {
-      useStorage(LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG).value = "true";
-      useStorage(LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG).value = "true";
-    }
-    function enterEditMode({ origin }) {
-      const inputData2 = pinnedData.data.value ? clearJsonKey(pinnedData.data.value) : executionDataToJson(rawInputData.value);
-      const inputDataLength = Array.isArray(inputData2) ? inputData2.length : Object.keys(inputData2 ?? {}).length;
-      const data = inputDataLength > 0 ? inputData2 : TEST_PIN_DATA;
-      ndvStore.setOutputPanelEditModeEnabled(true);
-      ndvStore.setOutputPanelEditModeValue(JSON.stringify(data, null, 2));
-      telemetry.track("User opened ndv edit state", {
-        node_type: activeNode.value?.type,
-        click_type: origin === "editIconButton" ? "button" : "link",
-        push_ref: props.pushRef,
-        run_index: props.runIndex,
-        is_output_present: hasNodeRun.value || pinnedData.hasData.value,
-        view: !hasNodeRun.value && !pinnedData.hasData.value ? "undefined" : displayMode.value,
-        is_data_pinned: pinnedData.hasData.value
-      });
-    }
-    function onClickCancelEdit() {
-      ndvStore.setOutputPanelEditModeEnabled(false);
-      ndvStore.setOutputPanelEditModeValue("");
-      onExitEditMode({ type: "cancel" });
-    }
-    function onClickSaveEdit() {
-      if (!node2.value) {
-        return;
-      }
-      const { value } = editMode2.value;
-      toast.clearAllStickyNotifications();
-      try {
-        const clearedValue = clearJsonKey(value);
-        try {
-          pinnedData.setData(clearedValue, "save-edit");
-        } catch (error) {
-          return;
-        }
-      } catch (error) {
-        toast.showError(error, i18n.baseText("ndv.pinData.error.syntaxError.title"));
-        return;
-      }
-      ndvStore.setOutputPanelEditModeEnabled(false);
-      onExitEditMode({ type: "save" });
-    }
-    function onExitEditMode({ type }) {
-      telemetry.track("User closed ndv edit state", {
-        node_type: activeNode.value?.type,
-        push_ref: props.pushRef,
-        run_index: props.runIndex,
-        view: displayMode.value,
-        type
-      });
-    }
-    async function onTogglePinData({ source }) {
-      if (!node2.value) {
-        return;
-      }
-      if (source === "pin-icon-click") {
-        const telemetryPayload = {
-          node_type: activeNode.value?.type,
-          push_ref: props.pushRef,
-          run_index: props.runIndex,
-          view: !hasNodeRun.value && !pinnedData.hasData.value ? "none" : displayMode.value
-        };
-        void externalHooks.run("runData.onTogglePinData", telemetryPayload);
-        telemetry.track("User clicked pin data icon", telemetryPayload);
-      }
-      nodeHelpers.updateNodeParameterIssues(node2.value);
-      if (pinnedData.hasData.value) {
-        pinnedData.unsetData(source);
-        return;
-      }
-      try {
-        pinnedData.setData(rawInputData.value, "pin-icon-click");
-      } catch (error) {
-        console.error(error);
-        return;
-      }
-      if (maxRunIndex.value > 0) {
-        toast.showToast({
-          title: i18n.baseText("ndv.pinData.pin.multipleRuns.title", {
-            interpolate: {
-              index: `${props.runIndex}`
-            }
-          }),
-          message: i18n.baseText("ndv.pinData.pin.multipleRuns.description"),
-          type: "success",
-          duration: 2e3
-        });
-      }
-      hidePinDataDiscoveryTooltip();
-      pinDataDiscoveryComplete();
-    }
-    function switchToBinary() {
-      onDisplayModeChange("binary");
-    }
-    function onBranchChange(value) {
-      outputIndex.value = value;
-      telemetry.track("User changed ndv branch", {
-        push_ref: props.pushRef,
-        branch_index: value,
-        node_type: activeNode.value?.type,
-        node_type_input_selection: nodeType.value ? nodeType.value.name : "",
-        pane: props.paneType
-      });
-    }
-    function showTooMuchData() {
-      showData.value = true;
-      userEnabledShowData.value = true;
-      telemetry.track("User clicked ndv button", {
-        node_type: activeNode.value?.type,
-        workflow_id: workflowsStore.workflowId,
-        push_ref: props.pushRef,
-        pane: props.paneType,
-        type: "showTooMuchData"
-      });
-    }
-    function toggleLinkRuns() {
-      if (props.linkedRuns) {
-        unlinkRun();
-      } else {
-        linkRun();
-      }
-    }
-    function linkRun() {
-      emit("linkRun");
-    }
-    function unlinkRun() {
-      emit("unlinkRun");
-    }
-    function onCurrentPageChange(value) {
-      currentPage.value = value;
-      telemetry.track("User changed ndv page", {
-        node_type: activeNode.value?.type,
-        workflow_id: workflowsStore.workflowId,
-        push_ref: props.pushRef,
-        pane: props.paneType,
-        page_selected: currentPage.value,
-        page_size: pageSize.value,
-        items_total: dataCount.value
-      });
-    }
-    function resetCurrentPageIfTooFar() {
-      const maxPage = Math.ceil(dataCount.value / pageSize.value);
-      if (maxPage < currentPage.value) {
-        currentPage.value = maxPage;
-      }
-    }
-    function onPageSizeChange(newPageSize) {
-      pageSize.value = newPageSize;
-      resetCurrentPageIfTooFar();
-      telemetry.track("User changed ndv page size", {
-        node_type: activeNode.value?.type,
-        workflow_id: workflowsStore.workflowId,
-        push_ref: props.pushRef,
-        pane: props.paneType,
-        page_selected: currentPage.value,
-        page_size: pageSize.value,
-        items_total: dataCount.value
-      });
-    }
-    function onDisplayModeChange(newDisplayMode) {
-      const previous = displayMode.value;
-      ndvStore.setPanelDisplayMode({ pane: props.paneType, mode: newDisplayMode });
-      if (!userEnabledShowData.value) updateShowData();
-      if (dataContainerRef.value) {
-        const dataDisplay2 = dataContainerRef.value.children[0];
-        if (dataDisplay2) {
-          dataDisplay2.scrollTo(0, 0);
-        }
-      }
-      closeBinaryDataDisplay();
-      void externalHooks.run("runData.displayModeChanged", {
-        newValue: newDisplayMode,
-        oldValue: previous
-      });
-      if (activeNode.value) {
-        telemetry.track("User changed ndv item view", {
-          previous_view: previous,
-          new_view: newDisplayMode,
-          node_type: activeNode.value.type,
-          workflow_id: workflowsStore.workflowId,
-          push_ref: props.pushRef,
-          pane: props.paneType
-        });
-      }
-    }
-    function getRunLabel(option) {
-      if (!node2.value) {
-        return;
-      }
-      let itemsCount2 = 0;
-      for (let i = 0; i <= maxOutputIndex.value; i++) {
-        itemsCount2 += getPinDataOrLiveData(getRawInputData(option - 1, i)).length;
-      }
-      const items = i18n.baseText("ndv.output.items", {
-        adjustToNumber: itemsCount2,
-        interpolate: { count: itemsCount2 }
-      });
-      const metadata = workflowRunData.value?.[node2.value.name]?.[option - 1]?.metadata ?? null;
-      const subexecutions = metadata?.subExecutionsCount ? i18n.baseText("ndv.output.andSubExecutions", {
-        adjustToNumber: metadata.subExecutionsCount,
-        interpolate: {
-          count: metadata.subExecutionsCount
-        }
-      }) : "";
-      const itemsLabel = itemsCount2 > 0 ? ` (${items}${subexecutions})` : "";
-      return option + i18n.baseText("ndv.output.of") + (maxRunIndex.value + 1) + itemsLabel;
-    }
-    function getRawInputData(runIndex, outputIndex2, connectionType22 = NodeConnectionTypes.Main) {
-      let inputData2 = [];
-      if (node2.value) {
-        inputData2 = nodeHelpers.getNodeInputData(
-          node2.value,
-          runIndex,
-          outputIndex2,
-          props.paneType,
-          connectionType22
-        );
-      }
-      if (inputData2.length === 0 || !Array.isArray(inputData2)) {
-        return [];
-      }
-      return inputData2;
-    }
-    function getPinDataOrLiveData(data) {
-      if (pinnedData.data.value && !props.isProductionExecutionPreview) {
-        return Array.isArray(pinnedData.data.value) ? pinnedData.data.value.map((value) => ({
-          json: value
-        })) : [
-          {
-            json: pinnedData.data.value
-          }
-        ];
-      }
-      return data;
-    }
-    function getFilteredData(data) {
-      if (!search2.value || isSchemaView.value) {
-        return data;
-      }
-      currentPage.value = 1;
-      return data.filter(({ json }) => searchInObject(json, search2.value));
-    }
-    function getDataCount(runIndex, outputIndex2, connectionType22 = NodeConnectionTypes.Main) {
-      if (!node2.value) {
-        return 0;
-      }
-      if (workflowRunData.value?.[node2.value.name]?.[runIndex]?.hasOwnProperty("error")) {
-        return 1;
-      }
-      const rawInputData2 = getRawInputData(runIndex, outputIndex2, connectionType22);
-      const pinOrLiveData = getPinDataOrLiveData(rawInputData2);
-      return getFilteredData(pinOrLiveData).length;
-    }
-    function determineInitialOutputIndex() {
-      for (let i = 0; i <= maxOutputIndex.value; i++) {
-        if (getRawInputData(props.runIndex, i).length) {
-          return i;
-        }
-      }
-      return 0;
-    }
-    function init() {
-      outputIndex.value = determineInitialOutputIndex();
-      refreshDataSize();
-      closeBinaryDataDisplay();
-      let outputTypes = [];
-      if (node2.value && nodeType.value) {
-        const outputs2 = getResolvedNodeOutputs();
-        outputTypes = getConnectionTypes(outputs2);
-      }
-      connectionType2.value = outputTypes.length === 0 ? NodeConnectionTypes.Main : outputTypes[0];
-      if (binaryData.value.length > 0) {
-        ndvStore.setPanelDisplayMode({
-          pane: props.paneType,
-          mode: "binary"
-        });
-      } else if (displayMode.value === "binary") {
-        ndvStore.setPanelDisplayMode({
-          pane: props.paneType,
-          mode: "schema"
-        });
-      }
-    }
-    function closeBinaryDataDisplay() {
-      binaryDataDisplayVisible.value = false;
-      binaryDataDisplayData.value = null;
-    }
-    function isViewable(index, key) {
-      const { fileType } = binaryData.value[index][key];
-      return !!fileType && ["image", "audio", "video", "text", "json", "pdf", "html"].includes(fileType);
-    }
-    function isDownloadable(index, key) {
-      const { mimeType, fileName } = binaryData.value[index][key];
-      return !!(mimeType && fileName);
-    }
-    async function downloadBinaryData(index, key) {
-      const { id, data, fileName, fileExtension, mimeType } = binaryData.value[index][key];
-      if (id) {
-        const url = workflowsStore.getBinaryUrl(id, "download", fileName ?? "", mimeType);
-        FileSaver_minExports.saveAs(url, [fileName, fileExtension].join("."));
-        return;
-      } else {
-        const bufferString = "data:" + mimeType + ";base64," + data;
-        const blob = await fetch(bufferString).then(async (d) => await d.blob());
-        FileSaver_minExports.saveAs(blob, fileName);
-      }
-    }
-    async function downloadJsonData() {
-      const fileName = (node2.value?.name ?? "").replace(/[^\w\d]/g, "_");
-      const blob = new Blob([JSON.stringify(rawInputData.value, null, 2)], {
-        type: "application/json"
-      });
-      FileSaver_minExports.saveAs(blob, `${fileName}.json`);
-    }
-    function displayBinaryData(index, key) {
-      const { data, mimeType } = binaryData.value[index][key];
-      binaryDataDisplayVisible.value = true;
-      binaryDataDisplayData.value = {
-        node: node2.value?.name,
-        runIndex: props.runIndex,
-        outputIndex: currentOutputIndex.value,
-        index,
-        key,
-        data,
-        mimeType
-      };
-    }
-    function getOutputName(outputIndex2) {
-      if (node2.value === null) {
-        return outputIndex2 + 1;
-      }
-      const outputs2 = getResolvedNodeOutputs();
-      const outputConfiguration = outputs2?.[outputIndex2];
-      if (outputConfiguration && isObject$1(outputConfiguration)) {
-        return outputConfiguration?.displayName;
-      }
-      if (!nodeType.value?.outputNames || nodeType.value.outputNames.length <= outputIndex2) {
-        return outputIndex2 + 1;
-      }
-      return nodeType.value.outputNames[outputIndex2];
-    }
-    function refreshDataSize() {
-      showData.value = false;
-      const jsonItems = inputDataPage.value.map((item) => item.json);
-      const byteSize = new Blob([JSON.stringify(jsonItems)]).size;
-      dataSize.value = byteSize;
-      updateShowData();
-    }
-    function updateShowData() {
-      showData.value = isSchemaView.value && dataSize.value < MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW || dataSize.value < MAX_DISPLAY_DATA_SIZE;
-    }
-    function onRunIndexChange(run) {
-      emit("runChange", run);
-    }
-    function enableNode() {
-      if (node2.value) {
-        const updateInformation = {
-          name: node2.value.name,
-          properties: {
-            disabled: !node2.value.disabled
-          }
-        };
-        workflowsStore.updateNodeProperties(updateInformation);
-      }
-    }
-    function setDisplayMode() {
-      if (!activeNode.value) return;
-      const shouldDisplayHtml = activeNode.value.type === HTML_NODE_TYPE && activeNode.value.parameters.operation === "generateHtmlTemplate";
-      if (shouldDisplayHtml) {
-        ndvStore.setPanelDisplayMode({
-          pane: "output",
-          mode: "html"
-        });
-      }
-    }
-    function activatePane() {
-      emit("activatePane");
-    }
-    function onSearchClear() {
-      search2.value = "";
-      document.dispatchEvent(new KeyboardEvent("keyup", { key: "/" }));
-    }
-    __expose({ enterEditMode });
-    return (_ctx, _cache) => {
-      const _component_i18n_t = resolveComponent("i18n-t");
-      const _component_el_pagination = resolveComponent("el-pagination");
-      const _directive_n8n_html = resolveDirective("n8n-html");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["run-data", _ctx.$style.container]),
-        onMouseover: activatePane
-      }, [
-        !isPaneTypeInput.value && unref(pinnedData).hasData.value && !editMode2.value.enabled && !_ctx.isProductionExecutionPreview ? (openBlock(), createBlock(unref(N8nCallout), {
-          key: 0,
-          theme: "secondary",
-          icon: "thumbtack",
-          class: normalizeClass(_ctx.$style.pinnedDataCallout),
-          "data-test-id": "ndv-pinned-data-callout"
-        }, {
-          trailingContent: withCtx(() => [
-            createVNode(unref(N8nLink), {
-              to: unref(DATA_PINNING_DOCS_URL),
-              size: "small",
-              theme: "secondary",
-              bold: "",
-              underline: "",
-              onClick: onClickDataPinningDocsLink
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("runData.pindata.learnMore")), 1)
-              ]),
-              _: 1
-            }, 8, ["to"])
-          ]),
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(i18n).baseText("runData.pindata.thisDataIsPinned")) + " ", 1),
-            !isReadOnlyRoute.value && !readOnlyEnv.value ? (openBlock(), createElementBlock("span", _hoisted_1$4, [
-              createVNode(unref(N8nLink), {
-                theme: "secondary",
-                size: "small",
-                underline: "",
-                bold: "",
-                "data-test-id": "ndv-unpin-data",
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onTogglePinData({ source: "banner-link" }), ["stop"]))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(i18n).baseText("runData.pindata.unpin")), 1)
-                ]),
-                _: 1
-              })
-            ])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["class"])) : createCommentVNode("", true),
-        binaryDataDisplayData.value ? (openBlock(), createBlock(_sfc_main$9, {
-          key: 1,
-          "window-visible": binaryDataDisplayVisible.value,
-          "display-data": binaryDataDisplayData.value,
-          onClose: closeBinaryDataDisplay
-        }, null, 8, ["window-visible", "display-data"])) : createCommentVNode("", true),
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.header)
-        }, [
-          renderSlot(_ctx.$slots, "header", {}, void 0, true),
-          withDirectives(createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.displayModes),
-            "data-test-id": "run-data-pane-header",
-            onClick: _cache[4] || (_cache[4] = withModifiers(() => {
-            }, ["stop"]))
-          }, [
-            (openBlock(), createBlock(Suspense, null, {
-              default: withCtx(() => [
-                showIOSearch.value ? (openBlock(), createBlock(unref(LazyRunDataSearch), {
-                  key: 0,
-                  modelValue: search2.value,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search2.value = $event),
-                  class: normalizeClass(_ctx.$style.search),
-                  "pane-type": _ctx.paneType,
-                  "display-mode": displayMode.value,
-                  "is-area-active": _ctx.isPaneActive,
-                  onFocus: activatePane
-                }, null, 8, ["modelValue", "class", "pane-type", "display-mode", "is-area-active"])) : createCommentVNode("", true)
-              ]),
-              _: 1
-            })),
-            withDirectives(createVNode(unref(N8nRadioButtons), {
-              "model-value": displayMode.value,
-              options: displayModes2.value,
-              "data-test-id": "ndv-run-data-display-mode",
-              "onUpdate:modelValue": onDisplayModeChange
-            }, null, 8, ["model-value", "options"]), [
-              [
-                vShow,
-                unref(hasPreviewSchema) || hasNodeRun.value && (inputData.value.length || binaryData.value.length || search2.value) && !editMode2.value.enabled
-              ]
-            ]),
-            canPinData.value && !isReadOnlyRoute.value && !readOnlyEnv.value ? withDirectives((openBlock(), createBlock(unref(_sfc_main$o), {
-              key: 0,
-              title: unref(i18n).baseText("runData.editOutput"),
-              circle: false,
-              disabled: node2.value?.disabled,
-              icon: "pencil-alt",
-              type: "tertiary",
-              "data-test-id": "ndv-edit-pinned-data",
-              onClick: _cache[2] || (_cache[2] = ($event) => enterEditMode({ origin: "editIconButton" }))
-            }, null, 8, ["title", "disabled"])), [
-              [vShow, !editMode2.value.enabled]
-            ]) : createCommentVNode("", true),
-            showPinButton.value ? (openBlock(), createBlock(RunDataPinButton, {
-              key: 1,
-              disabled: pinButtonDisabled.value,
-              "tooltip-contents-visibility": {
-                binaryDataTooltipContent: !!binaryData.value?.length,
-                pinDataDiscoveryTooltipContent: isControlledPinDataTooltip.value && pinDataDiscoveryTooltipVisible.value
-              },
-              "data-pinning-docs-url": unref(DATA_PINNING_DOCS_URL),
-              "pinned-data": unref(pinnedData),
-              onTogglePinData: _cache[3] || (_cache[3] = ($event) => onTogglePinData({ source: "pin-icon-click" }))
-            }, null, 8, ["disabled", "tooltip-contents-visibility", "data-pinning-docs-url", "pinned-data"])) : createCommentVNode("", true),
-            withDirectives(createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.editModeActions)
-            }, [
-              createVNode(unref(N8nButton), {
-                type: "tertiary",
-                label: unref(i18n).baseText("runData.editor.cancel"),
-                onClick: onClickCancelEdit
-              }, null, 8, ["label"]),
-              createVNode(unref(N8nButton), {
-                class: "ml-2xs",
-                type: "primary",
-                label: unref(i18n).baseText("runData.editor.save"),
-                onClick: onClickSaveEdit
-              }, null, 8, ["label"])
-            ], 2), [
-              [vShow, editMode2.value.enabled]
-            ])
-          ], 2), [
-            [vShow, !hasRunError.value && !isTrimmedManualExecutionDataItem.value]
-          ])
-        ], 2),
-        inputSelectLocation.value === "header" ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: normalizeClass(_ctx.$style.inputSelect)
-        }, [
-          renderSlot(_ctx.$slots, "input-select", {}, void 0, true)
-        ], 2)) : createCommentVNode("", true),
-        maxRunIndex.value > 0 && !displaysMultipleNodes.value ? withDirectives((openBlock(), createElementBlock("div", {
-          key: 3,
-          class: normalizeClass(_ctx.$style.runSelector)
-        }, [
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.runSelectorInner)
-          }, [
-            inputSelectLocation.value === "runs" ? renderSlot(_ctx.$slots, "input-select", { key: 0 }, void 0, true) : createCommentVNode("", true),
-            createVNode(unref(N8nSelect), {
-              "model-value": _ctx.runIndex,
-              class: normalizeClass(_ctx.$style.runSelectorSelect),
-              size: "small",
-              teleported: "",
-              "data-test-id": "run-selector",
-              "onUpdate:modelValue": onRunIndexChange,
-              onClick: _cache[5] || (_cache[5] = withModifiers(() => {
-              }, ["stop"]))
-            }, {
-              prepend: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("ndv.output.run")), 1)
-              ]),
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(maxRunIndex.value + 1, (option) => {
-                  return openBlock(), createBlock(unref(_sfc_main$p), {
-                    key: option,
-                    label: getRunLabel(option),
-                    value: option - 1
-                  }, null, 8, ["label", "value"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["model-value", "class"]),
-            _ctx.canLinkRuns ? (openBlock(), createBlock(unref(N8nTooltip), {
-              key: 1,
-              placement: "right"
-            }, {
-              content: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText(_ctx.linkedRuns ? "runData.unlinking.hint" : "runData.linking.hint")), 1)
-              ]),
-              default: withCtx(() => [
-                createVNode(unref(_sfc_main$o), {
-                  icon: _ctx.linkedRuns ? "unlink" : "link",
-                  class: normalizeClass(["linkRun", _ctx.linkedRuns ? "linked" : ""]),
-                  text: "",
-                  type: "tertiary",
-                  size: "small",
-                  "data-test-id": "link-run",
-                  onClick: toggleLinkRuns
-                }, null, 8, ["icon", "class"])
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "run-info", {}, void 0, true)
-          ], 2),
-          activeTaskMetadata.value && !(_ctx.paneType === "input" && hasInputOverwrite.value) ? (openBlock(), createBlock(ViewSubExecution, {
-            key: 0,
-            "task-metadata": activeTaskMetadata.value,
-            "display-mode": displayMode.value
-          }, null, 8, ["task-metadata", "display-mode"])) : createCommentVNode("", true)
-        ], 2)), [
-          [vShow, !editMode2.value.enabled]
-        ]) : createCommentVNode("", true),
-        !displaysMultipleNodes.value ? renderSlot(_ctx.$slots, "before-data", { key: 4 }, void 0, true) : createCommentVNode("", true),
-        props.calloutMessage ? (openBlock(), createElementBlock("div", {
-          key: 5,
-          class: normalizeClass(_ctx.$style.hintCallout)
-        }, [
-          createVNode(unref(N8nCallout), {
-            theme: "info",
-            "data-test-id": "run-data-callout"
-          }, {
-            default: withCtx(() => [
-              withDirectives(createVNode(unref(N8nText), { size: "small" }, null, 512), [
-                [_directive_n8n_html, props.calloutMessage]
-              ])
-            ]),
-            _: 1
-          })
-        ], 2)) : createCommentVNode("", true),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(getNodeHints$1(), (hint) => {
-          return openBlock(), createBlock(unref(N8nCallout), {
-            key: hint.message,
-            class: normalizeClass(_ctx.$style.hintCallout),
-            theme: hint.type || "info",
-            "data-test-id": "node-hint"
-          }, {
-            default: withCtx(() => [
-              withDirectives(createVNode(unref(N8nText), { size: "small" }, null, 512), [
-                [_directive_n8n_html, hint.message]
-              ])
-            ]),
-            _: 2
-          }, 1032, ["class", "theme"]);
-        }), 128)),
-        maxOutputIndex.value > 0 && branches.value.length > 1 && !displaysMultipleNodes.value ? (openBlock(), createElementBlock("div", {
-          key: 6,
-          class: normalizeClass(_ctx.$style.outputs),
-          "data-test-id": "branches"
-        }, [
-          inputSelectLocation.value === "outputs" ? renderSlot(_ctx.$slots, "input-select", { key: 0 }, void 0, true) : createCommentVNode("", true),
-          activeTaskMetadata.value && !(_ctx.paneType === "input" && hasInputOverwrite.value) ? (openBlock(), createBlock(ViewSubExecution, {
-            key: 1,
-            "task-metadata": activeTaskMetadata.value,
-            "display-mode": displayMode.value
-          }, null, 8, ["task-metadata", "display-mode"])) : createCommentVNode("", true),
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.tabs)
-          }, [
-            createVNode(unref(N8nTabs), {
-              "model-value": currentOutputIndex.value,
-              options: branches.value,
-              "onUpdate:modelValue": onBranchChange
-            }, null, 8, ["model-value", "options"])
-          ], 2)
-        ], 2)) : hasNodeRun.value && !isSearchInSchemaView.value && (dataCount.value > 0 && maxRunIndex.value === 0 || search2.value) && !isArtificialRecoveredEventItem.value && !displaysMultipleNodes.value ? withDirectives((openBlock(), createElementBlock("div", {
-          key: 7,
-          class: normalizeClass([_ctx.$style.itemsCount, { [_ctx.$style.muted]: _ctx.paneType === "input" && maxRunIndex.value === 0 }]),
-          "data-test-id": "ndv-items-count"
-        }, [
-          inputSelectLocation.value === "items" ? renderSlot(_ctx.$slots, "input-select", { key: 0 }, void 0, true) : createCommentVNode("", true),
-          search2.value ? (openBlock(), createBlock(unref(N8nText), {
-            key: 1,
-            class: normalizeClass(_ctx.$style.itemsText)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18n).baseText("ndv.search.items", {
-                adjustToNumber: unfilteredDataCount.value,
-                interpolate: { matched: dataCount.value, count: unfilteredDataCount.value }
-              })), 1)
-            ]),
-            _: 1
-          }, 8, ["class"])) : (openBlock(), createBlock(unref(N8nText), {
-            key: 2,
-            class: normalizeClass(_ctx.$style.itemsText)
-          }, {
-            default: withCtx(() => [
-              createBaseVNode("span", null, toDisplayString(unref(i18n).baseText("ndv.output.items", {
-                adjustToNumber: dataCount.value,
-                interpolate: { count: dataCount.value }
-              })), 1),
-              activeTaskMetadata.value?.subExecutionsCount ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(unref(i18n).baseText("ndv.output.andSubExecutions", {
-                adjustToNumber: activeTaskMetadata.value.subExecutionsCount,
-                interpolate: { count: activeTaskMetadata.value.subExecutionsCount }
-              })), 1)) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["class"])),
-          activeTaskMetadata.value && !(_ctx.paneType === "input" && hasInputOverwrite.value) ? (openBlock(), createBlock(ViewSubExecution, {
-            key: 3,
-            "task-metadata": activeTaskMetadata.value,
-            "display-mode": displayMode.value
-          }, null, 8, ["task-metadata", "display-mode"])) : createCommentVNode("", true)
-        ], 2)), [
-          [vShow, !editMode2.value.enabled]
-        ]) : createCommentVNode("", true),
-        createBaseVNode("div", {
-          ref_key: "dataContainerRef",
-          ref: dataContainerRef,
-          class: normalizeClass(_ctx.$style.dataContainer),
-          "data-test-id": "ndv-data-container"
-        }, [
-          _ctx.isExecuting && !isWaitNodeWaiting.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(_ctx.$style.center),
-            "data-test-id": "ndv-executing"
-          }, [
-            createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.spinner)
-            }, [
-              createVNode(unref(_sfc_main$q), { type: "ring" })
-            ], 2),
-            createVNode(unref(N8nText), null, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.executingMessage), 1)
-              ]),
-              _: 1
-            })
-          ], 2)) : editMode2.value.enabled ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: normalizeClass(_ctx.$style.editMode)
-          }, [
-            createBaseVNode("div", {
-              class: normalizeClass([_ctx.$style.editModeBody, "ignore-key-press-canvas"])
-            }, [
-              createVNode(JsonEditor, {
-                "model-value": editMode2.value.value,
-                "fill-parent": true,
-                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(ndvStore).setOutputPanelEditModeValue($event))
-              }, null, 8, ["model-value"])
-            ], 2),
-            createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.editModeFooter)
-            }, [
-              createVNode(unref(InfoTip), {
-                bold: false,
-                class: normalizeClass(_ctx.$style.editModeFooterInfotip)
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(i18n).baseText("runData.editor.copyDataInfo")) + " ", 1),
-                  createVNode(unref(N8nLink), {
-                    to: unref(DATA_EDITING_DOCS_URL),
-                    size: "small"
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(i18n).baseText("generic.learnMore")), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["to"])
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ], 2)
-          ], 2)) : _ctx.paneType === "output" && hasSubworkflowExecutionError.value && subworkflowExecutionError.value ? (openBlock(), createElementBlock("div", {
-            key: 2,
-            class: normalizeClass(_ctx.$style.stretchVertically)
-          }, [
-            createVNode(_sfc_main$r, {
-              error: subworkflowExecutionError.value,
-              class: normalizeClass(_ctx.$style.errorDisplay)
-            }, null, 8, ["error", "class"])
-          ], 2)) : isWaitNodeWaiting.value ? (openBlock(), createElementBlock("div", {
-            key: 3,
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            renderSlot(_ctx.$slots, "node-waiting", {}, () => [
-              _cache[9] || (_cache[9] = createTextVNode("xxx"))
-            ], true)
-          ], 2)) : !hasNodeRun.value && !(displaysMultipleNodes.value && (node2.value?.disabled || unref(hasPreviewSchema))) ? (openBlock(), createElementBlock("div", {
-            key: 4,
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            renderSlot(_ctx.$slots, "node-not-run", {}, void 0, true)
-          ], 2)) : _ctx.paneType === "input" && !displaysMultipleNodes.value && node2.value?.disabled ? (openBlock(), createElementBlock("div", {
-            key: 5,
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            createVNode(unref(N8nText), null, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("ndv.input.disabled", { interpolate: { nodeName: node2.value.name } })) + " ", 1),
-                createVNode(unref(N8nLink), { onClick: enableNode }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(i18n).baseText("ndv.input.disabled.cta")), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ], 2)) : isTrimmedManualExecutionDataItem.value && unref(uiStore).isProcessingExecutionResults ? (openBlock(), createElementBlock("div", {
-            key: 6,
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.spinner)
-            }, [
-              createVNode(unref(_sfc_main$q), { type: "ring" })
-            ], 2),
-            createVNode(unref(N8nText), {
-              color: "text-dark",
-              size: "large"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("runData.trimmedData.loading")), 1)
-              ]),
-              _: 1
-            })
-          ], 2)) : isTrimmedManualExecutionDataItem.value ? (openBlock(), createElementBlock("div", {
-            key: 7,
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            createVNode(unref(N8nText), {
-              bold: "",
-              color: "text-dark",
-              size: "large"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("runData.trimmedData.title")), 1)
-              ]),
-              _: 1
-            }),
-            createVNode(unref(N8nText), null, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("runData.trimmedData.message")), 1)
-              ]),
-              _: 1
-            })
-          ], 2)) : hasNodeRun.value && isArtificialRecoveredEventItem.value ? (openBlock(), createElementBlock("div", {
-            key: 8,
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            renderSlot(_ctx.$slots, "recovered-artificial-output-data", {}, void 0, true)
-          ], 2)) : hasNodeRun.value && hasRunError.value ? (openBlock(), createElementBlock("div", {
-            key: 9,
-            class: normalizeClass(_ctx.$style.stretchVertically)
-          }, [
-            isPaneTypeInput.value ? (openBlock(), createBlock(unref(N8nText), {
-              key: 0,
-              class: normalizeClass(_ctx.$style.center),
-              size: "large",
-              tag: "p",
-              bold: ""
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("nodeErrorView.inputPanel.previousNodeError.title", {
-                  interpolate: { nodeName: node2.value?.name ?? "" }
-                })), 1)
-              ]),
-              _: 1
-            }, 8, ["class"])) : _ctx.$slots["content"] ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-              workflowRunErrorAsNodeError.value ? (openBlock(), createBlock(_sfc_main$r, {
-                key: 0,
-                error: workflowRunErrorAsNodeError.value,
-                class: normalizeClass(_ctx.$style.inlineError),
-                compact: ""
-              }, null, 8, ["error", "class"])) : createCommentVNode("", true),
-              renderSlot(_ctx.$slots, "content", {}, void 0, true)
-            ])) : workflowRunErrorAsNodeError.value ? (openBlock(), createBlock(_sfc_main$r, {
-              key: 2,
-              error: workflowRunErrorAsNodeError.value,
-              class: normalizeClass(_ctx.$style.dataDisplay)
-            }, null, 8, ["error", "class"])) : createCommentVNode("", true)
-          ], 2)) : hasNodeRun.value && (!unfilteredDataCount.value || search2.value && !dataCount.value) && branches.value.length > 1 ? (openBlock(), createElementBlock("div", {
-            key: 10,
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            search2.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
-              createVNode(unref(N8nText), {
-                tag: "h3",
-                size: "large"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(i18n).baseText("ndv.search.noMatch.title")), 1)
-                ]),
-                _: 1
-              }),
-              createVNode(unref(N8nText), null, {
-                default: withCtx(() => [
-                  createVNode(_component_i18n_t, {
-                    keypath: "ndv.search.noMatch.description",
-                    tag: "span"
-                  }, {
-                    link: withCtx(() => [
-                      createBaseVNode("a", {
-                        href: "#",
-                        onClick: onSearchClear
-                      }, toDisplayString(unref(i18n).baseText("ndv.search.noMatch.description.link")), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ])) : (openBlock(), createBlock(unref(N8nText), { key: 1 }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.noDataInBranchMessage), 1)
-              ]),
-              _: 1
-            }))
-          ], 2)) : hasNodeRun.value && !inputData.value.length && !search2.value ? (openBlock(), createElementBlock("div", {
-            key: 11,
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            renderSlot(_ctx.$slots, "no-output-data", {}, () => [
-              _cache[10] || (_cache[10] = createTextVNode("xxx"))
-            ], true)
-          ], 2)) : hasNodeRun.value && !showData.value ? (openBlock(), createElementBlock("div", {
-            key: 12,
-            "data-test-id": "ndv-data-size-warning",
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            createVNode(unref(N8nText), {
-              bold: true,
-              color: "text-dark",
-              size: "large"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.tooMuchDataTitle), 1)
-              ]),
-              _: 1
-            }),
-            createVNode(unref(N8nText), {
-              align: "center",
-              tag: "div"
-            }, {
-              default: withCtx(() => [
-                withDirectives(createBaseVNode("span", null, null, 512), [
-                  [
-                    _directive_n8n_html,
-                    unref(i18n).baseText("ndv.output.tooMuchData.message", {
-                      interpolate: { size: dataSizeInMB.value }
-                    })
-                  ]
-                ])
-              ]),
-              _: 1
-            }),
-            createVNode(unref(N8nButton), {
-              outline: "",
-              label: unref(i18n).baseText("ndv.output.tooMuchData.showDataAnyway"),
-              onClick: showTooMuchData
-            }, null, 8, ["label"]),
-            createVNode(unref(N8nButton), {
-              size: "small",
-              label: unref(i18n).baseText("runData.downloadBinaryData"),
-              onClick: _cache[7] || (_cache[7] = ($event) => downloadJsonData())
-            }, null, 8, ["label"])
-          ], 2)) : hasNodeRun.value && _ctx.$slots["content"] ? renderSlot(_ctx.$slots, "content", { key: 13 }, void 0, true) : hasNodeRun.value && displayMode.value === "table" && binaryData.value.length > 0 && inputData.value.length === 1 && Object.keys(jsonData.value[0] || {}).length === 0 ? (openBlock(), createElementBlock("div", {
-            key: 14,
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            createVNode(unref(N8nText), null, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("runData.switchToBinary.info")) + " ", 1),
-                createBaseVNode("a", { onClick: switchToBinary }, toDisplayString(unref(i18n).baseText("runData.switchToBinary.binary")), 1)
-              ]),
-              _: 1
-            })
-          ], 2)) : showIoSearchNoMatchContent.value ? (openBlock(), createElementBlock("div", {
-            key: 15,
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            createVNode(unref(N8nText), {
-              tag: "h3",
-              size: "large"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("ndv.search.noMatch.title")), 1)
-              ]),
-              _: 1
-            }),
-            createVNode(unref(N8nText), null, {
-              default: withCtx(() => [
-                createVNode(_component_i18n_t, {
-                  keypath: "ndv.search.noMatch.description",
-                  tag: "span"
-                }, {
-                  link: withCtx(() => [
-                    createBaseVNode("a", {
-                      href: "#",
-                      onClick: onSearchClear
-                    }, toDisplayString(unref(i18n).baseText("ndv.search.noMatch.description.link")), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ], 2)) : hasNodeRun.value && displayMode.value === "table" && node2.value ? (openBlock(), createBlock(Suspense, { key: 16 }, {
-            default: withCtx(() => [
-              createVNode(unref(LazyRunDataTable), {
-                node: node2.value,
-                "input-data": inputDataPage.value,
-                "mapping-enabled": _ctx.mappingEnabled,
-                "distance-from-active": _ctx.distanceFromActive,
-                "run-index": _ctx.runIndex,
-                "page-offset": currentPageOffset.value,
-                "total-runs": maxRunIndex.value,
-                "has-default-hover-state": _ctx.paneType === "input" && !search2.value,
-                search: search2.value,
-                onMounted: _cache[8] || (_cache[8] = ($event) => emit("tableMounted", $event)),
-                onActiveRowChanged: onItemHover,
-                onDisplayModeChange
-              }, null, 8, ["node", "input-data", "mapping-enabled", "distance-from-active", "run-index", "page-offset", "total-runs", "has-default-hover-state", "search"])
-            ]),
-            _: 1
-          })) : hasNodeRun.value && displayMode.value === "json" && node2.value ? (openBlock(), createBlock(Suspense, { key: 17 }, {
-            default: withCtx(() => [
-              createVNode(unref(LazyRunDataJson), {
-                "pane-type": _ctx.paneType,
-                "edit-mode": editMode2.value,
-                "push-ref": _ctx.pushRef,
-                node: node2.value,
-                "input-data": inputDataPage.value,
-                "mapping-enabled": _ctx.mappingEnabled,
-                "distance-from-active": _ctx.distanceFromActive,
-                "run-index": _ctx.runIndex,
-                "output-index": currentOutputIndex.value,
-                "total-runs": maxRunIndex.value,
-                search: search2.value
-              }, null, 8, ["pane-type", "edit-mode", "push-ref", "node", "input-data", "mapping-enabled", "distance-from-active", "run-index", "output-index", "total-runs", "search"])
-            ]),
-            _: 1
-          })) : hasNodeRun.value && isPaneTypeOutput.value && displayMode.value === "html" ? (openBlock(), createBlock(Suspense, { key: 18 }, {
-            default: withCtx(() => [
-              createVNode(unref(LazyRunDataHtml), { "input-html": inputHtml.value }, null, 8, ["input-html"])
-            ]),
-            _: 1
-          })) : (hasNodeRun.value || unref(hasPreviewSchema)) && isSchemaView.value ? (openBlock(), createBlock(Suspense, { key: 19 }, {
-            default: withCtx(() => [
-              createVNode(unref(LazyRunDataSchema), {
-                nodes: _ctx.nodes,
-                "mapping-enabled": _ctx.mappingEnabled,
-                node: node2.value,
-                data: jsonData.value,
-                "pane-type": _ctx.paneType,
-                "connection-type": connectionType2.value,
-                "run-index": _ctx.runIndex,
-                "output-index": currentOutputIndex.value,
-                "total-runs": maxRunIndex.value,
-                search: search2.value,
-                class: normalizeClass(_ctx.$style.schema),
-                "onClear:search": onSearchClear
-              }, null, 8, ["nodes", "mapping-enabled", "node", "data", "pane-type", "connection-type", "run-index", "output-index", "total-runs", "search", "class"])
-            ]),
-            _: 1
-          })) : displayMode.value === "binary" && binaryData.value.length === 0 ? (openBlock(), createElementBlock("div", {
-            key: 20,
-            class: normalizeClass(_ctx.$style.center)
-          }, [
-            createVNode(unref(N8nText), {
-              align: "center",
-              tag: "div"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("runData.noBinaryDataFound")), 1)
-              ]),
-              _: 1
-            })
-          ], 2)) : displayMode.value === "binary" ? (openBlock(), createElementBlock("div", {
-            key: 21,
-            class: normalizeClass(_ctx.$style.dataDisplay)
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(binaryData.value, (binaryDataEntry, index) => {
-              return openBlock(), createElementBlock("div", { key: index }, [
-                binaryData.value.length > 1 ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass(_ctx.$style.binaryIndex)
-                }, [
-                  createBaseVNode("div", null, toDisplayString(index + 1), 1)
-                ], 2)) : createCommentVNode("", true),
-                createBaseVNode("div", {
-                  class: normalizeClass(_ctx.$style.binaryRow)
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(binaryDataEntry, (binaryData2, key) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: index + "_" + key,
-                      class: normalizeClass(_ctx.$style.binaryCell)
-                    }, [
-                      createBaseVNode("div", {
-                        "data-test-id": "ndv-binary-data_" + index
-                      }, [
-                        createBaseVNode("div", {
-                          class: normalizeClass(_ctx.$style.binaryHeader)
-                        }, toDisplayString(key), 3),
-                        binaryData2.fileName ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
-                          createBaseVNode("div", null, [
-                            createVNode(unref(N8nText), {
-                              size: "small",
-                              bold: true
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(unref(i18n).baseText("runData.fileName")) + ": ", 1)
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          createBaseVNode("div", {
-                            class: normalizeClass(_ctx.$style.binaryValue)
-                          }, toDisplayString(binaryData2.fileName), 3)
-                        ])) : createCommentVNode("", true),
-                        binaryData2.directory ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
-                          createBaseVNode("div", null, [
-                            createVNode(unref(N8nText), {
-                              size: "small",
-                              bold: true
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(unref(i18n).baseText("runData.directory")) + ": ", 1)
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          createBaseVNode("div", {
-                            class: normalizeClass(_ctx.$style.binaryValue)
-                          }, toDisplayString(binaryData2.directory), 3)
-                        ])) : createCommentVNode("", true),
-                        binaryData2.fileExtension ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
-                          createBaseVNode("div", null, [
-                            createVNode(unref(N8nText), {
-                              size: "small",
-                              bold: true
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(unref(i18n).baseText("runData.fileExtension")) + ":", 1)
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          createBaseVNode("div", {
-                            class: normalizeClass(_ctx.$style.binaryValue)
-                          }, toDisplayString(binaryData2.fileExtension), 3)
-                        ])) : createCommentVNode("", true),
-                        binaryData2.mimeType ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                          createBaseVNode("div", null, [
-                            createVNode(unref(N8nText), {
-                              size: "small",
-                              bold: true
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(unref(i18n).baseText("runData.mimeType")) + ": ", 1)
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          createBaseVNode("div", {
-                            class: normalizeClass(_ctx.$style.binaryValue)
-                          }, toDisplayString(binaryData2.mimeType), 3)
-                        ])) : createCommentVNode("", true),
-                        binaryData2.fileSize ? (openBlock(), createElementBlock("div", _hoisted_10, [
-                          createBaseVNode("div", null, [
-                            createVNode(unref(N8nText), {
-                              size: "small",
-                              bold: true
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(unref(i18n).baseText("runData.fileSize")) + ": ", 1)
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          createBaseVNode("div", {
-                            class: normalizeClass(_ctx.$style.binaryValue)
-                          }, toDisplayString(binaryData2.fileSize), 3)
-                        ])) : createCommentVNode("", true),
-                        createBaseVNode("div", {
-                          class: normalizeClass(_ctx.$style.binaryButtonContainer)
-                        }, [
-                          isViewable(index, key) ? (openBlock(), createBlock(unref(N8nButton), {
-                            key: 0,
-                            size: "small",
-                            label: unref(i18n).baseText("runData.showBinaryData"),
-                            "data-test-id": "ndv-view-binary-data",
-                            onClick: ($event) => displayBinaryData(index, key)
-                          }, null, 8, ["label", "onClick"])) : createCommentVNode("", true),
-                          isDownloadable(index, key) ? (openBlock(), createBlock(unref(N8nButton), {
-                            key: 1,
-                            size: "small",
-                            type: "secondary",
-                            label: unref(i18n).baseText("runData.downloadBinaryData"),
-                            "data-test-id": "ndv-download-binary-data",
-                            onClick: ($event) => downloadBinaryData(index, key)
-                          }, null, 8, ["label", "onClick"])) : createCommentVNode("", true)
-                        ], 2)
-                      ], 8, _hoisted_5$1)
-                    ], 2);
-                  }), 128))
-                ], 2)
-              ]);
-            }), 128))
-          ], 2)) : createCommentVNode("", true)
-        ], 2),
-        _ctx.hidePagination === false && hasNodeRun.value && !hasRunError.value && displayMode.value !== "binary" && dataCount.value > pageSize.value && !isSchemaView.value && !isArtificialRecoveredEventItem.value ? withDirectives((openBlock(), createElementBlock("div", {
-          key: 8,
-          class: normalizeClass(_ctx.$style.pagination),
-          "data-test-id": "ndv-data-pagination"
-        }, [
-          createVNode(_component_el_pagination, {
-            background: "",
-            "hide-on-single-page": true,
-            "current-page": currentPage.value,
-            "pager-count": 5,
-            "page-size": pageSize.value,
-            layout: "prev, pager, next",
-            total: dataCount.value,
-            "onUpdate:currentPage": onCurrentPageChange
-          }, null, 8, ["current-page", "page-size", "total"]),
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.pageSizeSelector)
-          }, [
-            createVNode(unref(N8nSelect), {
-              size: "mini",
-              "model-value": pageSize.value,
-              teleported: "",
-              "onUpdate:modelValue": onPageSizeChange
-            }, {
-              prepend: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("ndv.output.pageSize")), 1)
-              ]),
-              default: withCtx(() => [
-                (openBlock(), createElementBlock(Fragment, null, renderList(pageSizes, (size) => {
-                  return createVNode(unref(_sfc_main$p), {
-                    key: size,
-                    label: size,
-                    value: size
-                  }, null, 8, ["label", "value"]);
-                }), 64)),
-                createVNode(unref(_sfc_main$p), {
-                  label: unref(i18n).baseText("ndv.output.all"),
-                  value: dataCount.value
-                }, null, 8, ["label", "value"])
-              ]),
-              _: 1
-            }, 8, ["model-value"])
-          ], 2)
-        ], 2)), [
-          [vShow, !editMode2.value.enabled]
-        ]) : createCommentVNode("", true),
-        createVNode(unref(N8nBlockUi), {
-          show: _ctx.blockUI,
-          class: normalizeClass(_ctx.$style.uiBlocker)
-        }, null, 8, ["show", "class"])
-      ], 34);
-    };
-  }
-});
-const infoIcon = "_infoIcon_1vmxg_123";
-const center = "_center_1vmxg_127";
-const container$1 = "_container_1vmxg_141";
-const pinnedDataCallout = "_pinnedDataCallout_1vmxg_150";
-const header$1 = "_header_1vmxg_158";
-const dataContainer = "_dataContainer_1vmxg_173";
-const dataDisplay = "_dataDisplay_1vmxg_182";
-const inlineError = "_inlineError_1vmxg_194";
-const outputs = "_outputs_1vmxg_201";
-const tabs = "_tabs_1vmxg_210";
-const itemsCount = "_itemsCount_1vmxg_218";
-const itemsText = "_itemsText_1vmxg_227";
-const muted = "_muted_1vmxg_233";
-const inputSelect = "_inputSelect_1vmxg_238";
-const runSelector = "_runSelector_1vmxg_244";
-const runSelectorInner = "_runSelectorInner_1vmxg_257";
-const runSelectorSelect = "_runSelectorSelect_1vmxg_263";
-const search = "_search_1vmxg_267";
-const pagination = "_pagination_1vmxg_271";
-const pageSizeSelector = "_pageSizeSelector_1vmxg_281";
-const binaryIndex = "_binaryIndex_1vmxg_287";
-const binaryRow = "_binaryRow_1vmxg_304";
-const binaryCell = "_binaryCell_1vmxg_309";
-const binaryHeader = "_binaryHeader_1vmxg_321";
-const binaryButtonContainer = "_binaryButtonContainer_1vmxg_330";
-const binaryValue = "_binaryValue_1vmxg_341";
-const displayModes = "_displayModes_1vmxg_346";
-const tooltipContain = "_tooltipContain_1vmxg_353";
-const spinner = "_spinner_1vmxg_357";
-const editMode = "_editMode_1vmxg_368";
-const editModeBody = "_editModeBody_1vmxg_377";
-const editModeFooter = "_editModeFooter_1vmxg_384";
-const editModeFooterInfotip = "_editModeFooterInfotip_1vmxg_394";
-const editModeActions = "_editModeActions_1vmxg_400";
-const stretchVertically = "_stretchVertically_1vmxg_407";
-const uiBlocker = "_uiBlocker_1vmxg_411";
-const hintCallout = "_hintCallout_1vmxg_416";
-const schema = "_schema_1vmxg_422";
-const style0$5 = {
-  infoIcon,
-  center,
-  container: container$1,
-  pinnedDataCallout,
-  header: header$1,
-  dataContainer,
-  "actions-group": "_actions-group_1vmxg_178",
-  dataDisplay,
-  inlineError,
-  outputs,
-  tabs,
-  itemsCount,
-  itemsText,
-  muted,
-  inputSelect,
-  runSelector,
-  runSelectorInner,
-  runSelectorSelect,
-  search,
-  pagination,
-  pageSizeSelector,
-  binaryIndex,
-  binaryRow,
-  binaryCell,
-  binaryHeader,
-  binaryButtonContainer,
-  binaryValue,
-  displayModes,
-  tooltipContain,
-  spinner,
-  editMode,
-  editModeBody,
-  editModeFooter,
-  editModeFooterInfotip,
-  editModeActions,
-  stretchVertically,
-  uiBlocker,
-  hintCallout,
-  schema
-};
 const cssModules$6 = {
   "$style": style0$5
 };
-const RunData = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$6], ["__scopeId", "data-v-7bd2e155"]]);
+const NDVDraggablePanels = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$6]]);
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "RunInfo",
   props: {
@@ -5457,25 +2942,25 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       if (!node2.value || workflowExecution.value === null) {
         return null;
       }
-      const runData = workflowRunData.value;
-      if (runData === null || !runData.hasOwnProperty(node2.value.name)) {
+      const runData2 = workflowRunData.value;
+      if (runData2 === null || !runData2.hasOwnProperty(node2.value.name)) {
         return null;
       }
-      if (runData[node2.value.name].length <= props.runIndex) {
+      if (runData2[node2.value.name].length <= props.runIndex) {
         return null;
       }
-      return runData[node2.value.name][props.runIndex];
+      return runData2[node2.value.name][props.runIndex];
     });
     const runsCount = computed(() => {
       if (node2.value === null) {
         return 0;
       }
-      const runData = workflowRunData.value;
-      if (runData === null || node2.value && !runData.hasOwnProperty(node2.value.name)) {
+      const runData2 = workflowRunData.value;
+      if (runData2 === null || node2.value && !runData2.hasOwnProperty(node2.value.name)) {
         return 0;
       }
-      if (node2.value && runData[node2.value.name].length) {
-        return runData[node2.value.name].length;
+      if (node2.value && runData2[node2.value.name].length) {
+        return runData2[node2.value.name].length;
       }
       return 0;
     });
@@ -5571,6 +3056,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(RunData, {
         ref_key: "runDataRef",
         ref: runDataRef,
+        class: normalizeClass(_ctx.$style.runData),
         node: node2.value,
         workflow: _ctx.workflow,
         "run-index": _ctx.runIndex,
@@ -5742,16 +3228,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["node", "workflow", "run-index", "linked-runs", "can-link-runs", "too-much-data-title", "no-data-in-branch-message", "is-executing", "executing-message", "push-ref", "block-u-i", "is-production-execution-preview", "is-pane-active", "hide-pagination", "data-output-type", "callout-message"]);
+      ]), 1032, ["class", "node", "workflow", "run-index", "linked-runs", "can-link-runs", "too-much-data-title", "no-data-in-branch-message", "is-executing", "executing-message", "push-ref", "block-u-i", "is-production-execution-preview", "is-pane-active", "hide-pagination", "data-output-type", "callout-message"]);
     };
   }
 });
-const outputTypeSelect = "_outputTypeSelect_1g8bw_128";
-const titleSection$1 = "_titleSection_1g8bw_133";
-const title$2 = "_title_1g8bw_133";
-const noOutputData$1 = "_noOutputData_1g8bw_149";
-const recoveredOutputData$1 = "_recoveredOutputData_1g8bw_159";
+const runData$1 = "_runData_6c8lp_128";
+const outputTypeSelect = "_outputTypeSelect_6c8lp_132";
+const titleSection$1 = "_titleSection_6c8lp_137";
+const title$2 = "_title_6c8lp_137";
+const noOutputData$1 = "_noOutputData_6c8lp_153";
+const recoveredOutputData$1 = "_recoveredOutputData_6c8lp_163";
 const style0$3 = {
+  runData: runData$1,
   outputTypeSelect,
   titleSection: titleSection$1,
   title: title$2,
@@ -5853,7 +3341,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": onInputNodeChange
       }, {
         prefix: withCtx(() => [
-          createVNode(_sfc_main$l, {
+          createVNode(_sfc_main$g, {
             disabled: selectedInputNode.value?.disabled,
             "node-type": selectedInputNodeType.value,
             size: 14,
@@ -5870,7 +3358,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               "data-test-id": "ndv-input-option"
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$l, {
+                createVNode(_sfc_main$g, {
                   disabled: node2.disabled,
                   "node-type": type,
                   size: 14,
@@ -5985,21 +3473,21 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     });
     const isActiveNodeConfig = computed(() => {
       let inputs = activeNodeType.value?.inputs ?? [];
-      let outputs2 = activeNodeType.value?.outputs ?? [];
+      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);
-          outputs2 = getNodeOutputs(props.workflow, node2, activeNodeType.value);
+          outputs = getNodeOutputs(props.workflow, node2, activeNodeType.value);
         }
       }
       if (!Array.isArray(inputs)) {
         inputs = [];
       }
-      if (!Array.isArray(outputs2)) {
-        outputs2 = [];
+      if (!Array.isArray(outputs)) {
+        outputs = [];
       }
-      return inputs.length === 0 || inputs.every((input) => filterOutConnectionType(input, NodeConnectionTypes.Main)) && outputs2.find((output) => filterOutConnectionType(output, NodeConnectionTypes.Main));
+      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;
@@ -6037,8 +3525,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return workflowsStore.getNodeByName(props.currentNodeName ?? "");
     });
     const connectedCurrentNodeOutputs = computed(() => {
-      const search2 = parentNodes.value.find(({ name }) => name === props.currentNodeName);
-      return search2?.indicies;
+      const search = parentNodes.value.find(({ name }) => name === props.currentNodeName);
+      return search?.indicies;
     });
     const parentNodes = computed(() => {
       if (!activeNode.value) {
@@ -6125,8 +3613,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     function onUnlinkRun() {
       emit("unlinkRun");
     }
-    function onSearch(search2) {
-      emit("search", search2);
+    function onSearch(search) {
+      emit("search", search);
     }
     function onItemHover(item) {
       emit("itemHover", item);
@@ -6156,6 +3644,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       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,
@@ -6273,7 +3762,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               default: withCtx(() => [
-                createVNode(_sfc_main$m, {
+                createVNode(_sfc_main$h, {
                   type: "secondary",
                   "hide-icon": "",
                   transparent: true,
@@ -6416,18 +3905,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["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"]);
+      ]), 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"]);
     };
   }
 });
-const mappedNode = "_mappedNode_48j1a_123";
-const titleSection = "_titleSection_48j1a_127";
-const inputModeTab = "_inputModeTab_48j1a_136";
-const noOutputData = "_noOutputData_48j1a_140";
-const recoveredOutputData = "_recoveredOutputData_48j1a_147";
-const notConnected = "_notConnected_48j1a_156";
-const title = "_title_48j1a_127";
+const runData = "_runData_115kf_123";
+const mappedNode = "_mappedNode_115kf_127";
+const titleSection = "_titleSection_115kf_131";
+const inputModeTab = "_inputModeTab_115kf_140";
+const noOutputData = "_noOutputData_115kf_144";
+const recoveredOutputData = "_recoveredOutputData_115kf_151";
+const notConnected = "_notConnected_115kf_160";
+const title = "_title_115kf_131";
 const style0$1 = {
+  runData,
   mappedNode,
   titleSection,
   inputModeTab,
@@ -6740,7 +4231,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             hasIssues2.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$l, {
+                  createVNode(_sfc_main$g, {
                     "node-type": nodeType.value,
                     size: 40
                   }, null, 8, ["node-type"])
@@ -6781,7 +4272,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$m, {
+                createVNode(_sfc_main$h, {
                   "data-test-id": "trigger-execute-button",
                   "node-name": _ctx.nodeName,
                   size: "medium",
@@ -6822,7 +4313,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     _: 1
                   })
                 ])) : createCommentVNode("", true),
-                createVNode(_sfc_main$m, {
+                createVNode(_sfc_main$h, {
                   "data-test-id": "trigger-execute-button",
                   "node-name": _ctx.nodeName,
                   size: "medium",
@@ -6859,7 +4350,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     _: 1
                   })) : createCommentVNode("", true)
                 ], 2),
-                createVNode(_sfc_main$m, {
+                createVNode(_sfc_main$h, {
                   "data-test-id": "trigger-execute-button",
                   "node-name": _ctx.nodeName,
                   size: "medium",
@@ -7064,12 +4555,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (activeNode.value === null) {
         return 0;
       }
-      const runData = workflowRunData.value;
-      if (!runData?.[activeNode.value.name]) {
+      const runData2 = workflowRunData.value;
+      if (!runData2?.[activeNode.value.name]) {
         return 0;
       }
-      if (runData[activeNode.value.name].length) {
-        return runData[activeNode.value.name].length - 1;
+      if (runData2[activeNode.value.name].length) {
+        return runData2[activeNode.value.name].length - 1;
       }
       return 0;
     });
@@ -7084,21 +4575,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!workflowNode || !activeNodeType.value) {
         return 0;
       }
-      const outputs2 = getNodeOutputs(
+      const outputs = getNodeOutputs(
         props.workflowObject,
         workflowNode,
         activeNodeType.value
       );
       let node2 = inputNode.value;
-      const runData = workflowRunData.value;
-      if (outputs2.some((output) => output !== NodeConnectionTypes.Main)) {
+      const runData2 = workflowRunData.value;
+      if (outputs.some((output) => output !== NodeConnectionTypes.Main)) {
         node2 = activeNode.value;
       }
-      if (!node2 || !runData || !runData.hasOwnProperty(node2.name)) {
+      if (!node2 || !runData2 || !runData2.hasOwnProperty(node2.name)) {
         return 0;
       }
-      if (runData[node2.name].length) {
-        return runData[node2.name].length - 1;
+      if (runData2[node2.name].length) {
+        return runData2[node2.name].length - 1;
       }
       return 0;
     });
@@ -7346,8 +4837,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isInputPaneActive.value = false;
       isOutputPaneActive.value = true;
     };
-    const onSearch = (search2) => {
-      isPairedItemHoveringEnabled.value = !search2;
+    const onSearch = (search) => {
+      isPairedItemHoveringEnabled.value = !search;
     };
     const registerKeyboardListener = () => {
       document.addEventListener("keydown", onKeyDown, true);
@@ -7618,11 +5109,6 @@ const cssModules = {
   "$style": style1
 };
 const NodeDetailsView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-const NodeDetailsView$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: NodeDetailsView
-}, Symbol.toStringTag, { value: "Module" }));
 export {
-  NodeDetailsView$1 as N,
-  VueJsonPretty as V
+  NodeDetailsView as default
 };