n8n-editor-ui 1.97.1 → 1.98.0

package/dist/assets/{RunData-u5uBr_cv.js → RunData-D_KDVdF4.js}

@@ -1,7 +1,7 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-CQghTfxP.js","assets/index-HDYArLT1.js","assets/index-B4xpaMaK.css","assets/useExecutionHelpers-Dulw8xCc.js","assets/RunDataTable-CUxj7dHx.css","assets/RunDataJson-CeZYY8D_.js","assets/FileSaver.min-Bv-Q_h7m.js","assets/RunDataJson-BH9HLoGC.css","assets/RunDataParsedAiContent-C1lte0Et.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/RunDataSearch-BP_FSk35.js","assets/RunDataSearch-R6qtl0Jf.css"])))=>i.map(i=>d[i]);
-import { eZ as hasKey, cb as getDefaultExportFromCjs, d as defineComponent, r as ref, e_ as MarkdownIt, q as computed, aq as h, b2 as isRef, e$ as isReactive, f0 as isProxy, er as toRaw, f1 as AGENT_LANGCHAIN_NODE_TYPE, bg as useClipboard, a as useToast, f2 as useAIAssistantHelpers, bz as useNodeTypesStore, as as useNDVStore, Z as useRootStore, eN as useAssistantStore, H as useUIStore, f3 as MAX_DISPLAY_DATA_SIZE, eP as isCommunityPackageName, c as useI18n, h as resolveComponent, bN 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, f4 as InlineAskAssistantButton, w as withCtx, aT as _sfc_main$b, l as createTextVNode, F as Fragment, D as renderList, f5 as NEW_ASSISTANT_SESSION_MODAL, cT as sanitizeHtml, by as NodeConnectionTypes, f6 as isObjectEmpty, bf as N8nText, b3 as withModifiers, _ as _export_sfc, f7 as requireVue, f8 as sanitizeHtml$1, f9 as sanitizeHtmlExports, Q as useWorkflowsStore, o as onMounted, dd as jsonParse, e as createBlock, bA as useNodeHelpers, aR as N8nTooltip, aS as N8nLink, X as watch, bM as N8nRadioButtons, aV as createSlots, bJ as N8nIcon, a0 as useSourceControlStore, eO as useSchemaPreviewStore, R as useRoute, bL as toRef, bl as usePinnedData, fa as useNodeType, e1 as storeToRefs, fb as TRIMMED_TASK_DATA_CONNECTIONS_KEY, fc as executionDataToJson, fd as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, fe as CORE_NODES_CATEGORY, ff as computedAsync, bW as ndvEventBus, ag as useTelemetry, y as onBeforeUnmount, aJ as useStorage, fg as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, fh as dataPinningEventBus, fi as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, fj as searchInObject, bw as getConnectionTypes, fk as isObject, fl as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, fm as HTML_NODE_TYPE, x as renderSlot, dl as N8nCallout, fn as DATA_PINNING_DOCS_URL, aB as vShow, cN as Suspense, dk as defineAsyncComponent, b5 as normalizeProps, b8 as mergeProps, bh as N8nButton, fo as _sfc_main$c, fp as N8nSelect, fq as N8nTabs, b6 as guardReactiveProps, fr as _sfc_main$d, fs as JsonEditor, ft as DATA_EDITING_DOCS_URL, eB as InfoTip, fu as N8nBlockUi, ao as __vitePreload, c6 as isPresent, bx as getNodeOutputs, fv as getGenericHints, fw as clearJsonKey, fx as TEST_PIN_DATA, aP as useExternalHooks, fy as isEmpty, cK as isEqual } from "./index-HDYArLT1.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-Bv-Q_h7m.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-Dulw8xCc.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-CSRGOCHh.js","assets/index-Bpsc-Tmx.js","assets/index-B-xWz5mo.css","assets/useExecutionHelpers-nG7T98Lv.js","assets/RunDataTable-CUxj7dHx.css","assets/RunDataJson-LDc1ImEr.js","assets/FileSaver.min-sGd5mes-.js","assets/RunDataJson-BH9HLoGC.css","assets/RunDataParsedAiContent-BU8uoK2N.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/RunDataSearch-DGVpnOkl.js","assets/RunDataSearch-R6qtl0Jf.css"])))=>i.map(i=>d[i]);
+import { fF as hasKey, d as defineComponent, i as createElementBlock, g as openBlock, j as createVNode, k as createBaseVNode, m as unref, br as N8nText, w as withCtx, l as createTextVNode, t as toDisplayString, c as useI18n, bv as formatTokenUsageCount, bw as getDefaultExportFromCjs, r as ref, fG as MarkdownIt, q as computed, au as h, fH as requireVue, fI as sanitizeHtml, fJ as sanitizeHtmlExports, _ as _export_sfc, P as useWorkflowsStore, o as onMounted, e2 as jsonParse, fK as base64DecodeUTF8, e as createBlock, n as normalizeClass, bn as useNodeHelpers, h as resolveComponent, f as createCommentVNode, bB as withModifiers, bU as useClipboard, a as useToast, fL as useAIAssistantHelpers, bt as useNodeTypesStore, aw as useNDVStore, Y as useRootStore, fw as useAssistantStore, G as useUIStore, fM as MAX_DISPLAY_DATA_SIZE, cO as isCommunityPackageName, bV as resolveDirective, aE as withDirectives, fN as InlineAskAssistantButton, aX as _sfc_main$b, F as Fragment, C as renderList, fO as NEW_ASSISTANT_SESSION_MODAL, dK as sanitizeHtml$1, aV as N8nTooltip, aW as N8nLink, W as watch, bJ as N8nRadioButtons, aZ as createSlots, bE as N8nIcon, $ as useSourceControlStore, fx as useSchemaPreviewStore, Q as useRoute, bH as toRef, bl as usePinnedData, fP as useNodeType, eL as storeToRefs, fQ as TRIMMED_TASK_DATA_CONNECTIONS_KEY, bb as NodeConnectionTypes, fR as executionDataToJson, fS as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, fT as CORE_NODES_CATEGORY, fU as computedAsync, fV as parseAiContent, c9 as ndvEventBus, ai as useTelemetry, v as onBeforeUnmount, aN as useStorage, fW as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, fX as dataPinningEventBus, fY as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, fZ as searchInObject, d9 as getConnectionTypes, f_ as isObject, f$ as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, g0 as HTML_NODE_TYPE, x as renderSlot, e9 as N8nCallout, g1 as DATA_PINNING_DOCS_URL, aF as vShow, dD as Suspense, e8 as defineAsyncComponent, bM as normalizeProps, bI as mergeProps, bF as N8nButton, g2 as N8nSelect, g3 as _sfc_main$c, g4 as N8nTabs, bN as guardReactiveProps, g5 as _sfc_main$d, g6 as JsonEditor, fj as InfoTip, g7 as DATA_EDITING_DOCS_URL, g8 as N8nBlockUi, as as __vitePreload, dI as getNodeOutputs, g9 as getGenericHints, ga as clearJsonKey, gb as TEST_PIN_DATA, aT as useExternalHooks, cl as isPresent, gc as isEmpty, d3 as isEqual } from "./index-Bpsc-Tmx.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-sGd5mes-.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-nG7T98Lv.js";
 function responseHasSubworkflowData(response) {
   return ["executionId", "workflowId"].every(
     (x) => hasKey(response, x) && typeof response[x] === "string"
@@ -43,6 +43,46 @@ const ViewableMimeTypes = [
   "video/ogg",
   "video/webm"
 ];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "ConsumedTokensDetails",
+  props: {
+    consumedTokens: {}
+  },
+  setup(__props) {
+    const i18n = useI18n();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(unref(N8nText), {
+          bold: true,
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens.prompt")) + " " + toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
+              interpolate: {
+                count: unref(formatTokenUsageCount)(_ctx.consumedTokens, "prompt")
+              }
+            })), 1)
+          ]),
+          _: 1
+        }),
+        _cache[0] || (_cache[0] = createBaseVNode("br", null, null, -1)),
+        createVNode(unref(N8nText), {
+          bold: true,
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens.completion")) + " " + toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
+              interpolate: {
+                count: unref(formatTokenUsageCount)(_ctx.consumedTokens, "completion")
+              }
+            })), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
 var core;
 var hasRequiredCore;
 function requireCore() {
@@ -1608,1286 +1648,45 @@ const VueMarkdown = defineComponent({
     return () => h("div", { innerHTML: content.value });
   }
 });
-function createNode(parent, nodeName, currentDepth, runIndex, r, children = []) {
-  return {
-    parent,
-    node: nodeName,
-    id: `${nodeName}:${runIndex}`,
-    depth: currentDepth,
-    startTime: r?.data?.metadata?.startTime ?? 0,
-    runIndex,
-    children,
-    consumedTokens: getConsumedTokens(r?.data)
-  };
-}
-function getTreeNodeData(nodeName, workflow, aiData, runIndex) {
-  return getTreeNodeDataRec(void 0, nodeName, 0, workflow, aiData, runIndex);
-}
-function getTreeNodeDataRec(parent, nodeName, currentDepth, workflow, aiData, runIndex) {
-  const connections = workflow.connectionsByDestinationNode[nodeName];
-  const resultData = aiData?.filter(
-    (data) => data.node === nodeName && (runIndex === void 0 || runIndex === data.runIndex)
-  ) ?? [];
-  if (!connections) {
-    return resultData.map((d) => createNode(parent, nodeName, currentDepth, d.runIndex, d));
-  }
-  const filteredAiData = currentDepth === 0 ? aiData?.filter(({ data }) => {
-    if (!data?.source || data.source.every((source) => source === null)) {
-      return true;
-    }
-    return data.source.some(
-      (source) => source?.previousNode === nodeName && (runIndex === void 0 || source.previousNodeRun === runIndex)
-    );
-  }) : aiData;
-  const connectedSubNodes = workflow.getParentNodes(nodeName, "ALL_NON_MAIN", 1);
-  const treeNode = createNode(parent, nodeName, currentDepth, runIndex ?? 0);
-  const children = (filteredAiData ?? []).flatMap(
-    (data) => connectedSubNodes.includes(data.node) && (runIndex === void 0 || data.runIndex === runIndex) ? getTreeNodeDataRec(treeNode, data.node, currentDepth + 1, workflow, aiData, data.runIndex) : []
-  );
-  treeNode.children = children;
-  if (resultData.length) {
-    return resultData.map(
-      (r) => createNode(parent, nodeName, currentDepth, r.runIndex, r, children)
-    );
-  }
-  return [treeNode];
-}
-function createAiData(nodeName, workflow, getWorkflowResultDataByNodeName) {
-  return workflow.getParentNodes(nodeName, "ALL_NON_MAIN").flatMap(
-    (node) => (getWorkflowResultDataByNodeName(node) ?? []).map((task, index) => ({ node, task, index }))
-  ).sort((a, b) => {
-    if (a.task.executionIndex !== void 0 && b.task.executionIndex !== void 0) {
-      return a.task.executionIndex - b.task.executionIndex;
-    }
-    const aTime = a.task.startTime ?? 0;
-    const bTime = b.task.startTime ?? 0;
-    return aTime - bTime;
-  }).map(({ node, task, index }) => ({
-    data: getReferencedData(task, false)[0],
-    node,
-    runIndex: index
-  }));
-}
-function getReferencedData(taskData, withInput, withOutput) {
-  if (!taskData) {
-    return [];
-  }
-  const returnData = [];
-  function addFunction(data, inOut) {
-    if (!data) {
-      return;
-    }
-    Object.keys(data).map((type) => {
-      returnData.push({
-        data: data[type][0],
-        inOut,
-        type,
-        // Include source information in AI content to track which node triggered the execution
-        // This enables filtering in the UI to show only relevant executions
-        source: taskData.source,
-        metadata: {
-          executionTime: taskData.executionTime,
-          startTime: taskData.startTime,
-          subExecution: taskData.metadata?.subExecution
+var vueJsonPretty$1 = { exports: {} };
+var vueJsonPretty = vueJsonPretty$1.exports;
+var hasRequiredVueJsonPretty;
+function requireVueJsonPretty() {
+  if (hasRequiredVueJsonPretty) return vueJsonPretty$1.exports;
+  hasRequiredVueJsonPretty = 1;
+  (function(module, exports) {
+    !function(e, t) {
+      module.exports = t(requireVue());
+    }(vueJsonPretty, function(e) {
+      return function() {
+        var t = { 789: function(t2) {
+          t2.exports = e;
+        } }, n = {};
+        function o(e2) {
+          var r2 = n[e2];
+          if (void 0 !== r2) return r2.exports;
+          var l = n[e2] = { exports: {} };
+          return t[e2](l, l.exports, o), l.exports;
         }
-      });
-    });
-  }
-  if (withInput) {
-    addFunction(taskData.inputOverride, "input");
-  }
-  {
-    addFunction(taskData.data, "output");
-  }
-  return returnData;
-}
-const emptyTokenUsageData = {
-  completionTokens: 0,
-  promptTokens: 0,
-  totalTokens: 0,
-  isEstimate: false
-};
-function addTokenUsageData(one, another) {
-  return {
-    completionTokens: one.completionTokens + another.completionTokens,
-    promptTokens: one.promptTokens + another.promptTokens,
-    totalTokens: one.totalTokens + another.totalTokens,
-    isEstimate: one.isEstimate || another.isEstimate
-  };
-}
-function getConsumedTokens(outputRun) {
-  if (!outputRun?.data) {
-    return emptyTokenUsageData;
-  }
-  const tokenUsage = outputRun.data.reduce(
-    (acc, curr) => {
-      const tokenUsageData = curr.json?.tokenUsage ?? curr.json?.tokenUsageEstimate;
-      if (!tokenUsageData) return acc;
-      return addTokenUsageData(acc, {
-        ...tokenUsageData,
-        isEstimate: !!curr.json.tokenUsageEstimate
-      });
-    },
-    emptyTokenUsageData
-  );
-  return tokenUsage;
-}
-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(node, context, runIndex, runData, children = []) {
-  return {
-    parent: context.parent,
-    node,
-    id: `${context.workflow.id}:${node.name}:${context.executionId}:${runIndex}`,
-    depth: context.depth,
-    runIndex,
-    runData,
-    children,
-    consumedTokens: getConsumedTokensV2(runData),
-    workflow: context.workflow,
-    executionId: context.executionId,
-    execution: context.data
-  };
-}
-function getTreeNodeDataV2(nodeName, runData, runIndex, context) {
-  const node = context.workflow.getNode(nodeName);
-  return node ? getTreeNodeDataRecV2(node, runData, context, runIndex) : [];
-}
-function getChildNodes(treeNode, node, runIndex, context) {
-  if (hasSubExecution(treeNode)) {
-    const workflowId = treeNode.runData.metadata?.subExecution?.workflowId;
-    const executionId = treeNode.runData.metadata?.subExecution?.executionId;
-    const workflow = workflowId ? context.workflows[workflowId] : void 0;
-    const subWorkflowRunData = executionId ? context.subWorkflowData[executionId] : void 0;
-    if (!workflow || !subWorkflowRunData || !executionId) {
-      return [];
-    }
-    return createLogTreeRec({
-      ...context,
-      parent: treeNode,
-      depth: context.depth + 1,
-      workflow,
-      executionId,
-      data: subWorkflowRunData
-    });
-  }
-  const connectedSubNodes = context.workflow.getParentNodes(node.name, "ALL_NON_MAIN", 1);
-  const isExecutionRoot = treeNode.parent === void 0 || treeNode.executionId !== treeNode.parent.executionId;
-  return connectedSubNodes.flatMap(
-    (subNodeName) => (context.data.resultData.runData[subNodeName] ?? []).flatMap((t, index) => {
-      const isMatched = isExecutionRoot && t.source.some((source) => source !== null) ? t.source.some(
-        (source) => source?.previousNode === node.name && (runIndex === void 0 || source.previousNodeRun === runIndex)
-      ) : runIndex === void 0 || index === runIndex;
-      if (!isMatched) {
-        return [];
-      }
-      const subNode = context.workflow.getNode(subNodeName);
-      return subNode ? getTreeNodeDataRecV2(
-        subNode,
-        t,
-        { ...context, depth: context.depth + 1, parent: treeNode },
-        index
-      ) : [];
-    })
-  );
-}
-function getTreeNodeDataRecV2(node, runData, context, runIndex) {
-  const treeNode = createNodeV2(node, context, runIndex ?? 0, runData);
-  const children = getChildNodes(treeNode, node, runIndex, context).sort(sortLogEntries);
-  treeNode.children = children;
-  return [treeNode];
-}
-function getTotalConsumedTokens(...usage) {
-  return usage.reduce(addTokenUsageData, emptyTokenUsageData);
-}
-function getSubtreeTotalConsumedTokens(treeNode, includeSubWorkflow) {
-  const executionId = treeNode.executionId;
-  function calculate(currentNode) {
-    if (!includeSubWorkflow && currentNode.executionId !== executionId) {
-      return emptyTokenUsageData;
-    }
-    return getTotalConsumedTokens(
-      currentNode.consumedTokens,
-      ...currentNode.children.map(calculate)
-    );
-  }
-  return calculate(treeNode);
-}
-function findLogEntryToAutoSelectRec(subTree, depth) {
-  for (const entry of subTree) {
-    if (entry.runData?.error) {
-      return entry;
-    }
-    const childAutoSelect = findLogEntryToAutoSelectRec(entry.children, depth + 1);
-    if (childAutoSelect) {
-      return childAutoSelect;
-    }
-    if (entry.node.type === AGENT_LANGCHAIN_NODE_TYPE) {
-      return entry;
-    }
-  }
-  return depth === 0 ? subTree[0] : void 0;
-}
-function createLogTree(workflow, response, workflows = {}, subWorkflowData = {}) {
-  return createLogTreeRec({
-    parent: void 0,
-    depth: 0,
-    executionId: response.id,
-    workflow,
-    workflows,
-    data: response.data ?? { resultData: { runData: {} } },
-    subWorkflowData
-  });
-}
-function createLogTreeRec(context) {
-  const runs = Object.entries(context.data.resultData.runData).flatMap(
-    ([nodeName, taskData]) => context.workflow.getChildNodes(nodeName, "ALL_NON_MAIN").length > 0 || context.workflow.getNode(nodeName)?.disabled ? [] : taskData.map((task, runIndex) => ({
-      nodeName,
-      runData: task,
-      runIndex,
-      nodeHasMultipleRuns: taskData.length > 1
-    }))
-  ).sort(sortLogEntries);
-  return runs.flatMap(
-    ({ nodeName, runIndex, runData, nodeHasMultipleRuns }) => getTreeNodeDataV2(nodeName, runData, nodeHasMultipleRuns ? runIndex : void 0, context)
-  );
-}
-function findLogEntryRec(isMatched, entries) {
-  for (const entry of entries) {
-    if (isMatched(entry)) {
-      return entry;
-    }
-    const child = findLogEntryRec(isMatched, entry.children);
-    if (child) {
-      return child;
-    }
-  }
-  return void 0;
-}
-function findSelectedLogEntry(selection, entries) {
-  switch (selection.type) {
-    case "initial":
-      return findLogEntryToAutoSelectRec(entries, 0);
-    case "none":
-      return void 0;
-    case "selected": {
-      const entry = findLogEntryRec((e) => e.id === selection.id, entries);
-      if (entry) {
-        return entry;
-      }
-      return findLogEntryToAutoSelectRec(entries, 0);
-    }
-  }
-}
-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;
-}
-function getEntryAtRelativeIndex(entries, id, relativeIndex) {
-  const offset = entries.findIndex((e) => e.id === id);
-  return offset === -1 ? void 0 : entries[offset + relativeIndex];
-}
-function sortLogEntries(a, b) {
-  if (a.runData.startTime === b.runData.startTime) {
-    return a.runData.executionIndex - b.runData.executionIndex;
-  }
-  return a.runData.startTime - b.runData.startTime;
-}
-function mergeStartData(startData, response) {
-  if (!response.data) {
-    return response;
-  }
-  const nodeNames = [
-    ...new Set(
-      Object.keys(startData).concat(Object.keys(response.data.resultData.runData))
-    ).values()
-  ];
-  const runData = Object.fromEntries(
-    nodeNames.map((nodeName) => {
-      const tasks = response.data?.resultData.runData[nodeName] ?? [];
-      const mergedTasks = tasks.concat(
-        (startData[nodeName] ?? []).filter(
-          (task) => (
-            // To remove duplicate runs, we check start time in addition to execution index
-            // because nodes such as Wait and Form emits multiple websocket events with
-            // different execution index for a single run
-            tasks.every(
-              (t) => t.startTime < task.startTime && t.executionIndex !== task.executionIndex
-            )
-          )
-        ).map((task) => ({
-          ...task,
-          executionTime: 0,
-          executionStatus: "running"
-        }))
-      );
-      return [nodeName, mergedTasks];
-    })
-  );
-  return {
-    ...response,
-    data: {
-      ...response.data,
-      resultData: {
-        ...response.data.resultData,
-        runData
-      }
-    }
-  };
-}
-function hasSubExecution(entry) {
-  return !!entry.runData.metadata?.subExecution;
-}
-function getDepth(entry) {
-  let depth = 0;
-  let currentEntry = entry;
-  while (currentEntry.parent !== void 0) {
-    currentEntry = currentEntry.parent;
-    depth++;
-  }
-  return depth;
-}
-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_3$3 = {
-  key: 0,
-  "data-test-id": "node-error-description",
-  class: "node-error-view__header-description"
-};
-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_6$2 = {
-  key: 0,
-  class: "node-error-view__info"
-};
-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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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) {
-    const props = __props;
-    const clipboard = useClipboard();
-    const toast = useToast();
-    const i18n = useI18n();
-    const assistantHelpers = useAIAssistantHelpers();
-    const nodeTypesStore = useNodeTypesStore();
-    const ndvStore = useNDVStore();
-    const rootStore = useRootStore();
-    const assistantStore = useAssistantStore();
-    const uiStore = useUIStore();
-    const displayCause = computed(() => {
-      return JSON.stringify(props.error.cause ?? "").length < MAX_DISPLAY_DATA_SIZE;
-    });
-    const node = computed(() => {
-      return props.error.node || ndvStore.activeNode;
-    });
-    const parameters = computed(() => {
-      if (!node.value) {
-        return [];
-      }
-      const nodeType = nodeTypesStore.getNodeType(node.value.type, node.value.typeVersion);
-      if (nodeType === null) {
-        return [];
-      }
-      return nodeType.properties;
-    });
-    const n8nVersion = computed(() => {
-      const baseUrl = rootStore.urlBaseEditor;
-      let instanceType = "Self Hosted";
-      if (baseUrl.includes("n8n.cloud")) {
-        instanceType = "Cloud";
-      }
-      return rootStore.versionCli + ` (${instanceType})`;
-    });
-    const hasManyInputItems = computed(() => {
-      return ndvStore.ndvInputData.length > 1;
-    });
-    const nodeDefaultName = computed(() => {
-      if (!node.value) {
-        return "Node";
-      }
-      const nodeType = nodeTypesStore.getNodeType(node.value.type, node.value.typeVersion);
-      return nodeType?.defaults?.name || node.value.name;
-    });
-    const prepareRawMessages = computed(() => {
-      const returnData = [];
-      if (!props.error.messages?.length) {
-        return [];
-      }
-      const errorMessage = getErrorMessage();
-      Array.from(new Set(props.error.messages)).forEach((message) => {
-        const isParsable = /^\d{3} - \{/.test(message);
-        const parts = isParsable ? message.split(" - ").map((part) => part.trim()) : [];
-        for (const part of parts) {
-          try {
-            const parsed = JSON.parse(part);
-            if (typeof parsed === "object") {
-              returnData.push(parsed);
-              return;
-            }
-          } catch (error) {
-          }
-        }
-        if (message === errorMessage) return;
-        returnData.push(message);
-      });
-      return returnData;
-    });
-    const isAskAssistantAvailable = computed(() => {
-      if (!node.value || isSubNodeError.value) {
-        return false;
-      }
-      const isCustomNode = node.value.type === void 0 || isCommunityPackageName(node.value.type);
-      return assistantStore.canShowAssistantButtonsOnCanvas && !isCustomNode && !nodeIsHidden();
-    });
-    const assistantAlreadyAsked = computed(() => {
-      return assistantStore.isNodeErrorActive({
-        error: assistantHelpers.simplifyErrorForAssistant(props.error),
-        node: props.error.node || ndvStore.activeNode
-      });
-    });
-    const isSubNodeError = computed(() => {
-      return props.error.name === "NodeOperationError" && props.error.functionality === "configuration-node";
-    });
-    function nodeVersionTag(nodeType) {
-      if (!nodeType || "hidden" in nodeType && nodeType.hidden) {
-        return i18n.baseText("nodeSettings.deprecated");
-      }
-      const latestNodeVersion = Math.max(...nodeTypesStore.getNodeVersions(nodeType.type));
-      if (latestNodeVersion === nodeType.typeVersion) {
-        return i18n.baseText("nodeSettings.latest");
-      }
-      return i18n.baseText("nodeSettings.latestVersion", {
-        interpolate: { version: latestNodeVersion.toString() }
-      });
-    }
-    function prepareDescription(description) {
-      return sanitizeHtml(description.replace(/`(.*?)`/g, "<code>$1</code>"));
-    }
-    function getErrorDescription() {
-      if (props.error.context?.descriptionKey) {
-        const interpolate = {
-          nodeCause: props.error.context.nodeCause,
-          runIndex: props.error.context.runIndex ?? "0",
-          itemIndex: props.error.context.itemIndex ?? "0"
-        };
-        return prepareDescription(
-          i18n.baseText(
-            `nodeErrorView.description.${props.error.context.descriptionKey}`,
-            { interpolate }
-          )
-        );
-      }
-      if (!props.error.context?.descriptionTemplate) {
-        return prepareDescription(props.error.description ?? "");
-      }
-      const parameterName = parameterDisplayName(props.error.context.parameter);
-      return prepareDescription(
-        props.error.context.descriptionTemplate.replace(/%%PARAMETER%%/g, parameterName)
-      );
-    }
-    function addItemIndexSuffix(message) {
-      let itemIndexSuffix = "";
-      if (hasManyInputItems.value && props.error?.context?.itemIndex !== void 0) {
-        itemIndexSuffix = `item ${props.error.context.itemIndex}`;
-      }
-      if (message.includes(itemIndexSuffix)) return message;
-      return `${message} [${itemIndexSuffix}]`;
-    }
-    function getErrorMessage() {
-      let message = "";
-      const isNonEmptyString = (value) => !!value && typeof value === "string";
-      if (isSubNodeError.value) {
-        message = i18n.baseText("nodeErrorView.errorSubNode", {
-          interpolate: { node: props.error.node.name }
-        });
-      } else if (isNonEmptyString(props.error.message) && (props.error.message === props.error.description || !props.error.context?.messageTemplate)) {
-        message = props.error.message;
-      } else if (isNonEmptyString(props.error.context?.messageTemplate) && isNonEmptyString(props.error.context?.parameter)) {
-        const parameterName = parameterDisplayName(props.error.context.parameter);
-        message = props.error.context.messageTemplate.replace(/%%PARAMETER%%/g, parameterName);
-      } else if (Array.isArray(props.error.messages) && props.error.messages.length > 0) {
-        message = props.error.messages[0];
-      }
-      return addItemIndexSuffix(message);
-    }
-    function parameterDisplayName(path, fullPath = true) {
-      try {
-        const params = getParameterName(parameters.value, path.split("."));
-        if (!params.length) {
-          throw new Error();
-        }
-        if (!fullPath) {
-          return params.pop().displayName;
-        }
-        return params.map((parameter) => parameter.displayName).join(" > ");
-      } catch (error) {
-        return `Could not find parameter "${path}"`;
-      }
-    }
-    function getParameterName(params, pathParts) {
-      let currentParameterName = pathParts.shift();
-      if (currentParameterName === void 0) {
-        return [];
-      }
-      const arrayMatch = currentParameterName.match(/(.*)\[([\d])\]$/);
-      if (arrayMatch !== null && arrayMatch.length > 0) {
-        currentParameterName = arrayMatch[1];
-      }
-      const currentParameter = params.find(
-        (parameter) => parameter.name === currentParameterName
-      );
-      if (currentParameter === void 0) {
-        throw new Error(`Could not find parameter "${currentParameterName}"`);
-      }
-      if (pathParts.length === 0) {
-        return [currentParameter];
-      }
-      if (currentParameter.hasOwnProperty("options")) {
-        return [
-          currentParameter,
-          ...getParameterName(currentParameter.options, pathParts)
-        ];
-      }
-      if (currentParameter.hasOwnProperty("values")) {
-        return [
-          currentParameter,
-          ...getParameterName(currentParameter.values, pathParts)
-        ];
-      }
-      return [currentParameter];
-    }
-    function copyErrorDetails() {
-      const error = props.error;
-      const errorInfo = {
-        errorMessage: getErrorMessage()
-      };
-      if (error.description) {
-        errorInfo.errorDescription = error.description;
-      }
-      const errorDetails = {};
-      if (error?.messages?.length) {
-        errorDetails.rawErrorMessage = error.messages;
-      }
-      if ("httpCode" in error && error.httpCode) {
-        errorDetails.httpCode = error.httpCode;
-      }
-      if (error.context && error.context.data) {
-        errorDetails.errorData = error.context.data;
-      }
-      if (error.extra) {
-        errorDetails.errorExtra = error.extra;
-      }
-      errorInfo.errorDetails = errorDetails;
-      const n8nDetails = {};
-      if (error.node) {
-        n8nDetails.nodeName = error.node.name;
-        n8nDetails.nodeType = error.node.type;
-        n8nDetails.nodeVersion = error.node.typeVersion;
-        if (error.node?.parameters?.resource) {
-          n8nDetails.resource = error.node.parameters.resource;
-        }
-        if (error?.node?.parameters?.operation) {
-          n8nDetails.operation = error.node.parameters.operation;
-        }
-      }
-      if (error.context) {
-        if (error.context.itemIndex !== void 0) {
-          n8nDetails.itemIndex = error.context.itemIndex;
-        }
-        if (error.context.runIndex !== void 0) {
-          n8nDetails.runIndex = error.context.runIndex;
-        }
-        if (error.context.parameter !== void 0) {
-          n8nDetails.parameter = error.context.parameter;
-        }
-        if (error.context.causeDetailed) {
-          n8nDetails.causeDetailed = error.context.causeDetailed;
-        }
-      }
-      if (error.timestamp) {
-        n8nDetails.time = new Date(error.timestamp).toLocaleString();
-      }
-      n8nDetails.n8nVersion = n8nVersion.value;
-      n8nDetails.binaryDataMode = rootStore.binaryDataMode;
-      if (error.cause) {
-        n8nDetails.cause = error.cause;
-      }
-      n8nDetails.stackTrace = error.stack?.split("\n");
-      errorInfo.n8nDetails = n8nDetails;
-      void clipboard.copy(JSON.stringify(errorInfo, null, 2));
-      copySuccess();
-    }
-    function copySuccess() {
-      toast.showMessage({
-        title: i18n.baseText("nodeErrorView.showMessage.title"),
-        type: "info"
-      });
-    }
-    function nodeIsHidden() {
-      const nodeType = nodeTypesStore.getNodeType(node?.value.type);
-      return nodeType?.hidden ?? false;
-    }
-    const onOpenErrorNodeDetailClick = () => {
-      ndvStore.activeNodeName = props.error.node.name;
-    };
-    async function onAskAssistantClick() {
-      const { message, lineNumber, description } = props.error;
-      const sessionInProgress = !assistantStore.isSessionEnded;
-      const errorHelp = {
-        error: {
-          name: props.error.name,
-          message,
-          lineNumber,
-          description: description ?? getErrorDescription(),
-          type: "type" in props.error ? props.error.type : void 0
-        },
-        node: node.value
-      };
-      if (sessionInProgress) {
-        uiStore.openModalWithData({
-          name: NEW_ASSISTANT_SESSION_MODAL,
-          data: { context: { errorHelp } }
-        });
-        return;
-      }
-      await assistantStore.initErrorHelper(errorHelp);
-      assistantStore.trackUserOpenedAssistant({
-        source: "error",
-        task: "error",
-        has_existing_session: false
-      });
-    }
-    return (_ctx, _cache) => {
-      const _component_n8n_button = resolveComponent("n8n-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", {
-        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_3$3, null, 512)), [
-            [_directive_n8n_html, getErrorDescription()]
-          ]) : createCommentVNode("", true),
-          isSubNodeError.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
-            createVNode(_component_n8n_button, {
-              icon: "arrow-right",
-              type: "secondary",
-              label: unref(i18n).baseText("pushConnection.executionError.openNode"),
-              class: "node-error-view__button",
-              "data-test-id": "node-error-view-open-node-button",
-              onClick: onOpenErrorNodeDetailClick
-            }, null, 8, ["label"])
-          ])) : createCommentVNode("", true),
-          isAskAssistantAvailable.value ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
-            createVNode(InlineAskAssistantButton, {
-              asked: assistantAlreadyAsked.value,
-              onClick: onAskAssistantClick
-            }, null, 8, ["asked"])
-          ])) : createCommentVNode("", true)
-        ]),
-        _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_9$2, [
-                  createVNode(unref(_sfc_main$b), {
-                    icon: "copy",
-                    type: "secondary",
-                    size: "mini",
-                    text: true,
-                    "transparent-background": "transparent",
-                    onClick: copyErrorDetails
-                  })
-                ])
-              ]),
-              _: 1
-            }, 8, ["content"])
-          ]),
-          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"
-                }),
-                createTextVNode(" " + toDisplayString(unref(i18n).baseText("nodeErrorView.details.from", {
-                  interpolate: { node: `${nodeDefaultName.value}` }
-                })), 1)
-              ]),
-              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_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, [
-                          createBaseVNode("code", null, toDisplayString(msg), 1)
-                        ])
-                      ]);
-                    }), 128))
-                  ])
-                ])) : createCommentVNode("", true),
-                _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_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_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)
-                    ])
-                  ])
-                ])) : createCommentVNode("", true)
-              ])
-            ])) : createCommentVNode("", true),
-            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_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_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_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_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_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_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_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_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_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_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)
-              ])
-            ])
-          ])
-        ])) : 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: {
-    consumedTokens: {}
-  },
-  setup(__props) {
-    const i18n = useI18n();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(unref(N8nText), {
-          bold: true,
-          size: "small"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens.prompt")) + " " + toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
-              interpolate: {
-                count: unref(formatTokenUsageCount)(_ctx.consumedTokens, "prompt")
-              }
-            })), 1)
-          ]),
-          _: 1
-        }),
-        _cache[0] || (_cache[0] = createBaseVNode("br", null, null, -1)),
-        createVNode(unref(N8nText), {
-          bold: true,
-          size: "small"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens.completion")) + " " + toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
-              interpolate: {
-                count: unref(formatTokenUsageCount)(_ctx.consumedTokens, "completion")
-              }
-            })), 1)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-const _hoisted_1$7 = ["href"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "ViewSubExecution",
-  props: {
-    taskMetadata: {},
-    displayMode: {},
-    inline: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const { trackOpeningRelatedExecution, resolveRelatedExecutionUrl } = useExecutionHelpers();
-    const i18n = useI18n();
-    const props = __props;
-    const hasRelatedExecution = computed(() => {
-      return Boolean(props.taskMetadata.subExecution ?? props.taskMetadata.parentExecution);
-    });
-    function getExecutionLinkLabel(task) {
-      if (task.parentExecution) {
-        return i18n.baseText("runData.openParentExecution", {
-          interpolate: { id: task.parentExecution.executionId }
-        });
-      }
-      if (task.subExecution) {
-        if (props.taskMetadata.subExecutionsCount === 1) {
-          return i18n.baseText("runData.openSubExecutionSingle");
-        } else {
-          return i18n.baseText("runData.openSubExecutionWithId", {
-            interpolate: { id: task.subExecution.executionId }
-          });
-        }
-      }
-      return;
-    }
-    return (_ctx, _cache) => {
-      const _component_N8nIcon = resolveComponent("N8nIcon");
-      return hasRelatedExecution.value ? (openBlock(), createElementBlock("a", {
-        key: 0,
-        class: normalizeClass({ [_ctx.$style.relatedExecutionInfo]: !_ctx.inline }),
-        "data-test-id": "related-execution-link",
-        href: unref(resolveRelatedExecutionUrl)(_ctx.taskMetadata),
-        target: "_blank",
-        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(trackOpeningRelatedExecution)(_ctx.taskMetadata, _ctx.displayMode), ["stop"]))
-      }, [
-        createVNode(_component_N8nIcon, {
-          icon: "external-link-alt",
-          size: "xsmall"
-        }),
-        createTextVNode(" " + toDisplayString(getExecutionLinkLabel(_ctx.taskMetadata)), 1)
-      ], 10, _hoisted_1$7)) : createCommentVNode("", true);
-    };
-  }
-});
-const relatedExecutionInfo = "_relatedExecutionInfo_saqms_123";
-const style0$4 = {
-  relatedExecutionInfo
-};
-const cssModules$4 = {
-  "$style": style0$4
-};
-const ViewSubExecution = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$4]]);
-var vueJsonPretty$1 = { exports: {} };
-var vueJsonPretty = vueJsonPretty$1.exports;
-var hasRequiredVueJsonPretty;
-function requireVueJsonPretty() {
-  if (hasRequiredVueJsonPretty) return vueJsonPretty$1.exports;
-  hasRequiredVueJsonPretty = 1;
-  (function(module, exports) {
-    !function(e, t) {
-      module.exports = t(requireVue());
-    }(vueJsonPretty, function(e) {
-      return function() {
-        var t = { 789: function(t2) {
-          t2.exports = e;
-        } }, n = {};
-        function o(e2) {
-          var r2 = n[e2];
-          if (void 0 !== r2) return r2.exports;
-          var l = n[e2] = { exports: {} };
-          return t[e2](l, l.exports, o), l.exports;
-        }
-        o.d = function(e2, t2) {
-          for (var n2 in t2) o.o(t2, n2) && !o.o(e2, n2) && Object.defineProperty(e2, n2, { enumerable: true, get: t2[n2] });
-        }, o.o = function(e2, t2) {
-          return Object.prototype.hasOwnProperty.call(e2, t2);
-        }, o.r = function(e2) {
-          "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e2, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e2, "__esModule", { value: true });
-        };
-        var r = {};
-        return function() {
-          function e2(e3, t3) {
-            (null == t3 || t3 > e3.length) && (t3 = e3.length);
-            for (var n3 = 0, o2 = new Array(t3); n3 < t3; n3++) o2[n3] = e3[n3];
-            return o2;
-          }
-          function t2(t3, n3) {
-            if (t3) {
-              if ("string" == typeof t3) return e2(t3, n3);
-              var o2 = Object.prototype.toString.call(t3).slice(8, -1);
-              return "Object" === o2 && t3.constructor && (o2 = t3.constructor.name), "Map" === o2 || "Set" === o2 ? Array.from(t3) : "Arguments" === o2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o2) ? e2(t3, n3) : void 0;
+        o.d = function(e2, t2) {
+          for (var n2 in t2) o.o(t2, n2) && !o.o(e2, n2) && Object.defineProperty(e2, n2, { enumerable: true, get: t2[n2] });
+        }, o.o = function(e2, t2) {
+          return Object.prototype.hasOwnProperty.call(e2, t2);
+        }, o.r = function(e2) {
+          "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e2, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e2, "__esModule", { value: true });
+        };
+        var r = {};
+        return function() {
+          function e2(e3, t3) {
+            (null == t3 || t3 > e3.length) && (t3 = e3.length);
+            for (var n3 = 0, o2 = new Array(t3); n3 < t3; n3++) o2[n3] = e3[n3];
+            return o2;
+          }
+          function t2(t3, n3) {
+            if (t3) {
+              if ("string" == typeof t3) return e2(t3, n3);
+              var o2 = Object.prototype.toString.call(t3).slice(8, -1);
+              return "Object" === o2 && t3.constructor && (o2 = t3.constructor.name), "Map" === o2 || "Set" === o2 ? Array.from(t3) : "Arguments" === o2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o2) ? e2(t3, n3) : void 0;
             }
           }
           function n2(n3) {
@@ -3059,344 +1858,956 @@ function requireVueJsonPretty() {
             }
             return n3;
           }
-          function C(e3) {
-            for (var t3 = 1; t3 < arguments.length; t3++) {
-              var n3 = null != arguments[t3] ? arguments[t3] : {};
-              t3 % 2 ? m(Object(n3), true).forEach(function(t4) {
-                l(e3, t4, n3[t4]);
-              }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e3, Object.getOwnPropertyDescriptors(n3)) : m(Object(n3)).forEach(function(t4) {
-                Object.defineProperty(e3, t4, Object.getOwnPropertyDescriptor(n3, t4));
-              });
+          function C(e3) {
+            for (var t3 = 1; t3 < arguments.length; t3++) {
+              var n3 = null != arguments[t3] ? arguments[t3] : {};
+              t3 % 2 ? m(Object(n3), true).forEach(function(t4) {
+                l(e3, t4, n3[t4]);
+              }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e3, Object.getOwnPropertyDescriptors(n3)) : m(Object(n3)).forEach(function(t4) {
+                Object.defineProperty(e3, t4, Object.getOwnPropertyDescriptor(n3, t4));
+              });
+            }
+            return e3;
+          }
+          var k = (0, a.defineComponent)({ name: "Tree", props: C(C({}, b), {}, { data: { type: [String, Number, Boolean, Array, Object], default: null }, deep: { type: Number, default: 1 / 0 }, pathCollapsible: { type: Function, default: function() {
+            return false;
+          } }, rootPath: { type: String, default: "root" }, virtual: { type: Boolean, default: false }, height: { type: Number, default: 400 }, itemHeight: { type: Number, default: 20 }, selectedValue: { type: [String, Array], default: function() {
+            return "";
+          } }, collapsedOnClickBrackets: { type: Boolean, default: true }, style: Object, onSelectedChange: { type: Function } }), slots: ["renderNodeKey", "renderNodeValue"], emits: ["nodeClick", "bracketsClick", "iconClick", "selectedChange", "update:selectedValue", "update:data"], setup: function(e3, o2) {
+            var r2 = o2.emit, c2 = o2.slots, i2 = (0, a.ref)(), u2 = (0, a.computed)(function() {
+              return p(e3.data, e3.rootPath);
+            }), d2 = function(t3) {
+              return u2.value.reduce(function(n3, o3) {
+                var r3, a2 = o3.level >= t3, c3 = null === (r3 = e3.pathCollapsible) || void 0 === r3 ? void 0 : r3.call(e3, o3);
+                return "objectStart" !== o3.type && "arrayStart" !== o3.type || !a2 && !c3 ? n3 : C(C({}, n3), {}, l({}, o3.path, 1));
+              }, {});
+            }, s2 = (0, a.reactive)({ translateY: 0, visibleData: null, hiddenPaths: d2(e3.deep) }), h3 = (0, a.computed)(function() {
+              for (var e4 = null, t3 = [], n3 = u2.value.length, o3 = 0; o3 < n3; o3++) {
+                var r3 = C(C({}, u2.value[o3]), {}, { id: o3 }), l2 = s2.hiddenPaths[r3.path];
+                if (e4 && e4.path === r3.path) {
+                  var a2 = "objectStart" === e4.type, c3 = C(C(C({}, r3), e4), {}, { showComma: r3.showComma, content: a2 ? "{...}" : "[...]", type: a2 ? "objectCollapsed" : "arrayCollapsed" });
+                  e4 = null, t3.push(c3);
+                } else {
+                  if (l2 && !e4) {
+                    e4 = r3;
+                    continue;
+                  }
+                  if (e4) continue;
+                  t3.push(r3);
+                }
+              }
+              return t3;
+            }), y2 = (0, a.computed)(function() {
+              var t3 = e3.selectedValue;
+              return t3 && "multiple" === e3.selectableType && Array.isArray(t3) ? t3 : [t3];
+            }), v2 = (0, a.computed)(function() {
+              return !e3.selectableType || e3.selectOnClickNode || e3.showSelectController ? "" : "When selectableType is not null, selectOnClickNode and showSelectController cannot be false at the same time, because this will cause the selection to fail.";
+            }), b2 = function() {
+              var t3 = h3.value;
+              if (e3.virtual) {
+                var n3, o3 = e3.height / e3.itemHeight, r3 = (null === (n3 = i2.value) || void 0 === n3 ? void 0 : n3.scrollTop) || 0, l2 = Math.floor(r3 / e3.itemHeight), a2 = l2 < 0 ? 0 : l2 + o3 > t3.length ? t3.length - o3 : l2;
+                a2 < 0 && (a2 = 0);
+                var c3 = a2 + o3;
+                s2.translateY = a2 * e3.itemHeight, s2.visibleData = t3.filter(function(e4, t4) {
+                  return t4 >= a2 && t4 < c3;
+                });
+              } else s2.visibleData = t3;
+            }, m2 = function() {
+              b2();
+            }, k2 = function(o3) {
+              var l2, a2, c3 = o3.path, i3 = e3.selectableType;
+              if ("multiple" === i3) {
+                var u3 = y2.value.findIndex(function(e4) {
+                  return e4 === c3;
+                }), d3 = n2(y2.value);
+                -1 !== u3 ? d3.splice(u3, 1) : d3.push(c3), r2("update:selectedValue", d3), r2("selectedChange", d3, n2(y2.value));
+              } else if ("single" === i3 && y2.value[0] !== c3) {
+                var s3 = (l2 = y2.value, a2 = 1, function(e4) {
+                  if (Array.isArray(e4)) return e4;
+                }(l2) || function(e4, t3) {
+                  var n3 = null == e4 ? null : "undefined" != typeof Symbol && e4[Symbol.iterator] || e4["@@iterator"];
+                  if (null != n3) {
+                    var o4, r3, l3 = [], a3 = true, c4 = false;
+                    try {
+                      for (n3 = n3.call(e4); !(a3 = (o4 = n3.next()).done) && (l3.push(o4.value), !t3 || l3.length !== t3); a3 = true) ;
+                    } catch (e5) {
+                      c4 = true, r3 = e5;
+                    } finally {
+                      try {
+                        a3 || null == n3.return || n3.return();
+                      } finally {
+                        if (c4) throw r3;
+                      }
+                    }
+                    return l3;
+                  }
+                }(l2, a2) || t2(l2, a2) || function() {
+                  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+                }())[0], p2 = c3;
+                r2("update:selectedValue", p2), r2("selectedChange", p2, s3);
+              }
+            }, w = function(e4) {
+              r2("nodeClick", e4);
+            }, N = function(e4, t3) {
+              if (e4) s2.hiddenPaths = C(C({}, s2.hiddenPaths), {}, l({}, t3, 1));
+              else {
+                var n3 = C({}, s2.hiddenPaths);
+                delete n3[t3], s2.hiddenPaths = n3;
+              }
+            }, j = function(t3, n3) {
+              e3.collapsedOnClickBrackets && N(t3, n3), r2("bracketsClick", t3);
+            }, S = function(e4, t3) {
+              N(e4, t3), r2("iconClick", e4);
+            }, O = function(t3, n3) {
+              var o3 = f(e3.data), l2 = e3.rootPath;
+              new Function("data", "val", "data".concat(n3.slice(l2.length), "=val"))(o3, t3), r2("update:data", o3);
+            };
+            return (0, a.watchEffect)(function() {
+              v2.value && function(e4) {
+                throw new Error("[VueJSONPretty] ".concat(e4));
+              }(v2.value);
+            }), (0, a.watchEffect)(function() {
+              h3.value && b2();
+            }), (0, a.watch)(function() {
+              return e3.deep;
+            }, function(e4) {
+              e4 && (s2.hiddenPaths = d2(e4));
+            }), function() {
+              var t3, n3, o3 = null !== (t3 = e3.renderNodeKey) && void 0 !== t3 ? t3 : c2.renderNodeKey, r3 = null !== (n3 = e3.renderNodeValue) && void 0 !== n3 ? n3 : c2.renderNodeValue, l2 = s2.visibleData && s2.visibleData.map(function(t4) {
+                return (0, a.createVNode)(g, { key: t4.id, node: t4, collapsed: !!s2.hiddenPaths[t4.path], showDoubleQuotes: e3.showDoubleQuotes, showLength: e3.showLength, checked: y2.value.includes(t4.path), selectableType: e3.selectableType, showLine: e3.showLine, showLineNumber: e3.showLineNumber, showSelectController: e3.showSelectController, selectOnClickNode: e3.selectOnClickNode, nodeSelectable: e3.nodeSelectable, highlightSelectedNode: e3.highlightSelectedNode, editable: e3.editable, editableTrigger: e3.editableTrigger, showIcon: e3.showIcon, showKeyValueSpace: e3.showKeyValueSpace, renderNodeKey: o3, renderNodeValue: r3, onNodeClick: w, onBracketsClick: j, onIconClick: S, onSelectedChange: k2, onValueChange: O, style: e3.itemHeight && 20 !== e3.itemHeight ? { lineHeight: "".concat(e3.itemHeight, "px") } : {} }, null);
+              });
+              return (0, a.createVNode)("div", { ref: i2, class: { "vjs-tree": true, "is-virtual": e3.virtual }, onScroll: e3.virtual ? m2 : void 0, style: e3.showLineNumber ? C({ paddingLeft: "".concat(12 * Number(u2.value.length.toString().length), "px") }, e3.style) : e3.style }, [e3.virtual ? (0, a.createVNode)("div", { class: "vjs-tree-list", style: { height: "".concat(e3.height, "px") } }, [(0, a.createVNode)("div", { class: "vjs-tree-list-holder", style: { height: "".concat(h3.value.length * e3.itemHeight, "px") } }, [(0, a.createVNode)("div", { class: "vjs-tree-list-holder-inner", style: { transform: "translateY(".concat(s2.translateY, "px)") } }, [l2])])]) : l2]);
+            };
+          } });
+        }(), r;
+      }();
+    });
+  })(vueJsonPretty$1);
+  return vueJsonPretty$1.exports;
+}
+var vueJsonPrettyExports = requireVueJsonPretty();
+const VueJsonPretty = /* @__PURE__ */ getDefaultExportFromCjs(vueJsonPrettyExports);
+const sanitizeOptions = {
+  allowVulnerableTags: false,
+  enforceHtmlBoundary: false,
+  disallowedTagsMode: "discard",
+  allowedTags: [...sanitizeHtmlExports.defaults.allowedTags, "style", "img", "title"],
+  allowedAttributes: {
+    ...sanitizeHtmlExports.defaults.allowedAttributes,
+    "*": ["class", "style"]
+  },
+  transformTags: {
+    head: ""
+  }
+};
+const _sfc_main$9 = {
+  name: "RunDataHtml",
+  props: {
+    inputHtml: {
+      type: String,
+      required: true
+    }
+  },
+  computed: {
+    sanitizedHtml() {
+      return sanitizeHtml(this.inputHtml, sanitizeOptions);
+    }
+  }
+};
+const _hoisted_1$8 = ["srcdoc"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("iframe", {
+    class: "__html-display",
+    srcdoc: $options.sanitizedHtml
+  }, null, 8, _hoisted_1$8);
+}
+const RunDataHtml = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render]]);
+const RunDataHtml$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: RunDataHtml
+}, Symbol.toStringTag, { value: "Module" }));
+const _hoisted_1$7 = { key: 0 };
+const _hoisted_2$4 = { key: 1 };
+const _hoisted_3$3 = { key: 2 };
+const _hoisted_4$3 = {
+  key: 0,
+  controls: "",
+  autoplay: ""
+};
+const _hoisted_5$3 = ["src", "type"];
+const _hoisted_6$2 = {
+  key: 1,
+  controls: "",
+  autoplay: ""
+};
+const _hoisted_7$2 = ["src", "type"];
+const _hoisted_8$2 = ["src"];
+const _hoisted_9$2 = ["src"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "BinaryDataDisplayEmbed",
+  props: {
+    binaryData: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const isLoading = ref(true);
+    const embedSource = ref("");
+    const error = ref(false);
+    const data = ref("");
+    const workflowsStore = useWorkflowsStore();
+    const i18n = useI18n();
+    const embedClass = computed(() => {
+      return [props.binaryData.fileType ?? "other"];
+    });
+    onMounted(async () => {
+      const { id, data: binaryData, fileName, fileType, mimeType } = props.binaryData;
+      const isJSONData = fileType === "json";
+      const isHTMLData = fileType === "html";
+      if (!id) {
+        if (isJSONData || isHTMLData) {
+          data.value = isJSONData ? jsonParse(base64DecodeUTF8(binaryData)) : base64DecodeUTF8(binaryData);
+        } else {
+          embedSource.value = `data:${mimeType};charset=utf-8;base64,${binaryData}`;
+        }
+      } else {
+        try {
+          const binaryUrl = workflowsStore.getBinaryUrl(id, "view", fileName ?? "", mimeType);
+          if (isJSONData || isHTMLData) {
+            const fetchedData = await fetch(binaryUrl, { credentials: "include" });
+            data.value = await (isJSONData ? fetchedData.json() : fetchedData.text());
+          } else {
+            embedSource.value = binaryUrl;
+          }
+        } catch (e) {
+          error.value = true;
+        }
+      }
+      isLoading.value = false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", null, [
+        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$7, "Loading binary data...")) : error.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, "Error loading binary data")) : (openBlock(), createElementBlock("span", _hoisted_3$3, [
+          _ctx.binaryData.fileType === "video" ? (openBlock(), createElementBlock("video", _hoisted_4$3, [
+            createBaseVNode("source", {
+              src: embedSource.value,
+              type: _ctx.binaryData.mimeType
+            }, null, 8, _hoisted_5$3),
+            createTextVNode(" " + toDisplayString(unref(i18n).baseText("binaryDataDisplay.yourBrowserDoesNotSupport")), 1)
+          ])) : _ctx.binaryData.fileType === "audio" ? (openBlock(), createElementBlock("audio", _hoisted_6$2, [
+            createBaseVNode("source", {
+              src: embedSource.value,
+              type: _ctx.binaryData.mimeType
+            }, null, 8, _hoisted_7$2),
+            createTextVNode(" " + toDisplayString(unref(i18n).baseText("binaryDataDisplay.yourBrowserDoesNotSupport")), 1)
+          ])) : _ctx.binaryData.fileType === "image" ? (openBlock(), createElementBlock("img", {
+            key: 2,
+            src: embedSource.value
+          }, null, 8, _hoisted_8$2)) : _ctx.binaryData.fileType === "json" ? (openBlock(), createBlock(unref(VueJsonPretty), {
+            key: 3,
+            data: data.value,
+            deep: 3,
+            "show-length": true
+          }, null, 8, ["data"])) : _ctx.binaryData.fileType === "html" ? (openBlock(), createBlock(RunDataHtml, {
+            key: 4,
+            "input-html": data.value
+          }, null, 8, ["input-html"])) : (openBlock(), createElementBlock("embed", {
+            key: 5,
+            src: embedSource.value,
+            class: normalizeClass(["binary-data", embedClass.value])
+          }, null, 10, _hoisted_9$2))
+        ]))
+      ]);
+    };
+  }
+});
+const _hoisted_1$6 = { class: "binary-data-window-wrapper" };
+const _hoisted_2$3 = { key: 0 };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "BinaryDataDisplay",
+  props: {
+    displayData: {},
+    windowVisible: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const nodeHelpers = useNodeHelpers();
+    const workflowsStore = useWorkflowsStore();
+    const i18n = useI18n();
+    const workflowRunData = computed(() => {
+      const workflowExecution = workflowsStore.getWorkflowExecution;
+      if (workflowExecution === null) {
+        return null;
+      }
+      const executionData = workflowExecution.data;
+      return executionData ? executionData.resultData.runData : null;
+    });
+    const binaryData = computed(() => {
+      if (typeof props.displayData.node !== "string" || typeof props.displayData.key !== "string" || typeof props.displayData.runIndex !== "number" || typeof props.displayData.index !== "number" || typeof props.displayData.outputIndex !== "number") {
+        return null;
+      }
+      const binaryDataLocal = nodeHelpers.getBinaryData(
+        workflowRunData.value,
+        props.displayData.node,
+        props.displayData.runIndex,
+        props.displayData.outputIndex
+      );
+      if (binaryDataLocal.length === 0) {
+        return null;
+      }
+      if (props.displayData.index >= binaryDataLocal.length || binaryDataLocal[props.displayData.index][props.displayData.key] === void 0) {
+        return null;
+      }
+      const binaryDataItem = binaryDataLocal[props.displayData.index][props.displayData.key];
+      return binaryDataItem;
+    });
+    function closeWindow() {
+      emit("close");
+      return false;
+    }
+    return (_ctx, _cache) => {
+      const _component_n8n_button = resolveComponent("n8n-button");
+      return _ctx.windowVisible ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["binary-data-window", binaryData.value?.fileType])
+      }, [
+        createVNode(_component_n8n_button, {
+          size: "small",
+          class: "binary-data-window-back",
+          title: unref(i18n).baseText("binaryDataDisplay.backToOverviewPage"),
+          icon: "arrow-left",
+          label: unref(i18n).baseText("binaryDataDisplay.backToList"),
+          onClick: withModifiers(closeWindow, ["stop"])
+        }, null, 8, ["title", "label"]),
+        createBaseVNode("div", _hoisted_1$6, [
+          !binaryData.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, toDisplayString(unref(i18n).baseText("binaryDataDisplay.noDataFoundToDisplay")), 1)) : (openBlock(), createBlock(_sfc_main$8, {
+            key: 1,
+            "binary-data": binaryData.value
+          }, null, 8, ["binary-data"]))
+        ])
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$5 = { class: "node-error-view__header" };
+const _hoisted_2$2 = {
+  class: "node-error-view__header-message",
+  "data-test-id": "node-error-message"
+};
+const _hoisted_3$2 = {
+  key: 0,
+  "data-test-id": "node-error-description",
+  class: "node-error-view__header-description"
+};
+const _hoisted_4$2 = { key: 1 };
+const _hoisted_5$2 = {
+  key: 2,
+  class: "node-error-view__button",
+  "data-test-id": "node-error-view-ask-assistant-button"
+};
+const _hoisted_6$1 = {
+  key: 0,
+  class: "node-error-view__info"
+};
+const _hoisted_7$1 = { class: "node-error-view__info-header" };
+const _hoisted_8$1 = { class: "node-error-view__info-title" };
+const _hoisted_9$1 = { class: "copy-button" };
+const _hoisted_10 = { class: "node-error-view__info-content" };
+const _hoisted_11 = {
+  key: 0,
+  class: "node-error-view__details"
+};
+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_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_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_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_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_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_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_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_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_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_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_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_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_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_60 = { class: "node-error-view__details-label" };
+const _hoisted_61 = { class: "node-error-view__details-value" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "NodeErrorView",
+  props: {
+    error: {},
+    showDetails: { type: Boolean },
+    compact: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const clipboard = useClipboard();
+    const toast = useToast();
+    const i18n = useI18n();
+    const assistantHelpers = useAIAssistantHelpers();
+    const nodeTypesStore = useNodeTypesStore();
+    const ndvStore = useNDVStore();
+    const rootStore = useRootStore();
+    const assistantStore = useAssistantStore();
+    const uiStore = useUIStore();
+    const displayCause = computed(() => {
+      return JSON.stringify(props.error.cause ?? "").length < MAX_DISPLAY_DATA_SIZE;
+    });
+    const node = computed(() => {
+      return props.error.node || ndvStore.activeNode;
+    });
+    const parameters = computed(() => {
+      if (!node.value) {
+        return [];
+      }
+      const nodeType = nodeTypesStore.getNodeType(node.value.type, node.value.typeVersion);
+      if (nodeType === null) {
+        return [];
+      }
+      return nodeType.properties;
+    });
+    const n8nVersion = computed(() => {
+      const baseUrl = rootStore.urlBaseEditor;
+      let instanceType = "Self Hosted";
+      if (baseUrl.includes("n8n.cloud")) {
+        instanceType = "Cloud";
+      }
+      return rootStore.versionCli + ` (${instanceType})`;
+    });
+    const hasManyInputItems = computed(() => {
+      return ndvStore.ndvInputData.length > 1;
+    });
+    const nodeDefaultName = computed(() => {
+      if (!node.value) {
+        return "Node";
+      }
+      const nodeType = nodeTypesStore.getNodeType(node.value.type, node.value.typeVersion);
+      return nodeType?.defaults?.name || node.value.name;
+    });
+    const prepareRawMessages = computed(() => {
+      const returnData = [];
+      if (!props.error.messages?.length) {
+        return [];
+      }
+      const errorMessage = getErrorMessage();
+      Array.from(new Set(props.error.messages)).forEach((message) => {
+        const isParsable = /^\d{3} - \{/.test(message);
+        const parts = isParsable ? message.split(" - ").map((part) => part.trim()) : [];
+        for (const part of parts) {
+          try {
+            const parsed = JSON.parse(part);
+            if (typeof parsed === "object") {
+              returnData.push(parsed);
+              return;
             }
-            return e3;
+          } catch (error) {
           }
-          var k = (0, a.defineComponent)({ name: "Tree", props: C(C({}, b), {}, { data: { type: [String, Number, Boolean, Array, Object], default: null }, deep: { type: Number, default: 1 / 0 }, pathCollapsible: { type: Function, default: function() {
-            return false;
-          } }, rootPath: { type: String, default: "root" }, virtual: { type: Boolean, default: false }, height: { type: Number, default: 400 }, itemHeight: { type: Number, default: 20 }, selectedValue: { type: [String, Array], default: function() {
-            return "";
-          } }, collapsedOnClickBrackets: { type: Boolean, default: true }, style: Object, onSelectedChange: { type: Function } }), slots: ["renderNodeKey", "renderNodeValue"], emits: ["nodeClick", "bracketsClick", "iconClick", "selectedChange", "update:selectedValue", "update:data"], setup: function(e3, o2) {
-            var r2 = o2.emit, c2 = o2.slots, i2 = (0, a.ref)(), u2 = (0, a.computed)(function() {
-              return p(e3.data, e3.rootPath);
-            }), d2 = function(t3) {
-              return u2.value.reduce(function(n3, o3) {
-                var r3, a2 = o3.level >= t3, c3 = null === (r3 = e3.pathCollapsible) || void 0 === r3 ? void 0 : r3.call(e3, o3);
-                return "objectStart" !== o3.type && "arrayStart" !== o3.type || !a2 && !c3 ? n3 : C(C({}, n3), {}, l({}, o3.path, 1));
-              }, {});
-            }, s2 = (0, a.reactive)({ translateY: 0, visibleData: null, hiddenPaths: d2(e3.deep) }), h3 = (0, a.computed)(function() {
-              for (var e4 = null, t3 = [], n3 = u2.value.length, o3 = 0; o3 < n3; o3++) {
-                var r3 = C(C({}, u2.value[o3]), {}, { id: o3 }), l2 = s2.hiddenPaths[r3.path];
-                if (e4 && e4.path === r3.path) {
-                  var a2 = "objectStart" === e4.type, c3 = C(C(C({}, r3), e4), {}, { showComma: r3.showComma, content: a2 ? "{...}" : "[...]", type: a2 ? "objectCollapsed" : "arrayCollapsed" });
-                  e4 = null, t3.push(c3);
-                } else {
-                  if (l2 && !e4) {
-                    e4 = r3;
-                    continue;
-                  }
-                  if (e4) continue;
-                  t3.push(r3);
-                }
-              }
-              return t3;
-            }), y2 = (0, a.computed)(function() {
-              var t3 = e3.selectedValue;
-              return t3 && "multiple" === e3.selectableType && Array.isArray(t3) ? t3 : [t3];
-            }), v2 = (0, a.computed)(function() {
-              return !e3.selectableType || e3.selectOnClickNode || e3.showSelectController ? "" : "When selectableType is not null, selectOnClickNode and showSelectController cannot be false at the same time, because this will cause the selection to fail.";
-            }), b2 = function() {
-              var t3 = h3.value;
-              if (e3.virtual) {
-                var n3, o3 = e3.height / e3.itemHeight, r3 = (null === (n3 = i2.value) || void 0 === n3 ? void 0 : n3.scrollTop) || 0, l2 = Math.floor(r3 / e3.itemHeight), a2 = l2 < 0 ? 0 : l2 + o3 > t3.length ? t3.length - o3 : l2;
-                a2 < 0 && (a2 = 0);
-                var c3 = a2 + o3;
-                s2.translateY = a2 * e3.itemHeight, s2.visibleData = t3.filter(function(e4, t4) {
-                  return t4 >= a2 && t4 < c3;
-                });
-              } else s2.visibleData = t3;
-            }, m2 = function() {
-              b2();
-            }, k2 = function(o3) {
-              var l2, a2, c3 = o3.path, i3 = e3.selectableType;
-              if ("multiple" === i3) {
-                var u3 = y2.value.findIndex(function(e4) {
-                  return e4 === c3;
-                }), d3 = n2(y2.value);
-                -1 !== u3 ? d3.splice(u3, 1) : d3.push(c3), r2("update:selectedValue", d3), r2("selectedChange", d3, n2(y2.value));
-              } else if ("single" === i3 && y2.value[0] !== c3) {
-                var s3 = (l2 = y2.value, a2 = 1, function(e4) {
-                  if (Array.isArray(e4)) return e4;
-                }(l2) || function(e4, t3) {
-                  var n3 = null == e4 ? null : "undefined" != typeof Symbol && e4[Symbol.iterator] || e4["@@iterator"];
-                  if (null != n3) {
-                    var o4, r3, l3 = [], a3 = true, c4 = false;
-                    try {
-                      for (n3 = n3.call(e4); !(a3 = (o4 = n3.next()).done) && (l3.push(o4.value), !t3 || l3.length !== t3); a3 = true) ;
-                    } catch (e5) {
-                      c4 = true, r3 = e5;
-                    } finally {
-                      try {
-                        a3 || null == n3.return || n3.return();
-                      } finally {
-                        if (c4) throw r3;
-                      }
-                    }
-                    return l3;
-                  }
-                }(l2, a2) || t2(l2, a2) || function() {
-                  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-                }())[0], p2 = c3;
-                r2("update:selectedValue", p2), r2("selectedChange", p2, s3);
-              }
-            }, w = function(e4) {
-              r2("nodeClick", e4);
-            }, N = function(e4, t3) {
-              if (e4) s2.hiddenPaths = C(C({}, s2.hiddenPaths), {}, l({}, t3, 1));
-              else {
-                var n3 = C({}, s2.hiddenPaths);
-                delete n3[t3], s2.hiddenPaths = n3;
-              }
-            }, j = function(t3, n3) {
-              e3.collapsedOnClickBrackets && N(t3, n3), r2("bracketsClick", t3);
-            }, S = function(e4, t3) {
-              N(e4, t3), r2("iconClick", e4);
-            }, O = function(t3, n3) {
-              var o3 = f(e3.data), l2 = e3.rootPath;
-              new Function("data", "val", "data".concat(n3.slice(l2.length), "=val"))(o3, t3), r2("update:data", o3);
-            };
-            return (0, a.watchEffect)(function() {
-              v2.value && function(e4) {
-                throw new Error("[VueJSONPretty] ".concat(e4));
-              }(v2.value);
-            }), (0, a.watchEffect)(function() {
-              h3.value && b2();
-            }), (0, a.watch)(function() {
-              return e3.deep;
-            }, function(e4) {
-              e4 && (s2.hiddenPaths = d2(e4));
-            }), function() {
-              var t3, n3, o3 = null !== (t3 = e3.renderNodeKey) && void 0 !== t3 ? t3 : c2.renderNodeKey, r3 = null !== (n3 = e3.renderNodeValue) && void 0 !== n3 ? n3 : c2.renderNodeValue, l2 = s2.visibleData && s2.visibleData.map(function(t4) {
-                return (0, a.createVNode)(g, { key: t4.id, node: t4, collapsed: !!s2.hiddenPaths[t4.path], showDoubleQuotes: e3.showDoubleQuotes, showLength: e3.showLength, checked: y2.value.includes(t4.path), selectableType: e3.selectableType, showLine: e3.showLine, showLineNumber: e3.showLineNumber, showSelectController: e3.showSelectController, selectOnClickNode: e3.selectOnClickNode, nodeSelectable: e3.nodeSelectable, highlightSelectedNode: e3.highlightSelectedNode, editable: e3.editable, editableTrigger: e3.editableTrigger, showIcon: e3.showIcon, showKeyValueSpace: e3.showKeyValueSpace, renderNodeKey: o3, renderNodeValue: r3, onNodeClick: w, onBracketsClick: j, onIconClick: S, onSelectedChange: k2, onValueChange: O, style: e3.itemHeight && 20 !== e3.itemHeight ? { lineHeight: "".concat(e3.itemHeight, "px") } : {} }, null);
-              });
-              return (0, a.createVNode)("div", { ref: i2, class: { "vjs-tree": true, "is-virtual": e3.virtual }, onScroll: e3.virtual ? m2 : void 0, style: e3.showLineNumber ? C({ paddingLeft: "".concat(12 * Number(u2.value.length.toString().length), "px") }, e3.style) : e3.style }, [e3.virtual ? (0, a.createVNode)("div", { class: "vjs-tree-list", style: { height: "".concat(e3.height, "px") } }, [(0, a.createVNode)("div", { class: "vjs-tree-list-holder", style: { height: "".concat(h3.value.length * e3.itemHeight, "px") } }, [(0, a.createVNode)("div", { class: "vjs-tree-list-holder-inner", style: { transform: "translateY(".concat(s2.translateY, "px)") } }, [l2])])]) : l2]);
-            };
-          } });
-        }(), r;
-      }();
+        }
+        if (message === errorMessage) return;
+        returnData.push(message);
+      });
+      return returnData;
     });
-  })(vueJsonPretty$1);
-  return vueJsonPretty$1.exports;
-}
-var vueJsonPrettyExports = requireVueJsonPretty();
-const VueJsonPretty = /* @__PURE__ */ getDefaultExportFromCjs(vueJsonPrettyExports);
-const sanitizeOptions = {
-  allowVulnerableTags: false,
-  enforceHtmlBoundary: false,
-  disallowedTagsMode: "discard",
-  allowedTags: [...sanitizeHtmlExports.defaults.allowedTags, "style", "img", "title"],
-  allowedAttributes: {
-    ...sanitizeHtmlExports.defaults.allowedAttributes,
-    "*": ["class", "style"]
-  },
-  transformTags: {
-    head: ""
-  }
-};
-const _sfc_main$7 = {
-  name: "RunDataHtml",
-  props: {
-    inputHtml: {
-      type: String,
-      required: true
+    const isAskAssistantAvailable = computed(() => {
+      if (!node.value || isSubNodeError.value) {
+        return false;
+      }
+      const isCustomNode = node.value.type === void 0 || isCommunityPackageName(node.value.type);
+      return assistantStore.canShowAssistantButtonsOnCanvas && !isCustomNode && !nodeIsHidden();
+    });
+    const assistantAlreadyAsked = computed(() => {
+      return assistantStore.isNodeErrorActive({
+        error: assistantHelpers.simplifyErrorForAssistant(props.error),
+        node: props.error.node || ndvStore.activeNode
+      });
+    });
+    const isSubNodeError = computed(() => {
+      return props.error.name === "NodeOperationError" && props.error.functionality === "configuration-node";
+    });
+    function nodeVersionTag(nodeType) {
+      if (!nodeType || "hidden" in nodeType && nodeType.hidden) {
+        return i18n.baseText("nodeSettings.deprecated");
+      }
+      const latestNodeVersion = Math.max(...nodeTypesStore.getNodeVersions(nodeType.type));
+      if (latestNodeVersion === nodeType.typeVersion) {
+        return i18n.baseText("nodeSettings.latest");
+      }
+      return i18n.baseText("nodeSettings.latestVersion", {
+        interpolate: { version: latestNodeVersion.toString() }
+      });
+    }
+    function prepareDescription(description) {
+      return sanitizeHtml$1(description.replace(/`(.*?)`/g, "<code>$1</code>"));
+    }
+    function getErrorDescription() {
+      if (props.error.context?.descriptionKey) {
+        const interpolate = {
+          nodeCause: props.error.context.nodeCause,
+          runIndex: props.error.context.runIndex ?? "0",
+          itemIndex: props.error.context.itemIndex ?? "0"
+        };
+        return prepareDescription(
+          i18n.baseText(
+            `nodeErrorView.description.${props.error.context.descriptionKey}`,
+            { interpolate }
+          )
+        );
+      }
+      if (!props.error.context?.descriptionTemplate) {
+        return prepareDescription(props.error.description ?? "");
+      }
+      const parameterName = parameterDisplayName(props.error.context.parameter);
+      return prepareDescription(
+        props.error.context.descriptionTemplate.replace(/%%PARAMETER%%/g, parameterName)
+      );
+    }
+    function addItemIndexSuffix(message) {
+      let itemIndexSuffix = "";
+      if (hasManyInputItems.value && props.error?.context?.itemIndex !== void 0) {
+        itemIndexSuffix = `item ${props.error.context.itemIndex}`;
+      }
+      if (message.includes(itemIndexSuffix)) return message;
+      return `${message} [${itemIndexSuffix}]`;
+    }
+    function getErrorMessage() {
+      let message = "";
+      const isNonEmptyString = (value) => !!value && typeof value === "string";
+      if (isSubNodeError.value) {
+        message = i18n.baseText("nodeErrorView.errorSubNode", {
+          interpolate: { node: props.error.node.name }
+        });
+      } else if (isNonEmptyString(props.error.message) && (props.error.message === props.error.description || !props.error.context?.messageTemplate)) {
+        message = props.error.message;
+      } else if (isNonEmptyString(props.error.context?.messageTemplate) && isNonEmptyString(props.error.context?.parameter)) {
+        const parameterName = parameterDisplayName(props.error.context.parameter);
+        message = props.error.context.messageTemplate.replace(/%%PARAMETER%%/g, parameterName);
+      } else if (Array.isArray(props.error.messages) && props.error.messages.length > 0) {
+        message = props.error.messages[0];
+      }
+      return addItemIndexSuffix(message);
+    }
+    function parameterDisplayName(path, fullPath = true) {
+      try {
+        const params = getParameterName(parameters.value, path.split("."));
+        if (!params.length) {
+          throw new Error();
+        }
+        if (!fullPath) {
+          return params.pop().displayName;
+        }
+        return params.map((parameter) => parameter.displayName).join(" > ");
+      } catch (error) {
+        return `Could not find parameter "${path}"`;
+      }
     }
-  },
-  computed: {
-    sanitizedHtml() {
-      return sanitizeHtml$1(this.inputHtml, sanitizeOptions);
+    function getParameterName(params, pathParts) {
+      let currentParameterName = pathParts.shift();
+      if (currentParameterName === void 0) {
+        return [];
+      }
+      const arrayMatch = currentParameterName.match(/(.*)\[([\d])\]$/);
+      if (arrayMatch !== null && arrayMatch.length > 0) {
+        currentParameterName = arrayMatch[1];
+      }
+      const currentParameter = params.find(
+        (parameter) => parameter.name === currentParameterName
+      );
+      if (currentParameter === void 0) {
+        throw new Error(`Could not find parameter "${currentParameterName}"`);
+      }
+      if (pathParts.length === 0) {
+        return [currentParameter];
+      }
+      if (currentParameter.hasOwnProperty("options")) {
+        return [
+          currentParameter,
+          ...getParameterName(currentParameter.options, pathParts)
+        ];
+      }
+      if (currentParameter.hasOwnProperty("values")) {
+        return [
+          currentParameter,
+          ...getParameterName(currentParameter.values, pathParts)
+        ];
+      }
+      return [currentParameter];
     }
-  }
-};
-const _hoisted_1$6 = ["srcdoc"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("iframe", {
-    class: "__html-display",
-    srcdoc: $options.sanitizedHtml
-  }, null, 8, _hoisted_1$6);
-}
-const RunDataHtml = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]);
-const RunDataHtml$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: RunDataHtml
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$5 = { key: 0 };
-const _hoisted_2$3 = { key: 1 };
-const _hoisted_3$2 = { key: 2 };
-const _hoisted_4$2 = {
-  key: 0,
-  controls: "",
-  autoplay: ""
-};
-const _hoisted_5$2 = ["src", "type"];
-const _hoisted_6$1 = {
-  key: 1,
-  controls: "",
-  autoplay: ""
-};
-const _hoisted_7$1 = ["src", "type"];
-const _hoisted_8$1 = ["src"];
-const _hoisted_9$1 = ["src"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "BinaryDataDisplayEmbed",
-  props: {
-    binaryData: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const isLoading = ref(true);
-    const embedSource = ref("");
-    const error = ref(false);
-    const data = ref("");
-    const workflowsStore = useWorkflowsStore();
-    const i18n = useI18n();
-    const embedClass = computed(() => {
-      return [props.binaryData.fileType ?? "other"];
-    });
-    onMounted(async () => {
-      const { id, data: binaryData, fileName, fileType, mimeType } = props.binaryData;
-      const isJSONData = fileType === "json";
-      const isHTMLData = fileType === "html";
-      if (!id) {
-        if (isJSONData || isHTMLData) {
-          data.value = jsonParse(atob(binaryData));
-        } else {
-          embedSource.value = "data:" + mimeType + ";base64," + binaryData;
+    function copyErrorDetails() {
+      const error = props.error;
+      const errorInfo = {
+        errorMessage: getErrorMessage()
+      };
+      if (error.description) {
+        errorInfo.errorDescription = error.description;
+      }
+      const errorDetails = {};
+      if (error?.messages?.length) {
+        errorDetails.rawErrorMessage = error.messages;
+      }
+      if ("httpCode" in error && error.httpCode) {
+        errorDetails.httpCode = error.httpCode;
+      }
+      if (error.context && error.context.data) {
+        errorDetails.errorData = error.context.data;
+      }
+      if (error.extra) {
+        errorDetails.errorExtra = error.extra;
+      }
+      errorInfo.errorDetails = errorDetails;
+      const n8nDetails = {};
+      if (error.node) {
+        n8nDetails.nodeName = error.node.name;
+        n8nDetails.nodeType = error.node.type;
+        n8nDetails.nodeVersion = error.node.typeVersion;
+        if (error.node?.parameters?.resource) {
+          n8nDetails.resource = error.node.parameters.resource;
         }
-      } else {
-        try {
-          const binaryUrl = workflowsStore.getBinaryUrl(id, "view", fileName ?? "", mimeType);
-          if (isJSONData || isHTMLData) {
-            const fetchedData = await fetch(binaryUrl, { credentials: "include" });
-            data.value = await (isJSONData ? fetchedData.json() : fetchedData.text());
-          } else {
-            embedSource.value = binaryUrl;
-          }
-        } catch (e) {
-          error.value = true;
+        if (error?.node?.parameters?.operation) {
+          n8nDetails.operation = error.node.parameters.operation;
         }
       }
-      isLoading.value = false;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", null, [
-        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$5, "Loading binary data...")) : error.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, "Error loading binary data")) : (openBlock(), createElementBlock("span", _hoisted_3$2, [
-          _ctx.binaryData.fileType === "video" ? (openBlock(), createElementBlock("video", _hoisted_4$2, [
-            createBaseVNode("source", {
-              src: embedSource.value,
-              type: _ctx.binaryData.mimeType
-            }, null, 8, _hoisted_5$2),
-            createTextVNode(" " + toDisplayString(unref(i18n).baseText("binaryDataDisplay.yourBrowserDoesNotSupport")), 1)
-          ])) : _ctx.binaryData.fileType === "audio" ? (openBlock(), createElementBlock("audio", _hoisted_6$1, [
-            createBaseVNode("source", {
-              src: embedSource.value,
-              type: _ctx.binaryData.mimeType
-            }, null, 8, _hoisted_7$1),
-            createTextVNode(" " + toDisplayString(unref(i18n).baseText("binaryDataDisplay.yourBrowserDoesNotSupport")), 1)
-          ])) : _ctx.binaryData.fileType === "image" ? (openBlock(), createElementBlock("img", {
-            key: 2,
-            src: embedSource.value
-          }, null, 8, _hoisted_8$1)) : _ctx.binaryData.fileType === "json" ? (openBlock(), createBlock(unref(VueJsonPretty), {
-            key: 3,
-            data: data.value,
-            deep: 3,
-            "show-length": true
-          }, null, 8, ["data"])) : _ctx.binaryData.fileType === "html" ? (openBlock(), createBlock(RunDataHtml, {
-            key: 4,
-            "input-html": data.value
-          }, null, 8, ["input-html"])) : (openBlock(), createElementBlock("embed", {
-            key: 5,
-            src: embedSource.value,
-            class: normalizeClass(["binary-data", embedClass.value])
-          }, null, 10, _hoisted_9$1))
-        ]))
-      ]);
-    };
-  }
-});
-const _hoisted_1$4 = { class: "binary-data-window-wrapper" };
-const _hoisted_2$2 = { key: 0 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "BinaryDataDisplay",
-  props: {
-    displayData: {},
-    windowVisible: { type: Boolean }
-  },
-  emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const nodeHelpers = useNodeHelpers();
-    const workflowsStore = useWorkflowsStore();
-    const i18n = useI18n();
-    const workflowRunData = computed(() => {
-      const workflowExecution = workflowsStore.getWorkflowExecution;
-      if (workflowExecution === null) {
-        return null;
+      if (error.context) {
+        if (error.context.itemIndex !== void 0) {
+          n8nDetails.itemIndex = error.context.itemIndex;
+        }
+        if (error.context.runIndex !== void 0) {
+          n8nDetails.runIndex = error.context.runIndex;
+        }
+        if (error.context.parameter !== void 0) {
+          n8nDetails.parameter = error.context.parameter;
+        }
+        if (error.context.causeDetailed) {
+          n8nDetails.causeDetailed = error.context.causeDetailed;
+        }
       }
-      const executionData = workflowExecution.data;
-      return executionData ? executionData.resultData.runData : null;
-    });
-    const binaryData = computed(() => {
-      if (typeof props.displayData.node !== "string" || typeof props.displayData.key !== "string" || typeof props.displayData.runIndex !== "number" || typeof props.displayData.index !== "number" || typeof props.displayData.outputIndex !== "number") {
-        return null;
+      if (error.timestamp) {
+        n8nDetails.time = new Date(error.timestamp).toLocaleString();
       }
-      const binaryDataLocal = nodeHelpers.getBinaryData(
-        workflowRunData.value,
-        props.displayData.node,
-        props.displayData.runIndex,
-        props.displayData.outputIndex
-      );
-      if (binaryDataLocal.length === 0) {
-        return null;
+      n8nDetails.n8nVersion = n8nVersion.value;
+      n8nDetails.binaryDataMode = rootStore.binaryDataMode;
+      if (error.cause) {
+        n8nDetails.cause = error.cause;
       }
-      if (props.displayData.index >= binaryDataLocal.length || binaryDataLocal[props.displayData.index][props.displayData.key] === void 0) {
-        return null;
+      n8nDetails.stackTrace = error.stack?.split("\n");
+      errorInfo.n8nDetails = n8nDetails;
+      void clipboard.copy(JSON.stringify(errorInfo, null, 2));
+      copySuccess();
+    }
+    function copySuccess() {
+      toast.showMessage({
+        title: i18n.baseText("nodeErrorView.showMessage.title"),
+        type: "info"
+      });
+    }
+    function nodeIsHidden() {
+      const nodeType = nodeTypesStore.getNodeType(node?.value.type);
+      return nodeType?.hidden ?? false;
+    }
+    const onOpenErrorNodeDetailClick = () => {
+      ndvStore.activeNodeName = props.error.node.name;
+    };
+    async function onAskAssistantClick() {
+      const { message, lineNumber, description } = props.error;
+      const sessionInProgress = !assistantStore.isSessionEnded;
+      const errorHelp = {
+        error: {
+          name: props.error.name,
+          message,
+          lineNumber,
+          description: description ?? getErrorDescription(),
+          type: "type" in props.error ? props.error.type : void 0
+        },
+        node: node.value
+      };
+      if (sessionInProgress) {
+        uiStore.openModalWithData({
+          name: NEW_ASSISTANT_SESSION_MODAL,
+          data: { context: { errorHelp } }
+        });
+        return;
       }
-      const binaryDataItem = binaryDataLocal[props.displayData.index][props.displayData.key];
-      return binaryDataItem;
-    });
-    function closeWindow() {
-      emit("close");
-      return false;
+      await assistantStore.initErrorHelper(errorHelp);
+      assistantStore.trackUserOpenedAssistant({
+        source: "error",
+        task: "error",
+        has_existing_session: false
+      });
     }
     return (_ctx, _cache) => {
       const _component_n8n_button = resolveComponent("n8n-button");
-      return _ctx.windowVisible ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["binary-data-window", binaryData.value?.fileType])
+      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", {
+        class: normalizeClass(["node-error-view", props.compact ? "node-error-view_compact" : ""])
       }, [
-        createVNode(_component_n8n_button, {
-          size: "small",
-          class: "binary-data-window-back",
-          title: unref(i18n).baseText("binaryDataDisplay.backToOverviewPage"),
-          icon: "arrow-left",
-          label: unref(i18n).baseText("binaryDataDisplay.backToList"),
-          onClick: withModifiers(closeWindow, ["stop"])
-        }, null, 8, ["title", "label"]),
-        createBaseVNode("div", _hoisted_1$4, [
-          !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"]))
-        ])
-      ], 2)) : createCommentVNode("", true);
+        createBaseVNode("div", _hoisted_1$5, [
+          createBaseVNode("div", _hoisted_2$2, [
+            createBaseVNode("div", null, toDisplayString(getErrorMessage()), 1)
+          ]),
+          (_ctx.error.description || _ctx.error.context?.descriptionKey) && !isSubNodeError.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3$2, null, 512)), [
+            [_directive_n8n_html, getErrorDescription()]
+          ]) : createCommentVNode("", true),
+          isSubNodeError.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+            createVNode(_component_n8n_button, {
+              icon: "arrow-right",
+              type: "secondary",
+              label: unref(i18n).baseText("pushConnection.executionError.openNode"),
+              class: "node-error-view__button",
+              "data-test-id": "node-error-view-open-node-button",
+              onClick: onOpenErrorNodeDetailClick
+            }, null, 8, ["label"])
+          ])) : createCommentVNode("", true),
+          isAskAssistantAvailable.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+            createVNode(InlineAskAssistantButton, {
+              asked: assistantAlreadyAsked.value,
+              onClick: onAskAssistantClick
+            }, null, 8, ["asked"])
+          ])) : createCommentVNode("", true)
+        ]),
+        _ctx.showDetails ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+          createBaseVNode("div", _hoisted_7$1, [
+            createBaseVNode("p", _hoisted_8$1, 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_9$1, [
+                  createVNode(unref(_sfc_main$b), {
+                    icon: "copy",
+                    type: "secondary",
+                    size: "mini",
+                    text: true,
+                    "transparent-background": "transparent",
+                    onClick: copyErrorDetails
+                  })
+                ])
+              ]),
+              _: 1
+            }, 8, ["content"])
+          ]),
+          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"
+                }),
+                createTextVNode(" " + toDisplayString(unref(i18n).baseText("nodeErrorView.details.from", {
+                  interpolate: { node: `${nodeDefaultName.value}` }
+                })), 1)
+              ]),
+              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_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, [
+                          createBaseVNode("code", null, toDisplayString(msg), 1)
+                        ])
+                      ]);
+                    }), 128))
+                  ])
+                ])) : createCommentVNode("", true),
+                _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_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_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)
+                    ])
+                  ])
+                ])) : createCommentVNode("", true)
+              ])
+            ])) : createCommentVNode("", true),
+            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_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_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_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_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_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_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_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_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_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_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)
+              ])
+            ])
+          ])
+        ])) : createCommentVNode("", true)
+      ], 2);
     };
   }
 });
-const _hoisted_1$3 = { key: 0 };
+const _hoisted_1$4 = { key: 0 };
 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$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "RunDataPinButton",
   props: {
     tooltipContentsVisibility: {},
@@ -3418,7 +2829,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         visible: visible.value
       }, {
         content: withCtx(() => [
-          props.tooltipContentsVisibility.binaryDataTooltipContent ? (openBlock(), createElementBlock("div", _hoisted_1$3, toDisplayString(unref(locale).baseText("ndv.pinData.pin.binary")), 1)) : props.tooltipContentsVisibility.pinDataDiscoveryTooltipContent ? (openBlock(), createElementBlock("div", _hoisted_2$1, toDisplayString(unref(locale).baseText("node.discovery.pinData.ndv")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$1, [
+          props.tooltipContentsVisibility.binaryDataTooltipContent ? (openBlock(), createElementBlock("div", _hoisted_1$4, toDisplayString(unref(locale).baseText("ndv.pinData.pin.binary")), 1)) : props.tooltipContentsVisibility.pinDataDiscoveryTooltipContent ? (openBlock(), createElementBlock("div", _hoisted_2$1, toDisplayString(unref(locale).baseText("node.discovery.pinData.ndv")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$1, [
             _ctx.pinnedData.hasData.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
               createBaseVNode("strong", null, toDisplayString(unref(locale).baseText("ndv.pinData.unpin.title")), 1)
             ])) : (openBlock(), createElementBlock("div", _hoisted_5$1, [
@@ -3461,13 +2872,72 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 const pinDataButton = "_pinDataButton_12tk2_123";
-const style0$3 = {
+const style0$4 = {
   pinDataButton
 };
+const cssModules$4 = {
+  "$style": style0$4
+};
+const RunDataPinButton = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$4]]);
+const _hoisted_1$3 = ["href"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "ViewSubExecution",
+  props: {
+    taskMetadata: {},
+    displayMode: {},
+    inline: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const { trackOpeningRelatedExecution, resolveRelatedExecutionUrl } = useExecutionHelpers();
+    const i18n = useI18n();
+    const props = __props;
+    const hasRelatedExecution = computed(() => {
+      return Boolean(props.taskMetadata.subExecution ?? props.taskMetadata.parentExecution);
+    });
+    function getExecutionLinkLabel(task) {
+      if (task.parentExecution) {
+        return i18n.baseText("runData.openParentExecution", {
+          interpolate: { id: task.parentExecution.executionId }
+        });
+      }
+      if (task.subExecution) {
+        if (props.taskMetadata.subExecutionsCount === 1) {
+          return i18n.baseText("runData.openSubExecutionSingle");
+        } else {
+          return i18n.baseText("runData.openSubExecutionWithId", {
+            interpolate: { id: task.subExecution.executionId }
+          });
+        }
+      }
+      return;
+    }
+    return (_ctx, _cache) => {
+      const _component_N8nIcon = resolveComponent("N8nIcon");
+      return hasRelatedExecution.value ? (openBlock(), createElementBlock("a", {
+        key: 0,
+        class: normalizeClass({ [_ctx.$style.relatedExecutionInfo]: !_ctx.inline }),
+        "data-test-id": "related-execution-link",
+        href: unref(resolveRelatedExecutionUrl)(_ctx.taskMetadata),
+        target: "_blank",
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(trackOpeningRelatedExecution)(_ctx.taskMetadata, _ctx.displayMode), ["stop"]))
+      }, [
+        createVNode(_component_N8nIcon, {
+          icon: "external-link-alt",
+          size: "xsmall"
+        }),
+        createTextVNode(" " + toDisplayString(getExecutionLinkLabel(_ctx.taskMetadata)), 1)
+      ], 10, _hoisted_1$3)) : createCommentVNode("", true);
+    };
+  }
+});
+const relatedExecutionInfo = "_relatedExecutionInfo_saqms_123";
+const style0$3 = {
+  relatedExecutionInfo
+};
 const cssModules$3 = {
   "$style": style0$3
 };
-const RunDataPinButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$3]]);
+const ViewSubExecution = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$3]]);
 const _hoisted_1$2 = { key: 0 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "RunDataItemCount",
@@ -3723,22 +3193,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["search", "runChange", "itemHover", "linkRun", "unlinkRun", "activatePane", "tableMounted", "displayModeChange"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const LazyRunDataTable = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataTable-CQghTfxP.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataTable-CSRGOCHh.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
     );
     const LazyRunDataJson = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataJson-CeZYY8D_.js"), true ? __vite__mapDeps([5,1,2,6,3,7]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataJson-LDc1ImEr.js"), true ? __vite__mapDeps([5,1,2,6,3,7]) : void 0)
     );
     const LazyRunDataSchema = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./index-HDYArLT1.js").then((n) => n.ij), true ? __vite__mapDeps([1,2]) : void 0)
+      async () => await __vitePreload(() => import("./index-Bpsc-Tmx.js").then((n) => n.iu), 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-C1lte0Et.js"), true ? __vite__mapDeps([8,1,2,6,3,9]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataParsedAiContent-BU8uoK2N.js"), true ? __vite__mapDeps([8,1,2,6,3,9]) : void 0)
     );
     const LazyRunDataSearch = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataSearch-BP_FSk35.js"), true ? __vite__mapDeps([10,1,2,11]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataSearch-DGVpnOkl.js"), true ? __vite__mapDeps([10,1,2,11]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -4678,7 +4148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["class"])) : createCommentVNode("", true),
-        binaryDataDisplayData.value ? (openBlock(), createBlock(_sfc_main$5, {
+        binaryDataDisplayData.value ? (openBlock(), createBlock(_sfc_main$7, {
           key: 1,
           "window-visible": binaryDataDisplayVisible.value,
           "display-data": binaryDataDisplayData.value,
@@ -4973,7 +4443,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 2,
             class: normalizeClass(_ctx.$style.stretchVertically)
           }, [
-            createVNode(_sfc_main$a, {
+            createVNode(_sfc_main$6, {
               compact: _ctx.compact,
               error: subworkflowExecutionError.value,
               class: normalizeClass(_ctx.$style.errorDisplay),
@@ -5068,14 +4538,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"])) : _ctx.$slots["content"] ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              workflowRunErrorAsNodeError.value ? (openBlock(), createBlock(_sfc_main$a, {
+              workflowRunErrorAsNodeError.value ? (openBlock(), createBlock(_sfc_main$6, {
                 key: 0,
                 error: workflowRunErrorAsNodeError.value,
                 class: normalizeClass(_ctx.$style.inlineError),
                 compact: _ctx.compact
               }, null, 8, ["error", "class", "compact"])) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "content", {}, void 0, true)
-            ])) : workflowRunErrorAsNodeError.value ? (openBlock(), createBlock(_sfc_main$a, {
+            ])) : workflowRunErrorAsNodeError.value ? (openBlock(), createBlock(_sfc_main$6, {
               key: 2,
               error: workflowRunErrorAsNodeError.value,
               class: normalizeClass(_ctx.$style.dataDisplay),
@@ -5526,30 +4996,13 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const RunData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-2931a4da"]]);
+const RunData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-44a9b4ca"]]);
 export {
   HighlightJS as H,
   RunData as R,
   VueMarkdown as V,
-  _sfc_main$9 as _,
-  getTotalConsumedTokens as a,
-  findSelectedLogEntry as b,
-  createLogTree as c,
-  deepToRaw as d,
-  getEntryAtRelativeIndex as e,
-  formatTokenUsageCount as f,
-  getSubtreeTotalConsumedTokens as g,
-  hasSubExecution as h,
-  getDepth as i,
-  findLogEntryRec as j,
-  flattenLogEntries as k,
-  _sfc_main$a as l,
-  mergeStartData as m,
-  getConsumedTokens as n,
-  ViewSubExecution as o,
-  parseAiContent as p,
-  createAiData as q,
-  getTreeNodeData as r,
-  getReferencedData as s,
-  VueJsonPretty as t
+  _sfc_main$a as _,
+  VueJsonPretty as a,
+  _sfc_main$6 as b,
+  ViewSubExecution as c
 };