n8n-editor-ui 1.90.1 → 1.92.0

package/dist/assets/{LogsPanel-zIrTNE6j.js → LogsPanel-JnYirDqa.js}

@@ -1,8 +1,8 @@
-import { b1 as inject, b2 as isRef, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, j as createVNode, e as createBlock, f as createCommentVNode, m as unref, t as toDisplayString, J as withModifiers, _ as _export_sfc, b3 as toRefs, r as ref, o as onMounted, n as normalizeClass, x as renderSlot, b4 as normalizeProps, b5 as guardReactiveProps, b6 as resolveDynamicComponent, b7 as mergeProps, b8 as VueMarkdown, F as Fragment, D as renderList, b9 as markdownLink, ba as useFileDialog, bb as onUnmounted, B as normalizeStyle, aC as withDirectives, bc as vModelText, H as withKeys, w as withCtx, I as watch, h as resolveComponent, l as createTextVNode, bd as N8nText, be as useClipboard, a as useToast, c as useI18n$1, aS as N8nTooltip, bf as N8nButton, aU as _sfc_main$h, aW as createSlots, aL as useStorage, a$ as watchEffect, y as onBeforeUnmount, K as useDebounce, bg as provide, bh as useProvideTooltipAppendTo, bi as IsInPiPWindowSymbol, bj as CHAT_TRIGGER_NODE_TYPE, bk as MANUAL_CHAT_TRIGGER_NODE_TYPE, bl as NodeConnectionTypes, bm as v4, bn as get, bo as isEmpty, bp as usePinnedData, ak as useMessage, al as MODAL_CONFIRM, bq as CHAIN_SUMMARIZATION_LANGCHAIN_NODE_TYPE, br as AI_SUBCATEGORY, bs as AI_CATEGORY_AGENTS, bt as AI_CATEGORY_CHAINS, bu as AI_CODE_NODE_TYPE, bv as getNodeInputs, bw as getConnectionTypes, bx as getNodeOutputs, U as useWorkflowsStore, by as useNodeTypesStore, a2 as useCanvasStore, b as useRouter, bz as useNodeHelpers, bA as useRunWorkflow, V as VIEWS, a_ as LOGS_PANEL_STATE, aZ as useTemplateRef, bB as _sfc_main$j, bC as I18nT, bD as N8nIcon, au as useNDVStore, bE as ElTree, bF as N8nRadioButtons, ai as useTelemetry, bG as uniqBy, aT as N8nLink, ax as useLocalStorage, bH as LOG_DETAILS_CONTENT, b0 as N8nResizeWrapper, bI as useStyles } from "./index-BpdkKRP4.js";
-import { u as useClearExecutionButtonVisible } from "./useClearExecutionButtonVisible-D_0O6f0X.js";
-import { H as HighlightJS, f as formatTokenUsageCount, _ as _sfc_main$i, g as getSubtreeTotalConsumedTokens, a as getTotalConsumedTokens, R as RunData, c as createLogEntries, b as findLogEntryToAutoSelect } from "./RunData-Ds-U68nr.js";
-import { t as toTime, a as toDayMonth } from "./dateFormatter-CZI1kGYK.js";
-import { u as upperFirst } from "./useCanvasOperations-D6VFiC3b.js";
+import { b0 as inject, b1 as isRef, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, j as createVNode, e as createBlock, f as createCommentVNode, m as unref, t as toDisplayString, b2 as withModifiers, _ as _export_sfc, b3 as toRefs, r as ref, o as onMounted, n as normalizeClass, x as renderSlot, b4 as normalizeProps, b5 as guardReactiveProps, b6 as resolveDynamicComponent, b7 as mergeProps, b8 as VueMarkdown, F as Fragment, D as renderList, b9 as markdownLink, ba as useFileDialog, bb as onUnmounted, B as normalizeStyle, aA as withDirectives, bc as vModelText, bd as withKeys, w as withCtx, X as watch, h as resolveComponent, l as createTextVNode, be as N8nText, bf as useClipboard, a as useToast, c as useI18n$1, aR as N8nTooltip, bg as N8nButton, aT as _sfc_main$i, aV as createSlots, aJ as useStorage, a_ as watchEffect, y as onBeforeUnmount, G as useDebounce, bh as provide, bi as useProvideTooltipAppendTo, bj as IsInPiPWindowSymbol, bk as CHAT_TRIGGER_NODE_TYPE, bl as MANUAL_CHAT_TRIGGER_NODE_TYPE, bm as NodeConnectionTypes, bn as v4, bo as get, bp as isEmpty, bq as usePinnedData, ai as useMessage, aj as MODAL_CONFIRM, br as CHAIN_SUMMARIZATION_LANGCHAIN_NODE_TYPE, bs as AI_SUBCATEGORY, bt as AI_CATEGORY_AGENTS, bu as AI_CATEGORY_CHAINS, bv as AI_CODE_NODE_TYPE, bw as getNodeInputs, bx as getConnectionTypes, by as getNodeOutputs, Q as useWorkflowsStore, bz as useNodeTypesStore, b as useRouter, bA as useNodeHelpers, bB as useRunWorkflow, V as VIEWS, aZ as LOGS_PANEL_STATE, bC as _sfc_main$k, bD as I18nT, bE as N8nIcon, as as useNDVStore, bF as useVirtualList, bG as N8nRadioButtons, ag as useTelemetry, z as nextTick, bH as ndvEventBus, aS as N8nLink, av as useLocalStorage, bI as LOG_DETAILS_CONTENT, aY as useTemplateRef, a$ as N8nResizeWrapper, bJ as useStyles, $ as useCanvasStore, bK as Workflow, bL as IN_PROGRESS_EXECUTION_ID, bM as useThrottleFn } from "./index-B6eunbxp.js";
+import { u as useClearExecutionButtonVisible } from "./useClearExecutionButtonVisible-BV-jMf2m.js";
+import { H as HighlightJS, f as formatTokenUsageCount, _ as _sfc_main$j, g as getSubtreeTotalConsumedTokens, a as getTotalConsumedTokens, b as flattenLogEntries, R as RunData, c as createLogEntries, d as deepToRaw, e as findSelectedLogEntry } from "./RunData-Bx47sNQp.js";
+import { t as toTime, a as toDayMonth } from "./dateFormatter-C8N5khiG.js";
+import { u as upperFirst } from "./useCanvasOperations-DaP5jKbH.js";
 function bash(hljs) {
   const regex = hljs.regex;
   const VAR = {};
@@ -2518,13 +2518,13 @@ function useI18n() {
   }
   return { t, te };
 }
-const _hoisted_1$c = {
+const _hoisted_1$e = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$c, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$e, _cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12z"
@@ -2532,13 +2532,13 @@ function render$7(_ctx, _cache) {
   ]));
 }
 const IconDelete = { name: "mdi-closeThick", render: render$7 };
-const _hoisted_1$b = {
+const _hoisted_1$d = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$d, _cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m0 18h12v-8l-4 4l-2-2zM8 9a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2"
@@ -2546,13 +2546,13 @@ function render$6(_ctx, _cache) {
   ]));
 }
 const IconFileImage = { name: "mdi-fileImage", render: render$6 };
-const _hoisted_1$a = {
+const _hoisted_1$c = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$a, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, _cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm-1 11h-2v5a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2c.4 0 .7.1 1 .3V11h3zm0-4V3.5L18.5 9z"
@@ -2560,13 +2560,13 @@ function render$5(_ctx, _cache) {
   ]));
 }
 const IconFileMusic = { name: "mdi-fileMusic", render: render$5 };
-const _hoisted_1$9 = {
+const _hoisted_1$b = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, _cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m9 16v-2H6v2zm3-4v-2H6v2z"
@@ -2574,13 +2574,13 @@ function render$4(_ctx, _cache) {
   ]));
 }
 const IconFileText = { name: "mdi-fileText", render: render$4 };
-const _hoisted_1$8 = {
+const _hoisted_1$a = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, _cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m11 17v-6l-3 2.2V13H7v6h7v-2.2z"
@@ -2588,13 +2588,13 @@ function render$3(_ctx, _cache) {
   ]));
 }
 const IconFileVideo = { name: "mdi-fileVideo", render: render$3 };
-const _hoisted_1$7 = {
+const _hoisted_1$9 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, _cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z"
@@ -2602,8 +2602,8 @@ function render$2(_ctx, _cache) {
   ]));
 }
 const IconPreview = { name: "mdi-openInNew", render: render$2 };
-const _hoisted_1$6 = { class: "chat-file-name" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "chat-file-name" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ChatFile",
   props: {
     file: {},
@@ -2638,7 +2638,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         onClick
       }, [
         createVNode(unref(TypeIcon)),
-        createBaseVNode("p", _hoisted_1$6, toDisplayString(_ctx.file.name), 1),
+        createBaseVNode("p", _hoisted_1$8, toDisplayString(_ctx.file.name), 1),
         _ctx.isRemovable ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: "chat-file-delete",
@@ -2653,16 +2653,16 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ChatFile = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-70b9370d"]]);
-const _hoisted_1$5 = {
+const ChatFile = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-70b9370d"]]);
+const _hoisted_1$7 = {
   key: 0,
   class: "chat-message-actions"
 };
-const _hoisted_2$2 = {
+const _hoisted_2$3 = {
   key: 2,
   class: "chat-message-files"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "Message",
   props: {
     message: {}
@@ -2740,7 +2740,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         ref: messageContainer,
         class: normalizeClass(["chat-message", classes.value])
       }, [
-        _ctx.$slots.beforeMessage ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+        _ctx.$slots.beforeMessage ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
           renderSlot(_ctx.$slots, "beforeMessage", normalizeProps(guardReactiveProps({ message: unref(message) })))
         ])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, () => [
@@ -2751,7 +2751,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             options: markdownOptions,
             plugins: [linksNewTabPlugin]
           }, null, 8, ["source", "plugins"])),
-          (unref(message).files ?? []).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+          (unref(message).files ?? []).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(message).files ?? [], (file) => {
               return openBlock(), createElementBlock("div", {
                 key: file.name,
@@ -2770,13 +2770,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = {
+const _hoisted_1$6 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M16.5 6v11.5a4 4 0 0 1-4 4a4 4 0 0 1-4-4V5A2.5 2.5 0 0 1 11 2.5A2.5 2.5 0 0 1 13.5 5v10.5a1 1 0 0 1-1 1a1 1 0 0 1-1-1V6H10v9.5a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5V5a4 4 0 0 0-4-4a4 4 0 0 0-4 4v12.5a5.5 5.5 0 0 0 5.5 5.5a5.5 5.5 0 0 0 5.5-5.5V6z"
@@ -2784,13 +2784,13 @@ function render$1(_ctx, _cache) {
   ]));
 }
 const IconPaperclip = { name: "mdi-paperclip", render: render$1 };
-const _hoisted_1$3 = {
+const _hoisted_1$5 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "m2 21l21-9L2 3v7l15 2l-15 2z"
@@ -2831,8 +2831,8 @@ function createEventBus() {
   };
 }
 const chatEventBus = createEventBus();
-const _hoisted_1$2 = { class: "chat-inputs" };
-const _hoisted_2$1 = {
+const _hoisted_1$4 = { class: "chat-inputs" };
+const _hoisted_2$2 = {
   key: 0,
   class: "chat-input-left-panel"
 };
@@ -2844,7 +2844,7 @@ const _hoisted_7 = {
   key: 0,
   class: "chat-files"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
     placeholder: { default: "inputPlaceholder" }
@@ -2992,8 +2992,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(styleVars.value),
         onKeydown: withModifiers(onKeyDown, ["stop"])
       }, [
-        createBaseVNode("div", _hoisted_1$2, [
-          _ctx.$slots.leftPanel ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+        createBaseVNode("div", _hoisted_1$4, [
+          _ctx.$slots.leftPanel ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
             renderSlot(_ctx.$slots, "leftPanel", {}, void 0, true)
           ])) : createCommentVNode("", true),
           withDirectives(createBaseVNode("textarea", {
@@ -3050,8 +3050,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ChatInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-f0e5731e"]]);
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const ChatInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-f0e5731e"]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "MessageTyping",
   props: {
     animation: { default: "bouncing" }
@@ -3075,7 +3075,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       messageContainer.value?.scrollToView();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$f), {
+      return openBlock(), createBlock(unref(_sfc_main$g), {
         ref_key: "messageContainer",
         ref: messageContainer,
         class: normalizeClass(classes.value),
@@ -3094,11 +3094,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "empty-container"
 };
-const _hoisted_2 = {
+const _hoisted_2$1 = {
   class: "empty",
   "data-test-id": "chat-messages-empty"
 };
@@ -3106,7 +3106,7 @@ const _hoisted_3 = {
   key: 1,
   class: "chat-messages-list"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "MessagesList",
   props: {
     messages: {},
@@ -3128,8 +3128,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_N8nIcon = resolveComponent("N8nIcon");
       const _component_N8nText = resolveComponent("N8nText");
-      return _ctx.emptyText && unref(initialMessages).length === 0 && _ctx.messages.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createBaseVNode("div", _hoisted_2, [
+      return _ctx.emptyText && unref(initialMessages).length === 0 && _ctx.messages.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createBaseVNode("div", _hoisted_2$1, [
           createVNode(_component_N8nIcon, {
             icon: "comment",
             size: "large",
@@ -3148,13 +3148,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         ])
       ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(initialMessages), (initialMessage) => {
-          return openBlock(), createBlock(_sfc_main$f, {
+          return openBlock(), createBlock(_sfc_main$g, {
             key: initialMessage.id,
             message: initialMessage
           }, null, 8, ["message"]);
         }), 128)),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.messages, (message) => {
-          return openBlock(), createBlock(_sfc_main$f, {
+          return openBlock(), createBlock(_sfc_main$g, {
             key: message.id,
             ref_for: true,
             ref_key: "messageComponents",
@@ -3167,12 +3167,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             _: 2
           }, 1032, ["message"]);
         }), 128)),
-        unref(waitingForResponse) ? (openBlock(), createBlock(_sfc_main$d, { key: 0 })) : createCommentVNode("", true)
+        unref(waitingForResponse) ? (openBlock(), createBlock(_sfc_main$e, { key: 0 })) : createCommentVNode("", true)
       ]));
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "MessageOptionTooltip",
   props: {
     placement: {
@@ -3209,15 +3209,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
 });
 const container$8 = "_container_pqtqf_123";
 const icon$3 = "_icon_pqtqf_129";
-const style0$a = {
+const style0$b = {
   container: container$8,
   icon: icon$3
 };
-const cssModules$a = {
-  "$style": style0$a
+const cssModules$b = {
+  "$style": style0$b
 };
-const MessageOptionTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__cssModules", cssModules$a]]);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const MessageOptionTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$b]]);
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "MessageOptionAction",
   props: {
     label: {
@@ -3260,15 +3260,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
 });
 const container$7 = "_container_u1r1u_123";
 const icon$2 = "_icon_u1r1u_129";
-const style0$9 = {
+const style0$a = {
   container: container$7,
   icon: icon$2
 };
-const cssModules$9 = {
-  "$style": style0$9
+const cssModules$a = {
+  "$style": style0$a
 };
-const MessageOptionAction = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$9]]);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const MessageOptionAction = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__cssModules", cssModules$a]]);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "PanelHeader",
   props: {
     title: {}
@@ -3302,20 +3302,20 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$6 = "_container_w45gq_123";
-const title$2 = "_title_w45gq_144";
-const actions$1 = "_actions_w45gq_152";
-const style0$8 = {
+const container$6 = "_container_1uwbw_123";
+const title$2 = "_title_1uwbw_144";
+const actions$1 = "_actions_1uwbw_152";
+const style0$9 = {
   container: container$6,
   title: title$2,
   actions: actions$1
 };
-const cssModules$8 = {
-  "$style": style0$8
+const cssModules$9 = {
+  "$style": style0$9
 };
-const PanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$8]]);
-const _hoisted_1 = ["onClick"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const PanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$9]]);
+const _hoisted_1$2 = ["onClick"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ChatMessagesPanel",
   props: {
     pastChatMessages: {},
@@ -3396,6 +3396,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         type: "success"
       });
     }
+    watch(
+      () => props.isOpen,
+      (isOpen) => {
+        if (isOpen) {
+          setTimeout(() => {
+            chatEventBus.emit("focusInput");
+          }, 0);
+        }
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.chat),
@@ -3435,7 +3446,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               content: unref(locale).baseText("chat.window.session.resetSession")
             }, {
               default: withCtx(() => [
-                createVNode(unref(_sfc_main$h), {
+                createVNode(unref(_sfc_main$i), {
                   class: normalizeClass(_ctx.$style.newHeaderButton),
                   "data-test-id": "refresh-session-button",
                   outline: "",
@@ -3475,7 +3486,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(unref(_sfc_main$h), {
+            createVNode(unref(_sfc_main$i), {
               class: normalizeClass(_ctx.$style.headerButton),
               "data-test-id": "refresh-session-button",
               outline: "",
@@ -3485,7 +3496,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               title: unref(locale).baseText("chat.window.session.reset"),
               onClick: onRefreshSession
             }, null, 8, ["class", "title"]),
-            _ctx.showCloseButton ? (openBlock(), createBlock(unref(_sfc_main$h), {
+            _ctx.showCloseButton ? (openBlock(), createBlock(unref(_sfc_main$i), {
               key: 0,
               class: normalizeClass(_ctx.$style.headerButton),
               outline: "",
@@ -3500,7 +3511,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           key: 2,
           class: normalizeClass(_ctx.$style.chatBody)
         }, [
-          createVNode(_sfc_main$c, {
+          createVNode(_sfc_main$d, {
             messages: _ctx.messages,
             class: normalizeClass(_ctx.$style.messages),
             "empty-text": _ctx.isNewLogsEnabled ? unref(locale).baseText("chat.window.chat.emptyChatMessage.v2") : void 0
@@ -3516,7 +3527,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   createBaseVNode("a", {
                     href: "#",
                     onClick: ($event) => emit("displayExecution", message.id)
-                  }, toDisplayString(message.id), 9, _hoisted_1)
+                  }, toDisplayString(message.id), 9, _hoisted_1$2)
                 ]),
                 _: 2
               }, 1024)) : createCommentVNode("", true),
@@ -3592,7 +3603,7 @@ const newHeaderButton = "_newHeaderButton_1r0jy_188";
 const chatBody = "_chatBody_1r0jy_193";
 const messages = "_messages_1r0jy_202";
 const messagesInput = "_messagesInput_1r0jy_213";
-const style0$7 = {
+const style0$8 = {
   chat: chat$1,
   chatHeader,
   chatTitle,
@@ -3605,10 +3616,10 @@ const style0$7 = {
   messages,
   messagesInput
 };
-const cssModules$7 = {
-  "$style": style0$7
+const cssModules$8 = {
+  "$style": style0$8
 };
-const ChatMessagesPanel = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$7]]);
+const ChatMessagesPanel = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$8]]);
 const LOCAL_STORAGE_PANEL_HEIGHT = "N8N_CANVAS_CHAT_HEIGHT";
 const LOCAL_STORAGE_PANEL_WIDTH = "N8N_CANVAS_CHAT_WIDTH";
 const LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH = "N8N_LOGS_OVERVIEW_PANEL_WIDTH";
@@ -3983,16 +3994,9 @@ function useChatMessaging({
     sendMessage
   };
 }
-function useChatTrigger({
-  getNodeByName,
-  getNodeType,
-  canvasNodes,
-  workflow
-}) {
-  const chatTriggerName = ref(null);
-  const connectedNode = ref(null);
+function useChatTrigger({ getNodeByName, getNodeType, workflow }) {
   const chatTriggerNode = computed(
-    () => chatTriggerName.value ? getNodeByName(chatTriggerName.value) : null
+    () => Object.values(workflow.value.nodes).find(isChatNode) ?? null
   );
   const allowFileUploads = computed(() => {
     return chatTriggerNode.value?.parameters?.options?.allowFileUploads === true;
@@ -4000,17 +4004,10 @@ function useChatTrigger({
   const allowedFilesMimeTypes = computed(() => {
     return chatTriggerNode.value?.parameters?.options?.allowedFilesMimeTypes?.toString() ?? "";
   });
-  function setChatTriggerNode() {
-    const triggerNode = unref(canvasNodes).find(isChatNode);
-    if (!triggerNode) {
-      return;
-    }
-    chatTriggerName.value = triggerNode.name;
-  }
-  function setConnectedNode() {
+  const connectedNode = computed(() => {
     const triggerNode = chatTriggerNode.value;
     if (!triggerNode) {
-      return;
+      return null;
     }
     const chatChildren = workflow.value.getChildNodes(triggerNode.name);
     const chatRootNode = chatChildren.reverse().map((nodeName) => getNodeByName(nodeName)).filter((n) => n !== null).reverse().find((storeNode) => {
@@ -4037,41 +4034,29 @@ function useChatTrigger({
       const result = Boolean(isChatChild && (isAgent || isChain || isCustomChainOrAgent));
       return result;
     });
-    connectedNode.value = chatRootNode ?? null;
-  }
+    return chatRootNode ?? null;
+  });
   return {
     allowFileUploads,
     allowedFilesMimeTypes,
     chatTriggerNode,
-    connectedNode: computed(() => connectedNode.value),
-    setChatTriggerNode,
-    setConnectedNode
+    connectedNode
   };
 }
-function useChatState(isReadOnly, onWindowResize) {
+function useChatState(isReadOnly) {
   const locale = useI18n$1();
   const workflowsStore = useWorkflowsStore();
   const nodeTypesStore = useNodeTypesStore();
-  const canvasStore = useCanvasStore();
   const router = useRouter();
   const nodeHelpers = useNodeHelpers();
   const { runWorkflow } = useRunWorkflow({ router });
   const messages2 = ref([]);
   const currentSessionId = ref(v4().replace(/-/g, ""));
-  const canvasNodes = computed(() => workflowsStore.allNodes);
-  const allConnections = computed(() => workflowsStore.allConnections);
+  const previousChatMessages = computed(() => workflowsStore.getPastChatMessages);
   const logsPanelState = computed(() => workflowsStore.logsPanelState);
   const workflow = computed(() => workflowsStore.getCurrentWorkflow());
-  const {
-    chatTriggerNode,
-    connectedNode,
-    allowFileUploads,
-    allowedFilesMimeTypes,
-    setChatTriggerNode,
-    setConnectedNode
-  } = useChatTrigger({
+  const { chatTriggerNode, connectedNode, allowFileUploads, allowedFilesMimeTypes } = useChatTrigger({
     workflow,
-    canvasNodes,
     getNodeByName: workflowsStore.getNodeByName,
     getNodeType: nodeTypesStore.getNodeType
   });
@@ -4127,33 +4112,6 @@ function useChatState(isReadOnly, onWindowResize) {
   );
   provide(ChatSymbol, chatConfig);
   provide(ChatOptionsSymbol, chatOptions);
-  watch(
-    () => logsPanelState.value,
-    (state) => {
-      if (state !== LOGS_PANEL_STATE.CLOSED) {
-        setChatTriggerNode();
-        setConnectedNode();
-        setTimeout(() => {
-          onWindowResize?.();
-          chatEventBus.emit("focusInput");
-        }, 0);
-      }
-    },
-    { immediate: true }
-  );
-  watch(
-    () => allConnections.value,
-    () => {
-      if (canvasStore.isLoading) return;
-      setTimeout(() => {
-        if (!chatTriggerNode.value) {
-          setChatTriggerNode();
-        }
-        setConnectedNode();
-      }, 0);
-    },
-    { deep: true }
-  );
   async function createExecutionPromise() {
     return await new Promise((resolve) => {
       const resolveIfFinished = (isRunning) => {
@@ -4189,6 +4147,9 @@ function useChatState(isReadOnly, onWindowResize) {
     nodeHelpers.updateNodesExecutionIssues();
     messages2.value = [];
     currentSessionId.value = v4().replace(/-/g, "");
+    if (logsPanelState.value !== LOGS_PANEL_STATE.CLOSED) {
+      chatEventBus.emit("focusInput");
+    }
   }
   function displayExecution(executionId) {
     const route = router.resolve({
@@ -4200,6 +4161,7 @@ function useChatState(isReadOnly, onWindowResize) {
   return {
     currentSessionId,
     messages: computed(() => isReadOnly ? restoredChatMessages.value : messages2.value),
+    previousChatMessages,
     chatTriggerNode,
     connectedNode,
     sendMessage,
@@ -4207,7 +4169,7 @@ function useChatState(isReadOnly, onWindowResize) {
     displayExecution
   };
 }
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "ConsumedTokenCountText",
   props: {
     consumedTokens: {}
@@ -4215,7 +4177,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const locale = useI18n$1();
     return (_ctx, _cache) => {
-      const _component_ConsumedTokensDetails = _sfc_main$i;
+      const _component_ConsumedTokensDetails = _sfc_main$j;
       return _ctx.consumedTokens !== void 0 ? (openBlock(), createBlock(unref(N8nTooltip), {
         key: 0,
         enterable: false
@@ -4235,36 +4197,67 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "NodeName",
+  props: {
+    name: {},
+    latestName: {},
+    isError: { type: Boolean },
+    isDeleted: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(N8nText), {
+        tag: "div",
+        bold: true,
+        size: "small",
+        class: normalizeClass(_ctx.$style.name),
+        color: _ctx.isError ? "danger" : void 0
+      }, {
+        default: withCtx(() => [
+          _ctx.isDeleted || _ctx.name !== _ctx.latestName ? (openBlock(), createElementBlock("del", _hoisted_1$1, toDisplayString(_ctx.name), 1)) : createCommentVNode("", true),
+          !_ctx.isDeleted ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.latestName), 1)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class", "color"]);
+    };
+  }
+});
+const name$1 = "_name_1t0q3_123";
+const style0$7 = {
+  name: name$1
+};
+const cssModules$7 = {
+  "$style": style0$7
+};
+const NodeName = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$7]]);
+const _hoisted_1 = ["aria-expanded"];
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "LogsOverviewRow",
   props: {
     data: {},
-    node: {},
     isSelected: { type: Boolean },
     isReadOnly: { type: Boolean },
     shouldShowConsumedTokens: { type: Boolean },
-    isCompact: { type: Boolean }
+    isCompact: { type: Boolean },
+    latestInfo: {},
+    expanded: { type: Boolean }
   },
   emits: ["toggleExpanded", "triggerPartialExecution", "openNdv"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const locale = useI18n$1();
-    const containerRef = useTemplateRef("containerRef");
-    const workflowsStore = useWorkflowsStore();
     const nodeTypeStore = useNodeTypesStore();
-    const node = computed(() => workflowsStore.nodesByName[props.data.node]);
-    const runData = computed(
-      () => node.value ? workflowsStore.workflowExecutionData?.data?.resultData.runData[node.value.name]?.[props.data.runIndex] : void 0
-    );
-    const type = computed(() => node.value ? nodeTypeStore.getNodeType(node.value.type) : void 0);
-    const depth = computed(() => (props.node.level ?? 1) - 1);
+    const type = computed(() => nodeTypeStore.getNodeType(props.data.node.type));
     const isSettled = computed(
-      () => runData.value?.executionStatus && ["crashed", "error", "success"].includes(runData.value.executionStatus)
+      () => props.data.runData.executionStatus && ["crashed", "error", "success"].includes(props.data.runData.executionStatus)
     );
-    const isError = computed(() => !!runData.value?.error);
+    const isError = computed(() => !!props.data.runData.error);
     const startedAtText = computed(() => {
-      const time = new Date(runData.value?.startTime ?? 0);
+      const time = new Date(props.data.runData.startTime);
       return locale.baseText("logs.overview.body.started", {
         interpolate: {
           time: `${toTime(time, true)}, ${toDayMonth(time)}`
@@ -4277,7 +4270,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     function isLastChild(level) {
       let parent = props.data.parent;
       let data = props.data;
-      for (let i = 0; i < depth.value - level; i++) {
+      for (let i = 0; i < props.data.depth - level; i++) {
         data = parent;
         parent = parent?.parent;
       }
@@ -4285,21 +4278,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       const lastSibling = siblings[siblings.length - 1];
       return data === void 0 && lastSibling === void 0 || data?.node === lastSibling?.node && data?.runIndex === lastSibling?.runIndex;
     }
-    watch(
-      [() => props.isSelected, containerRef],
-      ([isSelected, ref2]) => {
-        if (isSelected && ref2) {
-          ref2.scrollIntoView({ behavior: "smooth", block: "nearest" });
-        }
-      },
-      { immediate: true }
-    );
     return (_ctx, _cache) => {
-      const _component_NodeIcon = _sfc_main$j;
-      return node.value !== void 0 ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        ref_key: "containerRef",
-        ref: containerRef,
+      const _component_NodeIcon = _sfc_main$k;
+      return openBlock(), createElementBlock("div", {
+        role: "treeitem",
+        tabindex: "0",
+        "aria-expanded": props.data.children.length > 0 && props.expanded,
         class: normalizeClass({
           [_ctx.$style.container]: true,
           [_ctx.$style.compact]: props.isCompact,
@@ -4307,45 +4291,41 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           [_ctx.$style.selected]: props.isSelected
         })
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(depth.value, (level) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.data.depth, (level) => {
           return openBlock(), createElementBlock("div", {
             key: level,
             class: normalizeClass({
               [_ctx.$style.indent]: true,
-              [_ctx.$style.connectorCurved]: level === depth.value,
+              [_ctx.$style.connectorCurved]: level === props.data.depth,
               [_ctx.$style.connectorStraight]: !isLastChild(level)
             })
           }, null, 2);
         }), 128)),
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.background),
-          style: normalizeStyle({ "--indent-depth": depth.value })
+          style: normalizeStyle({ "--indent-depth": props.data.depth })
         }, null, 6),
         createVNode(_component_NodeIcon, {
           "node-type": type.value,
           size: 16,
           class: normalizeClass(_ctx.$style.icon)
         }, null, 8, ["node-type", "class"]),
-        createVNode(unref(N8nText), {
-          tag: "div",
-          bold: true,
-          size: "small",
+        createVNode(NodeName, {
           class: normalizeClass(_ctx.$style.name),
-          color: isError.value ? "danger" : void 0
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(node.value.name), 1)
-          ]),
-          _: 1
-        }, 8, ["class", "color"]),
-        createVNode(unref(N8nText), {
+          "latest-name": _ctx.latestInfo?.name ?? props.data.node.name,
+          name: props.data.node.name,
+          "is-error": isError.value,
+          "is-deleted": _ctx.latestInfo?.deleted ?? false
+        }, null, 8, ["class", "latest-name", "name", "is-error", "is-deleted"]),
+        !_ctx.isCompact ? (openBlock(), createBlock(unref(N8nText), {
+          key: 0,
           tag: "div",
           color: "text-light",
           size: "small",
           class: normalizeClass(_ctx.$style.timeTook)
         }, {
           default: withCtx(() => [
-            isSettled.value && runData.value ? (openBlock(), createBlock(unref(I18nT), {
+            isSettled.value ? (openBlock(), createBlock(unref(I18nT), {
               key: 0,
               keypath: "logs.overview.body.summaryText"
             }, {
@@ -4361,24 +4341,25 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       icon: "exclamation-triangle",
                       class: normalizeClass(_ctx.$style.errorIcon)
                     }, null, 8, ["class"]),
-                    createTextVNode(toDisplayString(unref(upperFirst)(runData.value.executionStatus)), 1)
+                    createTextVNode(toDisplayString(unref(upperFirst)(props.data.runData.executionStatus)), 1)
                   ]),
                   _: 1
                 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  createTextVNode(toDisplayString(unref(upperFirst)(runData.value.executionStatus)), 1)
+                  createTextVNode(toDisplayString(unref(upperFirst)(props.data.runData.executionStatus)), 1)
                 ], 64))
               ]),
               time: withCtx(() => [
-                createTextVNode(toDisplayString(unref(locale).displayTimer(runData.value.executionTime, true)), 1)
+                createTextVNode(toDisplayString(unref(locale).displayTimer(props.data.runData.executionTime, true)), 1)
               ]),
               _: 1
             })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(unref(upperFirst)(runData.value?.executionStatus)), 1)
+              createTextVNode(toDisplayString(unref(upperFirst)(props.data.runData.executionStatus)), 1)
             ], 64))
           ]),
           _: 1
-        }, 8, ["class"]),
-        createVNode(unref(N8nText), {
+        }, 8, ["class"])) : createCommentVNode("", true),
+        !_ctx.isCompact ? (openBlock(), createBlock(unref(N8nText), {
+          key: 1,
           tag: "div",
           color: "text-light",
           size: "small",
@@ -4388,16 +4369,16 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(startedAtText.value), 1)
           ]),
           _: 1
-        }, 8, ["class"]),
-        subtreeConsumedTokens.value !== void 0 ? (openBlock(), createBlock(unref(N8nText), {
-          key: 0,
+        }, 8, ["class"])) : createCommentVNode("", true),
+        !_ctx.isCompact && subtreeConsumedTokens.value !== void 0 ? (openBlock(), createBlock(unref(N8nText), {
+          key: 2,
           tag: "div",
           color: "text-light",
           size: "small",
           class: normalizeClass(_ctx.$style.consumedTokens)
         }, {
           default: withCtx(() => [
-            subtreeConsumedTokens.value.totalTokens > 0 && (props.data.children.length === 0 || !props.node.expanded) ? (openBlock(), createBlock(_sfc_main$7, {
+            subtreeConsumedTokens.value.totalTokens > 0 && (props.data.children.length === 0 || !props.expanded) ? (openBlock(), createBlock(_sfc_main$8, {
               key: 0,
               "consumed-tokens": subtreeConsumedTokens.value
             }, null, 8, ["consumed-tokens"])) : createCommentVNode("", true)
@@ -4405,33 +4386,36 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["class"])) : createCommentVNode("", true),
         isError.value && _ctx.isCompact ? (openBlock(), createBlock(unref(N8nIcon), {
-          key: 1,
+          key: 3,
           size: "medium",
           color: "danger",
           icon: "exclamation-triangle",
           class: normalizeClass(_ctx.$style.compactErrorIcon)
         }, null, 8, ["class"])) : createCommentVNode("", true),
-        !props.isReadOnly ? (openBlock(), createBlock(unref(_sfc_main$h), {
-          key: 2,
+        !_ctx.isCompact || !props.latestInfo?.deleted ? (openBlock(), createBlock(unref(_sfc_main$i), {
+          key: 4,
           type: "secondary",
-          size: "small",
-          icon: "play",
+          size: "medium",
+          icon: "edit",
           style: { "color": "var(--color-text-base)" },
-          "aria-label": unref(locale).baseText("logs.overview.body.run"),
-          class: normalizeClass([_ctx.$style.partialExecutionButton, depth.value > 0 ? _ctx.$style.unavailable : ""]),
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("triggerPartialExecution", props.data), ["stop"]))
-        }, null, 8, ["aria-label", "class"])) : createCommentVNode("", true),
-        createVNode(unref(_sfc_main$h), {
+          disabled: props.latestInfo?.deleted,
+          class: normalizeClass(_ctx.$style.openNdvButton),
+          "aria-label": unref(locale).baseText("logs.overview.body.open"),
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("openNdv", props.data), ["stop"]))
+        }, null, 8, ["disabled", "class", "aria-label"])) : createCommentVNode("", true),
+        !_ctx.isCompact || !props.isReadOnly && !props.latestInfo?.deleted && !props.latestInfo?.disabled ? (openBlock(), createBlock(unref(_sfc_main$i), {
+          key: 5,
           type: "secondary",
           size: "small",
-          icon: "external-link-alt",
+          icon: "play",
           style: { "color": "var(--color-text-base)" },
-          class: normalizeClass(_ctx.$style.openNdvButton),
-          "aria-label": unref(locale).baseText("logs.overview.body.open"),
-          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("openNdv", props.data), ["stop"]))
-        }, null, 8, ["class", "aria-label"]),
+          "aria-label": unref(locale).baseText("logs.overview.body.run"),
+          class: normalizeClass([_ctx.$style.partialExecutionButton, props.data.depth > 0 ? _ctx.$style.unavailable : ""]),
+          disabled: props.latestInfo?.deleted || props.latestInfo?.disabled,
+          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("triggerPartialExecution", props.data), ["stop"]))
+        }, null, 8, ["aria-label", "class", "disabled"])) : createCommentVNode("", true),
         !_ctx.isCompact || props.data.children.length > 0 ? (openBlock(), createBlock(unref(N8nButton), {
-          key: 3,
+          key: 6,
           type: "secondary",
           size: "small",
           square: true,
@@ -4442,39 +4426,39 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           }),
           class: normalizeClass(_ctx.$style.toggleButton),
           "aria-label": unref(locale).baseText("logs.overview.body.toggleRow"),
-          onClick: _cache[2] || (_cache[2] = withModifiers(($event) => emit("toggleExpanded", props.node), ["stop"]))
+          onClick: _cache[2] || (_cache[2] = withModifiers(($event) => emit("toggleExpanded", props.data), ["stop"]))
         }, {
           default: withCtx(() => [
             createVNode(unref(N8nIcon), {
               size: "medium",
-              icon: props.node.expanded ? "chevron-down" : "chevron-up"
+              icon: props.expanded ? "chevron-down" : "chevron-up"
             }, null, 8, ["icon"])
           ]),
           _: 1
         }, 8, ["style", "class", "aria-label"])) : createCommentVNode("", true)
-      ], 2)) : createCommentVNode("", true);
+      ], 10, _hoisted_1);
     };
   }
 });
-const container$5 = "_container_jrkhv_123";
-const background = "_background_jrkhv_140";
-const selected = "_selected_jrkhv_149";
-const error = "_error_jrkhv_152";
-const indent = "_indent_jrkhv_156";
-const connectorCurved = "_connectorCurved_jrkhv_165";
-const connectorStraight = "_connectorStraight_jrkhv_175";
-const icon$1 = "_icon_jrkhv_184";
-const name$1 = "_name_jrkhv_190";
-const timeTook = "_timeTook_jrkhv_196";
-const errorIcon = "_errorIcon_jrkhv_201";
-const compact = "_compact_jrkhv_205";
-const startedAt = "_startedAt_jrkhv_215";
-const consumedTokens = "_consumedTokens_jrkhv_224";
-const compactErrorIcon = "_compactErrorIcon_jrkhv_240";
-const partialExecutionButton = "_partialExecutionButton_jrkhv_248";
-const openNdvButton = "_openNdvButton_jrkhv_249";
-const unavailable = "_unavailable_jrkhv_259";
-const toggleButton = "_toggleButton_jrkhv_267";
+const container$5 = "_container_1ohan_123";
+const background = "_background_1ohan_138";
+const selected = "_selected_1ohan_147";
+const error = "_error_1ohan_153";
+const indent = "_indent_1ohan_157";
+const connectorCurved = "_connectorCurved_1ohan_166";
+const connectorStraight = "_connectorStraight_1ohan_176";
+const icon$1 = "_icon_1ohan_185";
+const name = "_name_1ohan_191";
+const timeTook = "_timeTook_1ohan_197";
+const errorIcon = "_errorIcon_1ohan_202";
+const startedAt = "_startedAt_1ohan_207";
+const consumedTokens = "_consumedTokens_1ohan_213";
+const compactErrorIcon = "_compactErrorIcon_1ohan_220";
+const partialExecutionButton = "_partialExecutionButton_1ohan_228";
+const openNdvButton = "_openNdvButton_1ohan_229";
+const compact = "_compact_1ohan_220";
+const unavailable = "_unavailable_1ohan_239";
+const toggleButton = "_toggleButton_1ohan_247";
 const style0$6 = {
   container: container$5,
   background,
@@ -4484,15 +4468,15 @@ const style0$6 = {
   connectorCurved,
   connectorStraight,
   icon: icon$1,
-  name: name$1,
+  name,
   timeTook,
   errorIcon,
-  compact,
   startedAt,
   consumedTokens,
   compactErrorIcon,
   partialExecutionButton,
   openNdvButton,
+  compact,
   unavailable,
   toggleButton
 };
@@ -4526,7 +4510,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createBaseVNode("span", null, toDisplayString(executionStatusText.value), 1),
-          _ctx.consumedTokens.totalTokens > 0 ? (openBlock(), createBlock(_sfc_main$7, {
+          _ctx.consumedTokens.totalTokens > 0 ? (openBlock(), createBlock(_sfc_main$8, {
             key: 0,
             "consumed-tokens": _ctx.consumedTokens
           }, null, 8, ["consumed-tokens"])) : createCommentVNode("", true)
@@ -4551,33 +4535,32 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     selected: {},
     isReadOnly: { type: Boolean },
     isCompact: { type: Boolean },
-    executionTree: {}
+    execution: {},
+    latestNodeInfo: {},
+    scrollToSelection: { type: Boolean }
   },
-  emits: ["clickHeader", "select"],
+  emits: ["clickHeader", "select", "clearExecutionData"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const locale = useI18n$1();
     const telemetry = useTelemetry();
-    const workflowsStore = useWorkflowsStore();
     const router = useRouter();
     const runWorkflow = useRunWorkflow({ router });
     const ndvStore = useNDVStore();
-    const nodeHelpers = useNodeHelpers();
     const isClearExecutionButtonVisible = useClearExecutionButtonVisible();
-    const workflow = computed(() => workflowsStore.getCurrentWorkflow());
-    const isEmpty2 = computed(() => workflowsStore.workflowExecutionData === null);
+    const isEmpty2 = computed(() => __props.execution === void 0);
     const switchViewOptions = computed(() => [
-      { label: locale.baseText("logs.overview.header.switch.details"), value: "details" },
-      { label: locale.baseText("logs.overview.header.switch.overview"), value: "overview" }
+      { label: locale.baseText("logs.overview.header.switch.overview"), value: "overview" },
+      { label: locale.baseText("logs.overview.header.switch.details"), value: "details" }
     ]);
-    const execution = computed(() => workflowsStore.workflowExecutionData);
     const consumedTokens2 = computed(
-      () => getTotalConsumedTokens(...__props.executionTree.map(getSubtreeTotalConsumedTokens))
+      () => getTotalConsumedTokens(...(__props.execution?.tree ?? []).map(getSubtreeTotalConsumedTokens))
     );
-    function onClearExecutionData() {
-      workflowsStore.setWorkflowExecutionData(null);
-      nodeHelpers.updateNodesExecutionIssues();
-    }
+    const collapsedEntries = ref({});
+    const flatLogEntries = computed(
+      () => flattenLogEntries(__props.execution?.tree ?? [], collapsedEntries.value)
+    );
+    const virtualList = useVirtualList(flatLogEntries, { itemHeight: 32 });
     function handleClickNode(clicked) {
       if (__props.selected?.node === clicked.node && __props.selected?.runIndex === clicked.runIndex) {
         emit("select", void 0);
@@ -4585,24 +4568,49 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       emit("select", clicked);
       telemetry.track("User selected node in log view", {
-        node_type: workflowsStore.nodesByName[clicked.node].type,
-        node_id: workflowsStore.nodesByName[clicked.node].id,
-        execution_id: workflowsStore.workflowExecutionData?.id,
-        workflow_id: workflow.value.id
+        node_type: clicked.node.type,
+        node_id: clicked.node.id,
+        execution_id: __props.execution?.id,
+        workflow_id: __props.execution?.workflowData.id
       });
     }
     function handleSwitchView(value) {
-      emit("select", value === "overview" || __props.executionTree.length === 0 ? void 0 : __props.executionTree[0]);
+      emit(
+        "select",
+        value === "overview" || (__props.execution?.tree ?? []).length === 0 ? void 0 : __props.execution?.tree[0]
+      );
     }
     function handleToggleExpanded(treeNode) {
-      treeNode.expanded = !treeNode.expanded;
+      collapsedEntries.value[treeNode.id] = !collapsedEntries.value[treeNode.id];
     }
     async function handleOpenNdv(treeNode) {
-      ndvStore.setActiveNodeName(treeNode.node);
+      ndvStore.setActiveNodeName(treeNode.node.name);
+      await nextTick(() => {
+        const source = treeNode.runData.source[0];
+        const inputBranch = source?.previousNodeOutput ?? 0;
+        ndvEventBus.emit("updateInputNodeName", source?.previousNode);
+        ndvEventBus.emit("setInputBranchIndex", inputBranch);
+        ndvStore.setOutputRunIndex(treeNode.runIndex);
+      });
     }
     async function handleTriggerPartialExecution(treeNode) {
-      await runWorkflow.runWorkflow({ destinationNode: treeNode.node });
+      const latestName = __props.latestNodeInfo[treeNode.node.id]?.name ?? treeNode.node.name;
+      if (latestName) {
+        await runWorkflow.runWorkflow({ destinationNode: latestName });
+      }
     }
+    watch(
+      () => __props.scrollToSelection ? __props.selected : void 0,
+      async (entry) => {
+        if (entry) {
+          const index = flatLogEntries.value.findIndex((e) => e.id === entry.id);
+          if (index >= 0) {
+            await nextTick(() => virtualList.scrollTo(index));
+          }
+        }
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container),
@@ -4611,7 +4619,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         createVNode(PanelHeader, {
           title: unref(locale).baseText("logs.overview.header.title"),
           "data-test-id": "logs-overview-header",
-          onClick: _cache[0] || (_cache[0] = ($event) => emit("clickHeader"))
+          onClick: _cache[1] || (_cache[1] = ($event) => emit("clickHeader"))
         }, {
           actions: withCtx(() => [
             unref(isClearExecutionButtonVisible) ? (openBlock(), createBlock(unref(N8nTooltip), {
@@ -4625,7 +4633,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   icon: "trash",
                   "icon-size": "medium",
                   class: normalizeClass(_ctx.$style.clearButton),
-                  onClick: withModifiers(onClearExecutionData, ["stop"])
+                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("clearExecutionData"), ["stop"]))
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(unref(locale).baseText("logs.overview.header.actions.clearExecution")), 1)
@@ -4656,71 +4664,63 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(unref(locale).baseText("logs.overview.body.empty.message")), 1)
             ]),
             _: 1
-          }, 8, ["class"])) : (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: normalizeClass(_ctx.$style.scrollable)
-          }, [
-            execution.value ? (openBlock(), createBlock(ExecutionSummary, {
+          }, 8, ["class"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            _ctx.execution ? (openBlock(), createBlock(ExecutionSummary, {
               key: 0,
               class: normalizeClass(_ctx.$style.summary),
-              status: execution.value.status,
+              status: _ctx.execution.status,
               "consumed-tokens": consumedTokens2.value,
-              "time-took": execution.value.startedAt && execution.value.stoppedAt ? +new Date(execution.value.stoppedAt) - +new Date(execution.value.startedAt) : void 0
+              "time-took": _ctx.execution.startedAt && _ctx.execution.stoppedAt ? +new Date(_ctx.execution.stoppedAt) - +new Date(_ctx.execution.startedAt) : void 0
             }, null, 8, ["class", "status", "consumed-tokens", "time-took"])) : createCommentVNode("", true),
-            _ctx.executionTree.length > 0 ? (openBlock(), createBlock(unref(ElTree), {
-              key: 1,
-              "node-key": "id",
-              class: normalizeClass(_ctx.$style.tree),
-              indent: 0,
-              data: _ctx.executionTree,
-              "expand-on-click-node": false,
-              "default-expand-all": true,
-              onNodeClick: handleClickNode
-            }, {
-              default: withCtx(({ node: elTreeNode, data }) => [
-                createVNode(LogsOverviewRow, {
-                  data,
-                  node: elTreeNode,
-                  "is-read-only": _ctx.isReadOnly,
-                  "is-selected": data.node === _ctx.selected?.node && data.runIndex === _ctx.selected?.runIndex,
-                  "is-compact": _ctx.isCompact,
-                  "should-show-consumed-tokens": consumedTokens2.value.totalTokens > 0,
-                  onToggleExpanded: handleToggleExpanded,
-                  onOpenNdv: handleOpenNdv,
-                  onTriggerPartialExecution: handleTriggerPartialExecution
-                }, null, 8, ["data", "node", "is-read-only", "is-selected", "is-compact", "should-show-consumed-tokens"])
-              ]),
-              _: 1
-            }, 8, ["class", "data"])) : createCommentVNode("", true),
+            createBaseVNode("div", mergeProps({
+              class: _ctx.$style.tree
+            }, unref(virtualList).containerProps), [
+              createBaseVNode("div", mergeProps(unref(virtualList).wrapperProps.value, { role: "tree" }), [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualList).list.value, ({ data, index }) => {
+                  return openBlock(), createBlock(LogsOverviewRow, {
+                    key: index,
+                    data,
+                    "is-read-only": _ctx.isReadOnly,
+                    "is-selected": data.node.name === _ctx.selected?.node.name && data.runIndex === _ctx.selected?.runIndex,
+                    "is-compact": _ctx.isCompact,
+                    "should-show-consumed-tokens": consumedTokens2.value.totalTokens > 0,
+                    "latest-info": _ctx.latestNodeInfo[data.node.id],
+                    expanded: !collapsedEntries.value[data.id],
+                    onClick: withModifiers(($event) => handleClickNode(data), ["stop"]),
+                    onToggleExpanded: handleToggleExpanded,
+                    onOpenNdv: handleOpenNdv,
+                    onTriggerPartialExecution: handleTriggerPartialExecution
+                  }, null, 8, ["data", "is-read-only", "is-selected", "is-compact", "should-show-consumed-tokens", "latest-info", "expanded", "onClick"]);
+                }), 128))
+              ], 16)
+            ], 16),
             createVNode(unref(N8nRadioButtons), {
-              size: "medium",
+              size: "small-medium",
               class: normalizeClass(_ctx.$style.switchViewButtons),
               "model-value": _ctx.selected ? "details" : "overview",
               options: switchViewOptions.value,
               "onUpdate:modelValue": handleSwitchView
             }, null, 8, ["class", "model-value", "options"])
-          ], 2))
+          ], 64))
         ], 2)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const container$3 = "_container_ow69g_123";
-const clearButton = "_clearButton_ow69g_133";
-const content$1 = "_content_ow69g_138";
-const empty = "_empty_ow69g_147";
-const emptyText = "_emptyText_ow69g_152";
-const scrollable = "_scrollable_ow69g_157";
-const summary = "_summary_ow69g_163";
-const tree = "_tree_ow69g_169";
-const switchViewButtons = "_switchViewButtons_ow69g_176";
+const container$3 = "_container_acxst_123";
+const clearButton = "_clearButton_acxst_133";
+const content$1 = "_content_acxst_139";
+const empty = "_empty_acxst_148";
+const emptyText = "_emptyText_acxst_153";
+const summary = "_summary_acxst_158";
+const tree = "_tree_acxst_162";
+const switchViewButtons = "_switchViewButtons_acxst_169";
 const style0$4 = {
   container: container$3,
   clearButton,
   content: content$1,
   empty,
   emptyText,
-  scrollable,
   summary,
   tree,
   switchViewButtons
@@ -4734,38 +4734,44 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: {
     title: {},
     paneType: {},
-    logEntry: {}
+    logEntry: {},
+    workflow: {},
+    execution: {}
   },
   setup(__props) {
     const locale = useI18n$1();
-    const workflowsStore = useWorkflowsStore();
     const ndvStore = useNDVStore();
-    const workflow = computed(() => workflowsStore.getCurrentWorkflow());
-    const node = computed(() => {
+    const displayMode = ref(__props.paneType === "input" ? "schema" : "table");
+    const isMultipleInput = computed(() => __props.paneType === "input" && __props.logEntry.runData.source.length > 1);
+    const runDataProps = computed(() => {
       if (__props.logEntry.depth > 0 || __props.paneType === "output") {
-        return workflowsStore.nodesByName[__props.logEntry.node];
+        return { node: __props.logEntry.node, runIndex: __props.logEntry.runIndex };
       }
-      const parent = workflow.value.getParentNodesByDepth(__props.logEntry.node)[0];
-      if (!parent) {
+      const source = __props.logEntry.runData.source[0];
+      const node = source && __props.workflow.getNode(source.previousNode);
+      if (!source || !node) {
         return void 0;
       }
-      return workflowsStore.nodesByName[parent.name];
+      return {
+        node: {
+          ...node,
+          disabled: false
+          // For RunData component to render data from disabled nodes as well
+        },
+        runIndex: source.previousNodeRun ?? 0,
+        overrideOutputs: [source.previousNodeOutput ?? 0]
+      };
     });
-    const isMultipleInput = computed(
-      () => __props.paneType === "input" && uniqBy(
-        workflow.value.getParentNodesByDepth(__props.logEntry.node).filter((n) => n.name !== __props.logEntry.node),
-        (n) => n.name
-      ).length > 1
-    );
     function handleClickOpenNdv() {
-      ndvStore.setActiveNodeName(__props.logEntry.node);
+      ndvStore.setActiveNodeName(__props.logEntry.node.name);
+    }
+    function handleChangeDisplayMode(value) {
+      displayMode.value = value;
     }
     return (_ctx, _cache) => {
-      return node.value ? (openBlock(), createBlock(RunData, {
-        key: 0,
-        node: node.value,
-        workflow: workflow.value,
-        "run-index": _ctx.logEntry.runIndex,
+      return runDataProps.value ? (openBlock(), createBlock(RunData, mergeProps({ key: 0 }, runDataProps.value, {
+        workflow: _ctx.workflow,
+        "workflow-execution": _ctx.execution,
         "too-much-data-title": unref(locale).baseText("ndv.output.tooMuchData.title"),
         "no-data-in-branch-message": unref(locale).baseText("ndv.output.noOutputDataInBranch"),
         "executing-message": unref(locale).baseText("ndv.output.executing"),
@@ -4774,8 +4780,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         compact: true,
         "disable-pin": true,
         "disable-edit": true,
-        "table-header-bg-color": "light"
-      }, createSlots({
+        "disable-hover-highlight": true,
+        "display-mode": displayMode.value,
+        "disable-ai-content": _ctx.logEntry.depth === 0,
+        "table-header-bg-color": "light",
+        onDisplayModeChange: handleChangeDisplayMode
+      }), createSlots({
         header: withCtx(() => [
           createVNode(unref(N8nText), {
             class: normalizeClass(_ctx.$style.title),
@@ -4828,7 +4838,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["node", "workflow", "run-index", "too-much-data-title", "no-data-in-branch-message", "executing-message", "pane-type"])) : createCommentVNode("", true);
+      ]), 1040, ["workflow", "workflow-execution", "too-much-data-title", "no-data-in-branch-message", "executing-message", "pane-type", "display-mode", "disable-ai-content"])) : createCommentVNode("", true);
     };
   }
 });
@@ -4851,26 +4861,28 @@ function useResizablePanel(localStorageKey, {
   allowFullSize
 }) {
   const containerSize = ref(0);
-  const size = useLocalStorage(localStorageKey, -1, { writeDefaults: false });
+  const persistedSize = useLocalStorage(localStorageKey, -1, { writeDefaults: false });
   const isResizing = ref(false);
+  const sizeOnResizeStart = ref();
+  const minSizeValue = computed(() => resolveSize(minSize, containerSize.value));
+  const maxSizeValue = computed(() => resolveSize(maxSize, containerSize.value));
   const constrainedSize = computed(() => {
-    if (isResizing.value && allowCollapse && size.value < 30) {
+    const sizeInPixels = persistedSize.value >= 0 && persistedSize.value <= 1 ? containerSize.value * persistedSize.value : -1;
+    if (isResizing.value && allowCollapse && sizeInPixels < 30) {
       return 0;
     }
-    if (isResizing.value && allowFullSize && size.value > containerSize.value - 30) {
+    if (isResizing.value && allowFullSize && sizeInPixels > containerSize.value - 30) {
       return containerSize.value;
     }
     const defaultSizeValue = resolveSize(defaultSize, containerSize.value);
-    if (Number.isNaN(size.value) || size.value < 0) {
+    if (Number.isNaN(sizeInPixels) || !Number.isFinite(sizeInPixels) || sizeInPixels < 0) {
       return defaultSizeValue;
     }
-    const minSizeValue = resolveSize(minSize, containerSize.value);
-    const maxSizeValue = resolveSize(maxSize, containerSize.value);
     return Math.max(
-      minSizeValue,
+      minSizeValue.value,
       Math.min(
-        snap && Math.abs(defaultSizeValue - size.value) < 30 ? defaultSizeValue : size.value,
-        maxSizeValue
+        snap && Math.abs(defaultSizeValue - sizeInPixels) < 30 ? defaultSizeValue : sizeInPixels,
+        maxSizeValue.value
       )
     );
   });
@@ -4888,13 +4900,21 @@ function useResizablePanel(localStorageKey, {
   }
   function onResize(data) {
     const containerRect = unref(container2)?.getBoundingClientRect();
-    isResizing.value = true;
-    size.value = Math.max(
+    const newSizeInPixels = Math.max(
       0,
       position === "bottom" ? (containerRect ? getSize(containerRect) : 0) - getValue(data) : getValue(data) - (containerRect ? getValue(containerRect) : 0)
     );
+    isResizing.value = true;
+    persistedSize.value = newSizeInPixels / containerSize.value;
+    if (sizeOnResizeStart.value === void 0) {
+      sizeOnResizeStart.value = persistedSize.value;
+    }
   }
   function onResizeEnd() {
+    if (minSizeValue.value > 0 && constrainedSize.value <= 0 || maxSizeValue.value < containerSize.value && constrainedSize.value >= containerSize.value) {
+      persistedSize.value = sizeOnResizeStart.value;
+    }
+    sizeOnResizeStart.value = void 0;
     isResizing.value = false;
   }
   watch(
@@ -4912,12 +4932,6 @@ function useResizablePanel(localStorageKey, {
     },
     { immediate: true }
   );
-  watch(containerSize, (newValue, oldValue) => {
-    if (size.value > 0 && oldValue > 0) {
-      const ratio = size.value / oldValue;
-      size.value = Math.round(newValue * ratio);
-    }
-  });
   return {
     isResizing: computed(() => isResizing.value),
     isCollapsed: computed(() => isResizing.value && constrainedSize.value <= 0),
@@ -4933,21 +4947,23 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
     isOpen: { type: Boolean },
     logEntry: {},
-    window: {}
+    workflow: {},
+    execution: {},
+    window: {},
+    latestInfo: {}
   },
   emits: ["clickHeader"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const locale = useI18n$1();
     const telemetry = useTelemetry();
-    const workflowsStore = useWorkflowsStore();
     const nodeTypeStore = useNodeTypesStore();
-    const content2 = ref(LOG_DETAILS_CONTENT.BOTH);
-    const node = computed(() => workflowsStore.nodesByName[__props.logEntry.node]);
-    const type = computed(() => node.value ? nodeTypeStore.getNodeType(node.value.type) : void 0);
-    const runData = computed(
-      () => (workflowsStore.workflowExecutionData?.data?.resultData.runData[__props.logEntry.node] ?? [])[__props.logEntry.runIndex]
+    const content2 = useLocalStorage(
+      "N8N_LOGS_DETAIL_PANEL_CONTENT",
+      LOG_DETAILS_CONTENT.OUTPUT,
+      { writeDefaults: false }
     );
+    const type = computed(() => nodeTypeStore.getNodeType(__props.logEntry.node.type));
     const consumedTokens2 = computed(() => getSubtreeTotalConsumedTokens(__props.logEntry));
     const isTriggerNode = computed(() => type.value?.group.includes("trigger"));
     const container2 = useTemplateRef("container");
@@ -5000,34 +5016,29 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }, [
         createVNode(PanelHeader, {
           "data-test-id": "log-details-header",
+          class: normalizeClass(_ctx.$style.header),
           onClick: _cache[0] || (_cache[0] = ($event) => emit("clickHeader"))
         }, {
           title: withCtx(() => [
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.title)
             }, [
-              createVNode(_sfc_main$j, {
+              createVNode(_sfc_main$k, {
                 "node-type": type.value,
                 size: 16,
                 class: normalizeClass(_ctx.$style.icon)
               }, null, 8, ["node-type", "class"]),
-              createVNode(unref(N8nText), {
-                tag: "div",
-                bold: true,
-                size: "small",
-                class: normalizeClass(_ctx.$style.name)
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(node.value?.name), 1)
-                ]),
-                _: 1
-              }, 8, ["class"]),
+              createVNode(NodeName, {
+                "latest-name": _ctx.latestInfo?.name ?? _ctx.logEntry.node.name,
+                name: _ctx.logEntry.node.name,
+                "is-deleted": _ctx.latestInfo?.deleted ?? false
+              }, null, 8, ["latest-name", "name", "is-deleted"]),
               _ctx.isOpen ? (openBlock(), createBlock(ExecutionSummary, {
                 key: 0,
                 class: normalizeClass(_ctx.$style.executionSummary),
-                status: runData.value?.executionStatus ?? "unknown",
+                status: _ctx.logEntry.runData.executionStatus ?? "unknown",
                 "consumed-tokens": consumedTokens2.value,
-                "time-took": runData.value?.executionTime
+                "time-took": _ctx.logEntry.runData.executionTime
               }, null, 8, ["class", "status", "consumed-tokens", "time-took"])) : createCommentVNode("", true)
             ], 2)
           ]),
@@ -5039,7 +5050,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               createVNode(unref(N8nButton), {
                 size: "mini",
                 type: "secondary",
-                class: normalizeClass(content2.value === unref(LOG_DETAILS_CONTENT).OUTPUT ? "" : _ctx.$style.pressed),
+                class: normalizeClass(unref(content2) === unref(LOG_DETAILS_CONTENT).OUTPUT ? "" : _ctx.$style.pressed),
                 onClick: withModifiers(handleToggleInput, ["stop"])
               }, {
                 default: withCtx(() => [
@@ -5050,7 +5061,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               createVNode(unref(N8nButton), {
                 size: "mini",
                 type: "secondary",
-                class: normalizeClass(content2.value === unref(LOG_DETAILS_CONTENT).INPUT ? "" : _ctx.$style.pressed),
+                class: normalizeClass(unref(content2) === unref(LOG_DETAILS_CONTENT).INPUT ? "" : _ctx.$style.pressed),
                 onClick: withModifiers(handleToggleOutput, ["stop"])
               }, {
                 default: withCtx(() => [
@@ -5062,13 +5073,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "actions")
           ]),
           _: 3
-        }),
+        }, 8, ["class"]),
         _ctx.isOpen ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(_ctx.$style.content),
           "data-test-id": "logs-details-body"
         }, [
-          !isTriggerNode.value && content2.value !== unref(LOG_DETAILS_CONTENT).OUTPUT ? (openBlock(), createBlock(unref(N8nResizeWrapper), {
+          !isTriggerNode.value && unref(content2) !== unref(LOG_DETAILS_CONTENT).OUTPUT ? (openBlock(), createBlock(unref(N8nResizeWrapper), {
             key: 0,
             class: normalizeClass({
               [_ctx.$style.inputResizer]: true,
@@ -5088,43 +5099,47 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 "data-test-id": "log-details-input",
                 "pane-type": "input",
                 title: unref(locale).baseText("logs.details.header.actions.input"),
-                "log-entry": _ctx.logEntry
-              }, null, 8, ["title", "log-entry"])
+                "log-entry": _ctx.logEntry,
+                workflow: _ctx.workflow,
+                execution: _ctx.execution
+              }, null, 8, ["title", "log-entry", "workflow", "execution"])
             ]),
             _: 1
           }, 8, ["class", "width", "style", "is-resizing-enabled", "window", "onResize"])) : createCommentVNode("", true),
-          isTriggerNode.value || content2.value !== unref(LOG_DETAILS_CONTENT).INPUT ? (openBlock(), createBlock(RunDataView, {
+          isTriggerNode.value || unref(content2) !== unref(LOG_DETAILS_CONTENT).INPUT ? (openBlock(), createBlock(RunDataView, {
             key: 1,
             "data-test-id": "log-details-output",
             "pane-type": "output",
             class: normalizeClass(_ctx.$style.outputPanel),
             title: unref(locale).baseText("logs.details.header.actions.output"),
-            "log-entry": _ctx.logEntry
-          }, null, 8, ["class", "title", "log-entry"])) : createCommentVNode("", true)
+            "log-entry": _ctx.logEntry,
+            workflow: _ctx.workflow,
+            execution: _ctx.execution
+          }, null, 8, ["class", "title", "log-entry", "workflow", "execution"])) : createCommentVNode("", true)
         ], 2)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const container$2 = "_container_v1vl1_123";
-const actions = "_actions_v1vl1_132";
-const pressed = "_pressed_v1vl1_138";
-const title = "_title_v1vl1_142";
-const icon = "_icon_v1vl1_148";
-const name = "_name_v1vl1_152";
-const executionSummary = "_executionSummary_v1vl1_158";
-const content = "_content_v1vl1_162";
-const outputPanel = "_outputPanel_v1vl1_170";
-const inputResizer = "_inputResizer_v1vl1_175";
-const collapsed = "_collapsed_v1vl1_179";
-const full = "_full_v1vl1_179";
+const container$2 = "_container_pax0a_123";
+const header = "_header_pax0a_132";
+const actions = "_actions_pax0a_136";
+const pressed = "_pressed_pax0a_142";
+const title = "_title_pax0a_146";
+const icon = "_icon_pax0a_152";
+const executionSummary = "_executionSummary_pax0a_156";
+const content = "_content_pax0a_160";
+const outputPanel = "_outputPanel_pax0a_168";
+const inputResizer = "_inputResizer_pax0a_173";
+const collapsed = "_collapsed_pax0a_177";
+const full = "_full_pax0a_177";
 const style0$2 = {
   container: container$2,
+  header,
   actions,
   pressed,
   title,
   icon,
-  name,
   executionSummary,
   content,
   outputPanel,
@@ -5163,7 +5178,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           content: popOutButtonText.value
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$h), {
+            createVNode(unref(_sfc_main$i), {
               icon: "pop-out",
               type: "secondary",
               size: "small",
@@ -5180,7 +5195,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           content: toggleButtonText.value
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$h), {
+            createVNode(unref(_sfc_main$i), {
               type: "secondary",
               size: "small",
               "icon-size": "medium",
@@ -5220,13 +5235,13 @@ function useLayout(pipContainer, pipContent2, container2, logsContainer2) {
   });
   const chatPanelResizer = useResizablePanel(LOCAL_STORAGE_PANEL_WIDTH, {
     container: container2,
-    defaultSize: (size) => size * 0.3,
-    minSize: 300,
+    defaultSize: (size) => Math.min(800, size * 0.3),
+    minSize: 240,
     maxSize: (size) => size * 0.8
   });
   const overviewPanelResizer = useResizablePanel(LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, {
     container: logsContainer2,
-    defaultSize: (size) => size * 0.3,
+    defaultSize: (size) => Math.min(240, size * 0.2),
     minSize: 80,
     maxSize: 500,
     allowFullSize: true
@@ -5273,11 +5288,15 @@ function useLayout(pipContainer, pipContent2, container2, logsContainer2) {
     }
     resizer.onResizeEnd();
   }
-  watch([panelState, resizer.size], ([state, height]) => {
-    canvasStore.setPanelHeight(
-      state === LOGS_PANEL_STATE.FLOATING ? 0 : state === LOGS_PANEL_STATE.ATTACHED ? height : 32
-    );
-  });
+  watch(
+    [panelState, resizer.size],
+    ([state, height]) => {
+      canvasStore.setPanelHeight(
+        state === LOGS_PANEL_STATE.FLOATING ? 0 : state === LOGS_PANEL_STATE.ATTACHED ? height : 32
+      );
+    },
+    { immediate: true }
+  );
   return {
     height: resizer.size,
     chatPanelWidth: chatPanelResizer.size,
@@ -5298,6 +5317,73 @@ function useLayout(pipContainer, pipContent2, container2, logsContainer2) {
     onOverviewPanelResizeEnd: overviewPanelResizer.onResizeEnd
   };
 }
+function useExecutionData() {
+  const nodeHelpers = useNodeHelpers();
+  const workflowsStore = useWorkflowsStore();
+  const execData = ref();
+  const workflow = computed(
+    () => execData.value ? new Workflow({
+      ...execData.value?.workflowData,
+      nodeTypes: workflowsStore.getNodeTypes()
+    }) : void 0
+  );
+  const latestNodeNameById = computed(
+    () => Object.values(workflow.value?.nodes ?? {}).reduce(
+      (acc, node) => {
+        const nodeInStore = workflowsStore.getNodeById(node.id);
+        acc[node.id] = {
+          deleted: !nodeInStore,
+          disabled: nodeInStore?.disabled ?? false,
+          name: nodeInStore?.name ?? node.name
+        };
+        return acc;
+      },
+      {}
+    )
+  );
+  const hasChat = computed(
+    () => [Object.values(workflow.value?.nodes ?? {}), workflowsStore.workflow.nodes].some(
+      (nodes) => nodes.some(isChatNode)
+    )
+  );
+  const execution = computed(() => {
+    if (!execData.value || !workflow.value) {
+      return void 0;
+    }
+    return {
+      ...execData.value,
+      tree: createLogEntries(workflow.value, execData.value.data?.resultData.runData ?? {})
+    };
+  });
+  const updateInterval = computed(() => (execution.value?.tree.length ?? 0) > 10 ? 300 : 0);
+  const runStatusList = computed(
+    () => workflowsStore.workflowExecutionData?.id === IN_PROGRESS_EXECUTION_ID ? Object.values(workflowsStore.workflowExecutionData?.data?.resultData.runData ?? {}).flatMap((tasks) => tasks.map((task) => task.executionStatus ?? "")).join("|") : ""
+  );
+  function resetExecutionData() {
+    execData.value = void 0;
+    workflowsStore.setWorkflowExecutionData(null);
+    nodeHelpers.updateNodesExecutionIssues();
+  }
+  watch(
+    // Fields that should trigger update
+    [
+      () => workflowsStore.workflowExecutionData?.id,
+      () => workflowsStore.workflowExecutionData?.workflowData.id,
+      () => workflowsStore.workflowExecutionData?.status,
+      runStatusList
+    ],
+    useThrottleFn(
+      () => {
+        execData.value = deepToRaw(workflowsStore.workflowExecutionData ?? void 0);
+      },
+      updateInterval,
+      true,
+      true
+    ),
+    { immediate: true }
+  );
+  return { execution, workflow, hasChat, latestNodeNameById, resetExecutionData };
+}
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LogsPanel",
   props: {
@@ -5305,12 +5391,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const workflowsStore = useWorkflowsStore();
     const container2 = useTemplateRef("container");
     const logsContainer2 = useTemplateRef("logsContainer");
     const pipContainer = useTemplateRef("pipContainer");
     const pipContent2 = useTemplateRef("pipContent");
-    const previousChatMessages = computed(() => workflowsStore.getPastChatMessages);
     const {
       height,
       chatPanelWidth,
@@ -5330,34 +5414,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onOverviewPanelResize,
       onOverviewPanelResizeEnd
     } = useLayout(pipContainer, pipContent2, container2, logsContainer2);
-    const { currentSessionId, messages: messages2, sendMessage, refreshSession, displayExecution } = useChatState(
-      props.isReadOnly
-    );
-    const hasChat = computed(
-      () => workflowsStore.workflowTriggerNodes.some(isChatNode) && (!props.isReadOnly || messages2.value.length > 0)
-    );
-    const workflow = computed(() => workflowsStore.getCurrentWorkflow());
-    const executionTree = computed(
-      () => createLogEntries(
-        workflow.value,
-        workflowsStore.workflowExecutionData?.data?.resultData.runData ?? {}
-      )
-    );
+    const {
+      currentSessionId,
+      messages: messages2,
+      previousChatMessages,
+      sendMessage,
+      refreshSession,
+      displayExecution
+    } = useChatState(props.isReadOnly);
+    const { workflow, execution, hasChat, latestNodeNameById, resetExecutionData } = useExecutionData();
     const manualLogEntrySelection = ref({ type: "initial" });
-    const autoSelectedLogEntry = computed(
-      () => findLogEntryToAutoSelect(
-        executionTree.value,
-        workflowsStore.nodesByName,
-        workflowsStore.workflowExecutionData?.data?.resultData.runData ?? {}
-      )
-    );
     const selectedLogEntry = computed(
-      () => manualLogEntrySelection.value.type === "initial" || manualLogEntrySelection.value.workflowId !== workflowsStore.workflow.id ? autoSelectedLogEntry.value : manualLogEntrySelection.value.type === "none" ? void 0 : manualLogEntrySelection.value.data
+      () => findSelectedLogEntry(manualLogEntrySelection.value, execution.value)
     );
-    const isLogDetailsOpen = computed(
-      () => selectedLogEntry.value !== void 0 && !isCollapsingDetailsPanel.value
+    const isLogDetailsOpen = computed(() => isOpen.value && selectedLogEntry.value !== void 0);
+    const isLogDetailsVisuallyOpen = computed(
+      () => isLogDetailsOpen.value && !isCollapsingDetailsPanel.value
     );
-    const isLogDetailsOpenOrCollapsing = computed(() => selectedLogEntry.value !== void 0);
     const logsPanelActionsProps = computed(() => ({
       isOpen: isOpen.value,
       showToggleButton: !isPoppedOut.value,
@@ -5366,7 +5439,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onToggleOpen
     }));
     function handleSelectLogEntry(selected2) {
-      manualLogEntrySelection.value = selected2 === void 0 ? { type: "none", workflowId: workflowsStore.workflow.id } : { type: "selected", workflowId: workflowsStore.workflow.id, data: selected2 };
+      const workflowId = execution.value?.workflowData.id;
+      if (!workflowId) {
+        return;
+      }
+      manualLogEntrySelection.value = selected2 === void 0 ? { type: "none", workflowId } : { type: "selected", workflowId, data: selected2 };
     }
     function handleResizeOverviewPanelEnd() {
       if (isOverviewPanelFullWidth.value) {
@@ -5400,7 +5477,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass([_ctx.$style.container, "ignore-key-press-canvas"]),
                 tabindex: "0"
               }, [
-                hasChat.value ? (openBlock(), createBlock(unref(N8nResizeWrapper), {
+                unref(hasChat) && (!props.isReadOnly || unref(messages2).length > 0) ? (openBlock(), createBlock(unref(N8nResizeWrapper), {
                   key: 0,
                   "supported-directions": ["right"],
                   "is-resizing-enabled": unref(isOpen),
@@ -5418,7 +5495,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "is-read-only": _ctx.isReadOnly,
                       messages: unref(messages2),
                       "session-id": unref(currentSessionId),
-                      "past-chat-messages": previousChatMessages.value,
+                      "past-chat-messages": unref(previousChatMessages),
                       "show-close-button": false,
                       "is-new-logs-enabled": true,
                       onClose: unref(onToggleOpen),
@@ -5438,45 +5515,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createVNode(unref(N8nResizeWrapper), {
                     class: normalizeClass(_ctx.$style.overviewResizer),
                     width: unref(overviewPanelWidth),
-                    style: normalizeStyle({ width: isLogDetailsOpen.value ? `${unref(overviewPanelWidth)}px` : "" }),
+                    style: normalizeStyle({ width: isLogDetailsVisuallyOpen.value ? `${unref(overviewPanelWidth)}px` : "" }),
                     "supported-directions": ["right"],
-                    "is-resizing-enabled": isLogDetailsOpenOrCollapsing.value,
+                    "is-resizing-enabled": isLogDetailsOpen.value,
                     window: unref(pipWindow),
                     onResize: unref(onOverviewPanelResize),
                     onResizeend: handleResizeOverviewPanelEnd
                   }, {
                     default: withCtx(() => [
-                      createVNode(LogsOverviewPanel, {
+                      (openBlock(), createBlock(LogsOverviewPanel, {
+                        key: unref(execution)?.id ?? "",
                         class: normalizeClass(_ctx.$style.logsOverview),
                         "is-open": unref(isOpen),
                         "is-read-only": _ctx.isReadOnly,
-                        "is-compact": isLogDetailsOpen.value,
+                        "is-compact": isLogDetailsVisuallyOpen.value,
                         selected: selectedLogEntry.value,
-                        "execution-tree": executionTree.value,
+                        execution: unref(execution),
+                        "scroll-to-selection": manualLogEntrySelection.value.type !== "selected" || manualLogEntrySelection.value.data.id !== selectedLogEntry.value?.id,
+                        "latest-node-info": unref(latestNodeNameById),
                         onClickHeader: _cache[1] || (_cache[1] = ($event) => unref(onToggleOpen)(true)),
-                        onSelect: handleSelectLogEntry
+                        onSelect: handleSelectLogEntry,
+                        onClearExecutionData: unref(resetExecutionData)
                       }, {
                         actions: withCtx(() => [
-                          !isLogDetailsOpen.value ? (openBlock(), createBlock(LogsPanelActions, normalizeProps(mergeProps({ key: 0 }, logsPanelActionsProps.value)), null, 16)) : createCommentVNode("", true)
+                          !isLogDetailsVisuallyOpen.value ? (openBlock(), createBlock(LogsPanelActions, normalizeProps(mergeProps({ key: 0 }, logsPanelActionsProps.value)), null, 16)) : createCommentVNode("", true)
                         ]),
                         _: 1
-                      }, 8, ["class", "is-open", "is-read-only", "is-compact", "selected", "execution-tree"])
+                      }, 8, ["class", "is-open", "is-read-only", "is-compact", "selected", "execution", "scroll-to-selection", "latest-node-info", "onClearExecutionData"]))
                     ]),
                     _: 1
                   }, 8, ["class", "width", "style", "is-resizing-enabled", "window", "onResize"]),
-                  isLogDetailsOpenOrCollapsing.value && selectedLogEntry.value ? (openBlock(), createBlock(LogsDetailsPanel, {
+                  isLogDetailsVisuallyOpen.value && selectedLogEntry.value && unref(workflow) && unref(execution) ? (openBlock(), createBlock(LogsDetailsPanel, {
                     key: 0,
                     class: normalizeClass(_ctx.$style.logDetails),
                     "is-open": unref(isOpen),
                     "log-entry": selectedLogEntry.value,
+                    workflow: unref(workflow),
+                    execution: unref(execution),
                     window: unref(pipWindow),
+                    "latest-info": unref(latestNodeNameById)[selectedLogEntry.value.node.id],
                     onClickHeader: _cache[2] || (_cache[2] = ($event) => unref(onToggleOpen)(true))
                   }, {
                     actions: withCtx(() => [
-                      isLogDetailsOpen.value ? (openBlock(), createBlock(LogsPanelActions, normalizeProps(mergeProps({ key: 0 }, logsPanelActionsProps.value)), null, 16)) : createCommentVNode("", true)
+                      isLogDetailsVisuallyOpen.value ? (openBlock(), createBlock(LogsPanelActions, normalizeProps(mergeProps({ key: 0 }, logsPanelActionsProps.value)), null, 16)) : createCommentVNode("", true)
                     ]),
                     _: 1
-                  }, 8, ["class", "is-open", "log-entry", "window"])) : createCommentVNode("", true)
+                  }, 8, ["class", "is-open", "log-entry", "workflow", "execution", "window", "latest-info"])) : createCommentVNode("", true)
                 ], 2)
               ], 2)
             ]),