n8n-editor-ui 1.91.0 → 1.92.0

package/dist/assets/{RunData-DcTRJlPx.js → RunData-Bx47sNQp.js}

@@ -1,7 +1,7 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-DXZeWFoe.js","assets/index-B7FgXPOI.js","assets/index-sq5ggyEC.css","assets/useExecutionHelpers-BWNgdgwx.js","assets/dateFormatter-yaAmYK7_.js","assets/RunDataTable-CUxj7dHx.css","assets/RunDataJson-ZWzRQWbP.js","assets/FileSaver.min-DmkzTNV9.js","assets/RunDataJson-BH9HLoGC.css","assets/RunDataSearch-DGVT04w4.js","assets/RunDataSearch-R6qtl0Jf.css"])))=>i.map(i=>d[i]);
-import { dI as hasKey, cq as getDefaultExportFromCjs, dJ as AGENT_LANGCHAIN_NODE_TYPE, b1 as isRef, dK as isReactive, dL as isProxy, da as toRaw, d as defineComponent, bf as useClipboard, a as useToast, dM as useAIAssistantHelpers, bz as useNodeTypesStore, as as useNDVStore, Z as useRootStore, dr as useAssistantStore, H as useUIStore, q as computed, dN as MAX_DISPLAY_DATA_SIZE, dO as isCommunityPackageName, c as useI18n, h as resolveComponent, ch as resolveDirective, i as createElementBlock, g as openBlock, k as createBaseVNode, f as createCommentVNode, aA as withDirectives, t as toDisplayString, j as createVNode, m as unref, dP as InlineAskAssistantButton, w as withCtx, aT as _sfc_main$b, l as createTextVNode, F as Fragment, D as renderList, dQ as NEW_ASSISTANT_SESSION_MODAL, cn as sanitizeHtml, be as N8nText, b2 as withModifiers, n as normalizeClass, _ as _export_sfc, dR as requireVue, dS as sanitizeHtml$1, dT as sanitizeHtmlExports, r as ref, Q as useWorkflowsStore, o as onMounted, bZ as jsonParse, e as createBlock, bA as useNodeHelpers, aR as N8nTooltip, aS as N8nLink, bG as N8nRadioButtons, aV as createSlots, bE as N8nIcon, bm as NodeConnectionTypes, a0 as useSourceControlStore, dz as useSchemaPreviewStore, au as usePostHog, R as useRoute, bN as toRef, bq as usePinnedData, dU as useNodeType, cM as storeToRefs, dV as TRIMMED_TASK_DATA_CONNECTIONS_KEY, dW as executionDataToJson, dX as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, dY as CORE_NODES_CATEGORY, dZ as SCHEMA_PREVIEW_EXPERIMENT, d_ as computedAsync, X as watch, bH as ndvEventBus, ag as useTelemetry, y as onBeforeUnmount, aJ as useStorage, d$ as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, e0 as dataPinningEventBus, e1 as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, e2 as searchInObject, bx as getConnectionTypes, e3 as isObject, e4 as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, e5 as HTML_NODE_TYPE, x as renderSlot, c3 as N8nCallout, e6 as DATA_PINNING_DOCS_URL, aB as vShow, c1 as Suspense, c2 as defineAsyncComponent, b4 as normalizeProps, b7 as mergeProps, bg as N8nButton, e7 as _sfc_main$c, e8 as N8nSelect, e9 as N8nTabs, b5 as guardReactiveProps, ea as _sfc_main$d, eb as JsonEditor, ec as DATA_EDITING_DOCS_URL, dk as InfoTip, ed as N8nBlockUi, ao as __vitePreload, ee as isPresent, by as getNodeOutputs, ef as getGenericHints, eg as clearJsonKey, eh as TEST_PIN_DATA, aP as useExternalHooks, ei as isEmpty, ej as isEqual } from "./index-B7FgXPOI.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-DmkzTNV9.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-BWNgdgwx.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"
@@ -1778,8 +1778,8 @@ function findLogEntryToAutoSelectRec(data, subTree, depth) {
   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;
@@ -1802,7 +1802,14 @@ 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));
     }
@@ -1828,131 +1835,131 @@ function flattenLogEntries(entries, collapsedEntryIds, ret = []) {
   }
   return ret;
 }
-const _hoisted_1$8 = { class: "node-error-view" };
-const _hoisted_2$4 = { class: "node-error-view__header" };
-const _hoisted_3$3 = {
+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 _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) {
@@ -2254,15 +2261,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       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",
@@ -2272,23 +2281,23 @@ const _sfc_main$a = /* @__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, [
+                createBaseVNode("div", _hoisted_9$2, [
                   createVNode(unref(_sfc_main$b), {
                     icon: "copy",
                     type: "secondary",
@@ -2302,9 +2311,9 @@ const _sfc_main$a = /* @__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"
@@ -2313,16 +2322,16 @@ const _sfc_main$a = /* @__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, [
@@ -2332,25 +2341,25 @@ const _sfc_main$a = /* @__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)
                     ])
@@ -2358,75 +2367,75 @@ const _sfc_main$a = /* @__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)
@@ -2434,10 +2443,155 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])) : createCommentVNode("", true)
-      ]);
+      ], 2);
     };
   }
 });
+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: {
@@ -3206,7 +3360,7 @@ const cssModules$2 = {
   "$style": style0$2
 };
 const RunDataItemCount = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$2]]);
-const _hoisted_1$1 = { key: 5 };
+const _hoisted_1$1 = { key: 6 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "RunDataDisplayModeSelect",
   props: {
@@ -3214,7 +3368,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     value: {},
     hasBinaryData: { type: Boolean },
     paneType: {},
-    nodeGeneratesHtml: { type: Boolean }
+    nodeGeneratesHtml: { type: Boolean },
+    hasRenderableData: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -3232,8 +3387,20 @@ const _sfc_main$2 = /* @__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,
@@ -3266,6 +3433,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               key: 4,
               icon: "html",
               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"
@@ -3368,6 +3539,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     executingMessage: {},
     pushRef: {},
     paneType: {},
+    displayMode: {},
     noDataInBranchMessage: {},
     node: { default: null },
     nodes: { default: () => [] },
@@ -3387,24 +3559,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disablePin: { type: Boolean, default: false },
     compact: { type: Boolean, default: false },
     tableHeaderBgColor: { default: "base" },
-    disableHoverHighlight: { type: Boolean, default: false }
+    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-DXZeWFoe.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-ZWzRQWbP.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-B7FgXPOI.js").then((n) => n.iA), 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-DGVT04w4.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;
@@ -3438,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";
@@ -3455,7 +3628,7 @@ 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 hasMultipleInputNodes = computed(() => props.paneType === "input" && props.nodes.length > 0);
     const displaysMultipleNodes = computed(() => isSchemaView.value && hasMultipleInputNodes.value);
@@ -3722,6 +3895,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       unfilteredDataCount: unfilteredDataCount.value,
       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;
@@ -3758,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");
       }
     });
@@ -3773,6 +3952,15 @@ 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);
@@ -3926,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
       });
     }
@@ -3960,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
       });
     }
@@ -3973,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);
@@ -4073,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];
@@ -4186,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() {
@@ -4283,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() {
@@ -4374,7 +4553,7 @@ 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)
@@ -4384,12 +4563,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             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 || hasMultipleInputNodes.value) && !editMode2.value.enabled
@@ -4504,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]
@@ -4552,7 +4732,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),
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.tabs)
@@ -4574,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]
@@ -4641,9 +4821,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.stretchVertically)
           }, [
             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)
@@ -4737,14 +4919,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 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$a, {
               key: 2,
               error: workflowRunErrorAsNodeError.value,
-              class: normalizeClass(_ctx.$style.dataDisplay)
-            }, null, 8, ["error", "class"])) : createCommentVNode("", true)
+              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)
@@ -4830,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)
           }, [
@@ -4871,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,
@@ -4892,7 +5076,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 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,
@@ -4910,12 +5094,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 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,
@@ -4932,8 +5125,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 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), {
@@ -4945,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) => {
@@ -5077,13 +5270,13 @@ 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(), createBlock(RunDataPaginationBar, {
+        _ctx.hidePagination === false && hasNodeRun.value && !hasRunError.value && _ctx.displayMode !== "binary" && dataCount.value > pageSize.value && !isSchemaView.value && !isArtificialRecoveredEventItem.value ? withDirectives((openBlock(), createBlock(RunDataPaginationBar, {
           key: 8,
           "current-page": currentPage.value,
           "page-size": pageSize.value,
@@ -5180,7 +5373,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const RunData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-5b056086"]]);
+const RunData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-ba7b70a3"]]);
 export {
   HighlightJS as H,
   RunData as R,
@@ -5198,5 +5391,6 @@ export {
   createAiData as j,
   getTreeNodeData as k,
   getReferencedData as l,
-  VueJsonPretty as m
+  VueJsonPretty as m,
+  parseAiContent as p
 };