n8n-editor-ui 1.90.1 → 1.91.1

package/dist/assets/{RunData-Ds-U68nr.js → RunData-D8Eax0cQ.js}

@@ -1,7 +1,7 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-BO0R4JT_.js","assets/index-BpdkKRP4.js","assets/index-C5OXOcIJ.css","assets/useExecutionHelpers-DN5HqPqY.js","assets/dateFormatter-CZI1kGYK.js","assets/RunDataTable-DyUvXWfl.css","assets/RunDataJson-B2WU5od1.js","assets/FileSaver.min-Cm0u4qyc.js","assets/RunDataJson-Txw0lqay.css","assets/RunDataSearch-CQsyZvGK.js","assets/RunDataSearch-R6qtl0Jf.css"])))=>i.map(i=>d[i]);
-import { dB as hasKey, cl as getDefaultExportFromCjs, dC as AGENT_LANGCHAIN_NODE_TYPE, d as defineComponent, be as useClipboard, a as useToast, dD as useAIAssistantHelpers, by as useNodeTypesStore, au as useNDVStore, a1 as useRootStore, dl as useAssistantStore, L as useUIStore, q as computed, dE as MAX_DISPLAY_DATA_SIZE, dF as isCommunityPackageName, c as useI18n, h as resolveComponent, cc as resolveDirective, i as createElementBlock, g as openBlock, k as createBaseVNode, f as createCommentVNode, aC as withDirectives, t as toDisplayString, j as createVNode, m as unref, dG as InlineAskAssistantButton, w as withCtx, l as createTextVNode, F as Fragment, D as renderList, dH as NEW_ASSISTANT_SESSION_MODAL, ci as sanitizeHtml, bd as N8nText, J as withModifiers, n as normalizeClass, _ as _export_sfc, dI as requireVue, dJ as sanitizeHtml$1, dK as sanitizeHtmlExports, r as ref, U as useWorkflowsStore, o as onMounted, bV as jsonParse, e as createBlock, bz as useNodeHelpers, aS as N8nTooltip, aU as _sfc_main$a, aT as N8nLink, bF as N8nRadioButtons, aW as createSlots, bD as N8nIcon, bl as NodeConnectionTypes, a3 as useSourceControlStore, du as useSchemaPreviewStore, aw as usePostHog, W as useRoute, bJ as toRef, bp as usePinnedData, dL as useNodeType, cH as storeToRefs, dM as TRIMMED_TASK_DATA_CONNECTIONS_KEY, dN as executionDataToJson, dO as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, dP as CORE_NODES_CATEGORY, dQ as SCHEMA_PREVIEW_EXPERIMENT, dR as computedAsync, I as watch, ai as useTelemetry, y as onBeforeUnmount, aL as useStorage, dS as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, dT as dataPinningEventBus, dU as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, dV as searchInObject, bw as getConnectionTypes, dW as isObject, dX as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, dY as HTML_NODE_TYPE, x as renderSlot, b$ as N8nCallout, dZ as DATA_PINNING_DOCS_URL, aD as vShow, bZ as Suspense, b_ as defineAsyncComponent, b4 as normalizeProps, b7 as mergeProps, bf as N8nButton, d_ as _sfc_main$b, d$ as N8nSelect, e0 as N8nTabs, b5 as guardReactiveProps, e1 as _sfc_main$c, e2 as JsonEditor, e3 as DATA_EDITING_DOCS_URL, df as InfoTip, e4 as N8nBlockUi, aq as __vitePreload, e5 as isPresent, bx as getNodeOutputs, e6 as getNodeHints, e7 as getGenericHints, e8 as clearJsonKey, e9 as TEST_PIN_DATA, aR as useExternalHooks, ea as isEmpty, eb as isEqual } from "./index-BpdkKRP4.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-Cm0u4qyc.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-DN5HqPqY.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-vEPCwbcC.js","assets/index-BLAboPd2.js","assets/index-sq5ggyEC.css","assets/useExecutionHelpers-C--m0pTQ.js","assets/dateFormatter-DbKqmK4w.js","assets/RunDataTable-CUxj7dHx.css","assets/RunDataJson-DXd3nZxI.js","assets/FileSaver.min-CcnqpaV-.js","assets/RunDataJson-BH9HLoGC.css","assets/RunDataSearch-DJ9BZGTu.js","assets/RunDataSearch-R6qtl0Jf.css"])))=>i.map(i=>d[i]);
+import { dI as hasKey, cq as getDefaultExportFromCjs, dJ as AGENT_LANGCHAIN_NODE_TYPE, b1 as isRef, dK as isReactive, dL as isProxy, da as toRaw, d as defineComponent, bf as useClipboard, a as useToast, dM as useAIAssistantHelpers, bz as useNodeTypesStore, as as useNDVStore, Z as useRootStore, dr as useAssistantStore, H as useUIStore, q as computed, dN as MAX_DISPLAY_DATA_SIZE, dO as isCommunityPackageName, c as useI18n, h as resolveComponent, ch as resolveDirective, i as createElementBlock, g as openBlock, k as createBaseVNode, f as createCommentVNode, aA as withDirectives, t as toDisplayString, j as createVNode, m as unref, dP as InlineAskAssistantButton, w as withCtx, aT as _sfc_main$b, l as createTextVNode, F as Fragment, D as renderList, dQ as NEW_ASSISTANT_SESSION_MODAL, cn as sanitizeHtml, be as N8nText, b2 as withModifiers, n as normalizeClass, _ as _export_sfc, dR as requireVue, dS as sanitizeHtml$1, dT as sanitizeHtmlExports, r as ref, Q as useWorkflowsStore, o as onMounted, bZ as jsonParse, e as createBlock, bA as useNodeHelpers, aR as N8nTooltip, aS as N8nLink, bG as N8nRadioButtons, aV as createSlots, bE as N8nIcon, bm as NodeConnectionTypes, a0 as useSourceControlStore, dz as useSchemaPreviewStore, au as usePostHog, R as useRoute, bN as toRef, bq as usePinnedData, dU as useNodeType, cM as storeToRefs, dV as TRIMMED_TASK_DATA_CONNECTIONS_KEY, dW as executionDataToJson, dX as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, dY as CORE_NODES_CATEGORY, dZ as SCHEMA_PREVIEW_EXPERIMENT, d_ as computedAsync, X as watch, bH as ndvEventBus, ag as useTelemetry, y as onBeforeUnmount, aJ as useStorage, d$ as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, e0 as dataPinningEventBus, e1 as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, e2 as searchInObject, bx as getConnectionTypes, e3 as isObject, e4 as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, e5 as HTML_NODE_TYPE, x as renderSlot, c3 as N8nCallout, e6 as DATA_PINNING_DOCS_URL, aB as vShow, c1 as Suspense, c2 as defineAsyncComponent, b4 as normalizeProps, b7 as mergeProps, bg as N8nButton, e7 as _sfc_main$c, e8 as N8nSelect, e9 as N8nTabs, b5 as guardReactiveProps, ea as _sfc_main$d, eb as JsonEditor, ec as DATA_EDITING_DOCS_URL, dk as InfoTip, ed as N8nBlockUi, ao as __vitePreload, ee as isPresent, by as getNodeOutputs, ef as getGenericHints, eg as clearJsonKey, eh as TEST_PIN_DATA, aP as useExternalHooks, ei as isEmpty, ej as isEqual } from "./index-BLAboPd2.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-CcnqpaV-.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-C--m0pTQ.js";
 function responseHasSubworkflowData(response) {
   return ["executionId", "workflowId"].every(
     (x) => hasKey(response, x) && typeof response[x] === "string"
@@ -1696,6 +1696,62 @@ function getConsumedTokens(outputRun) {
   );
   return tokenUsage;
 }
+function formatTokenUsageCount(usage, field) {
+  const count = field === "total" ? usage.totalTokens : field === "completion" ? usage.completionTokens : usage.promptTokens;
+  return usage.isEstimate ? `~${count}` : count.toLocaleString();
+}
+function getConsumedTokensV2(task) {
+  if (!task.data) {
+    return emptyTokenUsageData;
+  }
+  const tokenUsage = Object.values(task.data).flat().flat().reduce((acc, curr) => {
+    const tokenUsageData = curr?.json?.tokenUsage ?? curr?.json?.tokenUsageEstimate;
+    if (!tokenUsageData) return acc;
+    return addTokenUsageData(acc, {
+      ...tokenUsageData,
+      isEstimate: !!curr?.json.tokenUsageEstimate
+    });
+  }, emptyTokenUsageData);
+  return tokenUsage;
+}
+function createNodeV2(parent, node, currentDepth, runIndex, runData, children = []) {
+  return {
+    parent,
+    node,
+    id: `${node.name}:${runIndex}`,
+    depth: currentDepth,
+    runIndex,
+    runData,
+    children,
+    consumedTokens: getConsumedTokensV2(runData)
+  };
+}
+function getTreeNodeDataV2(nodeName, runData, workflow, data, runIndex) {
+  const node = workflow.getNode(nodeName);
+  return node ? getTreeNodeDataRecV2(void 0, node, runData, 0, workflow, data, runIndex) : [];
+}
+function getTreeNodeDataRecV2(parent, node, runData, currentDepth, workflow, data, runIndex) {
+  const connectedSubNodes = workflow.getParentNodes(node.name, "ALL_NON_MAIN", 1);
+  const treeNode = createNodeV2(parent, node, currentDepth, runIndex ?? 0, runData);
+  const children = connectedSubNodes.flatMap(
+    (subNodeName) => (data[subNodeName] ?? []).flatMap((t, index) => {
+      if (runIndex !== void 0 && index !== runIndex) {
+        return [];
+      }
+      const subNode = workflow.getNode(subNodeName);
+      return subNode ? getTreeNodeDataRecV2(treeNode, subNode, t, currentDepth + 1, workflow, data, index) : [];
+    })
+  ).sort((a, b) => {
+    if (a.runData.executionIndex !== void 0 && b.runData.executionIndex !== void 0) {
+      return a.runData.executionIndex - b.runData.executionIndex;
+    }
+    const aTime = a.runData.startTime ?? 0;
+    const bTime = b.runData.startTime ?? 0;
+    return aTime - bTime;
+  });
+  treeNode.children = children;
+  return [treeNode];
+}
 function getTotalConsumedTokens(...usage) {
   return usage.reduce(addTokenUsageData, emptyTokenUsageData);
 }
@@ -1705,33 +1761,21 @@ function getSubtreeTotalConsumedTokens(treeNode) {
     ...treeNode.children.map(getSubtreeTotalConsumedTokens)
   );
 }
-function formatTokenUsageCount(usage, field) {
-  const count = field === "total" ? usage.totalTokens : field === "completion" ? usage.completionTokens : usage.promptTokens;
-  return usage.isEstimate ? `~${count}` : count.toLocaleString();
-}
-function findLogEntryToAutoSelect(tree, nodesByName, runData) {
-  return findLogEntryToAutoSelectRec(tree, nodesByName, runData, 0);
-}
-function findLogEntryToAutoSelectRec(tree, nodesByName, runData, depth) {
-  for (const entry of tree) {
-    const taskData = runData[entry.node]?.[entry.runIndex];
+function findLogEntryToAutoSelectRec(data, subTree, depth) {
+  for (const entry of subTree) {
+    const taskData = data.data?.resultData.runData[entry.node.name]?.[entry.runIndex];
     if (taskData?.error) {
       return entry;
     }
-    const childAutoSelect = findLogEntryToAutoSelectRec(
-      entry.children,
-      nodesByName,
-      runData,
-      depth + 1
-    );
+    const childAutoSelect = findLogEntryToAutoSelectRec(data, entry.children, depth + 1);
     if (childAutoSelect) {
       return childAutoSelect;
     }
-    if (nodesByName[entry.node]?.type === AGENT_LANGCHAIN_NODE_TYPE) {
+    if (data.workflowData.nodes.find((n) => n.name === entry.node.name)?.type === AGENT_LANGCHAIN_NODE_TYPE) {
       return entry;
     }
   }
-  return depth === 0 ? tree[0] : void 0;
+  return depth === 0 ? subTree[0] : void 0;
 }
 function createLogEntries(workflow, runData) {
   const runs = Object.entries(runData).filter(([nodeName]) => workflow.getChildNodes(nodeName, "ALL_NON_MAIN").length === 0).flatMap(
@@ -1744,27 +1788,46 @@ function createLogEntries(workflow, runData) {
   });
   return runs.flatMap(({ nodeName, runIndex, task }) => {
     if (workflow.getParentNodes(nodeName, "ALL_NON_MAIN").length > 0) {
-      return getTreeNodeData(
-        nodeName,
-        workflow,
-        createAiData(nodeName, workflow, (node) => runData[node] ?? []),
-        void 0
-      );
+      return getTreeNodeDataV2(nodeName, task, workflow, runData, void 0);
     }
-    return getTreeNodeData(
-      nodeName,
-      workflow,
-      [
-        {
-          data: getReferencedData(task, false)[0],
-          node: nodeName,
-          runIndex
-        }
-      ],
-      runIndex
-    );
+    return getTreeNodeDataV2(nodeName, task, workflow, runData, runIndex);
   });
 }
+function includesLogEntry(log, logs) {
+  return logs.some(
+    (l) => l.node.name === log.node.name && log.runIndex === l.runIndex || includesLogEntry(log, l.children)
+  );
+}
+function findSelectedLogEntry(state, execution) {
+  return state.type === "initial" || state.workflowId !== execution?.workflowData.id || state.type === "selected" && !includesLogEntry(state.data, execution.tree) ? execution ? findLogEntryToAutoSelectRec(execution, execution.tree, 0) : void 0 : state.type === "none" ? void 0 : state.data;
+}
+function deepToRaw(sourceObj) {
+  const objectIterator = (input) => {
+    if (Array.isArray(input)) {
+      return input.map((item) => objectIterator(item));
+    }
+    if (isRef(input) || isReactive(input) || isProxy(input)) {
+      return objectIterator(toRaw(input));
+    }
+    if (input !== null && typeof input === "object" && Object.getPrototypeOf(input) === Object.prototype) {
+      return Object.keys(input).reduce((acc, key) => {
+        acc[key] = objectIterator(input[key]);
+        return acc;
+      }, {});
+    }
+    return input;
+  };
+  return objectIterator(sourceObj);
+}
+function flattenLogEntries(entries, collapsedEntryIds, ret = []) {
+  for (const entry of entries) {
+    ret.push(entry);
+    if (!collapsedEntryIds[entry.id]) {
+      flattenLogEntries(entry.children, collapsedEntryIds, ret);
+    }
+  }
+  return ret;
+}
 const _hoisted_1$8 = { class: "node-error-view" };
 const _hoisted_2$4 = { class: "node-error-view__header" };
 const _hoisted_3$3 = {
@@ -1886,7 +1949,7 @@ const _hoisted_60 = {
 };
 const _hoisted_61 = { class: "node-error-view__details-label" };
 const _hoisted_62 = { class: "node-error-view__details-value" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "NodeErrorView",
   props: {
     error: {},
@@ -2188,7 +2251,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_n8n_button = resolveComponent("n8n-button");
-      const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
       const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
       const _directive_n8n_html = resolveDirective("n8n-html");
@@ -2227,11 +2289,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createBaseVNode("div", _hoisted_10, [
-                  createVNode(_component_n8n_icon_button, {
+                  createVNode(unref(_sfc_main$b), {
                     icon: "copy",
                     type: "secondary",
                     size: "mini",
-                    text: "true",
+                    text: true,
                     "transparent-background": "transparent",
                     onClick: copyErrorDetails
                   })
@@ -2376,7 +2438,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ConsumedTokensDetails",
   props: {
     consumedTokens: {}
@@ -2417,7 +2479,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$7 = ["href"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "ViewSubExecution",
   props: {
     taskMetadata: {},
@@ -2474,7 +2536,7 @@ const style0$4 = {
 const cssModules$4 = {
   "$style": style0$4
 };
-const ViewSubExecution = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$4]]);
+const ViewSubExecution = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$4]]);
 var vueJsonPretty$1 = { exports: {} };
 var vueJsonPretty = vueJsonPretty$1.exports;
 var hasRequiredVueJsonPretty;
@@ -2827,7 +2889,7 @@ const sanitizeOptions = {
     head: ""
   }
 };
-const _sfc_main$6 = {
+const _sfc_main$7 = {
   name: "RunDataHtml",
   props: {
     inputHtml: {
@@ -2848,7 +2910,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     srcdoc: $options.sanitizedHtml
   }, null, 8, _hoisted_1$6);
 }
-const RunDataHtml = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]);
+const RunDataHtml = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]);
 const RunDataHtml$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: RunDataHtml
@@ -2870,7 +2932,7 @@ const _hoisted_6$1 = {
 const _hoisted_7$1 = ["src", "type"];
 const _hoisted_8$1 = ["src"];
 const _hoisted_9$1 = ["src"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "BinaryDataDisplayEmbed",
   props: {
     binaryData: {}
@@ -2949,7 +3011,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$4 = { class: "binary-data-window-wrapper" };
 const _hoisted_2$2 = { key: 0 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "BinaryDataDisplay",
   props: {
     displayData: {},
@@ -3008,7 +3070,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(closeWindow, ["stop"])
         }, null, 8, ["title", "label"]),
         createBaseVNode("div", _hoisted_1$4, [
-          !binaryData.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, toDisplayString(unref(i18n).baseText("binaryDataDisplay.noDataFoundToDisplay")), 1)) : (openBlock(), createBlock(_sfc_main$5, {
+          !binaryData.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, toDisplayString(unref(i18n).baseText("binaryDataDisplay.noDataFoundToDisplay")), 1)) : (openBlock(), createBlock(_sfc_main$6, {
             key: 1,
             "binary-data": binaryData.value
           }, null, 8, ["binary-data"]))
@@ -3022,7 +3084,7 @@ const _hoisted_2$1 = { key: 1 };
 const _hoisted_3$1 = { key: 2 };
 const _hoisted_4$1 = { key: 0 };
 const _hoisted_5$1 = { key: 1 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "RunDataPinButton",
   props: {
     tooltipContentsVisibility: {},
@@ -3071,7 +3133,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           ]))
         ]),
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$a), {
+          createVNode(unref(_sfc_main$b), {
             class: normalizeClass(_ctx.$style.pinDataButton),
             type: "tertiary",
             active: props.pinnedData.hasData.value,
@@ -3093,23 +3155,22 @@ const style0$3 = {
 const cssModules$3 = {
   "$style": style0$3
 };
-const RunDataPinButton = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
+const RunDataPinButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$3]]);
 const _hoisted_1$2 = { key: 0 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "RunDataItemCount",
   props: {
     dataCount: {},
     unfilteredDataCount: {},
     subExecutionsCount: { default: 0 },
-    search: {},
-    muted: { type: Boolean }
+    search: {}
   },
   setup(__props) {
     const i18n = useI18n();
     return (_ctx, _cache) => {
       return _ctx.search ? (openBlock(), createBlock(unref(N8nText), {
         key: 0,
-        class: normalizeClass([_ctx.$style.itemsText, _ctx.muted ? _ctx.$style.muted : ""])
+        class: normalizeClass(_ctx.$style.itemsText)
       }, {
         default: withCtx(() => [
           createTextVNode(toDisplayString(unref(i18n).baseText("ndv.search.items", {
@@ -3120,7 +3181,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         _: 1
       }, 8, ["class"])) : (openBlock(), createBlock(unref(N8nText), {
         key: 1,
-        class: normalizeClass([_ctx.$style.itemsText, _ctx.muted ? _ctx.$style.muted : ""])
+        class: normalizeClass(_ctx.$style.itemsText)
       }, {
         default: withCtx(() => [
           createBaseVNode("span", null, toDisplayString(unref(i18n).baseText("ndv.output.items", {
@@ -3137,18 +3198,16 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const itemsText = "_itemsText_1p5xj_123";
-const muted = "_muted_1p5xj_130";
+const itemsText = "_itemsText_1e7yn_123";
 const style0$2 = {
-  itemsText,
-  muted
+  itemsText
 };
 const cssModules$2 = {
   "$style": style0$2
 };
-const RunDataItemCount = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const RunDataItemCount = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$2]]);
 const _hoisted_1$1 = { key: 5 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "RunDataDisplayModeSelect",
   props: {
     compact: { type: Boolean },
@@ -3180,6 +3239,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         "model-value": _ctx.value,
         options: options.value,
         "data-test-id": "ndv-run-data-display-mode",
+        size: _ctx.compact ? "small-medium" : "medium",
+        "square-buttons": _ctx.compact,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = (selected) => emit("change", selected))
       }, createSlots({ _: 2 }, [
         _ctx.compact ? {
@@ -3188,44 +3249,103 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             option.value === "table" ? (openBlock(), createBlock(unref(N8nIcon), {
               key: 0,
               icon: "table",
-              size: "small",
-              class: normalizeClass(_ctx.$style.icon)
-            }, null, 8, ["class"])) : option.value === "json" ? (openBlock(), createBlock(unref(N8nIcon), {
+              size: "small"
+            })) : option.value === "json" ? (openBlock(), createBlock(unref(N8nIcon), {
               key: 1,
               icon: "json",
-              size: "small",
-              class: normalizeClass(_ctx.$style.icon)
-            }, null, 8, ["class"])) : option.value === "binary" ? (openBlock(), createBlock(unref(N8nIcon), {
+              size: "small"
+            })) : option.value === "binary" ? (openBlock(), createBlock(unref(N8nIcon), {
               key: 2,
               icon: "binary",
-              size: "small",
-              class: normalizeClass(_ctx.$style.icon)
-            }, null, 8, ["class"])) : option.value === "schema" ? (openBlock(), createBlock(unref(N8nIcon), {
+              size: "small"
+            })) : option.value === "schema" ? (openBlock(), createBlock(unref(N8nIcon), {
               key: 3,
               icon: "schema",
-              size: "small",
-              class: normalizeClass(_ctx.$style.icon)
-            }, null, 8, ["class"])) : option.value === "html" ? (openBlock(), createBlock(unref(N8nIcon), {
+              size: "small"
+            })) : option.value === "html" ? (openBlock(), createBlock(unref(N8nIcon), {
               key: 4,
               icon: "html",
-              size: "small",
-              class: normalizeClass(_ctx.$style.icon)
-            }, null, 8, ["class"])) : (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(option.label), 1))
+              size: "small"
+            })) : (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(option.label), 1))
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["model-value", "options"]);
+      ]), 1032, ["model-value", "options", "size", "square-buttons"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "RunDataPaginationBar",
+  props: {
+    pageSize: {},
+    total: {},
+    currentPage: {}
+  },
+  emits: ["update:current-page", "update:page-size"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const i18n = useI18n();
+    const pageSizes = [1, 10, 25, 50, 100];
+    return (_ctx, _cache) => {
+      const _component_el_pagination = resolveComponent("el-pagination");
+      const _component_N8nOption = resolveComponent("N8nOption");
+      const _component_N8nSelect = resolveComponent("N8nSelect");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.pagination),
+        "data-test-id": "ndv-data-pagination"
+      }, [
+        createVNode(_component_el_pagination, {
+          background: "",
+          "hide-on-single-page": true,
+          "current-page": _ctx.currentPage,
+          "pager-count": 5,
+          "page-size": _ctx.pageSize,
+          layout: "prev, pager, next",
+          total: _ctx.total,
+          "onUpdate:currentPage": _cache[0] || (_cache[0] = (value) => emit("update:current-page", value))
+        }, null, 8, ["current-page", "page-size", "total"]),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.pageSizeSelector)
+        }, [
+          createVNode(_component_N8nSelect, {
+            size: "mini",
+            "model-value": _ctx.pageSize,
+            teleported: "",
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = (value) => emit("update:page-size", value))
+          }, {
+            prepend: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("ndv.output.pageSize")), 1)
+            ]),
+            default: withCtx(() => [
+              (openBlock(), createElementBlock(Fragment, null, renderList(pageSizes, (size) => {
+                return createVNode(_component_N8nOption, {
+                  key: size,
+                  label: size,
+                  value: size
+                }, null, 8, ["label", "value"]);
+              }), 64)),
+              createVNode(_component_N8nOption, {
+                label: unref(i18n).baseText("ndv.output.all"),
+                value: _ctx.total
+              }, null, 8, ["label", "value"])
+            ]),
+            _: 1
+          }, 8, ["model-value"])
+        ], 2)
+      ], 2);
     };
   }
 });
-const icon = "_icon_1xx9c_123";
+const pagination = "_pagination_1hlvz_123";
+const pageSizeSelector = "_pageSizeSelector_1hlvz_134";
 const style0$1 = {
-  icon
+  pagination,
+  pageSizeSelector
 };
 const cssModules$1 = {
   "$style": style0$1
 };
-const RunDataDisplayModeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const RunDataPaginationBar = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
 const _hoisted_1 = {
   key: 0,
   class: "ml-4xs"
@@ -3242,6 +3362,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RunData",
   props: {
     workflow: {},
+    workflowExecution: { default: void 0 },
     runIndex: {},
     tooMuchDataTitle: {},
     executingMessage: {},
@@ -3265,24 +3386,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disableEdit: { type: Boolean, default: false },
     disablePin: { type: Boolean, default: false },
     compact: { type: Boolean, default: false },
-    tableHeaderBgColor: { default: "base" }
+    tableHeaderBgColor: { default: "base" },
+    disableHoverHighlight: { type: Boolean, default: false }
   },
   emits: ["search", "runChange", "itemHover", "linkRun", "unlinkRun", "activatePane", "tableMounted"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const LazyRunDataTable = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataTable-BO0R4JT_.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataTable-vEPCwbcC.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0)
     );
     const LazyRunDataJson = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataJson-B2WU5od1.js"), true ? __vite__mapDeps([6,1,2,7,3,4,8]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataJson-DXd3nZxI.js"), true ? __vite__mapDeps([6,1,2,7,3,4,8]) : void 0)
     );
     const LazyRunDataSchema = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./index-BpdkKRP4.js").then((n) => n.is), true ? __vite__mapDeps([1,2]) : void 0)
+      async () => await __vitePreload(() => import("./index-BLAboPd2.js").then((n) => n.iA), 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-CQsyZvGK.js"), true ? __vite__mapDeps([9,1,2,10]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataSearch-DJ9BZGTu.js"), true ? __vite__mapDeps([9,1,2,10]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -3295,7 +3417,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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("");
@@ -3336,9 +3457,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     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 hasMultipleInputNodes = computed(() => props.paneType === "input" && props.nodes.length > 0);
+    const displaysMultipleNodes = computed(() => isSchemaView.value && hasMultipleInputNodes.value);
     const isTriggerNode = computed(() => !!node.value && nodeTypesStore.isTriggerNode(node.value.type));
     const canPinData = computed(
       () => !!node.value && pinnedData.canPinNode(false, currentOutputIndex.value) && !isPaneTypeInput.value && pinnedData.isValidNodeType.value && !(binaryData.value && binaryData.value.length > 0)
@@ -3385,12 +3505,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return [];
     });
-    const workflowExecution = computed(() => workflowsStore.getWorkflowExecution);
+    const workflowExecution = computed(
+      () => props.workflowExecution ?? workflowsStore.getWorkflowExecution ?? void 0
+    );
     const workflowRunData = computed(() => {
-      if (workflowExecution.value === null) {
+      if (workflowExecution.value === void 0) {
         return null;
       }
-      const executionData = workflowExecution.value.data;
+      const executionData = workflowExecution.value?.data;
       if (executionData?.resultData) {
         return executionData.resultData.runData;
       }
@@ -3498,7 +3620,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isPaneTypeOutput = computed(() => props.paneType === "output");
     const readOnlyEnv = computed(() => sourceControlStore.preferences.branchReadOnly);
     const showIOSearch = computed(
-      () => hasNodeRun.value && !hasRunError.value && unfilteredInputData.value.length > 0
+      () => hasNodeRun.value && !hasRunError.value && (unfilteredInputData.value.length > 0 || displaysMultipleNodes.value)
     );
     const inputSelectLocation = computed(() => {
       if (isSchemaView.value) return "none";
@@ -3510,7 +3632,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return "items";
     });
     const showIoSearchNoMatchContent = computed(
-      () => hasNodeRun.value && !inputData.value.length && !!search2.value
+      () => hasNodeRun.value && !inputData.value.length && !!search2.value && !displaysMultipleNodes.value
     );
     const parentNodeOutputData = computed(() => {
       const parentNode = props.workflow.getParentNodesByDepth(node.value?.name ?? "")[0];
@@ -3568,7 +3690,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!node.value) {
         return false;
       }
-      const taskData = nodeHelpers.getNodeTaskData(node.value, props.runIndex);
+      const taskData = nodeHelpers.getNodeTaskData(node.value.name, props.runIndex);
       return Boolean(taskData?.inputOverride);
     });
     const isSchemaPreviewEnabled = computed(
@@ -3598,9 +3720,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       search: search2.value,
       dataCount: dataCount.value,
       unfilteredDataCount: unfilteredDataCount.value,
-      subExecutionsCount: activeTaskMetadata.value?.subExecutionsCount,
-      muted: props.compact || props.paneType === "input" && maxRunIndex.value === 0
+      subExecutionsCount: activeTaskMetadata.value?.subExecutionsCount
     }));
+    function setInputBranchIndex(value) {
+      if (props.paneType === "input") {
+        outputIndex.value = value;
+      }
+    }
     watch(node, (newNode, prevNode) => {
       if (newNode?.id === prevNode?.id) return;
       init();
@@ -3649,6 +3775,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onMounted(() => {
       init();
+      ndvEventBus.on("setInputBranchIndex", setInputBranchIndex);
       if (!isPaneTypeInput.value) {
         showPinDataDiscoveryTooltip(jsonData.value);
       }
@@ -3681,6 +3808,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onBeforeUnmount(() => {
       hidePinDataDiscoveryTooltip();
+      ndvEventBus.off("setInputBranchIndex", setInputBranchIndex);
     });
     function getResolvedNodeOutputs() {
       if (node.value && nodeType.value) {
@@ -3713,12 +3841,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return true;
     }
-    function getNodeHints$1() {
+    function getNodeHints() {
       try {
         if (node.value && nodeType.value) {
           const workflowNode = props.workflow.getNode(node.value.name);
           if (workflowNode) {
-            const nodeHints = getNodeHints(props.workflow, workflowNode, nodeType.value, {
+            const nodeHints = nodeHelpers.getNodeHints(props.workflow, workflowNode, nodeType.value, {
               runExecutionData: workflowExecution.value?.data ?? null,
               runIndex: props.runIndex,
               connectionInputData: parentNodeOutputData.value
@@ -4000,7 +4128,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           runIndex,
           outputIndex2,
           props.paneType,
-          connectionType2
+          connectionType2,
+          workflowExecution.value
         );
       }
       if (inputData2.length === 0 || !Array.isArray(inputData2)) {
@@ -4170,7 +4299,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __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, props.compact ? _ctx.$style.compact : ""]),
@@ -4218,7 +4346,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["class"])) : createCommentVNode("", true),
-        binaryDataDisplayData.value ? (openBlock(), createBlock(_sfc_main$4, {
+        binaryDataDisplayData.value ? (openBlock(), createBlock(_sfc_main$5, {
           key: 1,
           "window-visible": binaryDataDisplayVisible.value,
           "display-data": binaryDataDisplayData.value,
@@ -4227,7 +4355,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.header)
         }, [
-          renderSlot(_ctx.$slots, "header", {}, void 0, true),
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.title)
+          }, [
+            renderSlot(_ctx.$slots, "header", {}, void 0, true)
+          ], 2),
           withDirectives(createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.displayModes),
             "data-test-id": "run-data-pane-header",
@@ -4249,7 +4381,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })),
-            withDirectives(createVNode(RunDataDisplayModeSelect, {
+            withDirectives(createVNode(_sfc_main$2, {
               class: normalizeClass(_ctx.$style.displayModeSelect),
               compact: props.compact,
               value: displayMode.value,
@@ -4260,11 +4392,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["class", "compact", "value", "has-binary-data", "pane-type", "node-generates-html"]), [
               [
                 vShow,
-                unref(hasPreviewSchema) || hasNodeRun.value && (inputData.value.length || binaryData.value.length || search2.value) && !editMode2.value.enabled
+                unref(hasPreviewSchema) || hasNodeRun.value && (inputData.value.length || binaryData.value.length || search2.value || hasMultipleInputNodes.value) && !editMode2.value.enabled
               ]
             ]),
             props.compact ? (openBlock(), createBlock(RunDataItemCount, normalizeProps(mergeProps({ key: 0 }, itemsCountProps.value)), null, 16)) : createCommentVNode("", true),
-            !props.disableEdit && canPinData.value && !isReadOnlyRoute.value && !readOnlyEnv.value ? withDirectives((openBlock(), createBlock(unref(_sfc_main$a), {
+            !props.disableEdit && canPinData.value && !isReadOnlyRoute.value && !readOnlyEnv.value ? withDirectives((openBlock(), createBlock(unref(_sfc_main$b), {
               key: 1,
               title: unref(i18n).baseText("runData.editOutput"),
               circle: false,
@@ -4338,7 +4470,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(maxRunIndex.value + 1, (option) => {
-                  return openBlock(), createBlock(unref(_sfc_main$b), {
+                  return openBlock(), createBlock(unref(_sfc_main$c), {
                     key: option,
                     label: getRunLabel(option),
                     value: option - 1
@@ -4355,7 +4487,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(unref(i18n).baseText(_ctx.linkedRuns ? "runData.unlinking.hint" : "runData.linking.hint")), 1)
               ]),
               default: withCtx(() => [
-                createVNode(unref(_sfc_main$a), {
+                createVNode(unref(_sfc_main$b), {
                   icon: _ctx.linkedRuns ? "unlink" : "link",
                   class: normalizeClass(["linkRun", _ctx.linkedRuns ? "linked" : ""]),
                   text: "",
@@ -4396,7 +4528,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 3
           })
         ], 2)) : createCommentVNode("", true),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(getNodeHints$1(), (hint) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(getNodeHints(), (hint) => {
           return openBlock(), createBlock(unref(N8nCallout), {
             key: hint.message,
             class: normalizeClass(_ctx.$style.hintCallout),
@@ -4426,6 +4558,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.tabs)
           }, [
             createVNode(unref(N8nTabs), {
+              size: "small",
               "model-value": currentOutputIndex.value,
               options: branches.value,
               "onUpdate:modelValue": onBranchChange
@@ -4460,7 +4593,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.spinner)
             }, [
-              createVNode(unref(_sfc_main$c), { type: "ring" })
+              createVNode(unref(_sfc_main$d), { type: "ring" })
             ], 2),
             createVNode(unref(N8nText), null, {
               default: withCtx(() => [
@@ -4507,7 +4640,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 2,
             class: normalizeClass(_ctx.$style.stretchVertically)
           }, [
-            createVNode(_sfc_main$9, {
+            createVNode(_sfc_main$a, {
               error: subworkflowExecutionError.value,
               class: normalizeClass(_ctx.$style.errorDisplay)
             }, null, 8, ["error", "class"])
@@ -4546,7 +4679,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.spinner)
             }, [
-              createVNode(unref(_sfc_main$c), { type: "ring" })
+              createVNode(unref(_sfc_main$d), { type: "ring" })
             ], 2),
             createVNode(unref(N8nText), {
               color: "text-dark",
@@ -4600,19 +4733,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"])) : _ctx.$slots["content"] ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              workflowRunErrorAsNodeError.value ? (openBlock(), createBlock(_sfc_main$9, {
+              workflowRunErrorAsNodeError.value ? (openBlock(), createBlock(_sfc_main$a, {
                 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$9, {
+            ])) : workflowRunErrorAsNodeError.value ? (openBlock(), createBlock(_sfc_main$a, {
               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", {
+          ], 2)) : hasNodeRun.value && (!unfilteredDataCount.value || search2.value && !dataCount.value) && !displaysMultipleNodes.value && branches.value.length > 1 ? (openBlock(), createElementBlock("div", {
             key: 10,
             class: normalizeClass(_ctx.$style.center)
           }, [
@@ -4649,7 +4782,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }))
-          ], 2)) : hasNodeRun.value && !inputData.value.length && !search2.value ? (openBlock(), createElementBlock("div", {
+          ], 2)) : hasNodeRun.value && !inputData.value.length && !displaysMultipleNodes.value && !search2.value ? (openBlock(), createElementBlock("div", {
             key: 11,
             class: normalizeClass(_ctx.$style.center)
           }, [
@@ -4751,10 +4884,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "has-default-hover-state": _ctx.paneType === "input" && !search2.value,
                 search: search2.value,
                 "header-bg-color": _ctx.tableHeaderBgColor,
+                compact: props.compact,
+                "disable-hover-highlight": props.disableHoverHighlight,
                 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", "header-bg-color"])
+              }, null, 8, ["node", "input-data", "mapping-enabled", "distance-from-active", "run-index", "page-offset", "total-runs", "has-default-hover-state", "search", "header-bg-color", "compact", "disable-hover-highlight"])
             ]),
             _: 1
           })) : hasNodeRun.value && displayMode.value === "json" && node.value ? (openBlock(), createBlock(Suspense, { key: 17 }, {
@@ -4770,8 +4905,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "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"])
+                search: search2.value,
+                compact: props.compact
+              }, null, 8, ["pane-type", "edit-mode", "push-ref", "node", "input-data", "mapping-enabled", "distance-from-active", "run-index", "output-index", "total-runs", "search", "compact"])
             ]),
             _: 1
           })) : hasNodeRun.value && isPaneTypeOutput.value && displayMode.value === "html" ? (openBlock(), createBlock(Suspense, { key: 18 }, {
@@ -4788,13 +4924,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 data: jsonData.value,
                 "pane-type": _ctx.paneType,
                 "connection-type": connectionType.value,
-                "run-index": _ctx.runIndex,
                 "output-index": currentOutputIndex.value,
-                "total-runs": maxRunIndex.value,
                 search: search2.value,
                 class: normalizeClass(_ctx.$style.schema),
+                compact: props.compact,
                 "onClear:search": onSearchClear
-              }, null, 8, ["nodes", "mapping-enabled", "node", "data", "pane-type", "connection-type", "run-index", "output-index", "total-runs", "search", "class"])
+              }, null, 8, ["nodes", "mapping-enabled", "node", "data", "pane-type", "connection-type", "output-index", "search", "class", "compact"])
             ]),
             _: 1
           })) : displayMode.value === "binary" && binaryData.value.length === 0 ? (openBlock(), createElementBlock("div", {
@@ -4948,50 +5083,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "node-not-run", {}, void 0, true)
           ], 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", {
+        _ctx.hidePagination === false && hasNodeRun.value && !hasRunError.value && displayMode.value !== "binary" && dataCount.value > pageSize.value && !isSchemaView.value && !isArtificialRecoveredEventItem.value ? withDirectives((openBlock(), createBlock(RunDataPaginationBar, {
           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$b), {
-                    key: size,
-                    label: size,
-                    value: size
-                  }, null, 8, ["label", "value"]);
-                }), 64)),
-                createVNode(unref(_sfc_main$b), {
-                  label: unref(i18n).baseText("ndv.output.all"),
-                  value: dataCount.value
-                }, null, 8, ["label", "value"])
-              ]),
-              _: 1
-            }, 8, ["model-value"])
-          ], 2)
-        ], 2)), [
+          "current-page": currentPage.value,
+          "page-size": pageSize.value,
+          total: dataCount.value,
+          "onUpdate:currentPage": onCurrentPageChange,
+          "onUpdate:pageSize": onPageSizeChange
+        }, null, 8, ["current-page", "page-size", "total"])), [
           [vShow, !editMode2.value.enabled]
         ]) : createCommentVNode("", true),
         createVNode(unref(N8nBlockUi), {
@@ -5002,44 +5101,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const infoIcon = "_infoIcon_12zhg_123";
-const center = "_center_12zhg_127";
-const container = "_container_12zhg_141";
-const pinnedDataCallout = "_pinnedDataCallout_12zhg_149";
-const header = "_header_12zhg_157";
-const compact = "_compact_12zhg_168";
-const dataContainer = "_dataContainer_12zhg_176";
-const dataDisplay = "_dataDisplay_12zhg_185";
-const inlineError = "_inlineError_12zhg_197";
-const outputs = "_outputs_12zhg_204";
-const tabs = "_tabs_12zhg_213";
-const itemsCount = "_itemsCount_12zhg_221";
-const inputSelect = "_inputSelect_12zhg_231";
-const runSelector = "_runSelector_12zhg_237";
-const runSelectorInner = "_runSelectorInner_12zhg_250";
-const runSelectorSelect = "_runSelectorSelect_12zhg_256";
-const search = "_search_12zhg_260";
-const pagination = "_pagination_12zhg_264";
-const pageSizeSelector = "_pageSizeSelector_12zhg_274";
-const binaryIndex = "_binaryIndex_12zhg_280";
-const binaryRow = "_binaryRow_12zhg_297";
-const binaryCell = "_binaryCell_12zhg_302";
-const binaryHeader = "_binaryHeader_12zhg_314";
-const binaryButtonContainer = "_binaryButtonContainer_12zhg_323";
-const binaryValue = "_binaryValue_12zhg_334";
-const displayModes = "_displayModes_12zhg_339";
-const tooltipContain = "_tooltipContain_12zhg_347";
-const spinner = "_spinner_12zhg_351";
-const editMode = "_editMode_12zhg_362";
-const editModeBody = "_editModeBody_12zhg_371";
-const editModeFooter = "_editModeFooter_12zhg_378";
-const editModeFooterInfotip = "_editModeFooterInfotip_12zhg_388";
-const editModeActions = "_editModeActions_12zhg_394";
-const stretchVertically = "_stretchVertically_12zhg_401";
-const uiBlocker = "_uiBlocker_12zhg_405";
-const hintCallout = "_hintCallout_12zhg_410";
-const schema = "_schema_12zhg_416";
-const displayModeSelect = "_displayModeSelect_12zhg_421";
+const infoIcon = "_infoIcon_f5ono_123";
+const center = "_center_f5ono_127";
+const container = "_container_f5ono_141";
+const pinnedDataCallout = "_pinnedDataCallout_f5ono_149";
+const header = "_header_f5ono_157";
+const compact = "_compact_f5ono_169";
+const dataContainer = "_dataContainer_f5ono_181";
+const dataDisplay = "_dataDisplay_f5ono_187";
+const inlineError = "_inlineError_f5ono_202";
+const outputs = "_outputs_f5ono_209";
+const tabs = "_tabs_f5ono_224";
+const itemsCount = "_itemsCount_f5ono_232";
+const inputSelect = "_inputSelect_f5ono_242";
+const runSelector = "_runSelector_f5ono_248";
+const runSelectorInner = "_runSelectorInner_f5ono_261";
+const runSelectorSelect = "_runSelectorSelect_f5ono_267";
+const search = "_search_f5ono_271";
+const binaryIndex = "_binaryIndex_f5ono_275";
+const binaryRow = "_binaryRow_f5ono_292";
+const binaryCell = "_binaryCell_f5ono_297";
+const binaryHeader = "_binaryHeader_f5ono_309";
+const binaryButtonContainer = "_binaryButtonContainer_f5ono_318";
+const binaryValue = "_binaryValue_f5ono_329";
+const displayModes = "_displayModes_f5ono_334";
+const tooltipContain = "_tooltipContain_f5ono_346";
+const spinner = "_spinner_f5ono_350";
+const editMode = "_editMode_f5ono_361";
+const editModeBody = "_editModeBody_f5ono_370";
+const editModeFooter = "_editModeFooter_f5ono_377";
+const editModeFooterInfotip = "_editModeFooterInfotip_f5ono_387";
+const editModeActions = "_editModeActions_f5ono_393";
+const stretchVertically = "_stretchVertically_f5ono_400";
+const uiBlocker = "_uiBlocker_f5ono_404";
+const hintCallout = "_hintCallout_f5ono_409";
+const schema = "_schema_f5ono_418";
+const displayModeSelect = "_displayModeSelect_f5ono_423";
+const title = "_title_f5ono_434";
 const style0 = {
   infoIcon,
   center,
@@ -5048,7 +5146,6 @@ const style0 = {
   header,
   compact,
   dataContainer,
-  "actions-group": "_actions-group_12zhg_181",
   dataDisplay,
   inlineError,
   outputs,
@@ -5059,8 +5156,6 @@ const style0 = {
   runSelectorInner,
   runSelectorSelect,
   search,
-  pagination,
-  pageSizeSelector,
   binaryIndex,
   binaryRow,
   binaryCell,
@@ -5079,26 +5174,29 @@ const style0 = {
   uiBlocker,
   hintCallout,
   schema,
-  displayModeSelect
+  displayModeSelect,
+  title
 };
 const cssModules = {
   "$style": style0
 };
-const RunData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-97a8af0b"]]);
+const RunData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-5b056086"]]);
 export {
   HighlightJS as H,
   RunData as R,
   ViewSubExecution as V,
-  _sfc_main$8 as _,
+  _sfc_main$9 as _,
   getTotalConsumedTokens as a,
-  findLogEntryToAutoSelect as b,
+  flattenLogEntries as b,
   createLogEntries as c,
-  _sfc_main$9 as d,
-  getConsumedTokens as e,
+  deepToRaw as d,
+  findSelectedLogEntry as e,
   formatTokenUsageCount as f,
   getSubtreeTotalConsumedTokens as g,
-  createAiData as h,
-  getTreeNodeData as i,
-  getReferencedData as j,
-  VueJsonPretty as k
+  _sfc_main$a as h,
+  getConsumedTokens as i,
+  createAiData as j,
+  getTreeNodeData as k,
+  getReferencedData as l,
+  VueJsonPretty as m
 };