n8n-editor-ui 1.98.0 → 1.99.0

package/dist/assets/{LogsPanel-DVSP-ORT.css → LogsPanel-BkEQ0mgk.css}

@@ -1205,6 +1205,7 @@
 .chat-message > .chat-message-markdown {
   display: block;
   box-sizing: border-box;
+  font-size: inherit;
 }
 .chat-message > .chat-message-markdown > *:first-child {
   margin-top: 0;
@@ -3551,7 +3552,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_pax0a_123 {
+._container_tdw6t_123 {
   flex-grow: 1;
   flex-shrink: 1;
   display: flex;
@@ -3559,46 +3560,52 @@
   align-items: stretch;
   overflow: hidden;
 }
-._header_pax0a_132 {
+._header_tdw6t_132 {
   padding: var(--spacing-2xs);
 }
-._actions_pax0a_136 {
+._actions_tdw6t_136 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2xs);
   padding-inline-end: var(--spacing-2xs);
 }
-._actions_pax0a_136 ._pressed_pax0a_142 {
+._actions_tdw6t_136 ._pressed_tdw6t_142 {
   background-color: var(--color-button-secondary-focus-outline);
 }
-._title_pax0a_146 {
+._title_tdw6t_146 {
   display: flex;
   align-items: center;
   flex-shrink: 1;
 }
-._icon_pax0a_152 {
+._icon_tdw6t_152 {
   margin-right: var(--spacing-2xs);
 }
-._executionSummary_pax0a_156 {
+._executionSummary_tdw6t_156 {
   flex-shrink: 1;
 }
-._content_pax0a_160 {
+._content_tdw6t_160 {
   flex-shrink: 1;
   flex-grow: 1;
   display: flex;
   align-items: stretch;
   overflow: hidden;
 }
-._outputPanel_pax0a_168 {
+._outputPanel_tdw6t_168 {
   width: 0;
   flex-grow: 1;
 }
-._inputResizer_pax0a_173 {
+._inputResizer_tdw6t_173 {
   overflow: hidden;
   flex-shrink: 0;
 }
-._inputResizer_pax0a_173:not(:is(:last-child, ._collapsed_pax0a_177, ._full_pax0a_177)) {
+._inputResizer_tdw6t_173:not(:is(:last-child, ._collapsed_tdw6t_177, ._full_tdw6t_177)) {
   border-right: var(--border-base);
+}
+._placeholder_tdw6t_181 {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }/* BEM support Func
  -------------------------- */
 /* Transition

package/dist/assets/{LogsPanel-Dfj2Ol1s.js → LogsPanel-D9HhJ7ms.js}

@@ -1,8 +1,9 @@
-import { b0 as isArrayLike, b1 as isArray, b2 as isBuffer, b3 as isTypedArray, b4 as isArguments, b5 as getTag, b6 as isPrototype, b7 as baseKeys, b8 as addTokenUsageData, b9 as emptyTokenUsageData, ba as isChatNode, bb as NodeConnectionTypes, bc as v4, bd as get, be as isRef, bf as isReactive, bg as isProxy, bh as toRaw, bi as AGENT_LANGCHAIN_NODE_TYPE, bj as MANUAL_CHAT_TRIGGER_NODE_TYPE, bk as CHAT_TRIGGER_NODE_TYPE, a as useToast, r as ref, q as computed, c as useI18n$1, bl as usePinnedData, ak as useMessage, al as MODAL_CONFIRM, P as useWorkflowsStore, bm as useLogsStore, b as useRouter, bn as useNodeHelpers, bo as useRunWorkflow, V as VIEWS, bp as chatEventBus, W as watch, bq as provide, d as defineComponent, i as createElementBlock, g as openBlock, n as normalizeClass, j as createVNode, k as createBaseVNode, m as unref, br as N8nText, w as withCtx, x as renderSlot, l as createTextVNode, t as toDisplayString, _ as _export_sfc, Q as useRoute, $ as useSourceControlStore, bs as useCanvasOperations, bt as useNodeTypesStore, bu as START_NODE_TYPE, e as createBlock, f as createCommentVNode, aV as N8nTooltip, bv as formatTokenUsageCount, bw as getDefaultExportFromCjs, bx as requireUpperFirst, ac as useTemplateRef, by as useTimestamp, bz as toTime, bA as toDayMonth, bB as withModifiers, F as Fragment, C as renderList, A as normalizeStyle, bC as _sfc_main$j, bD as I18nT, bE as N8nIcon, aX as _sfc_main$k, bF as N8nButton, y as nextTick, bG as useVirtualList, bH as toRef, bI as mergeProps, bJ as N8nRadioButtons, bK as inject, bL as toRefs, o as onMounted, bM as normalizeProps, bN as guardReactiveProps, bO as resolveDynamicComponent, bP as markdownLink, bQ as useFileDialog, bR as onUnmounted, aE as withDirectives, bS as vModelText, bT as withKeys, h as resolveComponent, bU as useClipboard, aZ as createSlots, aw as useNDVStore, bV as resolveDirective, aW as N8nLink, bW as waitingNodeTooltip, az as useLocalStorage, bX as LOG_DETAILS_PANEL_STATE, bY as KeyboardShortcutTooltip, bZ as N8nResizeWrapper, b_ as useStyles, b$ as N8nActionDropdown, c0 as Workflow, c1 as useThrottleFn, c2 as parse, G as useUIStore, Z as useCanvasStore, ai as useTelemetry, v as onBeforeUnmount, c3 as useProvideTooltipAppendTo, c4 as IsInPiPWindowSymbol, c5 as LOGS_PANEL_STATE, c6 as LOCAL_STORAGE_PANEL_HEIGHT, c7 as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, c8 as LOCAL_STORAGE_PANEL_WIDTH, c9 as ndvEventBus } from "./index-Bpsc-Tmx.js";
-import { _ as _sfc_main$i, H as HighlightJS, V as VueMarkdown, R as RunData } from "./RunData-D_KDVdF4.js";
-import { c as canvasEventBus } from "./canvas-C0_KeJmQ.js";
-import "./FileSaver.min-sGd5mes-.js";
-import "./useExecutionHelpers-nG7T98Lv.js";
+import { b4 as isArrayLike, b5 as isArray, b6 as isBuffer, b7 as isTypedArray, b8 as isArguments, b9 as getTag, ba as isPrototype, bb as baseKeys, bc as addTokenUsageData, bd as emptyTokenUsageData, be as isChatNode, bf as NodeConnectionTypes, bg as v4, bh as get, bi as isRef, bj as isReactive, bk as isProxy, bl as toRaw, bm as AGENT_LANGCHAIN_NODE_TYPE, bn as MANUAL_CHAT_TRIGGER_NODE_TYPE, bo as CHAT_TRIGGER_NODE_TYPE, a as useToast, r as ref, x as computed, c as useI18n$1, bp as usePinnedData, ao as useMessage, ap as MODAL_CONFIRM, T as useWorkflowsStore, bq as useLogsStore, b as useRouter, br as useNodeHelpers, bs as useRunWorkflow, V as VIEWS, bt as chatEventBus, $ as watch, bu 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, A as renderSlot, l as createTextVNode, t as toDisplayString, _ as _export_sfc, U as useRoute, a3 as useSourceControlStore, bv as useCanvasOperations, bw as useNodeTypesStore, bx as START_NODE_TYPE, e as createBlock, f as createCommentVNode, aZ as N8nTooltip, by as formatTokenUsageCount, bz as getDefaultExportFromCjs, bA as requireUpperFirst, ag as useTemplateRef, bB as useTimestamp, bC as toTime, bD as toDayMonth, bE as withModifiers, F as Fragment, G as renderList, D as normalizeStyle, bF as _sfc_main$j, bG as I18nT, bH as N8nIcon, a$ as _sfc_main$k, q as N8nButton, B as nextTick, bI as useVirtualList, bJ as toRef, bK as mergeProps, bL as N8nRadioButtons, bM as inject, bN as toRefs, o as onMounted, bO as normalizeProps, bP as guardReactiveProps, bQ as resolveDynamicComponent, bR as markdownLink, bS as useFileDialog, bT as onUnmounted, aI as withDirectives, bU as vModelText, bV as withKeys, h as resolveComponent, bW as useClipboard, b1 as createSlots, aA as useNDVStore, bX as resolveDirective, a_ as N8nLink, bY as waitingNodeTooltip, aD as useLocalStorage, bZ as LOG_DETAILS_PANEL_STATE, b_ as KeyboardShortcutTooltip, b$ as N8nResizeWrapper, c0 as useStyles, c1 as N8nActionDropdown, c2 as Workflow, c3 as useThrottleFn, c4 as parse, J as useUIStore, a2 as useCanvasStore, am as useTelemetry, z as onBeforeUnmount, c5 as useProvideTooltipAppendTo, c6 as IsInPiPWindowSymbol, c7 as LOGS_PANEL_STATE, c8 as LOCAL_STORAGE_PANEL_HEIGHT, c9 as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, ca as LOCAL_STORAGE_PANEL_WIDTH, cb as ndvEventBus } from "./index-Q8IZ0Cou.js";
+import { p as parseErrorMetadata, _ as _sfc_main$i, H as HighlightJS, V as VueMarkdown, R as RunData } from "./RunData-CeKn3olP.js";
+import { c as canvasEventBus } from "./canvas-BstTJOpX.js";
+import "./FileSaver.min-DfMUUVIo.js";
+import "./useExecutionHelpers-A5rsPx0e.js";
+const TOOL_EXECUTOR_NODE_NAME = "PartialExecutionToolExecutor";
 var mapTag = "[object Map]", setTag = "[object Set]";
 var objectProto = Object.prototype;
 var hasOwnProperty = objectProto.hasOwnProperty;
@@ -50,23 +51,18 @@ function createNode(node, context, runIndex, runData, children = []) {
     runIndex,
     runData,
     children,
-    consumedTokens: getConsumedTokens(runData),
+    consumedTokens: runData ? getConsumedTokens(runData) : emptyTokenUsageData,
     workflow: context.workflow,
     executionId: context.executionId,
     execution: context.data
   };
 }
-function getTreeNodeData(nodeName, runData, runIndex, context) {
-  const node = context.workflow.getNode(nodeName);
-  return node ? getTreeNodeDataRec(node, runData, context, runIndex) : [];
-}
 function getChildNodes(treeNode, node, runIndex, context) {
-  if (hasSubExecution(treeNode)) {
-    const workflowId = treeNode.runData.metadata?.subExecution?.workflowId;
-    const executionId = treeNode.runData.metadata?.subExecution?.executionId;
-    const workflow = workflowId ? context.workflows[workflowId] : void 0;
-    const subWorkflowRunData = executionId ? context.subWorkflowData[executionId] : void 0;
-    if (!workflow || !subWorkflowRunData || !executionId) {
+  const subExecutionLocator = findSubExecutionLocator(treeNode);
+  if (subExecutionLocator !== void 0) {
+    const workflow = context.workflows[subExecutionLocator.workflowId];
+    const subWorkflowRunData = context.subWorkflowData[subExecutionLocator.executionId];
+    if (!workflow || !subWorkflowRunData) {
       return [];
     }
     return createLogTreeRec({
@@ -74,33 +70,36 @@ function getChildNodes(treeNode, node, runIndex, context) {
       parent: treeNode,
       depth: context.depth + 1,
       workflow,
-      executionId,
+      executionId: subExecutionLocator.executionId,
       data: subWorkflowRunData
     });
   }
   const connectedSubNodes = context.workflow.getParentNodes(node.name, "ALL_NON_MAIN", 1);
-  const isExecutionRoot = treeNode.parent === void 0 || treeNode.executionId !== treeNode.parent.executionId;
+  const isExecutionRoot = !isSubNodeLog(treeNode);
+  function isMatchedSource(source) {
+    return (source?.previousNode === node.name || isPlaceholderLog(treeNode) && source?.previousNode === TOOL_EXECUTOR_NODE_NAME) && (runIndex === void 0 || source.previousNodeRun === runIndex);
+  }
   return connectedSubNodes.flatMap(
     (subNodeName) => (context.data.resultData.runData[subNodeName] ?? []).flatMap((t, index) => {
-      const isMatched = isExecutionRoot && t.source.some((source) => source !== null) ? t.source.some(
-        (source) => source?.previousNode === node.name && (runIndex === void 0 || source.previousNodeRun === runIndex)
-      ) : runIndex === void 0 || index === runIndex;
+      const isMatched = isExecutionRoot && t.source.some((source) => source !== null) ? t.source.some(isMatchedSource) : runIndex === void 0 || index === runIndex;
       if (!isMatched) {
         return [];
       }
       const subNode = context.workflow.getNode(subNodeName);
-      return subNode ? getTreeNodeDataRec(
-        subNode,
-        t,
-        { ...context, depth: context.depth + 1, parent: treeNode },
-        index
-      ) : [];
+      return subNode ? getTreeNodeData(subNode, t, index, {
+        ...context,
+        depth: context.depth + 1,
+        parent: treeNode
+      }) : [];
     })
   );
 }
-function getTreeNodeDataRec(node, runData, context, runIndex) {
+function getTreeNodeData(node, runData, runIndex, context) {
   const treeNode = createNode(node, context, runIndex ?? 0, runData);
   const children = getChildNodes(treeNode, node, runIndex, context).sort(sortLogEntries);
+  if ((runData === void 0 || node.disabled) && children.length === 0) {
+    return [];
+  }
   treeNode.children = children;
   return [treeNode];
 }
@@ -130,6 +129,9 @@ function findLogEntryToAutoSelectRec(subTree, depth) {
       return childAutoSelect;
     }
     if (entry.node.type === AGENT_LANGCHAIN_NODE_TYPE) {
+      if (isPlaceholderLog(entry) && entry.children.length > 0) {
+        return entry.children[0];
+      }
       return entry;
     }
   }
@@ -147,17 +149,32 @@ function createLogTree(workflow, response, workflows = {}, subWorkflowData = {})
   });
 }
 function createLogTreeRec(context) {
-  const runs = Object.entries(context.data.resultData.runData).flatMap(
-    ([nodeName, taskData]) => context.workflow.getChildNodes(nodeName, "ALL_NON_MAIN").length > 0 || context.workflow.getNode(nodeName)?.disabled ? [] : taskData.map((task, runIndex) => ({
-      nodeName,
-      runData: task,
-      runIndex,
-      nodeHasMultipleRuns: taskData.length > 1
-    }))
+  const runData = context.data.resultData.runData;
+  return Object.entries(runData).flatMap(([nodeName, taskData]) => {
+    const node = context.workflow.getNode(nodeName);
+    if (node === null) {
+      return [];
+    }
+    const childNodes = context.workflow.getChildNodes(nodeName, "ALL_NON_MAIN");
+    if (childNodes.length === 0) {
+      return taskData.map((task, runIndex) => ({
+        node,
+        task,
+        runIndex,
+        nodeHasMultipleRuns: taskData.length > 1
+      }));
+    }
+    if (childNodes.some((child) => (runData[child] ?? []).length > 0)) {
+      return [];
+    }
+    const firstChild = context.workflow.getNode(childNodes[0]);
+    if (firstChild === null) {
+      return [];
+    }
+    return [{ node: firstChild, nodeHasMultipleRuns: false }];
+  }).flatMap(
+    ({ node, runIndex, task, nodeHasMultipleRuns }) => getTreeNodeData(node, task, nodeHasMultipleRuns ? runIndex : void 0, context)
   ).sort(sortLogEntries);
-  return runs.flatMap(
-    ({ nodeName, runIndex, runData, nodeHasMultipleRuns }) => getTreeNodeData(nodeName, runData, nodeHasMultipleRuns ? runIndex : void 0, context)
-  );
 }
 function findLogEntryRec(isMatched, entries) {
   for (const entry of entries) {
@@ -225,6 +242,12 @@ function getEntryAtRelativeIndex(entries, id, relativeIndex) {
   return offset === -1 ? void 0 : entries[offset + relativeIndex];
 }
 function sortLogEntries(a, b) {
+  if (a.runData === void 0) {
+    return a.children.length > 0 ? sortLogEntries(a.children[0], b) : 0;
+  }
+  if (b.runData === void 0) {
+    return b.children.length > 0 ? sortLogEntries(a, b.children[0]) : 0;
+  }
   if (a.runData.startTime === b.runData.startTime) {
     return a.runData.executionIndex - b.runData.executionIndex;
   }
@@ -273,7 +296,14 @@ function mergeStartData(startData, response) {
   };
 }
 function hasSubExecution(entry) {
-  return !!entry.runData.metadata?.subExecution;
+  return findSubExecutionLocator(entry) !== void 0;
+}
+function findSubExecutionLocator(entry) {
+  const metadata = entry.runData?.metadata?.subExecution;
+  if (metadata) {
+    return { workflowId: metadata.workflowId, executionId: metadata.executionId };
+  }
+  return parseErrorMetadata(entry.runData?.error)?.subExecution;
 }
 function getDepth(entry) {
   let depth = 0;
@@ -360,6 +390,12 @@ function restoreChatHistory(workflowExecutionData, emptyText2) {
   );
   return [...userMessage ? [userMessage] : [], ...botMessage ? [botMessage] : []];
 }
+function isSubNodeLog(logEntry) {
+  return logEntry.parent !== void 0 && logEntry.parent.executionId === logEntry.executionId;
+}
+function isPlaceholderLog(treeNode) {
+  return treeNode.runData === void 0;
+}
 function useChatMessaging({
   chatTrigger,
   messages: messages2,
@@ -779,10 +815,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     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)
+      () => props.data.runData?.executionStatus && !["running", "waiting"].includes(props.data.runData.executionStatus)
     );
-    const isError = computed(() => !!props.data.runData.error);
+    const isError = computed(() => !!props.data.runData?.error);
     const startedAtText = computed(() => {
+      if (props.data.runData === void 0) {
+        return "—";
+      }
       const time = new Date(props.data.runData.startTime);
       return locale.baseText("logs.overview.body.started", {
         interpolate: {
@@ -790,19 +829,17 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         }
       });
     });
-    const statusText = computed(() => upperFirst(props.data.runData.executionStatus));
+    const statusText = computed(() => upperFirst(props.data.runData?.executionStatus ?? ""));
     const timeText = computed(
-      () => locale.displayTimer(
+      () => props.data.runData ? locale.displayTimer(
         isSettled.value ? props.data.runData.executionTime : Math.floor((now.value - props.data.runData.startTime) / 1e3) * 1e3,
         true
-      )
+      ) : void 0
     );
     const subtreeConsumedTokens = computed(
       () => props.shouldShowTokenCountColumn ? getSubtreeTotalConsumedTokens(props.data, false) : void 0
     );
-    const hasChildren = computed(
-      () => props.data.children.length > 0 || !!props.data.runData.metadata?.subExecution
-    );
+    const hasChildren = computed(() => props.data.children.length > 0 || hasSubExecution(props.data));
     function isLastChild(level) {
       let parent = props.data.parent;
       let data = props.data;
@@ -902,10 +939,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(timeText.value), 1)
               ]),
               _: 1
-            })) : (openBlock(), createElementBlock(Fragment, { key: 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 }, [
+              createTextVNode("—")
             ], 64))
           ]),
           _: 1
@@ -4773,12 +4812,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const locale = useI18n$1();
     const ndvStore = useNDVStore();
     const displayMode = ref(__props.paneType === "input" ? "schema" : "table");
-    const isMultipleInput = computed(() => __props.paneType === "input" && __props.logEntry.runData.source.length > 1);
+    const isMultipleInput = computed(
+      () => __props.paneType === "input" && (__props.logEntry.runData?.source.length ?? 0) > 1
+    );
     const runDataProps = computed(() => {
       if (__props.logEntry.depth > 0 || __props.paneType === "output") {
         return { node: __props.logEntry.node, runIndex: __props.logEntry.runIndex };
       }
-      const source = __props.logEntry.runData.source[0];
+      const source = __props.logEntry.runData?.source[0];
       const node = source && __props.logEntry.workflow.getNode(source.previousNode);
       if (!source || !node) {
         return void 0;
@@ -4794,7 +4835,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       };
     });
     const isExecuting = computed(
-      () => __props.paneType === "output" && (__props.logEntry.runData.executionStatus === "running" || __props.logEntry.runData.executionStatus === "waiting")
+      () => __props.paneType === "output" && (__props.logEntry.runData?.executionStatus === "running" || __props.logEntry.runData?.executionStatus === "waiting")
     );
     function handleClickOpenNdv() {
       ndvStore.setActiveNodeName(__props.logEntry.node.name);
@@ -5055,7 +5096,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 name: _ctx.logEntry.node.name,
                 "is-deleted": _ctx.latestInfo?.deleted ?? false
               }, null, 8, ["latest-name", "name", "is-deleted"]),
-              _ctx.isOpen ? (openBlock(), createBlock(LogsViewExecutionSummary, {
+              _ctx.isOpen && _ctx.logEntry.runData !== void 0 ? (openBlock(), createBlock(LogsViewExecutionSummary, {
                 key: 0,
                 class: normalizeClass(_ctx.$style.executionSummary),
                 status: _ctx.logEntry.runData.executionStatus ?? "unknown",
@@ -5066,7 +5107,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             ], 2)
           ]),
           actions: withCtx(() => [
-            _ctx.isOpen && !isTriggerNode.value ? (openBlock(), createElementBlock("div", {
+            _ctx.isOpen && !isTriggerNode.value && !unref(isPlaceholderLog)(_ctx.logEntry) ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(_ctx.$style.actions)
             }, [
@@ -5118,56 +5159,69 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.content),
           "data-test-id": "logs-details-body"
         }, [
-          !isTriggerNode.value && _ctx.panels !== unref(LOG_DETAILS_PANEL_STATE).OUTPUT ? (openBlock(), createBlock(unref(N8nResizeWrapper), {
+          unref(isPlaceholderLog)(_ctx.logEntry) ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass({
-              [_ctx.$style.inputResizer]: true,
-              [_ctx.$style.collapsed]: unref(resizer).isCollapsed.value,
-              [_ctx.$style.full]: unref(resizer).isFullSize.value
-            }),
-            width: unref(resizer).size.value,
-            style: normalizeStyle(shouldResize.value ? { width: `${unref(resizer).size.value ?? 0}px` } : void 0),
-            "supported-directions": ["right"],
-            "is-resizing-enabled": shouldResize.value,
-            window: _ctx.window,
-            onResize: unref(resizer).onResize,
-            onResizeend: handleResizeEnd
-          }, {
-            default: withCtx(() => [
-              createVNode(LogsViewRunData, {
-                "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"])
-            ]),
-            _: 1
-          }, 8, ["class", "width", "style", "is-resizing-enabled", "window", "onResize"])) : createCommentVNode("", true),
-          isTriggerNode.value || _ctx.panels !== unref(LOG_DETAILS_PANEL_STATE).INPUT ? (openBlock(), createBlock(LogsViewRunData, {
-            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)
+            class: normalizeClass(_ctx.$style.placeholder)
+          }, [
+            createVNode(unref(N8nText), { color: "text-base" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(locale).baseText("ndv.output.runNodeHint")), 1)
+              ]),
+              _: 1
+            })
+          ], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            !isTriggerNode.value && _ctx.panels !== unref(LOG_DETAILS_PANEL_STATE).OUTPUT ? (openBlock(), createBlock(unref(N8nResizeWrapper), {
+              key: 0,
+              class: normalizeClass({
+                [_ctx.$style.inputResizer]: true,
+                [_ctx.$style.collapsed]: unref(resizer).isCollapsed.value,
+                [_ctx.$style.full]: unref(resizer).isFullSize.value
+              }),
+              width: unref(resizer).size.value,
+              style: normalizeStyle(shouldResize.value ? { width: `${unref(resizer).size.value ?? 0}px` } : void 0),
+              "supported-directions": ["right"],
+              "is-resizing-enabled": shouldResize.value,
+              window: _ctx.window,
+              onResize: unref(resizer).onResize,
+              onResizeend: handleResizeEnd
+            }, {
+              default: withCtx(() => [
+                createVNode(LogsViewRunData, {
+                  "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"])
+              ]),
+              _: 1
+            }, 8, ["class", "width", "style", "is-resizing-enabled", "window", "onResize"])) : createCommentVNode("", true),
+            isTriggerNode.value || _ctx.panels !== unref(LOG_DETAILS_PANEL_STATE).INPUT ? (openBlock(), createBlock(LogsViewRunData, {
+              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)
+          ], 64))
         ], 2)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-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 container$2 = "_container_tdw6t_123";
+const header = "_header_tdw6t_132";
+const actions = "_actions_tdw6t_136";
+const pressed = "_pressed_tdw6t_142";
+const title = "_title_tdw6t_146";
+const icon = "_icon_tdw6t_152";
+const executionSummary = "_executionSummary_tdw6t_156";
+const content = "_content_tdw6t_160";
+const outputPanel = "_outputPanel_tdw6t_168";
+const inputResizer = "_inputResizer_tdw6t_173";
+const collapsed = "_collapsed_tdw6t_177";
+const full = "_full_tdw6t_177";
+const placeholder = "_placeholder_tdw6t_181";
 const style0$2 = {
   container: container$2,
   header,
@@ -5180,7 +5234,8 @@ const style0$2 = {
   outputPanel,
   inputResizer,
   collapsed,
-  full
+  full,
+  placeholder
 };
 const cssModules$2 = {
   "$style": style0$2
@@ -5335,19 +5390,18 @@ function useLogsExecutionData() {
     nodeHelpers.updateNodesExecutionIssues();
   }
   async function loadSubExecution(logEntry) {
-    const executionId = logEntry.runData.metadata?.subExecution?.executionId;
-    const workflowId = logEntry.runData.metadata?.subExecution?.workflowId;
-    if (!execData.value?.data || !executionId || !workflowId) {
+    const locator = findSubExecutionLocator(logEntry);
+    if (!execData.value?.data || locator === void 0) {
       return;
     }
     try {
-      const subExecution = await workflowsStore.fetchExecutionDataById(executionId);
+      const subExecution = await workflowsStore.fetchExecutionDataById(locator.executionId);
       const data = subExecution?.data ? parse(subExecution.data) : void 0;
       if (!data || !subExecution) {
         throw Error("Data is missing");
       }
-      subWorkflowExecData.value[executionId] = data;
-      subWorkflows.value[workflowId] = new Workflow({
+      subWorkflowExecData.value[locator.executionId] = data;
+      subWorkflows.value[locator.workflowId] = new Workflow({
         ...subExecution.workflowData,
         nodeTypes: workflowsStore.getNodeTypes()
       });
@@ -5430,6 +5484,15 @@ function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
     manualLogEntrySelection.value = { type: "selected", id: nextEntry.id };
     syncSelectionToCanvasIfEnabled(nextEntry);
   }
+  watch(
+    selected2,
+    (sel) => {
+      if (sel) {
+        logsStore.setSubNodeSelected(isSubNodeLog(sel));
+      }
+    },
+    { immediate: true }
+  );
   watch(
     [() => uiStore.lastSelectedNode, () => logsStore.isLogSelectionSyncedWithCanvas],
     ([selectedOnCanvas, shouldSync]) => {
@@ -5690,7 +5753,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     async function handleOpenNdv(treeNode) {
       ndvStore.setActiveNodeName(treeNode.node.name);
       await nextTick(() => {
-        const source = treeNode.runData.source[0];
+        const source = treeNode.runData?.source[0];
         const inputBranch = source?.previousNodeOutput ?? 0;
         ndvEventBus.emit("updateInputNodeName", source?.previousNode);
         ndvEventBus.emit("setInputBranchIndex", inputBranch);

package/dist/assets/{MainHeader-BHGtRsRJ.js → MainHeader-obfyYKSJ.js}

@@ -1,12 +1,11 @@
-import { d as defineComponent, s as MAIN_HEADER_TABS, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, n as normalizeClass, j as createVNode, _ as _export_sfc, r as ref, v as onBeforeUnmount, o as onMounted, x as renderSlot, y as nextTick, q as computed, z as debounce, e as createBlock, m as unref, A as normalizeStyle, B as createEventBus, w as withCtx, k as createBaseVNode, F as Fragment, C as renderList, l as createTextVNode, t as toDisplayString, D as useTagsStore, E as useDebounce, G as useUIStore, H as BREAKPOINT_SM, I as BREAKPOINT_XL, J as BREAKPOINT_LG, K as BREAKPOINT_MD, L as getBannerRowHeight, V as VIEWS, c as useI18n, N as defineStore, O as usePushConnectionStore, P as useWorkflowsStore, u as useUsersStore, Q as useRoute, R as PLACEHOLDER_EMPTY_WORKFLOW_ID, S as STORES, T as TIME, U as useDocumentVisibility, W as watch, X as useCssModule, Y as useRootStore, Z as useCanvasStore, p as useSettingsStore, $ as useSourceControlStore, a0 as useProjectsStore, a1 as useFoldersStore, a2 as useNpsSurveyStore, b as useRouter, a as useToast, a3 as useDocumentTitle, a4 as useWorkflowSaving, a5 as useWorkflowHelpers, a6 as usePageRedirectionHelper, a7 as getResourcePermissions, a8 as WORKFLOW_MENU_ACTIONS, a9 as hasPermission, aa as EnterpriseEditionFeature, ab as ProjectTypes, ac as useTemplateRef, ad as InlineRename, ae as MAX_WORKFLOW_NAME_LENGTH, af as _sfc_main$a, ag as SaveButton, ah as WORKFLOW_SHARE_MODAL_KEY, ai as useTelemetry, aj as nodeViewEventBus, ak as useMessage, al as MODAL_CONFIRM, am as WORKFLOW_SETTINGS_MODAL_KEY, an as SOURCE_CONTROL_PUSH_MODAL_KEY, ao as IMPORT_WORKFLOW_URL_MODAL_KEY, ap as DUPLICATE_MODAL_KEY, aq as ResourceType, ar as PROJECT_MOVE_RESOURCE_MODAL, as as __vitePreload, at as hyphenate, au as h, av as hasOwn, aw as useNDVStore, ax as useExecutionsStore, ay as usePostHog, az as useLocalStorage, aA as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, aB as WORKFLOW_EVALUATION_EXPERIMENT, aC as STICKY_NODE_TYPE, aD as onBeforeMount, aE as withDirectives, aF as vShow, aG as N8N_MAIN_GITHUB_REPO_URL } from "./index-Bpsc-Tmx.js";
-import { _ as __unplugin_components_0, W as WorkflowActivator } from "./WorkflowActivator-CLLu_k_M.js";
-import { _ as _sfc_main$b } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-CTSX9GvK.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-B2awFcaP.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-sGd5mes-.js";
-import { u as usePushConnection } from "./usePushConnection-B7DMiByn.js";
-import "./useWorkflowActivate-CNqz_pHl.js";
-import "./easyAiWorkflowUtils-DRIGIHJ7.js";
-import "./global-link-actions-BF0Tj_I9.js";
+import { d as defineComponent, y as MAIN_HEADER_TABS, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, n as normalizeClass, j as createVNode, _ as _export_sfc, r as ref, z as onBeforeUnmount, o as onMounted, A as renderSlot, B as nextTick, x as computed, C as debounce, e as createBlock, m as unref, D as normalizeStyle, E as createEventBus, w as withCtx, k as createBaseVNode, F as Fragment, G as renderList, l as createTextVNode, t as toDisplayString, H as useTagsStore, I as useDebounce, J as useUIStore, K as BREAKPOINT_SM, L as BREAKPOINT_XL, O as BREAKPOINT_LG, P as BREAKPOINT_MD, Q as getBannerRowHeight, V as VIEWS, c as useI18n, R as defineStore, S as usePushConnectionStore, T as useWorkflowsStore, u as useUsersStore, U as useRoute, W as PLACEHOLDER_EMPTY_WORKFLOW_ID, X as STORES, Y as TIME, Z as useDocumentVisibility, $ as watch, a0 as useCssModule, a1 as useRootStore, a2 as useCanvasStore, v as useSettingsStore, a3 as useSourceControlStore, a4 as useProjectsStore, a5 as useFoldersStore, a6 as useNpsSurveyStore, b as useRouter, a as useToast, a7 as useDocumentTitle, a8 as useWorkflowSaving, a9 as useWorkflowHelpers, aa as usePageRedirectionHelper, ab as getResourcePermissions, ac as WORKFLOW_MENU_ACTIONS, ad as hasPermission, ae as EnterpriseEditionFeature, af as ProjectTypes, ag as useTemplateRef, ah as InlineRename, ai as MAX_WORKFLOW_NAME_LENGTH, aj as _sfc_main$a, ak as SaveButton, al as WORKFLOW_SHARE_MODAL_KEY, am as useTelemetry, an as nodeViewEventBus, ao as useMessage, ap as MODAL_CONFIRM, aq as WORKFLOW_SETTINGS_MODAL_KEY, ar as SOURCE_CONTROL_PUSH_MODAL_KEY, as as IMPORT_WORKFLOW_URL_MODAL_KEY, at as DUPLICATE_MODAL_KEY, au as ResourceType, av as PROJECT_MOVE_RESOURCE_MODAL, aw as __vitePreload, ax as hyphenate, ay as h, az as hasOwn, aA as useNDVStore, aB as useExecutionsStore, aC as usePostHog, aD as useLocalStorage, aE as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, aF as WORKFLOW_EVALUATION_EXPERIMENT, aG as STICKY_NODE_TYPE, aH as onBeforeMount, aI as withDirectives, aJ as vShow, aK as N8N_MAIN_GITHUB_REPO_URL } from "./index-Q8IZ0Cou.js";
+import { _ as __unplugin_components_0, W as WorkflowActivator } from "./WorkflowActivator-CErBRTtp.js";
+import { _ as _sfc_main$b } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-CI5PGbAh.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-C71vlfPw.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-DfMUUVIo.js";
+import { u as usePushConnection } from "./usePushConnection-CAxPjJ8k.js";
+import "./useWorkflowActivate-BTOkypU2.js";
+import "./global-link-actions-CW1V4kFI.js";
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "TabBar",
   props: {

package/dist/assets/{MainSidebar-BGXtPjO-.js → MainSidebar-CEQGuBhs.js}

@@ -1,5 +1,5 @@
-import { aH as get, d as defineComponent, aI as useLoadingService, G as useUIStore, $ as useSourceControlStore, a0 as useProjectsStore, a as useToast, r as ref, q as computed, a9 as hasPermission, a7 as getResourcePermissions, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, A as normalizeStyle, n as normalizeClass, m as unref, k as createBaseVNode, j as createVNode, l as createTextVNode, t as toDisplayString, w as withCtx, c as useI18n, B as createEventBus, an as SOURCE_CONTROL_PUSH_MODAL_KEY, aJ as notifyUserAboutPullWorkFolderOutcome, aK as sourceControlEventBus, aL as SOURCE_CONTROL_PULL_MODAL_KEY, _ as _export_sfc, N as defineStore, aM as useCloudPlanStore, Y as useRootStore, aN as useStorage, aO as DateTime, S as STORES, ai as useTelemetry, p as useSettingsStore, b as useRouter, aP as sortByProperty, V as VIEWS, a6 as usePageRedirectionHelper, e as createBlock, F as Fragment, C as renderList, aQ as useDebugInfo, aR as useTemplatesStore, u as useUsersStore, aS as useVersionsStore, P as useWorkflowsStore, E as useDebounce, Q as useRoute, o as onMounted, aT as useExternalHooks, y as nextTick, v as onBeforeUnmount, aU as onClickOutside, aV as N8nTooltip, aW as N8nLink, aX as _sfc_main$5, aY as N8nNavigationDropdown, aZ as createSlots, a_ as VERSIONS_MODAL_KEY, a$ as ABOUT_MODAL_KEY } from "./index-Bpsc-Tmx.js";
-import { L as Logo } from "./Logo-CTlaJzVH.js";
+import { aL as get, d as defineComponent, aM as useLoadingService, J as useUIStore, a3 as useSourceControlStore, a4 as useProjectsStore, a as useToast, r as ref, x as computed, ad as hasPermission, ab as getResourcePermissions, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, D as normalizeStyle, n as normalizeClass, m as unref, k as createBaseVNode, j as createVNode, l as createTextVNode, t as toDisplayString, w as withCtx, c as useI18n, E as createEventBus, ar as SOURCE_CONTROL_PUSH_MODAL_KEY, aN as notifyUserAboutPullWorkFolderOutcome, aO as sourceControlEventBus, aP as SOURCE_CONTROL_PULL_MODAL_KEY, _ as _export_sfc, R as defineStore, aQ as useCloudPlanStore, a1 as useRootStore, aR as useStorage, aS as DateTime, X as STORES, am as useTelemetry, v as useSettingsStore, b as useRouter, aT as sortByProperty, V as VIEWS, aa as usePageRedirectionHelper, e as createBlock, F as Fragment, G as renderList, aU as useDebugInfo, aV as useTemplatesStore, u as useUsersStore, aW as useVersionsStore, T as useWorkflowsStore, I as useDebounce, U as useRoute, o as onMounted, aX as useExternalHooks, B as nextTick, z as onBeforeUnmount, aY as onClickOutside, aZ as N8nTooltip, a_ as N8nLink, a$ as _sfc_main$5, b0 as N8nNavigationDropdown, b1 as createSlots, b2 as VERSIONS_MODAL_KEY, b3 as ABOUT_MODAL_KEY } from "./index-Q8IZ0Cou.js";
+import { L as Logo } from "./Logo-CHeW0pXf.js";
 async function getBecomeCreatorCta(context) {
   const response = await get(context.baseUrl, "/cta/become-creator");
   return response;