n8n-editor-ui 1.101.0 → 1.102.0

package/dist/assets/{LogsPanel-DvWnD7rJ.js → LogsPanel-BabpRONg.js}

@@ -1,33 +1,10 @@
-import { bl as isArrayLike, bm as isArray, bn as isBuffer, bo as isTypedArray, bp as isArguments, bq as getTag, br as isPrototype, bs as baseKeys, bt as addTokenUsageData, bu as emptyTokenUsageData, bv as isChatNode, bw as NodeConnectionTypes, bx as v4, by as get, bz as isRef, bA as isReactive, bB as isProxy, bC as toRaw, bD as AGENT_LANGCHAIN_NODE_TYPE, bE as MANUAL_CHAT_TRIGGER_NODE_TYPE, bF as CHAT_TRIGGER_NODE_TYPE, a as useToast, r as ref, x as computed, c as useI18n$1, bG as usePinnedData, az as useMessage, aA as MODAL_CONFIRM, a3 as useWorkflowsStore, bH as useLogsStore, b as useRouter, bI as useNodeHelpers, bJ as useRunWorkflow, V as VIEWS, bK as chatEventBus, a9 as watch, bL as provide, d as defineComponent, i as createElementBlock, g as openBlock, n as normalizeClass, j as createVNode, k as createBaseVNode, m as unref, p as N8nText, w as withCtx, J as renderSlot, l as createTextVNode, t as toDisplayString, _ as _export_sfc, a4 as useRoute, ad as useSourceControlStore, bM as useCanvasOperations, bN as useNodeTypesStore, bO as START_NODE_TYPE, e as createBlock, f as createCommentVNode, Z as N8nTooltip, bP as formatTokenUsageCount, bQ as getDefaultExportFromCjs, bR as requireUpperFirst, aq as useTemplateRef, bS as useTimestamp, bT as toTime, bU as toDayMonth, bV as withModifiers, F as Fragment, y as renderList, O as normalizeStyle, bW as _sfc_main$k, bX as I18nT, aW as N8nIcon, $ as _sfc_main$l, q as N8nButton, K as nextTick, bY as useVirtualList, bZ as toRef, D as mergeProps, H as N8nRadioButtons, b_ as inject, b$ as toRefs, o as onMounted, c0 as normalizeProps, c1 as guardReactiveProps, c2 as resolveDynamicComponent, c3 as markdownLink, c4 as useFileDialog, c5 as onUnmounted, aT as withDirectives, c6 as vModelText, a_ as withKeys, c7 as useAttrs, c8 as useClipboard, bh as createSlots, aL as useNDVStore, c9 as PiPWindowSymbol, ca as resolveDirective, a0 as N8nLink, cb as waitingNodeTooltip, aO as useLocalStorage, cc as LOG_DETAILS_PANEL_STATE, cd as KeyboardShortcutTooltip, ce as N8nResizeWrapper, cf as useStyles, cg as Workflow, ch as useThrottleFn, ci as parse, S as useUIStore, ac as useCanvasStore, ax as useTelemetry, cj as onScopeDispose, I as onBeforeUnmount, ck as applyThemeToBody, cl as useProvideTooltipAppendTo, cm as LOGS_PANEL_STATE, cn as LOCAL_STORAGE_PANEL_HEIGHT, co as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, cp as LOCAL_STORAGE_PANEL_WIDTH, cq as useActiveElement, cr as ndvEventBus } from "./index-7S5ADieN.js";
-import { p as parseErrorMetadata, _ as _sfc_main$j, H as HighlightJS, V as VueMarkdown, R as RunData } from "./RunData-DG20AzLo.js";
-import { N as N8nActionDropdown } from "./ActionDropdown-BujIG0Jq.js";
-import { c as canvasEventBus, u as useKeybindings } from "./useKeybindings-CV0VsjNP.js";
-import "./FileSaver.min-C5wzcK59.js";
-import "./useExecutionHelpers-BfF56crp.js";
-var mapTag = "[object Map]", setTag = "[object Set]";
-var objectProto = Object.prototype;
-var hasOwnProperty = objectProto.hasOwnProperty;
-function isEmpty(value) {
-  if (value == null) {
-    return true;
-  }
-  if (isArrayLike(value) && (isArray(value) || typeof value == "string" || typeof value.splice == "function" || isBuffer(value) || isTypedArray(value) || isArguments(value))) {
-    return !value.length;
-  }
-  var tag = getTag(value);
-  if (tag == mapTag || tag == setTag) {
-    return !value.size;
-  }
-  if (isPrototype(value)) {
-    return !baseKeys(value).length;
-  }
-  for (var key in value) {
-    if (hasOwnProperty.call(value, key)) {
-      return false;
-    }
-  }
-  return true;
-}
+import { bl as addTokenUsageData, bm as emptyTokenUsageData, bn as isChatNode, bo as NodeConnectionTypes, bp as v4, bq as get, br as isRef, bs as isReactive, bt as isProxy, bu as toRaw, bv as AGENT_LANGCHAIN_NODE_TYPE, bw as MANUAL_CHAT_TRIGGER_NODE_TYPE, bx as CHAT_TRIGGER_NODE_TYPE, by as isEmpty, a as useToast, r as ref, x as computed, c as useI18n$1, bz as usePinnedData, aA as useMessage, aB as MODAL_CONFIRM, a4 as useWorkflowsStore, bA as useLogsStore, b as useRouter, bB as useNodeHelpers, bC as useRunWorkflow, V as VIEWS, bD as chatEventBus, aa as watch, bE as provide, d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, l as unref, p as N8nText, w as withCtx, J as renderSlot, k as createTextVNode, t as toDisplayString, _ as _export_sfc, a5 as useRoute, ae as useSourceControlStore, bF as useCanvasOperations, bG as useNodeTypesStore, bH as START_NODE_TYPE, e as createBlock, f as createCommentVNode, $ as N8nTooltip, bI as formatTokenUsageCount, bJ as getDefaultExportFromCjs, bK as requireUpperFirst, F as Fragment, ar as useTemplateRef, bL as useTimestamp, bM as toTime, bN as toDayMonth, bO as withModifiers, y as renderList, P as normalizeStyle, bP as _sfc_main$k, bQ as I18nT, N as N8nIcon, a0 as _sfc_main$l, q as N8nButton, K as nextTick, bR as getScrollbarWidth, bS as useVirtualList, bT as toRef, D as mergeProps, H as N8nRadioButtons, bU as inject, bV as toRefs, o as onMounted, bW as normalizeProps, bX as guardReactiveProps, bY as resolveDynamicComponent, bZ as markdownLink, b_ as useFileDialog, b$ as onUnmounted, aU as withDirectives, c0 as vModelText, a_ as withKeys, c1 as useAttrs, c2 as useClipboard, bh as createSlots, aM as useNDVStore, c3 as PiPWindowSymbol, c4 as resolveDirective, a1 as N8nLink, c5 as waitingNodeTooltip, aP as useLocalStorage, c6 as LOG_DETAILS_PANEL_STATE, c7 as KeyboardShortcutTooltip, c8 as N8nResizeWrapper, c9 as useStyles, ca as Workflow, cb as useThrottleFn, cc as parse, cd as shallowRef, T as useUIStore, ad as useCanvasStore, ay as useTelemetry, ce as onScopeDispose, I as onBeforeUnmount, cf as applyThemeToBody, cg as useProvideTooltipAppendTo, ch as LOGS_PANEL_STATE, ci as LOCAL_STORAGE_PANEL_HEIGHT, cj as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, ck as LOCAL_STORAGE_PANEL_WIDTH, cl as useActiveElement, cm as ndvEventBus } from "./index-V0GOmfo8.js";
+import { p as parseErrorMetadata, _ as _sfc_main$j, H as HighlightJS, V as VueMarkdown, R as RunData } from "./RunData-D3xzjO33.js";
+import { _ as __unplugin_components_1 } from "./AnimatedSpinner-BiuDg2x2.js";
+import { N as N8nActionDropdown } from "./ActionDropdown-D-JmCYsp.js";
+import { c as canvasEventBus, u as useKeybindings } from "./useKeybindings-CduQ2pi5.js";
+import "./FileSaver.min-CeGSkamF.js";
+import "./useExecutionHelpers-DvBwGIzz.js";
 const TOOL_EXECUTOR_NODE_NAME = "PartialExecutionToolExecutor";
 function getConsumedTokens(task) {
   if (!task.data) {
@@ -47,8 +24,9 @@ function createNode(node, context, runIndex, runData, children = []) {
   return {
     parent: context.parent,
     node,
-    id: `${context.workflow.id}:${node.name}:${context.executionId}:${runIndex}`,
-    depth: context.depth,
+    // The ID consists of workflow ID, node ID and run index (including ancestor's), which
+    // makes it possible to identify the same log across different executions
+    id: `${context.workflow.id}:${node.id}:${[...context.ancestorRunIndexes, runIndex].join(":")}`,
     runIndex,
     runData,
     children,
@@ -69,7 +47,7 @@ function getChildNodes(treeNode, node, runIndex, context) {
     return createLogTreeRec({
       ...context,
       parent: treeNode,
-      depth: context.depth + 1,
+      ancestorRunIndexes: [...context.ancestorRunIndexes, runIndex ?? 0],
       workflow,
       executionId: subExecutionLocator.executionId,
       data: subWorkflowRunData
@@ -88,7 +66,7 @@ function getChildNodes(treeNode, node, runIndex, context) {
       const subNode = context.workflow.getNode(subNodeName);
       return subNode ? getTreeNodeData(subNode, t, index, {
         ...context,
-        depth: context.depth + 1,
+        ancestorRunIndexes: [...context.ancestorRunIndexes, runIndex ?? 0],
         parent: treeNode
       }) : [];
     })
@@ -119,28 +97,24 @@ function getSubtreeTotalConsumedTokens(treeNode, includeSubWorkflow) {
   }
   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) {
-      if (isPlaceholderLog(entry) && entry.children.length > 0) {
-        return entry.children[0];
-      }
-      return entry;
-    }
+function findLogEntryToAutoSelect(subTree) {
+  const entryWithError = findLogEntryRec((e) => !!e.runData?.error, subTree);
+  if (entryWithError) {
+    return entryWithError;
   }
-  return depth === 0 ? subTree[0] : void 0;
+  const entryForAiAgent = findLogEntryRec(
+    (entry) => entry.node.type === AGENT_LANGCHAIN_NODE_TYPE || entry.parent?.node.type === AGENT_LANGCHAIN_NODE_TYPE && isPlaceholderLog(entry.parent),
+    subTree
+  );
+  if (entryForAiAgent) {
+    return entryForAiAgent;
+  }
+  return subTree[subTree.length - 1];
 }
 function createLogTree(workflow, response, workflows = {}, subWorkflowData = {}) {
   return createLogTreeRec({
     parent: void 0,
-    depth: 0,
+    ancestorRunIndexes: [],
     executionId: response.id,
     workflow,
     workflows,
@@ -188,18 +162,26 @@ function findLogEntryRec(isMatched, entries) {
   }
   return void 0;
 }
-function findSelectedLogEntry(selection, entries) {
+function findSelectedLogEntry(selection, entries, isExecuting) {
   switch (selection.type) {
     case "initial":
-      return findLogEntryToAutoSelectRec(entries, 0);
+      return isExecuting ? void 0 : findLogEntryToAutoSelect(entries);
     case "none":
       return void 0;
     case "selected": {
-      const entry = findLogEntryRec((e) => e.id === selection.id, entries);
-      if (entry) {
-        return entry;
+      const found = findLogEntryRec((e) => e.id === selection.entry.id, entries);
+      if (found === void 0 && !isExecuting) {
+        for (let runIndex = selection.entry.runIndex - 1; runIndex >= 0; runIndex--) {
+          const fallback = findLogEntryRec(
+            (e) => e.workflow.id === selection.entry.workflow.id && e.node.id === selection.entry.node.id && e.runIndex === runIndex,
+            entries
+          );
+          if (fallback !== void 0) {
+            return fallback;
+          }
+        }
       }
-      return findLogEntryToAutoSelectRec(entries, 0);
+      return found;
     }
   }
 }
@@ -757,12 +739,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 var upperFirstExports = requireUpperFirst();
 const upperFirst = /* @__PURE__ */ getDefaultExportFromCjs(upperFirstExports);
 const _hoisted_1$e = { key: 0 };
-const _hoisted_2$3 = { key: 1 };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "LogsViewNodeName",
   props: {
     name: {},
-    latestName: {},
     isError: { type: Boolean },
     isDeleted: { type: Boolean }
   },
@@ -776,8 +756,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         color: _ctx.isError ? "danger" : void 0
       }, {
         default: withCtx(() => [
-          _ctx.isDeleted || _ctx.name !== _ctx.latestName ? (openBlock(), createElementBlock("del", _hoisted_1$e, toDisplayString(_ctx.name), 1)) : createCommentVNode("", true),
-          !_ctx.isDeleted ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(_ctx.latestName), 1)) : createCommentVNode("", true)
+          _ctx.isDeleted ? (openBlock(), createElementBlock("del", _hoisted_1$e, toDisplayString(_ctx.name), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createTextVNode(toDisplayString(_ctx.name), 1)
+          ], 64))
         ]),
         _: 1
       }, 8, ["class", "color"]);
@@ -814,10 +795,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const now = useTimestamp({ interval: 1e3 });
     const nodeTypeStore = useNodeTypesStore();
     const type = computed(() => nodeTypeStore.getNodeType(props.data.node.type));
-    const isSettled = computed(
-      () => props.data.runData?.executionStatus && !["running", "waiting"].includes(props.data.runData.executionStatus)
-    );
+    const isRunning = computed(() => props.data.runData?.executionStatus === "running");
+    const isWaiting = computed(() => props.data.runData?.executionStatus === "waiting");
+    const isSettled = computed(() => !isRunning.value && !isWaiting.value);
     const isError = computed(() => !!props.data.runData?.error);
+    const statusTextKeyPath = computed(
+      () => isSettled.value ? "logs.overview.body.summaryText.in" : "logs.overview.body.summaryText.for"
+    );
     const startedAtText = computed(() => {
       if (props.data.runData === void 0) {
         return "—";
@@ -840,17 +824,17 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       () => props.shouldShowTokenCountColumn ? getSubtreeTotalConsumedTokens(props.data, false) : void 0
     );
     const hasChildren = computed(() => props.data.children.length > 0 || hasSubExecution(props.data));
-    function isLastChild(level) {
-      let parent = props.data.parent;
+    const indents = computed(() => {
+      const ret = [];
       let data = props.data;
-      for (let i = 0; i < props.data.depth - level; i++) {
-        data = parent;
-        parent = parent?.parent;
+      while (data.parent !== void 0) {
+        const siblings = data.parent?.children ?? [];
+        const lastSibling = siblings[siblings.length - 1];
+        ret.unshift({ straight: lastSibling?.id !== data.id, curved: data === props.data });
+        data = data.parent;
       }
-      const siblings = parent?.children ?? [];
-      const lastSibling = siblings[siblings.length - 1];
-      return data === void 0 && lastSibling === void 0 || data?.node === lastSibling?.node && data?.runIndex === lastSibling?.runIndex;
-    }
+      return ret;
+    });
     watch(
       () => props.isSelected,
       (isSelected) => {
@@ -864,6 +848,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       const _component_NodeIcon = _sfc_main$k;
+      const _component_AnimatedSpinner = __unplugin_components_1;
       return openBlock(), createElementBlock("div", {
         ref: "containerRef",
         role: "treeitem",
@@ -878,19 +863,19 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         }),
         onClick: _cache[3] || (_cache[3] = withModifiers(($event) => emit("toggleSelected"), ["stop"]))
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(props.data.depth, (level) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(indents.value, (indent2, level) => {
           return openBlock(), createElementBlock("div", {
             key: level,
             class: normalizeClass({
               [_ctx.$style.indent]: true,
-              [_ctx.$style.connectorCurved]: level === props.data.depth,
-              [_ctx.$style.connectorStraight]: !isLastChild(level)
+              [_ctx.$style.connectorCurved]: indent2.curved,
+              [_ctx.$style.connectorStraight]: indent2.straight
             })
           }, null, 2);
         }), 128)),
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.background),
-          style: normalizeStyle({ "--indent-depth": props.data.depth })
+          style: normalizeStyle({ "--indent-depth": indents.value.length })
         }, null, 6),
         createVNode(_component_NodeIcon, {
           "node-type": type.value,
@@ -899,11 +884,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         }, null, 8, ["node-type", "class"]),
         createVNode(LogsViewNodeName, {
           class: normalizeClass(_ctx.$style.name),
-          "latest-name": _ctx.latestInfo?.name ?? props.data.node.name,
-          name: props.data.node.name,
+          name: _ctx.latestInfo?.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"]),
+        }, null, 8, ["class", "name", "is-error", "is-deleted"]),
         !_ctx.isCompact ? (openBlock(), createBlock(unref(N8nText), {
           key: 0,
           tag: "div",
@@ -912,38 +896,39 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.timeTook)
         }, {
           default: withCtx(() => [
-            isSettled.value ? (openBlock(), createBlock(unref(I18nT), {
+            timeText.value !== void 0 ? (openBlock(), createBlock(unref(I18nT), {
               key: 0,
-              keypath: "logs.overview.body.summaryText.in"
+              keypath: statusTextKeyPath.value
             }, {
               status: withCtx(() => [
-                isError.value ? (openBlock(), createBlock(unref(N8nText), {
-                  key: 0,
-                  color: "danger",
-                  bold: true,
+                createVNode(unref(N8nText), {
+                  color: isError.value ? "danger" : void 0,
+                  bold: isError.value,
                   size: "small"
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(N8nIcon), {
-                      icon: "exclamation-triangle",
-                      class: normalizeClass(_ctx.$style.errorIcon)
-                    }, null, 8, ["class"]),
+                    isRunning.value ? (openBlock(), createBlock(_component_AnimatedSpinner, {
+                      key: 0,
+                      class: normalizeClass(_ctx.$style.statusTextIcon)
+                    }, null, 8, ["class"])) : isWaiting.value ? (openBlock(), createBlock(unref(N8nIcon), {
+                      key: 1,
+                      icon: "status-waiting",
+                      class: normalizeClass(_ctx.$style.statusTextIcon)
+                    }, null, 8, ["class"])) : isError.value ? (openBlock(), createBlock(unref(N8nIcon), {
+                      key: 2,
+                      icon: "triangle-alert",
+                      class: normalizeClass(_ctx.$style.statusTextIcon)
+                    }, null, 8, ["class"])) : createCommentVNode("", true),
                     createTextVNode(" " + toDisplayString(statusText.value), 1)
                   ]),
                   _: 1
-                })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  createTextVNode(toDisplayString(statusText.value), 1)
-                ], 64))
+                }, 8, ["color", "bold"])
               ]),
               time: withCtx(() => [
                 createTextVNode(toDisplayString(timeText.value), 1)
               ]),
               _: 1
-            })) : timeText.value !== void 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(unref(locale).baseText("logs.overview.body.summaryText.for", {
-                interpolate: { status: statusText.value, time: timeText.value }
-              })), 1)
-            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            }, 8, ["keypath"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createTextVNode("—")
             ], 64))
           ]),
@@ -980,19 +965,18 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           key: 3,
           size: "medium",
           color: "danger",
-          icon: "exclamation-triangle",
+          icon: "triangle-alert",
           class: normalizeClass(_ctx.$style.compactErrorIcon)
         }, null, 8, ["class"])) : createCommentVNode("", true),
         !_ctx.isCompact || !props.latestInfo?.deleted ? (openBlock(), createBlock(unref(_sfc_main$l), {
           key: 4,
           type: "secondary",
           size: "small",
-          icon: "edit",
+          icon: "square-pen",
           "icon-size": "medium",
-          style: normalizeStyle([{ "color": "var(--color-text-base)" }, {
-            visibility: props.canOpenNdv ? "" : "hidden",
-            color: "var(--color-text-base)"
-          }]),
+          style: normalizeStyle({
+            visibility: props.canOpenNdv ? "" : "hidden"
+          }),
           disabled: props.latestInfo?.deleted,
           class: normalizeClass(_ctx.$style.openNdvButton),
           "aria-label": unref(locale).baseText("logs.overview.body.open"),
@@ -1003,23 +987,30 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           type: "secondary",
           size: "small",
           icon: "play",
-          style: { "color": "var(--color-text-base)" },
           "aria-label": unref(locale).baseText("logs.overview.body.run"),
-          class: normalizeClass([_ctx.$style.partialExecutionButton, props.data.depth > 0 ? _ctx.$style.unavailable : ""]),
+          class: normalizeClass([_ctx.$style.partialExecutionButton, indents.value.length > 0 ? _ctx.$style.unavailable : ""]),
           disabled: props.latestInfo?.deleted || props.latestInfo?.disabled,
           onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("triggerPartialExecution"), ["stop"]))
         }, null, 8, ["aria-label", "class", "disabled"])) : createCommentVNode("", true),
+        _ctx.isCompact && !hasChildren.value ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+          isRunning.value ? (openBlock(), createBlock(_component_AnimatedSpinner, {
+            key: 0,
+            class: normalizeClass(_ctx.$style.statusIcon)
+          }, null, 8, ["class"])) : isWaiting.value ? (openBlock(), createBlock(unref(N8nIcon), {
+            key: 1,
+            icon: "status-waiting",
+            class: normalizeClass(_ctx.$style.statusIcon)
+          }, null, 8, ["class"])) : createCommentVNode("", true)
+        ], 64)) : createCommentVNode("", true),
         !_ctx.isCompact || hasChildren.value ? (openBlock(), createBlock(unref(N8nButton), {
-          key: 6,
+          key: 7,
           type: "secondary",
           size: "small",
           icon: props.expanded ? "chevron-down" : "chevron-up",
           "icon-size": "medium",
           square: true,
           style: normalizeStyle({
-            visibility: hasChildren.value ? "" : "hidden",
-            color: "var(--color-text-base)"
-            // give higher specificity than the style from the component itself
+            visibility: hasChildren.value ? "" : "hidden"
           }),
           class: normalizeClass(_ctx.$style.toggleButton),
           "aria-label": unref(locale).baseText("logs.overview.body.toggleRow"),
@@ -1029,25 +1020,27 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$7 = "_container_yoz1w_123";
-const background = "_background_yoz1w_139";
-const selected = "_selected_yoz1w_148";
-const error = "_error_yoz1w_154";
-const indent = "_indent_yoz1w_158";
-const connectorCurved = "_connectorCurved_yoz1w_167";
-const connectorStraight = "_connectorStraight_yoz1w_177";
-const icon$3 = "_icon_yoz1w_186";
-const name = "_name_yoz1w_192";
-const timeTook = "_timeTook_yoz1w_198";
-const errorIcon = "_errorIcon_yoz1w_203";
-const startedAt = "_startedAt_yoz1w_208";
-const consumedTokens = "_consumedTokens_yoz1w_214";
-const compactErrorIcon = "_compactErrorIcon_yoz1w_221";
-const partialExecutionButton = "_partialExecutionButton_yoz1w_233";
-const openNdvButton = "_openNdvButton_yoz1w_234";
-const compact = "_compact_yoz1w_221";
-const unavailable = "_unavailable_yoz1w_244";
-const toggleButton = "_toggleButton_yoz1w_252";
+const container$7 = "_container_6ygvb_123";
+const background = "_background_6ygvb_140";
+const selected = "_selected_6ygvb_149";
+const error = "_error_6ygvb_155";
+const indent = "_indent_6ygvb_159";
+const connectorCurved = "_connectorCurved_6ygvb_168";
+const connectorStraight = "_connectorStraight_6ygvb_178";
+const icon$3 = "_icon_6ygvb_187";
+const name = "_name_6ygvb_193";
+const timeTook = "_timeTook_6ygvb_199";
+const statusTextIcon = "_statusTextIcon_6ygvb_204";
+const startedAt = "_startedAt_6ygvb_209";
+const consumedTokens = "_consumedTokens_6ygvb_215";
+const compactErrorIcon = "_compactErrorIcon_6ygvb_222";
+const partialExecutionButton = "_partialExecutionButton_6ygvb_234";
+const openNdvButton = "_openNdvButton_6ygvb_235";
+const compact = "_compact_6ygvb_222";
+const unavailable = "_unavailable_6ygvb_245";
+const toggleButton = "_toggleButton_6ygvb_253";
+const statusIcon = "_statusIcon_6ygvb_277";
+const placeholder$1 = "_placeholder_6ygvb_285";
 const style0$9 = {
   container: container$7,
   background,
@@ -1059,7 +1052,7 @@ const style0$9 = {
   icon: icon$3,
   name,
   timeTook,
-  errorIcon,
+  statusTextIcon,
   startedAt,
   consumedTokens,
   compactErrorIcon,
@@ -1067,7 +1060,9 @@ const style0$9 = {
   openNdvButton,
   compact,
   unavailable,
-  toggleButton
+  toggleButton,
+  statusIcon,
+  placeholder: placeholder$1
 };
 const cssModules$9 = {
   "$style": style0$9
@@ -1136,7 +1131,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     flatLogEntries: {},
     latestNodeInfo: {}
   },
-  emits: ["clickHeader", "select", "clearExecutionData", "openNdv", "toggleExpanded", "loadSubExecution"],
+  emits: ["clickHeader", "select", "clearExecutionData", "openNdv", "toggleExpanded"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const locale = useI18n$1();
@@ -1148,6 +1143,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       { label: locale.baseText("logs.overview.header.switch.overview"), value: "overview" },
       { label: locale.baseText("logs.overview.header.switch.details"), value: "details" }
     ]);
+    const hasStaticScrollbar = getScrollbarWidth() > 0;
     const consumedTokens2 = computed(
       () => getTotalConsumedTokens(
         ...__props.entries.map(
@@ -1162,6 +1158,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const shouldShowTokenCountColumn = computed(
       () => consumedTokens2.value.totalTokens > 0 || __props.entries.some((entry) => getSubtreeTotalConsumedTokens(entry, true).totalTokens > 0)
     );
+    const isExpanded = computed(
+      () => __props.flatLogEntries.reduce((acc, entry, index, arr) => {
+        acc[entry.id] = arr[index + 1]?.parent?.id === entry.id;
+        return acc;
+      }, {})
+    );
     const virtualList = useVirtualList(
       toRef(() => __props.flatLogEntries),
       { itemHeight: 32 }
@@ -1169,13 +1171,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     function handleSwitchView(value) {
       emit("select", value === "overview" ? void 0 : __props.flatLogEntries[0]);
     }
-    function handleToggleExpanded(treeNode) {
-      if (hasSubExecution(treeNode) && treeNode.children.length === 0) {
-        emit("loadSubExecution", treeNode);
-        return;
-      }
-      emit("toggleExpanded", treeNode);
-    }
     async function handleTriggerPartialExecution(treeNode) {
       const latestName = __props.latestNodeInfo[treeNode.node.id]?.name ?? treeNode.node.name;
       if (latestName) {
@@ -1183,20 +1178,34 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       }
     }
     watch(
-      () => __props.selected,
-      async (selection) => {
-        if (selection && virtualList.list.value.every((e) => e.data.id !== selection.id)) {
-          const index = __props.flatLogEntries.findIndex((e) => e.id === selection?.id);
+      [() => __props.execution?.status === "running", () => __props.flatLogEntries.length],
+      async ([isRunning, flatEntryCount], [wasRunning]) => {
+        await nextTick(() => {
+          if (__props.selected === void 0 && (isRunning || wasRunning)) {
+            virtualList.scrollTo(flatEntryCount - 1);
+          }
+        });
+      },
+      { immediate: true }
+    );
+    watch(
+      () => __props.selected?.id,
+      async (selectedId) => {
+        await nextTick(() => {
+          if (selectedId === void 0) {
+            return;
+          }
+          const index = virtualList.list.value.some((e) => e.data.id === selectedId) ? -1 : __props.flatLogEntries.findIndex((e) => e.id === selectedId);
           if (index >= 0) {
-            await nextTick(() => virtualList.scrollTo(index));
+            virtualList.scrollTo(index);
           }
-        }
+        });
       },
       { immediate: true }
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.container),
+        class: normalizeClass([_ctx.$style.container, hasStaticScrollbar ? _ctx.$style.staticScrollBar : ""]),
         "data-test-id": "logs-overview"
       }, [
         createVNode(LogsPanelHeader, {
@@ -1213,7 +1222,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 createVNode(unref(N8nButton), {
                   size: "mini",
                   type: "secondary",
-                  icon: "trash",
+                  icon: "trash-2",
                   "icon-size": "medium",
                   "data-test-id": "clear-execution-data-button",
                   class: normalizeClass(_ctx.$style.clearButton),
@@ -1270,9 +1279,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     "is-compact": _ctx.isCompact,
                     "should-show-token-count-column": shouldShowTokenCountColumn.value,
                     "latest-info": _ctx.latestNodeInfo[data.node.id],
-                    expanded: unref(virtualList).list.value[index + 1]?.data.parent?.id === data.id,
+                    expanded: isExpanded.value[data.id],
                     "can-open-ndv": data.executionId === _ctx.execution?.id,
-                    onToggleExpanded: ($event) => handleToggleExpanded(data),
+                    onToggleExpanded: ($event) => emit("toggleExpanded", data),
                     onOpenNdv: ($event) => emit("openNdv", data),
                     onTriggerPartialExecution: ($event) => handleTriggerPartialExecution(data),
                     onToggleSelected: ($event) => emit("select", _ctx.selected?.id === data.id ? void 0 : data)
@@ -1293,14 +1302,15 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$5 = "_container_fcgc7_123";
-const clearButton = "_clearButton_fcgc7_133";
-const content$1 = "_content_fcgc7_139";
-const empty = "_empty_fcgc7_148";
-const emptyText = "_emptyText_fcgc7_153";
-const summary = "_summary_fcgc7_158";
-const tree = "_tree_fcgc7_162";
-const switchViewButtons = "_switchViewButtons_fcgc7_170";
+const container$5 = "_container_pydb1_123";
+const clearButton = "_clearButton_pydb1_133";
+const content$1 = "_content_pydb1_139";
+const empty = "_empty_pydb1_149";
+const emptyText = "_emptyText_pydb1_154";
+const summary = "_summary_pydb1_159";
+const tree = "_tree_pydb1_163";
+const staticScrollBar = "_staticScrollBar_pydb1_168";
+const switchViewButtons = "_switchViewButtons_pydb1_193";
 const style0$7 = {
   container: container$5,
   clearButton,
@@ -1309,6 +1319,7 @@ const style0$7 = {
   emptyText,
   summary,
   tree,
+  staticScrollBar,
   switchViewButtons
 };
 const cssModules$7 = {
@@ -4406,7 +4417,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return _ctx.emptyText && unref(initialMessages).length === 0 && _ctx.messages.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
         createBaseVNode("div", _hoisted_2, [
           createVNode(unref(N8nIcon), {
-            icon: "comment",
+            icon: "message-circle",
             size: "large",
             class: "emptyIcon"
           }),
@@ -4500,7 +4511,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       required: true
     },
     icon: {
-      type: String,
+      type: Object,
       required: true
     },
     placement: {
@@ -4674,7 +4685,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   type: "secondary",
                   size: "small",
                   "icon-size": "medium",
-                  icon: "undo",
+                  icon: "undo-2",
                   title: unref(locale).baseText("chat.window.session.reset"),
                   onClick: withModifiers(onRefreshSession, ["stop"])
                 }, null, 8, ["class", "title"])
@@ -4712,7 +4723,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               !_ctx.isReadOnly && isTextMessage(message) && message.sender === "user" ? (openBlock(), createBlock(MessageOptionAction, {
                 key: 1,
                 "data-test-id": "repost-message-button",
-                icon: "redo",
+                icon: "redo-2",
                 label: unref(locale).baseText("chat.window.chat.chatMessageOptions.repostMessage"),
                 placement: "left",
                 onClickOnce: ($event) => repostMessage(message)
@@ -4720,7 +4731,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               !_ctx.isReadOnly && isTextMessage(message) && message.sender === "user" ? (openBlock(), createBlock(MessageOptionAction, {
                 key: 2,
                 "data-test-id": "reuse-message-button",
-                icon: "copy",
+                icon: "files",
                 label: unref(locale).baseText("chat.window.chat.chatMessageOptions.reuseMessage"),
                 placement: "left",
                 onClick: ($event) => reuseMessage(message)
@@ -4770,17 +4781,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const chat$1 = "_chat_1r0jy_123";
-const chatHeader = "_chatHeader_1r0jy_148";
-const chatTitle = "_chatTitle_1r0jy_161";
-const session = "_session_1r0jy_165";
-const sessionId = "_sessionId_1r0jy_173";
-const copyable = "_copyable_1r0jy_179";
-const headerButton = "_headerButton_1r0jy_183";
-const newHeaderButton = "_newHeaderButton_1r0jy_188";
-const chatBody = "_chatBody_1r0jy_193";
-const messages = "_messages_1r0jy_202";
-const messagesInput = "_messagesInput_1r0jy_213";
+const chat$1 = "_chat_oezi2_123";
+const chatHeader = "_chatHeader_oezi2_151";
+const chatTitle = "_chatTitle_oezi2_164";
+const session = "_session_oezi2_168";
+const sessionId = "_sessionId_oezi2_176";
+const copyable = "_copyable_oezi2_182";
+const headerButton = "_headerButton_oezi2_186";
+const newHeaderButton = "_newHeaderButton_oezi2_191";
+const chatBody = "_chatBody_oezi2_196";
+const messages = "_messages_oezi2_205";
+const messagesInput = "_messagesInput_oezi2_216";
+const messagesHistory = "_messagesHistory_oezi2_250";
 const style0$4 = {
   chat: chat$1,
   chatHeader,
@@ -4792,7 +4804,8 @@ const style0$4 = {
   newHeaderButton,
   chatBody,
   messages,
-  messagesInput
+  messagesInput,
+  messagesHistory
 };
 const cssModules$4 = {
   "$style": style0$4
@@ -4803,9 +4816,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   props: {
     title: {},
     paneType: {},
-    logEntry: {}
+    logEntry: {},
+    collapsingTableColumnName: {}
   },
-  setup(__props) {
+  emits: ["collapsingTableColumnChanged"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const locale = useI18n$1();
     const ndvStore = useNDVStore();
     const pipWindow = inject(PiPWindowSymbol, ref());
@@ -4814,7 +4830,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       () => __props.paneType === "input" && (__props.logEntry.runData?.source.length ?? 0) > 1
     );
     const runDataProps = computed(() => {
-      if (__props.logEntry.depth > 0 || __props.paneType === "output") {
+      if (isSubNodeLog(__props.logEntry) || __props.paneType === "output") {
         return { node: __props.logEntry.node, runIndex: __props.logEntry.runIndex };
       }
       const source = __props.logEntry.runData?.source[0];
@@ -4857,10 +4873,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "disable-edit": true,
         "disable-hover-highlight": true,
         "display-mode": displayMode.value,
-        "disable-ai-content": _ctx.logEntry.depth === 0,
+        "disable-ai-content": !unref(isSubNodeLog)(_ctx.logEntry),
         "is-executing": isExecuting.value,
         "table-header-bg-color": "light",
-        onDisplayModeChange: handleChangeDisplayMode
+        "collapsing-table-column-name": _ctx.collapsingTableColumnName,
+        onDisplayModeChange: handleChangeDisplayMode,
+        onCollapsingTableColumnChanged: _cache[0] || (_cache[0] = ($event) => emit("collapsingTableColumnChanged", $event))
       }), createSlots({
         header: withCtx(() => [
           createVNode(unref(N8nText), {
@@ -4929,7 +4947,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["workflow", "workflow-execution", "too-much-data-title", "no-data-in-branch-message", "executing-message", "pane-type", "display-mode", "disable-ai-content", "is-executing"])) : createCommentVNode("", true);
+      ]), 1040, ["workflow", "workflow-execution", "too-much-data-title", "no-data-in-branch-message", "executing-message", "pane-type", "display-mode", "disable-ai-content", "is-executing", "collapsing-table-column-name"])) : createCommentVNode("", true);
     };
   }
 });
@@ -5040,9 +5058,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     logEntry: {},
     window: {},
     latestInfo: {},
-    panels: {}
+    panels: {},
+    collapsingInputTableColumnName: {},
+    collapsingOutputTableColumnName: {}
   },
-  emits: ["clickHeader", "toggleInputOpen", "toggleOutputOpen"],
+  emits: ["clickHeader", "toggleInputOpen", "toggleOutputOpen", "collapsingInputTableColumnChanged", "collapsingOutputTableColumnChanged"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const locale = useI18n$1();
@@ -5091,10 +5111,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(_ctx.$style.icon)
               }, null, 8, ["node-type", "class"]),
               createVNode(LogsViewNodeName, {
-                "latest-name": _ctx.latestInfo?.name ?? _ctx.logEntry.node.name,
-                name: _ctx.logEntry.node.name,
+                name: _ctx.latestInfo?.name ?? _ctx.logEntry.node.name,
                 "is-deleted": _ctx.latestInfo?.deleted ?? false
-              }, null, 8, ["latest-name", "name", "is-deleted"]),
+              }, null, 8, ["name", "is-deleted"]),
               _ctx.isOpen && _ctx.logEntry.runData !== void 0 ? (openBlock(), createBlock(LogsViewExecutionSummary, {
                 key: 0,
                 class: normalizeClass(_ctx.$style.executionSummary),
@@ -5189,8 +5208,10 @@ const _sfc_main$3 = /* @__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,
+                  "collapsing-table-column-name": _ctx.collapsingInputTableColumnName,
+                  onCollapsingTableColumnChanged: _cache[3] || (_cache[3] = ($event) => emit("collapsingInputTableColumnChanged", $event))
+                }, null, 8, ["title", "log-entry", "collapsing-table-column-name"])
               ]),
               _: 1
             }, 8, ["class", "width", "style", "is-resizing-enabled", "window", "onResize"])) : createCommentVNode("", true),
@@ -5200,8 +5221,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               "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,
+              "collapsing-table-column-name": _ctx.collapsingOutputTableColumnName,
+              onCollapsingTableColumnChanged: _cache[4] || (_cache[4] = ($event) => emit("collapsingOutputTableColumnChanged", $event))
+            }, null, 8, ["class", "title", "log-entry", "collapsing-table-column-name"])) : createCommentVNode("", true)
           ], 64))
         ], 2)) : createCommentVNode("", true)
       ], 2);
@@ -5302,7 +5325,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         _ctx.isOpen ? (openBlock(), createBlock(unref(N8nActionDropdown), {
           key: 1,
           "icon-size": "small",
-          "activator-icon": "ellipsis-h",
+          "activator-icon": "ellipsis",
           "activator-size": "small",
           items: menuItems.value,
           teleported: false,
@@ -5447,11 +5470,16 @@ function useLogsExecutionData() {
 }
 function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
   const telemetry = useTelemetry();
-  const manualLogEntrySelection = ref({ type: "initial" });
-  const selected2 = computed(() => findSelectedLogEntry(manualLogEntrySelection.value, tree2.value));
+  const manualLogEntrySelection = shallowRef({ type: "initial" });
+  const nodeIdToSelect = shallowRef();
+  const isExecutionStopped = computed(() => execution.value?.stoppedAt !== void 0);
+  const selected2 = computed(
+    () => findSelectedLogEntry(manualLogEntrySelection.value, tree2.value, !isExecutionStopped.value)
+  );
   const logsStore = useLogsStore();
   const uiStore = useUIStore();
   const canvasStore = useCanvasStore();
+  const workflowsStore = useWorkflowsStore();
   function syncSelectionToCanvasIfEnabled(value) {
     if (!logsStore.isLogSelectionSyncedWithCanvas) {
       return;
@@ -5459,7 +5487,7 @@ function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
     canvasEventBus.emit("nodes:select", { ids: [value.node.id], panIntoView: true });
   }
   function select(value) {
-    manualLogEntrySelection.value = value === void 0 ? { type: "none" } : { type: "selected", id: value.id };
+    manualLogEntrySelection.value = value === void 0 ? { type: "none" } : { type: "selected", entry: value };
     if (value) {
       syncSelectionToCanvasIfEnabled(value);
       telemetry.track("User selected node in log view", {
@@ -5473,14 +5501,20 @@ function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
   }
   function selectPrev() {
     const entries = flatLogEntries.value;
+    if (entries.length === 0) {
+      return;
+    }
     const prevEntry = selected2.value ? getEntryAtRelativeIndex(entries, selected2.value.id, -1) ?? entries[0] : entries[entries.length - 1];
-    manualLogEntrySelection.value = { type: "selected", id: prevEntry.id };
+    manualLogEntrySelection.value = { type: "selected", entry: prevEntry };
     syncSelectionToCanvasIfEnabled(prevEntry);
   }
   function selectNext() {
     const entries = flatLogEntries.value;
+    if (entries.length === 0) {
+      return;
+    }
     const nextEntry = selected2.value ? getEntryAtRelativeIndex(entries, selected2.value.id, 1) ?? entries[entries.length - 1] : entries[0];
-    manualLogEntrySelection.value = { type: "selected", id: nextEntry.id };
+    manualLogEntrySelection.value = { type: "selected", entry: nextEntry };
     syncSelectionToCanvasIfEnabled(nextEntry);
   }
   watch(
@@ -5495,14 +5529,23 @@ function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
   watch(
     [() => uiStore.lastSelectedNode, () => logsStore.isLogSelectionSyncedWithCanvas],
     ([selectedOnCanvas, shouldSync]) => {
-      if (!shouldSync || !selectedOnCanvas || canvasStore.hasRangeSelection || selected2.value?.node.name === selectedOnCanvas) {
+      const selectedNodeId = selectedOnCanvas ? workflowsStore.nodesByName[selectedOnCanvas]?.id : void 0;
+      nodeIdToSelect.value = shouldSync && !canvasStore.hasRangeSelection && selected2.value?.node.id !== selectedNodeId ? selectedNodeId : void 0;
+    },
+    { immediate: true }
+  );
+  watch(
+    [tree2, nodeIdToSelect],
+    ([latestTree, id]) => {
+      if (id === void 0) {
         return;
       }
-      const entry = findLogEntryRec((e) => e.node.name === selectedOnCanvas, tree2.value);
+      const entry = findLogEntryRec((e) => e.node.id === id, latestTree);
       if (!entry) {
         return;
       }
-      manualLogEntrySelection.value = { type: "selected", id: entry.id };
+      nodeIdToSelect.value = void 0;
+      manualLogEntrySelection.value = { type: "selected", entry };
       let parent = entry.parent;
       while (parent !== void 0) {
         toggleExpand(parent, true);
@@ -5513,11 +5556,18 @@ function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
   );
   return { selected: selected2, select, selectPrev, selectNext };
 }
-function useLogsTreeExpand(entries) {
-  const collapsedEntries = ref({});
+function useLogsTreeExpand(entries, loadSubExecution) {
+  const collapsedEntries = shallowRef({});
   const flatLogEntries = computed(() => flattenLogEntries(entries.value, collapsedEntries.value));
   function toggleExpanded(treeNode, expand) {
-    collapsedEntries.value[treeNode.id] = expand === void 0 ? !collapsedEntries.value[treeNode.id] : !expand;
+    if (hasSubExecution(treeNode) && treeNode.children.length === 0) {
+      void loadSubExecution(treeNode);
+      return;
+    }
+    collapsedEntries.value = {
+      ...collapsedEntries.value,
+      [treeNode.id]: expand === void 0 ? !collapsedEntries.value[treeNode.id] : !expand
+    };
   }
   return {
     flatLogEntries,
@@ -5730,7 +5780,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     container: {}
   },
   setup(__props) {
-    const pipWindow = inject(PiPWindowSymbol);
+    const pipWindow = inject(PiPWindowSymbol, ref());
     const activeElement = useActiveElement({ window: pipWindow?.value });
     const isBlurred = computed(() => {
       if (pipWindow?.value) {
@@ -5742,7 +5792,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       toRef(() => __props.keyMap),
       { disabled: isBlurred }
     );
-    return () => {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div");
     };
   }
 });
@@ -5787,13 +5838,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       displayExecution
     } = useChatState(props.isReadOnly);
     const { entries, execution, hasChat, latestNodeNameById, resetExecutionData, loadSubExecution } = useLogsExecutionData();
-    const { flatLogEntries, toggleExpanded } = useLogsTreeExpand(entries);
+    const { flatLogEntries, toggleExpanded } = useLogsTreeExpand(entries, loadSubExecution);
     const { selected: selected2, select, selectNext, selectPrev } = useLogsSelection(
       execution,
       entries,
       flatLogEntries,
       toggleExpanded
     );
+    const inputTableColumnCollapsing = ref();
+    const outputTableColumnCollapsing = ref();
     const isLogDetailsOpen = computed(() => isOpen.value && selected2.value !== void 0);
     const isLogDetailsVisuallyOpen = computed(
       () => isLogDetailsOpen.value && !isCollapsingDetailsPanel.value
@@ -5807,6 +5860,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onToggleOpen,
       onToggleSyncSelection: logsStore.toggleLogSelectionSync
     }));
+    const inputCollapsingColumnName = computed(
+      () => inputTableColumnCollapsing.value?.nodeName === selected2.value?.node.name ? inputTableColumnCollapsing.value?.columnName ?? null : null
+    );
+    const outputCollapsingColumnName = computed(
+      () => outputTableColumnCollapsing.value?.nodeName === selected2.value?.node.name ? outputTableColumnCollapsing.value?.columnName ?? null : null
+    );
     const keyMap = computed(() => ({
       j: selectNext,
       k: selectPrev,
@@ -5832,6 +5891,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ndvStore.setOutputRunIndex(treeNode.runIndex);
       });
     }
+    function handleChangeInputTableColumnCollapsing(columnName) {
+      inputTableColumnCollapsing.value = columnName && selected2.value ? { nodeName: selected2.value.node.name, columnName } : void 0;
+    }
+    function handleChangeOutputTableColumnCollapsing(columnName) {
+      outputTableColumnCollapsing.value = columnName && selected2.value ? { nodeName: selected2.value.node.name, columnName } : void 0;
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "pipContainer",
@@ -5910,8 +5975,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onResizeend: handleResizeOverviewPanelEnd
                   }, {
                     default: withCtx(() => [
-                      (openBlock(), createBlock(LogsOverviewPanel, {
-                        key: unref(execution)?.id ?? "",
+                      createVNode(LogsOverviewPanel, {
                         class: normalizeClass(_ctx.$style.logsOverview),
                         "is-open": unref(isOpen),
                         "is-read-only": _ctx.isReadOnly,
@@ -5925,14 +5989,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         onSelect: unref(select),
                         onClearExecutionData: unref(resetExecutionData),
                         onToggleExpanded: unref(toggleExpanded),
-                        onOpenNdv: handleOpenNdv,
-                        onLoadSubExecution: unref(loadSubExecution)
+                        onOpenNdv: handleOpenNdv
                       }, {
                         actions: withCtx(() => [
                           !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", "entries", "latest-node-info", "flat-log-entries", "onSelect", "onClearExecutionData", "onToggleExpanded", "onLoadSubExecution"]))
+                      }, 8, ["class", "is-open", "is-read-only", "is-compact", "selected", "execution", "entries", "latest-node-info", "flat-log-entries", "onSelect", "onClearExecutionData", "onToggleExpanded"])
                     ]),
                     _: 1
                   }, 8, ["class", "width", "style", "is-resizing-enabled", "window", "onResize"]),
@@ -5942,17 +6005,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "is-open": unref(isOpen),
                     "log-entry": unref(selected2),
                     window: unref(pipWindow),
-                    "latest-info": unref(latestNodeNameById)[unref(selected2).id],
+                    "latest-info": unref(latestNodeNameById)[unref(selected2).node.id],
                     panels: unref(logsStore).detailsState,
+                    "collapsing-input-table-column-name": inputCollapsingColumnName.value,
+                    "collapsing-output-table-column-name": outputCollapsingColumnName.value,
                     onClickHeader: _cache[2] || (_cache[2] = ($event) => unref(onToggleOpen)(true)),
                     onToggleInputOpen: unref(logsStore).toggleInputOpen,
-                    onToggleOutputOpen: unref(logsStore).toggleOutputOpen
+                    onToggleOutputOpen: unref(logsStore).toggleOutputOpen,
+                    onCollapsingInputTableColumnChanged: handleChangeInputTableColumnCollapsing,
+                    onCollapsingOutputTableColumnChanged: handleChangeOutputTableColumnCollapsing
                   }, {
                     actions: withCtx(() => [
                       isLogDetailsVisuallyOpen.value ? (openBlock(), createBlock(LogsPanelActions, normalizeProps(mergeProps({ key: 0 }, logsPanelActionsProps.value)), null, 16)) : createCommentVNode("", true)
                     ]),
                     _: 1
-                  }, 8, ["class", "is-open", "log-entry", "window", "latest-info", "panels", "onToggleInputOpen", "onToggleOutputOpen"])) : createCommentVNode("", true)
+                  }, 8, ["class", "is-open", "log-entry", "window", "latest-info", "panels", "collapsing-input-table-column-name", "collapsing-output-table-column-name", "onToggleInputOpen", "onToggleOutputOpen"])) : createCommentVNode("", true)
                 ], 2)
               ], 2)
             ]),