n8n-editor-ui 1.90.1 → 1.92.0

package/dist/assets/{RunData-Ds-U68nr.js → RunData-Bx47sNQp.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-oi_l8dhA.js","assets/index-B6eunbxp.js","assets/index-DCpy4nCU.css","assets/useExecutionHelpers-DIvhViMz.js","assets/dateFormatter-C8N5khiG.js","assets/RunDataTable-CUxj7dHx.css","assets/RunDataJson-Pev6yNEV.js","assets/FileSaver.min-BzAtcQXX.js","assets/RunDataJson-BH9HLoGC.css","assets/RunDataParsedAiContent-D6MNLmT3.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/RunDataSearch-C8orcAlP.js","assets/RunDataSearch-R6qtl0Jf.css"])))=>i.map(i=>d[i]);
+import { dN as hasKey, cv as getDefaultExportFromCjs, dO as AGENT_LANGCHAIN_NODE_TYPE, b1 as isRef, dP as isReactive, dQ as isProxy, df as toRaw, d as defineComponent, bf as useClipboard, a as useToast, dR as useAIAssistantHelpers, bz as useNodeTypesStore, as as useNDVStore, Z as useRootStore, dC as useAssistantStore, H as useUIStore, q as computed, dS as MAX_DISPLAY_DATA_SIZE, dT as isCommunityPackageName, c as useI18n, h as resolveComponent, cm as resolveDirective, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, aA as withDirectives, t as toDisplayString, j as createVNode, m as unref, dU as InlineAskAssistantButton, w as withCtx, aT as _sfc_main$b, l as createTextVNode, F as Fragment, D as renderList, dV as NEW_ASSISTANT_SESSION_MODAL, cs as sanitizeHtml, bm as NodeConnectionTypes, dW as isObjectEmpty, be as N8nText, b2 as withModifiers, _ as _export_sfc, dX as requireVue, dY as sanitizeHtml$1, dZ as sanitizeHtmlExports, r as ref, Q as useWorkflowsStore, o as onMounted, b_ as jsonParse, e as createBlock, bA as useNodeHelpers, aR as N8nTooltip, aS as N8nLink, X as watch, bG as N8nRadioButtons, aV as createSlots, bE as N8nIcon, a0 as useSourceControlStore, dD as useSchemaPreviewStore, au as usePostHog, R as useRoute, bN as toRef, bq as usePinnedData, d_ as useNodeType, cR as storeToRefs, d$ as TRIMMED_TASK_DATA_CONNECTIONS_KEY, e0 as executionDataToJson, e1 as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, e2 as CORE_NODES_CATEGORY, e3 as SCHEMA_PREVIEW_EXPERIMENT, e4 as computedAsync, bH as ndvEventBus, ag as useTelemetry, y as onBeforeUnmount, aJ as useStorage, e5 as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, e6 as dataPinningEventBus, e7 as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, e8 as searchInObject, bx as getConnectionTypes, e9 as isObject, ea as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, eb as HTML_NODE_TYPE, x as renderSlot, c4 as N8nCallout, ec as DATA_PINNING_DOCS_URL, aB as vShow, c2 as Suspense, c3 as defineAsyncComponent, b4 as normalizeProps, b7 as mergeProps, bg as N8nButton, ed as _sfc_main$c, ee as N8nSelect, ef as N8nTabs, b5 as guardReactiveProps, eg as _sfc_main$d, eh as JsonEditor, ei as DATA_EDITING_DOCS_URL, dq as InfoTip, ej as N8nBlockUi, ao as __vitePreload, ek as isPresent, by as getNodeOutputs, el as getGenericHints, em as clearJsonKey, en as TEST_PIN_DATA, aP as useExternalHooks, eo as isEmpty, ep as isEqual } from "./index-B6eunbxp.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-BzAtcQXX.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-DIvhViMz.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,37 +1761,25 @@ 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(
-    ([nodeName, taskData]) => taskData.map((task, runIndex) => ({ nodeName, task, runIndex }))
+  const runs = Object.entries(runData).flatMap(
+    ([nodeName, taskData]) => workflow.getChildNodes(nodeName, "ALL_NON_MAIN").length > 0 || workflow.getNode(nodeName)?.disabled ? [] : taskData.map((task, runIndex) => ({ nodeName, task, runIndex }))
   ).sort((a, b) => {
     if (a.task.executionIndex !== void 0 && b.task.executionIndex !== void 0) {
       return a.task.executionIndex - b.task.executionIndex;
@@ -1744,152 +1788,178 @@ 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);
   });
 }
-const _hoisted_1$8 = { class: "node-error-view" };
-const _hoisted_2$4 = { class: "node-error-view__header" };
-const _hoisted_3$3 = {
+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 seen = /* @__PURE__ */ new WeakMap();
+  const objectIterator = (input) => {
+    if (seen.has(input)) {
+      return input;
+    }
+    if (input !== null && typeof input === "object") {
+      seen.set(input, true);
+    }
+    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__header" };
+const _hoisted_2$4 = {
   class: "node-error-view__header-message",
   "data-test-id": "node-error-message"
 };
-const _hoisted_4$3 = {
+const _hoisted_3$3 = {
   key: 0,
   "data-test-id": "node-error-description",
   class: "node-error-view__header-description"
 };
-const _hoisted_5$3 = { key: 1 };
-const _hoisted_6$2 = {
+const _hoisted_4$3 = { key: 1 };
+const _hoisted_5$3 = {
   key: 2,
   class: "node-error-view__button",
   "data-test-id": "node-error-view-ask-assistant-button"
 };
-const _hoisted_7$2 = {
+const _hoisted_6$2 = {
   key: 0,
   class: "node-error-view__info"
 };
-const _hoisted_8$2 = { class: "node-error-view__info-header" };
-const _hoisted_9$2 = { class: "node-error-view__info-title" };
-const _hoisted_10 = { class: "copy-button" };
-const _hoisted_11 = { class: "node-error-view__info-content" };
-const _hoisted_12 = {
+const _hoisted_7$2 = { class: "node-error-view__info-header" };
+const _hoisted_8$2 = { class: "node-error-view__info-title" };
+const _hoisted_9$2 = { class: "copy-button" };
+const _hoisted_10 = { class: "node-error-view__info-content" };
+const _hoisted_11 = {
   key: 0,
   class: "node-error-view__details"
 };
-const _hoisted_13 = { class: "node-error-view__details-summary" };
-const _hoisted_14 = { class: "node-error-view__details-content" };
-const _hoisted_15 = {
+const _hoisted_12 = { class: "node-error-view__details-summary" };
+const _hoisted_13 = { class: "node-error-view__details-content" };
+const _hoisted_14 = {
   key: 0,
   class: "node-error-view__details-row"
 };
-const _hoisted_16 = { class: "node-error-view__details-label" };
-const _hoisted_17 = { class: "node-error-view__details-value" };
-const _hoisted_18 = {
+const _hoisted_15 = { class: "node-error-view__details-label" };
+const _hoisted_16 = { class: "node-error-view__details-value" };
+const _hoisted_17 = {
   key: 1,
   class: "node-error-view__details-row"
 };
-const _hoisted_19 = { class: "node-error-view__details-label" };
-const _hoisted_20 = { class: "node-error-view__details-value" };
-const _hoisted_21 = {
+const _hoisted_18 = { class: "node-error-view__details-label" };
+const _hoisted_19 = { class: "node-error-view__details-value" };
+const _hoisted_20 = {
   key: 2,
   class: "node-error-view__details-row"
 };
-const _hoisted_22 = { class: "node-error-view__details-label" };
-const _hoisted_23 = { class: "node-error-view__details-value" };
-const _hoisted_24 = {
+const _hoisted_21 = { class: "node-error-view__details-label" };
+const _hoisted_22 = { class: "node-error-view__details-value" };
+const _hoisted_23 = {
   key: 3,
   class: "node-error-view__details-row"
 };
-const _hoisted_25 = { class: "node-error-view__details-label" };
-const _hoisted_26 = { class: "node-error-view__details-value" };
-const _hoisted_27 = {
+const _hoisted_24 = { class: "node-error-view__details-label" };
+const _hoisted_25 = { class: "node-error-view__details-value" };
+const _hoisted_26 = {
   key: 4,
   class: "node-error-view__details-row"
 };
-const _hoisted_28 = { class: "node-error-view__details-label" };
-const _hoisted_29 = { class: "node-error-view__details-value" };
-const _hoisted_30 = { class: "node-error-view__details" };
-const _hoisted_31 = { class: "node-error-view__details-summary" };
-const _hoisted_32 = { class: "node-error-view__details-content" };
-const _hoisted_33 = {
+const _hoisted_27 = { class: "node-error-view__details-label" };
+const _hoisted_28 = { class: "node-error-view__details-value" };
+const _hoisted_29 = { class: "node-error-view__details" };
+const _hoisted_30 = { class: "node-error-view__details-summary" };
+const _hoisted_31 = { class: "node-error-view__details-content" };
+const _hoisted_32 = {
   key: 0,
   class: "node-error-view__details-row"
 };
-const _hoisted_34 = { class: "node-error-view__details-label" };
-const _hoisted_35 = { class: "node-error-view__details-value" };
-const _hoisted_36 = {
+const _hoisted_33 = { class: "node-error-view__details-label" };
+const _hoisted_34 = { class: "node-error-view__details-value" };
+const _hoisted_35 = {
   key: 1,
   class: "node-error-view__details-row"
 };
-const _hoisted_37 = { class: "node-error-view__details-label" };
-const _hoisted_38 = { class: "node-error-view__details-value" };
-const _hoisted_39 = {
+const _hoisted_36 = { class: "node-error-view__details-label" };
+const _hoisted_37 = { class: "node-error-view__details-value" };
+const _hoisted_38 = {
   key: 2,
   class: "node-error-view__details-row"
 };
-const _hoisted_40 = { class: "node-error-view__details-label" };
-const _hoisted_41 = { class: "node-error-view__details-value" };
-const _hoisted_42 = {
+const _hoisted_39 = { class: "node-error-view__details-label" };
+const _hoisted_40 = { class: "node-error-view__details-value" };
+const _hoisted_41 = {
   key: 3,
   class: "node-error-view__details-row"
 };
-const _hoisted_43 = { class: "node-error-view__details-label" };
-const _hoisted_44 = { class: "node-error-view__details-value" };
-const _hoisted_45 = {
+const _hoisted_42 = { class: "node-error-view__details-label" };
+const _hoisted_43 = { class: "node-error-view__details-value" };
+const _hoisted_44 = {
   key: 4,
   class: "node-error-view__details-row"
 };
-const _hoisted_46 = { class: "node-error-view__details-label" };
-const _hoisted_47 = { class: "node-error-view__details-value" };
-const _hoisted_48 = { class: "node-error-view__details-row" };
-const _hoisted_49 = { class: "node-error-view__details-label" };
-const _hoisted_50 = { class: "node-error-view__details-value" };
-const _hoisted_51 = {
+const _hoisted_45 = { class: "node-error-view__details-label" };
+const _hoisted_46 = { class: "node-error-view__details-value" };
+const _hoisted_47 = { class: "node-error-view__details-row" };
+const _hoisted_48 = { class: "node-error-view__details-label" };
+const _hoisted_49 = { class: "node-error-view__details-value" };
+const _hoisted_50 = {
   key: 5,
   class: "node-error-view__details-row"
 };
-const _hoisted_52 = { class: "node-error-view__details-label" };
-const _hoisted_53 = { class: "node-error-view__details-value" };
-const _hoisted_54 = {
+const _hoisted_51 = { class: "node-error-view__details-label" };
+const _hoisted_52 = { class: "node-error-view__details-value" };
+const _hoisted_53 = {
   key: 6,
   class: "node-error-view__details-row"
 };
-const _hoisted_55 = { class: "node-error-view__details-label" };
-const _hoisted_56 = { class: "node-error-view__details-value" };
-const _hoisted_57 = {
+const _hoisted_54 = { class: "node-error-view__details-label" };
+const _hoisted_55 = { class: "node-error-view__details-value" };
+const _hoisted_56 = {
   key: 7,
   class: "node-error-view__details-row"
 };
-const _hoisted_58 = { class: "node-error-view__details-label" };
-const _hoisted_59 = { class: "node-error-view__details-value" };
-const _hoisted_60 = {
+const _hoisted_57 = { class: "node-error-view__details-label" };
+const _hoisted_58 = { class: "node-error-view__details-value" };
+const _hoisted_59 = {
   key: 8,
   class: "node-error-view__details-row"
 };
-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 _hoisted_60 = { class: "node-error-view__details-label" };
+const _hoisted_61 = { class: "node-error-view__details-value" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "NodeErrorView",
   props: {
     error: {},
+    showDetails: { type: Boolean },
     compact: { type: Boolean }
   },
   setup(__props) {
@@ -2188,19 +2258,20 @@ 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");
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        createBaseVNode("div", _hoisted_2$4, [
-          createBaseVNode("div", _hoisted_3$3, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["node-error-view", props.compact ? "node-error-view_compact" : ""])
+      }, [
+        createBaseVNode("div", _hoisted_1$8, [
+          createBaseVNode("div", _hoisted_2$4, [
             createBaseVNode("div", null, toDisplayString(getErrorMessage()), 1)
           ]),
-          (_ctx.error.description || _ctx.error.context?.descriptionKey) && !isSubNodeError.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4$3, null, 512)), [
+          (_ctx.error.description || _ctx.error.context?.descriptionKey) && !isSubNodeError.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3$3, null, 512)), [
             [_directive_n8n_html, getErrorDescription()]
           ]) : createCommentVNode("", true),
-          isSubNodeError.value ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+          isSubNodeError.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
             createVNode(_component_n8n_button, {
               icon: "arrow-right",
               type: "secondary",
@@ -2210,28 +2281,28 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               onClick: onOpenErrorNodeDetailClick
             }, null, 8, ["label"])
           ])) : createCommentVNode("", true),
-          isAskAssistantAvailable.value ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+          isAskAssistantAvailable.value ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
             createVNode(InlineAskAssistantButton, {
               asked: assistantAlreadyAsked.value,
               onClick: onAskAssistantClick
             }, null, 8, ["asked"])
           ])) : createCommentVNode("", true)
         ]),
-        !_ctx.compact ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
-          createBaseVNode("div", _hoisted_8$2, [
-            createBaseVNode("p", _hoisted_9$2, toDisplayString(unref(i18n).baseText("nodeErrorView.details.title")), 1),
+        _ctx.showDetails ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+          createBaseVNode("div", _hoisted_7$2, [
+            createBaseVNode("p", _hoisted_8$2, toDisplayString(unref(i18n).baseText("nodeErrorView.details.title")), 1),
             createVNode(_component_n8n_tooltip, {
               class: "item",
               content: unref(i18n).baseText("nodeErrorView.copyToClipboard.tooltip"),
               placement: "left"
             }, {
               default: withCtx(() => [
-                createBaseVNode("div", _hoisted_10, [
-                  createVNode(_component_n8n_icon_button, {
+                createBaseVNode("div", _hoisted_9$2, [
+                  createVNode(unref(_sfc_main$b), {
                     icon: "copy",
                     type: "secondary",
                     size: "mini",
-                    text: "true",
+                    text: true,
                     "transparent-background": "transparent",
                     onClick: copyErrorDetails
                   })
@@ -2240,9 +2311,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["content"])
           ]),
-          createBaseVNode("div", _hoisted_11, [
-            "httpCode" in _ctx.error && _ctx.error.httpCode || prepareRawMessages.value.length || _ctx.error?.context?.data || _ctx.error.extra ? (openBlock(), createElementBlock("details", _hoisted_12, [
-              createBaseVNode("summary", _hoisted_13, [
+          createBaseVNode("div", _hoisted_10, [
+            "httpCode" in _ctx.error && _ctx.error.httpCode || prepareRawMessages.value.length || _ctx.error?.context?.data || _ctx.error.extra ? (openBlock(), createElementBlock("details", _hoisted_11, [
+              createBaseVNode("summary", _hoisted_12, [
                 createVNode(_component_font_awesome_icon, {
                   class: "node-error-view__details-icon",
                   icon: "angle-right"
@@ -2251,16 +2322,16 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   interpolate: { node: `${nodeDefaultName.value}` }
                 })), 1)
               ]),
-              createBaseVNode("div", _hoisted_14, [
-                "httpCode" in _ctx.error && _ctx.error.httpCode ? (openBlock(), createElementBlock("div", _hoisted_15, [
-                  createBaseVNode("p", _hoisted_16, toDisplayString(unref(i18n).baseText("nodeErrorView.errorCode")), 1),
-                  createBaseVNode("p", _hoisted_17, [
+              createBaseVNode("div", _hoisted_13, [
+                "httpCode" in _ctx.error && _ctx.error.httpCode ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                  createBaseVNode("p", _hoisted_15, toDisplayString(unref(i18n).baseText("nodeErrorView.errorCode")), 1),
+                  createBaseVNode("p", _hoisted_16, [
                     createBaseVNode("code", null, toDisplayString(_ctx.error.httpCode), 1)
                   ])
                 ])) : createCommentVNode("", true),
-                prepareRawMessages.value.length ? (openBlock(), createElementBlock("div", _hoisted_18, [
-                  createBaseVNode("p", _hoisted_19, toDisplayString(unref(i18n).baseText("nodeErrorView.details.rawMessages")), 1),
-                  createBaseVNode("div", _hoisted_20, [
+                prepareRawMessages.value.length ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                  createBaseVNode("p", _hoisted_18, toDisplayString(unref(i18n).baseText("nodeErrorView.details.rawMessages")), 1),
+                  createBaseVNode("div", _hoisted_19, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(prepareRawMessages.value, (msg, index) => {
                       return openBlock(), createElementBlock("div", { key: index }, [
                         createBaseVNode("pre", null, [
@@ -2270,25 +2341,25 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                     }), 128))
                   ])
                 ])) : createCommentVNode("", true),
-                _ctx.error?.context?.data ? (openBlock(), createElementBlock("div", _hoisted_21, [
-                  createBaseVNode("p", _hoisted_22, toDisplayString(unref(i18n).baseText("nodeErrorView.details.errorData")), 1),
-                  createBaseVNode("div", _hoisted_23, [
+                _ctx.error?.context?.data ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                  createBaseVNode("p", _hoisted_21, toDisplayString(unref(i18n).baseText("nodeErrorView.details.errorData")), 1),
+                  createBaseVNode("div", _hoisted_22, [
                     createBaseVNode("pre", null, [
                       createBaseVNode("code", null, toDisplayString(_ctx.error.context.data), 1)
                     ])
                   ])
                 ])) : createCommentVNode("", true),
-                _ctx.error.extra ? (openBlock(), createElementBlock("div", _hoisted_24, [
-                  createBaseVNode("p", _hoisted_25, toDisplayString(unref(i18n).baseText("nodeErrorView.details.errorExtra")), 1),
-                  createBaseVNode("div", _hoisted_26, [
+                _ctx.error.extra ? (openBlock(), createElementBlock("div", _hoisted_23, [
+                  createBaseVNode("p", _hoisted_24, toDisplayString(unref(i18n).baseText("nodeErrorView.details.errorExtra")), 1),
+                  createBaseVNode("div", _hoisted_25, [
                     createBaseVNode("pre", null, [
                       createBaseVNode("code", null, toDisplayString(_ctx.error.extra), 1)
                     ])
                   ])
                 ])) : createCommentVNode("", true),
-                _ctx.error.context && _ctx.error.context.request ? (openBlock(), createElementBlock("div", _hoisted_27, [
-                  createBaseVNode("p", _hoisted_28, toDisplayString(unref(i18n).baseText("nodeErrorView.details.request")), 1),
-                  createBaseVNode("div", _hoisted_29, [
+                _ctx.error.context && _ctx.error.context.request ? (openBlock(), createElementBlock("div", _hoisted_26, [
+                  createBaseVNode("p", _hoisted_27, toDisplayString(unref(i18n).baseText("nodeErrorView.details.request")), 1),
+                  createBaseVNode("div", _hoisted_28, [
                     createBaseVNode("pre", null, [
                       createBaseVNode("code", null, toDisplayString(_ctx.error.context.request), 1)
                     ])
@@ -2296,75 +2367,75 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 ])) : createCommentVNode("", true)
               ])
             ])) : createCommentVNode("", true),
-            createBaseVNode("details", _hoisted_30, [
-              createBaseVNode("summary", _hoisted_31, [
+            createBaseVNode("details", _hoisted_29, [
+              createBaseVNode("summary", _hoisted_30, [
                 createVNode(_component_font_awesome_icon, {
                   class: "node-error-view__details-icon",
                   icon: "angle-right"
                 }),
                 createTextVNode(" " + toDisplayString(unref(i18n).baseText("nodeErrorView.details.info")), 1)
               ]),
-              createBaseVNode("div", _hoisted_32, [
-                _ctx.error.context && _ctx.error.context.itemIndex !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_33, [
-                  createBaseVNode("p", _hoisted_34, toDisplayString(unref(i18n).baseText("nodeErrorView.itemIndex")), 1),
-                  createBaseVNode("p", _hoisted_35, [
+              createBaseVNode("div", _hoisted_31, [
+                _ctx.error.context && _ctx.error.context.itemIndex !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_32, [
+                  createBaseVNode("p", _hoisted_33, toDisplayString(unref(i18n).baseText("nodeErrorView.itemIndex")), 1),
+                  createBaseVNode("p", _hoisted_34, [
                     createBaseVNode("code", null, toDisplayString(_ctx.error.context.itemIndex), 1)
                   ])
                 ])) : createCommentVNode("", true),
-                _ctx.error.context && _ctx.error.context.runIndex !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_36, [
-                  createBaseVNode("p", _hoisted_37, toDisplayString(unref(i18n).baseText("nodeErrorView.runIndex")), 1),
-                  createBaseVNode("p", _hoisted_38, [
+                _ctx.error.context && _ctx.error.context.runIndex !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_35, [
+                  createBaseVNode("p", _hoisted_36, toDisplayString(unref(i18n).baseText("nodeErrorView.runIndex")), 1),
+                  createBaseVNode("p", _hoisted_37, [
                     createBaseVNode("code", null, toDisplayString(_ctx.error.context.runIndex), 1)
                   ])
                 ])) : createCommentVNode("", true),
-                _ctx.error.context && _ctx.error.context.parameter !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_39, [
-                  createBaseVNode("p", _hoisted_40, toDisplayString(unref(i18n).baseText("nodeErrorView.inParameter")), 1),
-                  createBaseVNode("p", _hoisted_41, [
+                _ctx.error.context && _ctx.error.context.parameter !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_38, [
+                  createBaseVNode("p", _hoisted_39, toDisplayString(unref(i18n).baseText("nodeErrorView.inParameter")), 1),
+                  createBaseVNode("p", _hoisted_40, [
                     createBaseVNode("code", null, toDisplayString(parameterDisplayName(`${_ctx.error.context.parameter}`)), 1)
                   ])
                 ])) : createCommentVNode("", true),
-                _ctx.error.node && _ctx.error.node.type ? (openBlock(), createElementBlock("div", _hoisted_42, [
-                  createBaseVNode("p", _hoisted_43, toDisplayString(unref(i18n).baseText("nodeErrorView.details.nodeType")), 1),
-                  createBaseVNode("p", _hoisted_44, [
+                _ctx.error.node && _ctx.error.node.type ? (openBlock(), createElementBlock("div", _hoisted_41, [
+                  createBaseVNode("p", _hoisted_42, toDisplayString(unref(i18n).baseText("nodeErrorView.details.nodeType")), 1),
+                  createBaseVNode("p", _hoisted_43, [
                     createBaseVNode("code", null, toDisplayString(_ctx.error.node.type), 1)
                   ])
                 ])) : createCommentVNode("", true),
-                _ctx.error.node && _ctx.error.node.typeVersion ? (openBlock(), createElementBlock("div", _hoisted_45, [
-                  createBaseVNode("p", _hoisted_46, toDisplayString(unref(i18n).baseText("nodeErrorView.details.nodeVersion")), 1),
-                  createBaseVNode("p", _hoisted_47, [
+                _ctx.error.node && _ctx.error.node.typeVersion ? (openBlock(), createElementBlock("div", _hoisted_44, [
+                  createBaseVNode("p", _hoisted_45, toDisplayString(unref(i18n).baseText("nodeErrorView.details.nodeVersion")), 1),
+                  createBaseVNode("p", _hoisted_46, [
                     createBaseVNode("code", null, [
                       createBaseVNode("span", null, toDisplayString(_ctx.error.node.typeVersion + " "), 1),
                       createBaseVNode("span", null, "(" + toDisplayString(nodeVersionTag(_ctx.error.node)) + ")", 1)
                     ])
                   ])
                 ])) : createCommentVNode("", true),
-                createBaseVNode("div", _hoisted_48, [
-                  createBaseVNode("p", _hoisted_49, toDisplayString(unref(i18n).baseText("nodeErrorView.details.n8nVersion")), 1),
-                  createBaseVNode("p", _hoisted_50, [
+                createBaseVNode("div", _hoisted_47, [
+                  createBaseVNode("p", _hoisted_48, toDisplayString(unref(i18n).baseText("nodeErrorView.details.n8nVersion")), 1),
+                  createBaseVNode("p", _hoisted_49, [
                     createBaseVNode("code", null, toDisplayString(n8nVersion.value), 1)
                   ])
                 ]),
-                _ctx.error.timestamp ? (openBlock(), createElementBlock("div", _hoisted_51, [
-                  createBaseVNode("p", _hoisted_52, toDisplayString(unref(i18n).baseText("nodeErrorView.time")), 1),
-                  createBaseVNode("p", _hoisted_53, [
+                _ctx.error.timestamp ? (openBlock(), createElementBlock("div", _hoisted_50, [
+                  createBaseVNode("p", _hoisted_51, toDisplayString(unref(i18n).baseText("nodeErrorView.time")), 1),
+                  createBaseVNode("p", _hoisted_52, [
                     createBaseVNode("code", null, toDisplayString(new Date(_ctx.error.timestamp).toLocaleString()), 1)
                   ])
                 ])) : createCommentVNode("", true),
-                _ctx.error.cause && displayCause.value ? (openBlock(), createElementBlock("div", _hoisted_54, [
-                  createBaseVNode("p", _hoisted_55, toDisplayString(unref(i18n).baseText("nodeErrorView.details.errorCause")), 1),
-                  createBaseVNode("pre", _hoisted_56, [
+                _ctx.error.cause && displayCause.value ? (openBlock(), createElementBlock("div", _hoisted_53, [
+                  createBaseVNode("p", _hoisted_54, toDisplayString(unref(i18n).baseText("nodeErrorView.details.errorCause")), 1),
+                  createBaseVNode("pre", _hoisted_55, [
                     createBaseVNode("code", null, toDisplayString(_ctx.error.cause), 1)
                   ])
                 ])) : createCommentVNode("", true),
-                _ctx.error.context && _ctx.error.context.causeDetailed ? (openBlock(), createElementBlock("div", _hoisted_57, [
-                  createBaseVNode("p", _hoisted_58, toDisplayString(unref(i18n).baseText("nodeErrorView.details.causeDetailed")), 1),
-                  createBaseVNode("pre", _hoisted_59, [
+                _ctx.error.context && _ctx.error.context.causeDetailed ? (openBlock(), createElementBlock("div", _hoisted_56, [
+                  createBaseVNode("p", _hoisted_57, toDisplayString(unref(i18n).baseText("nodeErrorView.details.causeDetailed")), 1),
+                  createBaseVNode("pre", _hoisted_58, [
                     createBaseVNode("code", null, toDisplayString(_ctx.error.context.causeDetailed), 1)
                   ])
                 ])) : createCommentVNode("", true),
-                _ctx.error.stack ? (openBlock(), createElementBlock("div", _hoisted_60, [
-                  createBaseVNode("p", _hoisted_61, toDisplayString(unref(i18n).baseText("nodeErrorView.details.stackTrace")), 1),
-                  createBaseVNode("pre", _hoisted_62, [
+                _ctx.error.stack ? (openBlock(), createElementBlock("div", _hoisted_59, [
+                  createBaseVNode("p", _hoisted_60, toDisplayString(unref(i18n).baseText("nodeErrorView.details.stackTrace")), 1),
+                  createBaseVNode("pre", _hoisted_61, [
                     createBaseVNode("code", null, toDisplayString(_ctx.error.stack), 1)
                   ])
                 ])) : createCommentVNode("", true)
@@ -2372,11 +2443,156 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])) : createCommentVNode("", true)
-      ]);
+      ], 2);
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const fallbackParser = (execData) => ({
+  type: "json",
+  data: execData,
+  parsed: false
+});
+const outputTypeParsers = {
+  [NodeConnectionTypes.AiLanguageModel](execData) {
+    const response = execData.response ?? execData;
+    if (!response) throw new Error("No response from Language Model");
+    if (Array.isArray(response?.messages) && response?.messages.length === 1 && typeof response?.messages[0] === "string") {
+      return {
+        type: "text",
+        data: response.messages[0],
+        parsed: true
+      };
+    }
+    if (response.messages && Array.isArray(response.messages)) {
+      return outputTypeParsers[NodeConnectionTypes.AiMemory](execData);
+    }
+    if (response.generations) {
+      const generations = response.generations;
+      const content = generations.map((generation) => {
+        if (generation?.text) return generation.text;
+        if (Array.isArray(generation)) {
+          return generation.map((item) => item.text ?? item).join("\n\n").trim();
+        }
+        return generation;
+      });
+      return {
+        type: "json",
+        data: content,
+        parsed: true
+      };
+    }
+    return {
+      type: "json",
+      data: response,
+      parsed: true
+    };
+  },
+  [NodeConnectionTypes.AiTool]: fallbackParser,
+  [NodeConnectionTypes.AiAgent]: fallbackParser,
+  [NodeConnectionTypes.AiMemory](execData) {
+    const chatHistory = execData.chatHistory ?? execData.messages ?? execData?.response?.chat_history;
+    if (Array.isArray(chatHistory)) {
+      const responseText = chatHistory.map((content) => {
+        if (content.type === "constructor" && content.id?.includes("messages") && content.kwargs) {
+          let message = String(content.kwargs.content);
+          if (Array.isArray(message)) {
+            message = message.map((item) => {
+              const { type, image_url } = item;
+              if (type === "image_url" && typeof image_url === "object" && typeof image_url.url === "string") {
+                return `![Input image](${image_url.url})`;
+              } else if (typeof image_url === "string") {
+                return `![Input image](${image_url})`;
+              }
+              return item.text;
+            }).join("\n");
+          }
+          if (Object.keys(content.kwargs.additional_kwargs).length) {
+            message += ` (${JSON.stringify(content.kwargs.additional_kwargs)})`;
+          }
+          if (content.id.includes("HumanMessage")) {
+            message = `**Human:** ${String(message).trim()}`;
+          } else if (content.id.includes("AIMessage")) {
+            message = `**AI:** ${message}`;
+          } else if (content.id.includes("SystemMessage")) {
+            message = `**System Message:** ${message}`;
+          }
+          return message;
+        }
+        return "";
+      }).join("\n\n");
+      if (responseText.length === 0) {
+        return fallbackParser(execData);
+      }
+      return {
+        type: "markdown",
+        data: responseText,
+        parsed: true
+      };
+    }
+    return fallbackParser(execData);
+  },
+  [NodeConnectionTypes.AiOutputParser]: fallbackParser,
+  [NodeConnectionTypes.AiRetriever]: fallbackParser,
+  [NodeConnectionTypes.AiVectorStore](execData) {
+    if (execData.documents) {
+      return {
+        type: "json",
+        data: execData.documents,
+        parsed: true
+      };
+    }
+    return fallbackParser(execData);
+  },
+  [NodeConnectionTypes.AiEmbedding](execData) {
+    if (execData.documents) {
+      return {
+        type: "json",
+        data: execData.documents,
+        parsed: true
+      };
+    }
+    return fallbackParser(execData);
+  },
+  [NodeConnectionTypes.AiDocument](execData) {
+    if (execData.documents) {
+      return {
+        type: "json",
+        data: execData.documents,
+        parsed: true
+      };
+    }
+    return fallbackParser(execData);
+  },
+  [NodeConnectionTypes.AiTextSplitter](execData) {
+    const arrayData = Array.isArray(execData.response) ? execData.response : [execData.textSplitter];
+    return {
+      type: "text",
+      data: arrayData.join("\n\n"),
+      parsed: true
+    };
+  }
+};
+function parseAiContent(executionData, endpointType) {
+  if ([NodeConnectionTypes.AiChain, NodeConnectionTypes.Main].includes(
+    endpointType
+  )) {
+    return executionData.map((data) => ({ raw: data.json, parsedContent: null }));
+  }
+  const contentJson = executionData.map((node) => {
+    const hasBinaryData = !isObjectEmpty(node.binary);
+    return hasBinaryData ? node.binary : node.json;
+  });
+  const parser = outputTypeParsers[endpointType];
+  if (!parser)
+    return [
+      {
+        raw: contentJson.filter((item) => item !== void 0),
+        parsedContent: null
+      }
+    ];
+  return contentJson.filter((c) => c !== void 0).map((c) => ({ raw: c, parsedContent: parser(c) }));
+}
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ConsumedTokensDetails",
   props: {
     consumedTokens: {}
@@ -2417,7 +2633,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 +2690,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 +3043,7 @@ const sanitizeOptions = {
     head: ""
   }
 };
-const _sfc_main$6 = {
+const _sfc_main$7 = {
   name: "RunDataHtml",
   props: {
     inputHtml: {
@@ -2848,7 +3064,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 +3086,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 +3165,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 +3224,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 +3238,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 +3287,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 +3309,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 +3335,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,25 +3352,24 @@ 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 _hoisted_1$1 = { key: 5 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const RunDataItemCount = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$2]]);
+const _hoisted_1$1 = { key: 6 };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "RunDataDisplayModeSelect",
   props: {
     compact: { type: Boolean },
     value: {},
     hasBinaryData: { type: Boolean },
     paneType: {},
-    nodeGeneratesHtml: { type: Boolean }
+    nodeGeneratesHtml: { type: Boolean },
+    hasRenderableData: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -3173,13 +3387,27 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (__props.paneType === "output" && __props.nodeGeneratesHtml) {
         defaults.unshift({ label: "HTML", value: "html" });
       }
+      if (__props.hasRenderableData) {
+        defaults.unshift({ label: i18n.baseText("runData.rendered"), value: "ai" });
+      }
       return defaults;
     });
+    watch(
+      [() => __props.value, options],
+      ([val, opts]) => {
+        if (opts.length > 0 && opts.every((opt) => opt.value !== val)) {
+          emit("change", opts[0].value);
+        }
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(N8nRadioButtons), {
         "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 +3416,107 @@ 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"
+            })) : option.value === "ai" ? (openBlock(), createBlock(unref(N8nIcon), {
+              key: 5,
+              icon: "text",
+              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,11 +3533,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RunData",
   props: {
     workflow: {},
+    workflowExecution: { default: void 0 },
     runIndex: {},
     tooMuchDataTitle: {},
     executingMessage: {},
     pushRef: {},
     paneType: {},
+    displayMode: {},
     noDataInBranchMessage: {},
     node: { default: null },
     nodes: { default: () => [] },
@@ -3265,24 +3558,29 @@ 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 },
+    disableAiContent: { type: Boolean, default: false }
   },
-  emits: ["search", "runChange", "itemHover", "linkRun", "unlinkRun", "activatePane", "tableMounted"],
+  emits: ["search", "runChange", "itemHover", "linkRun", "unlinkRun", "activatePane", "tableMounted", "displayModeChange"],
   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-oi_l8dhA.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-Pev6yNEV.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-B6eunbxp.js").then((n) => n.iF), true ? __vite__mapDeps([1,2]) : void 0)
     );
     const LazyRunDataHtml = defineAsyncComponent(
       async () => await __vitePreload(() => Promise.resolve().then(() => RunDataHtml$1), true ? void 0 : void 0)
     );
+    const LazyRunDataAi = defineAsyncComponent(
+      async () => await __vitePreload(() => import("./RunDataParsedAiContent-D6MNLmT3.js"), true ? __vite__mapDeps([9,1,2,7,3,4,10]) : 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-C8orcAlP.js"), true ? __vite__mapDeps([11,1,2,12]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -3295,7 +3593,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("");
@@ -3317,14 +3614,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const node = toRef(props, "node");
     const pinnedData = usePinnedData(node, {
       runIndex: props.runIndex,
-      displayMode: props.paneType === "input" ? ndvStore.inputPanelDisplayMode : ndvStore.outputPanelDisplayMode
+      displayMode: props.displayMode
     });
     const { isSubNodeType } = useNodeType({
       node
     });
-    const displayMode = computed(
-      () => props.paneType === "input" ? ndvStore.inputPanelDisplayMode : ndvStore.outputPanelDisplayMode
-    );
     const isReadOnlyRoute = computed(() => route.meta.readOnlyCanvas === true);
     const isWaitNodeWaiting = computed(() => {
       return node.value?.name && workflowExecution.value?.data?.resultData?.runData?.[node.value?.name]?.[props.runIndex]?.executionStatus === "waiting";
@@ -3334,11 +3628,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!node.value) return null;
       return nodeTypesStore.getNodeType(node.value.type, node.value.typeVersion);
     });
-    const isSchemaView = computed(() => displayMode.value === "schema");
+    const isSchemaView = computed(() => props.displayMode === "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 +3678,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 +3793,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 +3805,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 +3863,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 +3893,19 @@ 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
     }));
+    const parsedAiContent = computed(
+      () => props.disableAiContent ? [] : parseAiContent(rawInputData.value, connectionType.value)
+    );
+    const hasParsedAiContent = computed(
+      () => parsedAiContent.value.some((prr) => prr.parsedContent?.parsed)
+    );
+    function setInputBranchIndex(value) {
+      if (props.paneType === "input") {
+        outputIndex.value = value;
+      }
+    }
     watch(node, (newNode, prevNode) => {
       if (newNode?.id === prevNode?.id) return;
       init();
@@ -3632,9 +3937,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       showPinDataDiscoveryTooltip(data);
     });
     watch(binaryData, (newData, prevData) => {
-      if (newData.length && !prevData.length && displayMode.value !== "binary") {
+      if (newData.length && !prevData.length && props.displayMode !== "binary") {
         switchToBinary();
-      } else if (!newData.length && displayMode.value === "binary") {
+      } else if (!newData.length && props.displayMode === "binary") {
         onDisplayModeChange("table");
       }
     });
@@ -3647,8 +3952,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(search2, (newSearch) => {
       emit("search", newSearch);
     });
+    watch(
+      hasParsedAiContent,
+      (hasAiContent) => {
+        if (hasAiContent && props.displayMode !== "ai") {
+          emit("displayModeChange", "ai");
+        }
+      },
+      { immediate: true }
+    );
     onMounted(() => {
       init();
+      ndvEventBus.on("setInputBranchIndex", setInputBranchIndex);
       if (!isPaneTypeInput.value) {
         showPinDataDiscoveryTooltip(jsonData.value);
       }
@@ -3681,6 +3996,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onBeforeUnmount(() => {
       hidePinDataDiscoveryTooltip();
+      ndvEventBus.off("setInputBranchIndex", setInputBranchIndex);
     });
     function getResolvedNodeOutputs() {
       if (node.value && nodeType.value) {
@@ -3713,12 +4029,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
@@ -3798,7 +4114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         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,
+        view: !hasNodeRun.value && !pinnedData.hasData.value ? "undefined" : props.displayMode,
         is_data_pinned: pinnedData.hasData.value
       });
     }
@@ -3832,7 +4148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         node_type: activeNode.value?.type,
         push_ref: props.pushRef,
         run_index: props.runIndex,
-        view: displayMode.value,
+        view: props.displayMode,
         type
       });
     }
@@ -3845,7 +4161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           node_type: activeNode.value?.type,
           push_ref: props.pushRef,
           run_index: props.runIndex,
-          view: !hasNodeRun.value && !pinnedData.hasData.value ? "none" : displayMode.value
+          view: !hasNodeRun.value && !pinnedData.hasData.value ? "none" : props.displayMode
         };
         void externalHooks.run("runData.onTogglePinData", telemetryPayload);
         telemetry.track("User clicked pin data icon", telemetryPayload);
@@ -3945,8 +4261,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     function onDisplayModeChange(newDisplayMode) {
-      const previous = displayMode.value;
-      ndvStore.setPanelDisplayMode({ pane: props.paneType, mode: newDisplayMode });
+      const previous = props.displayMode;
+      emit("displayModeChange", newDisplayMode);
       if (!userEnabledShowData.value) updateShowData();
       if (dataContainerRef.value) {
         const dataDisplay2 = dataContainerRef.value.children[0];
@@ -4000,7 +4316,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           runIndex,
           outputIndex2,
           props.paneType,
-          connectionType2
+          connectionType2,
+          workflowExecution.value
         );
       }
       if (inputData2.length === 0 || !Array.isArray(inputData2)) {
@@ -4057,15 +4374,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       connectionType.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"
-        });
+        emit("displayModeChange", "binary");
+      } else if (props.displayMode === "binary") {
+        emit("displayModeChange", "schema");
       }
     }
     function closeBinaryDataDisplay() {
@@ -4154,10 +4465,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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"
-        });
+        emit("displayModeChange", "html");
       }
     }
     function activatePane() {
@@ -4170,7 +4478,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 +4525,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 +4534,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",
@@ -4242,29 +4553,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search2.value = $event),
                   class: normalizeClass(_ctx.$style.search),
                   "pane-type": _ctx.paneType,
-                  "display-mode": displayMode.value,
+                  "display-mode": _ctx.displayMode,
                   "is-area-active": _ctx.isPaneActive,
                   onFocus: activatePane
                 }, null, 8, ["modelValue", "class", "pane-type", "display-mode", "is-area-active"])) : createCommentVNode("", true)
               ]),
               _: 1
             })),
-            withDirectives(createVNode(RunDataDisplayModeSelect, {
+            withDirectives(createVNode(_sfc_main$2, {
               class: normalizeClass(_ctx.$style.displayModeSelect),
               compact: props.compact,
-              value: displayMode.value,
+              value: _ctx.displayMode,
               "has-binary-data": binaryData.value.length > 0,
               "pane-type": _ctx.paneType,
               "node-generates-html": unref(activeNode)?.type === unref(HTML_NODE_TYPE) && unref(activeNode).parameters.operation === "generateHtmlTemplate",
+              "has-renderable-data": hasParsedAiContent.value,
               onChange: onDisplayModeChange
-            }, null, 8, ["class", "compact", "value", "has-binary-data", "pane-type", "node-generates-html"]), [
+            }, null, 8, ["class", "compact", "value", "has-binary-data", "pane-type", "node-generates-html", "has-renderable-data"]), [
               [
                 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 +4650,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 +4667,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: "",
@@ -4372,7 +4684,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           activeTaskMetadata.value && !(_ctx.paneType === "input" && hasInputOverwrite.value) ? (openBlock(), createBlock(ViewSubExecution, {
             key: 0,
             "task-metadata": activeTaskMetadata.value,
-            "display-mode": displayMode.value
+            "display-mode": _ctx.displayMode
           }, null, 8, ["task-metadata", "display-mode"])) : createCommentVNode("", true)
         ], 2)), [
           [vShow, !editMode2.value.enabled]
@@ -4396,7 +4708,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),
@@ -4420,12 +4732,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           activeTaskMetadata.value && !(_ctx.paneType === "input" && hasInputOverwrite.value) ? (openBlock(), createBlock(ViewSubExecution, {
             key: 1,
             "task-metadata": activeTaskMetadata.value,
-            "display-mode": displayMode.value
+            "display-mode": _ctx.displayMode
           }, null, 8, ["task-metadata", "display-mode"])) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.tabs)
           }, [
             createVNode(unref(N8nTabs), {
+              size: "small",
               "model-value": currentOutputIndex.value,
               options: branches.value,
               "onUpdate:modelValue": onBranchChange
@@ -4441,7 +4754,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           activeTaskMetadata.value && !(_ctx.paneType === "input" && hasInputOverwrite.value) ? (openBlock(), createBlock(ViewSubExecution, {
             key: 1,
             "task-metadata": activeTaskMetadata.value,
-            "display-mode": displayMode.value
+            "display-mode": _ctx.displayMode
           }, null, 8, ["task-metadata", "display-mode"])) : createCommentVNode("", true)
         ], 2)), [
           [vShow, !editMode2.value.enabled]
@@ -4460,7 +4773,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,10 +4820,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 2,
             class: normalizeClass(_ctx.$style.stretchVertically)
           }, [
-            createVNode(_sfc_main$9, {
+            createVNode(_sfc_main$a, {
+              compact: _ctx.compact,
               error: subworkflowExecutionError.value,
-              class: normalizeClass(_ctx.$style.errorDisplay)
-            }, null, 8, ["error", "class"])
+              class: normalizeClass(_ctx.$style.errorDisplay),
+              "show-details": ""
+            }, null, 8, ["compact", "error", "class"])
           ], 2)) : isWaitNodeWaiting.value ? (openBlock(), createElementBlock("div", {
             key: 3,
             class: normalizeClass(_ctx.$style.center)
@@ -4546,7 +4861,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 +4915,21 @@ 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),
+                compact: _ctx.compact
+              }, null, 8, ["error", "class", "compact"])) : 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", {
+              class: normalizeClass(_ctx.$style.dataDisplay),
+              compact: _ctx.compact,
+              "show-details": ""
+            }, null, 8, ["error", "class", "compact"])) : createCommentVNode("", true)
+          ], 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 +4966,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)
           }, [
@@ -4697,7 +5014,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               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", {
+          ], 2)) : hasNodeRun.value && _ctx.$slots["content"] ? renderSlot(_ctx.$slots, "content", { key: 13 }, void 0, true) : hasNodeRun.value && _ctx.displayMode === "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)
           }, [
@@ -4738,7 +5055,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })
-          ], 2)) : hasNodeRun.value && displayMode.value === "table" && node.value ? (openBlock(), createBlock(Suspense, { key: 16 }, {
+          ], 2)) : hasNodeRun.value && _ctx.displayMode === "table" && node.value ? (openBlock(), createBlock(Suspense, { key: 16 }, {
             default: withCtx(() => [
               createVNode(unref(LazyRunDataTable), {
                 node: node.value,
@@ -4751,13 +5068,15 @@ 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 }, {
+          })) : hasNodeRun.value && _ctx.displayMode === "json" && node.value ? (openBlock(), createBlock(Suspense, { key: 17 }, {
             default: withCtx(() => [
               createVNode(unref(LazyRunDataJson), {
                 "pane-type": _ctx.paneType,
@@ -4770,16 +5089,26 @@ 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 }, {
+          })) : hasNodeRun.value && isPaneTypeOutput.value && _ctx.displayMode === "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 }, {
+          })) : hasNodeRun.value && _ctx.displayMode === "ai" ? (openBlock(), createBlock(Suspense, { key: 19 }, {
+            default: withCtx(() => [
+              createVNode(unref(LazyRunDataAi), {
+                "render-type": "rendered",
+                compact: _ctx.compact,
+                content: parsedAiContent.value
+              }, null, 8, ["compact", "content"])
+            ]),
+            _: 1
+          })) : (hasNodeRun.value || unref(hasPreviewSchema)) && isSchemaView.value ? (openBlock(), createBlock(Suspense, { key: 20 }, {
             default: withCtx(() => [
               createVNode(unref(LazyRunDataSchema), {
                 nodes: _ctx.nodes,
@@ -4788,17 +5117,16 @@ 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", {
-            key: 20,
+          })) : _ctx.displayMode === "binary" && binaryData.value.length === 0 ? (openBlock(), createElementBlock("div", {
+            key: 21,
             class: normalizeClass(_ctx.$style.center)
           }, [
             createVNode(unref(N8nText), {
@@ -4810,8 +5138,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })
-          ], 2)) : displayMode.value === "binary" ? (openBlock(), createElementBlock("div", {
-            key: 21,
+          ], 2)) : _ctx.displayMode === "binary" ? (openBlock(), createElementBlock("div", {
+            key: 22,
             class: normalizeClass(_ctx.$style.dataDisplay)
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(binaryData.value, (binaryDataEntry, index) => {
@@ -4942,56 +5270,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]);
             }), 128))
           ], 2)) : !hasNodeRun.value ? (openBlock(), createElementBlock("div", {
-            key: 22,
+            key: 23,
             class: normalizeClass(_ctx.$style.center)
           }, [
             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 && _ctx.displayMode !== "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 +5294,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 +5339,6 @@ const style0 = {
   header,
   compact,
   dataContainer,
-  "actions-group": "_actions-group_12zhg_181",
   dataDisplay,
   inlineError,
   outputs,
@@ -5059,8 +5349,6 @@ const style0 = {
   runSelectorInner,
   runSelectorSelect,
   search,
-  pagination,
-  pageSizeSelector,
   binaryIndex,
   binaryRow,
   binaryCell,
@@ -5079,26 +5367,30 @@ 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-ba7b70a3"]]);
 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,
+  parseAiContent as p
 };