n8n-editor-ui 1.115.1 → 1.116.1

package/dist/assets/{LogsPanel-BWP7EQ84.js → LogsPanel-BCUqUR29.js}

@@ -1,403 +1,13 @@
-import { c8 as addTokenUsageData, c9 as emptyTokenUsageData, ca as parseErrorMetadata, cb as isChatNode, cc as NodeConnectionTypes, cd as v4, ce as get, cf as AGENT_LANGCHAIN_NODE_TYPE, cg as MANUAL_CHAT_TRIGGER_NODE_TYPE, ch as CHAT_TRIGGER_NODE_TYPE, ci as isEmpty, a as useToast, r as ref, x as computed, c as useI18n$1, cj as usePinnedData, am as useMessage, an as MODAL_CONFIRM, a2 as useWorkflowsStore, ck as injectWorkflowState, au as useRootStore, cl as useLogsStore, b as useRouter, cm as useNodeHelpers, cn as useRunWorkflow, a8 as watch, V as VIEWS, co as chatEventBus, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, bn as provide, d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, k as unref, p as N8nText, w as withCtx, Y as renderSlot, l as createTextVNode, t as toDisplayString, _ as _export_sfc, a3 as useRoute, af as useSourceControlStore, cp as useCanvasOperations, ae as useNodeTypesStore, cq as START_NODE_TYPE, e as createBlock, f as createCommentVNode, aa as N8nTooltip, cr as formatTokenUsageCount, cs as getDefaultExportFromCjs, ct as requireUpperFirst, F as Fragment, aH as useTemplateRef, cu as useTimestamp, cv as toTime, cw as toDayMonth, B as withModifiers, A as renderList, ap as normalizeStyle, cx as NodeIcon, ac as I18nT, N as N8nIcon, ab as _sfc_main$k, q as N8nButton, Z as nextTick, cy as getScrollbarWidth, cz as useVirtualList, bD as toRef, K as mergeProps, O as N8nRadioButtons, bi as inject, cA as isRef, cB as toRefs, o as onMounted, cC as normalizeProps, cD as guardReactiveProps, c0 as resolveDynamicComponent, cE as markdownLink, cF as useFileDialog, bS as onUnmounted, b4 as withDirectives, cG as vModelText, bH as withKeys, cH as useAttrs, cI as useClipboard, cJ as createSlots, a_ as useNDVStore, cK as PopOutWindowKey, cL as resolveDirective, cM as RunData, C as N8nLink, cN as NDVEmptyState, cO as waitingNodeTooltip, cP as RunDataItemCount, b0 as useLocalStorage, cQ as useExperimentalNdvStore, cR as LOG_DETAILS_PANEL_STATE, cS as KeyboardShortcutTooltip, cT as N8nResizeWrapper, cU as useStyles, aO as N8nActionDropdown, cV as LOGS_EXECUTION_DATA_THROTTLE_DURATION, cW as Workflow, cX as useThrottleFn, cY as shallowRef, cZ as parse, Q as useUIStore, c_ as useCanvasStore, al as useTelemetry, c$ as canvasEventBus, ay as useDocumentTitle, d0 as onScopeDispose, X as onBeforeUnmount, d1 as useProvideTooltipAppendTo, d2 as LOGS_PANEL_STATE, d3 as LOCAL_STORAGE_PANEL_HEIGHT, d4 as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, d5 as LOCAL_STORAGE_PANEL_WIDTH, d6 as useActiveElement, bY as useKeybindings, d7 as ndvEventBus } from "./index-MTM6BbvW.js";
-import { _ as _sfc_main$j } from "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-Bv40HGJu.js";
-import { A as AnimatedSpinner } from "./AnimatedSpinner-DR4QrGrL.js";
-import { H as HighlightJS, V as VueMarkdown } from "./core-HZaYo_tU.js";
-const TOOL_EXECUTOR_NODE_NAME = "PartialExecutionToolExecutor";
+import { a as useToast, r as ref, x as computed, c as useI18n$1, bC as usePinnedData, am as useMessage, an as MODAL_CONFIRM, bD as v4, a2 as useWorkflowsStore, bE as injectWorkflowState, au as useRootStore, bF as useLogsStore, b as useRouter, bG as useNodeHelpers, bH as useRunWorkflow, bI as isChatNode, a8 as watch, V as VIEWS, bJ as chatEventBus, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, bK as provide, d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, k as unref, p as N8nText, w as withCtx, Y as renderSlot, l as createTextVNode, t as toDisplayString, _ as _export_sfc, bL as useTimestamp, e as createBlock, f as createCommentVNode, a3 as useRoute, af as useSourceControlStore, bM as useCanvasOperations, ae as useNodeTypesStore, bN as START_NODE_TYPE, bO as getScrollbarWidth, q as N8nButton, B as withModifiers, aa as N8nTooltip, F as Fragment, O as N8nRadioButtons, bP as inject, bQ as isRef, bR as toRefs, o as onMounted, bS as normalizeProps, bT as guardReactiveProps, bu as resolveDynamicComponent, K as mergeProps, A as renderList, bU as markdownLink, bV as useFileDialog, bh as onUnmounted, ap as normalizeStyle, b4 as withDirectives, bW as vModelText, bX as withKeys, N as N8nIcon, bY as useAttrs, bZ as useClipboard, ab as _sfc_main$h, b_ as createSlots, a_ as useNDVStore, b$ as PopOutWindowKey, c0 as resolveDirective, c1 as RunData, ac as I18nT, C as N8nLink, c2 as NDVEmptyState, c3 as waitingNodeTooltip, c4 as RunDataItemCount, b0 as useLocalStorage, c5 as useExperimentalNdvStore, aH as useTemplateRef, c6 as LOG_DETAILS_PANEL_STATE, c7 as KeyboardShortcutTooltip, c8 as NodeIcon, c9 as N8nResizeWrapper, ca as useStyles, aO as N8nActionDropdown, cb as shallowRef, Q as useUIStore, cc as useCanvasStore, al as useTelemetry, cd as canvasEventBus, ay as useDocumentTitle, ce as onScopeDispose, X as onBeforeUnmount, cf as useProvideTooltipAppendTo, cg as LOGS_PANEL_STATE, ch as LOCAL_STORAGE_PANEL_HEIGHT, ci as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, cj as LOCAL_STORAGE_PANEL_WIDTH, ck as useActiveElement, bo as useKeybindings, cl as toRef, Z as nextTick, cm as ndvEventBus } from "./index-C2iJCVYf.js";
+import { p as processFiles, g as getInputKey, e as extractBotResponse, r as restoreChatHistory, u as upperFirst, _ as _sfc_main$g, a as getTotalConsumedTokens, b as getSubtreeTotalConsumedTokens, L as LogsOverviewRows, i as isSubNodeLog, c as isPlaceholderLog, d as LogsViewNodeName, f as findSelectedLogEntry, h as getEntryAtRelativeIndex, j as getDepth, k as findLogEntryRec, l as useLogsExecutionData, m as useLogsTreeExpand } from "./useLogsTreeExpand-2auAOTOK.js";
+import { H as HighlightJS, V as VueMarkdown } from "./core-DsTi4w-I.js";
+import "./AnimatedSpinner-DFjfUB--.js";
 function constructChatWebsocketUrl(url, executionId, sessionId2, isPublic) {
   const baseUrl = new URL(url).origin;
   const wsProtocol = baseUrl.startsWith("https") ? "wss" : "ws";
   const wsUrl = baseUrl.replace(/^https?/, wsProtocol);
   return `${wsUrl}/chat?sessionId=${sessionId2}&executionId=${executionId}${isPublic ? "&isPublic=true" : ""}`;
 }
-function getConsumedTokens(task) {
-  if (!task.data) {
-    return emptyTokenUsageData;
-  }
-  const tokenUsage = Object.values(task.data).flat().flat().reduce((acc, curr) => {
-    const tokenUsageData = curr?.json?.tokenUsage ?? curr?.json?.tokenUsageEstimate;
-    if (!tokenUsageData) return acc;
-    return addTokenUsageData(acc, {
-      ...tokenUsageData,
-      isEstimate: !!curr?.json.tokenUsageEstimate
-    });
-  }, emptyTokenUsageData);
-  return tokenUsage;
-}
-function createNode(node, context, runIndex, runData, children = []) {
-  return {
-    parent: context.parent,
-    node,
-    // 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,
-    consumedTokens: runData ? getConsumedTokens(runData) : emptyTokenUsageData,
-    workflow: context.workflow,
-    executionId: context.executionId,
-    execution: context.data
-  };
-}
-function getChildNodes(treeNode, node, runIndex, context) {
-  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({
-      ...context,
-      parent: treeNode,
-      ancestorRunIndexes: [...context.ancestorRunIndexes, runIndex ?? 0],
-      workflow,
-      executionId: subExecutionLocator.executionId,
-      data: subWorkflowRunData
-    });
-  }
-  const connectedSubNodes = context.workflow.getParentNodes(node.name, "ALL_NON_MAIN", 1);
-  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 = 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 ? getTreeNodeData(subNode, t, index, {
-        ...context,
-        ancestorRunIndexes: [...context.ancestorRunIndexes, runIndex ?? 0],
-        parent: treeNode
-      }) : [];
-    })
-  );
-}
-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];
-}
-function getTotalConsumedTokens(...usage) {
-  return usage.reduce(addTokenUsageData, emptyTokenUsageData);
-}
-function getSubtreeTotalConsumedTokens(treeNode, includeSubWorkflow) {
-  const executionId = treeNode.executionId;
-  function calculate(currentNode) {
-    if (!includeSubWorkflow && currentNode.executionId !== executionId) {
-      return emptyTokenUsageData;
-    }
-    return getTotalConsumedTokens(
-      currentNode.consumedTokens,
-      ...currentNode.children.map(calculate)
-    );
-  }
-  return calculate(treeNode);
-}
-function findLogEntryToAutoSelect(subTree) {
-  const entryWithError = findLogEntryRec((e) => !!e.runData?.error, subTree);
-  if (entryWithError) {
-    return entryWithError;
-  }
-  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 createLogTreeRec(context) {
-  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);
-}
-function createLogTree(workflow, response, workflows = {}, subWorkflowData = {}) {
-  return createLogTreeRec({
-    parent: void 0,
-    ancestorRunIndexes: [],
-    executionId: response.id,
-    workflow,
-    workflows,
-    data: response.data ?? { resultData: { runData: {} } },
-    subWorkflowData
-  });
-}
-function findLogEntryRec(isMatched, entries) {
-  for (const entry of entries) {
-    if (isMatched(entry)) {
-      return entry;
-    }
-    const child = findLogEntryRec(isMatched, entry.children);
-    if (child) {
-      return child;
-    }
-  }
-  return void 0;
-}
-function findSelectedLogEntry(selection, entries, isExecuting) {
-  switch (selection.type) {
-    case "initial":
-      return isExecuting ? void 0 : findLogEntryToAutoSelect(entries);
-    case "none":
-      return void 0;
-    case "selected": {
-      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 found;
-    }
-  }
-}
-function flattenLogEntries(entries, collapsedEntryIds, ret = []) {
-  for (const entry of entries) {
-    ret.push(entry);
-    if (!collapsedEntryIds[entry.id]) {
-      flattenLogEntries(entry.children, collapsedEntryIds, ret);
-    }
-  }
-  return ret;
-}
-function getEntryAtRelativeIndex(entries, id, relativeIndex) {
-  const offset = entries.findIndex((e) => e.id === id);
-  return offset === -1 ? void 0 : entries[offset + relativeIndex];
-}
-function sortLogEntries(a, b) {
-  if (a.runData === 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;
-  }
-  return a.runData.startTime - b.runData.startTime;
-}
-function mergeStartData(startData, response) {
-  if (!response.data) {
-    return response;
-  }
-  const nodeNames = [
-    ...new Set(
-      Object.keys(startData).concat(Object.keys(response.data.resultData.runData))
-    ).values()
-  ];
-  const runData = Object.fromEntries(
-    nodeNames.map((nodeName) => {
-      const tasks = response.data?.resultData.runData[nodeName] ?? [];
-      const mergedTasks = tasks.concat(
-        (startData[nodeName] ?? []).filter(
-          (task) => (
-            // To remove duplicate runs, we check start time in addition to execution index
-            // because nodes such as Wait and Form emits multiple websocket events with
-            // different execution index for a single run
-            tasks.every(
-              (t) => t.startTime < task.startTime && t.executionIndex !== task.executionIndex
-            )
-          )
-        ).map((task) => ({
-          ...task,
-          executionTime: 0,
-          executionStatus: "running"
-        }))
-      );
-      return [nodeName, mergedTasks];
-    })
-  );
-  return {
-    ...response,
-    data: {
-      ...response.data,
-      resultData: {
-        ...response.data.resultData,
-        runData
-      }
-    }
-  };
-}
-function hasSubExecution(entry) {
-  return 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;
-  let currentEntry = entry;
-  while (currentEntry.parent !== void 0) {
-    currentEntry = currentEntry.parent;
-    depth++;
-  }
-  return depth;
-}
-function getInputKey(node) {
-  if (node.type === MANUAL_CHAT_TRIGGER_NODE_TYPE && node.typeVersion < 1.1) {
-    return "input";
-  }
-  if (node.type === CHAT_TRIGGER_NODE_TYPE) {
-    return "chatInput";
-  }
-  return "chatInput";
-}
-function extractChatInput(workflow, resultData) {
-  const chatTrigger = workflow.nodes.find(isChatNode);
-  if (chatTrigger === void 0) {
-    return void 0;
-  }
-  const inputKey = getInputKey(chatTrigger);
-  const runData = (resultData.runData[chatTrigger.name] ?? [])[0];
-  const message = runData?.data?.[NodeConnectionTypes.Main]?.[0]?.[0]?.json?.[inputKey];
-  if (runData === void 0 || typeof message !== "string") {
-    return void 0;
-  }
-  return {
-    text: message,
-    sender: "user",
-    id: v4()
-  };
-}
-function extractBotResponse(resultData, executionId, emptyText2) {
-  const lastNodeExecuted = resultData.lastNodeExecuted;
-  if (!lastNodeExecuted) return void 0;
-  const nodeResponseDataArray = get(resultData.runData, lastNodeExecuted) ?? [];
-  const nodeResponseData = nodeResponseDataArray[nodeResponseDataArray.length - 1];
-  let responseMessage;
-  if (get(nodeResponseData, "error")) {
-    responseMessage = "[ERROR: " + get(nodeResponseData, "error.message") + "]";
-  } else {
-    const mainOutputs = get(nodeResponseData, "data.main");
-    let text;
-    if (mainOutputs && Array.isArray(mainOutputs)) {
-      for (const branch of mainOutputs) {
-        if (branch?.[0]?.json) {
-          const responseData = branch[0].json;
-          text = extractResponseText(responseData);
-          if (text) {
-            break;
-          }
-        }
-      }
-    }
-    text = text ?? emptyText2;
-    if (!text) {
-      return void 0;
-    }
-    responseMessage = text;
-  }
-  return {
-    text: responseMessage,
-    sender: "bot",
-    id: executionId ?? v4()
-  };
-}
-function extractResponseText(responseData) {
-  if (!responseData || isEmpty(responseData)) {
-    return void 0;
-  }
-  const paths = ["output", "text", "response.text", "message"];
-  const matchedPath = paths.find((path) => get(responseData, path));
-  if (!matchedPath) return JSON.stringify(responseData, null, 2);
-  const matchedOutput = get(responseData, matchedPath);
-  if (typeof matchedOutput === "object") {
-    return "```json\n" + JSON.stringify(matchedOutput, null, 2) + "\n```";
-  }
-  return matchedOutput?.toString() ?? "";
-}
-function restoreChatHistory(workflowExecutionData, emptyText2) {
-  if (!workflowExecutionData?.data) {
-    return [];
-  }
-  const userMessage = extractChatInput(
-    workflowExecutionData.workflowData,
-    workflowExecutionData.data.resultData
-  );
-  const botMessage = extractBotResponse(
-    workflowExecutionData.data.resultData,
-    workflowExecutionData.id,
-    emptyText2
-  );
-  return [...userMessage ? [userMessage] : [], ...botMessage ? [botMessage] : []];
-}
-async function processFiles(data) {
-  if (!data || data.length === 0) return [];
-  const filePromises = data.map(async (file) => {
-    return new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.onload = () => resolve({
-        name: file.name,
-        type: file.type,
-        data: reader.result
-      });
-      reader.onerror = () => reject(new Error(`Error reading file: ${reader.error?.message ?? "Unknown error"}`));
-      reader.readAsDataURL(file);
-    });
-  });
-  return await Promise.all(filePromises);
-}
-function isSubNodeLog(logEntry) {
-  return logEntry.parent !== void 0 && logEntry.parent.executionId === logEntry.executionId;
-}
-function isPlaceholderLog(treeNode) {
-  return treeNode.runData === void 0;
-}
-function copyExecutionData(executionData) {
-  return {
-    ...executionData,
-    data: {
-      ...executionData.data,
-      resultData: {
-        ...executionData.data?.resultData,
-        runData: Object.fromEntries(
-          Object.entries(executionData.data?.resultData.runData ?? {}).map(([k, v]) => [k, [...v]])
-        )
-      }
-    }
-  };
-}
 function useChatMessaging({
   chatTrigger,
   sessionId: sessionId2,
@@ -736,7 +346,7 @@ function useChatState(isReadOnly) {
     displayExecution
   };
 }
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "LogsPanelHeader",
   props: {
     title: {},
@@ -776,395 +386,20 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$8 = "_container_mhycn_123";
-const clickable = "_clickable_mhycn_135";
-const title$2 = "_title_mhycn_143";
-const actions$1 = "_actions_mhycn_151";
-const style0$b = {
-  container: container$8,
+const container$7 = "_container_1y331_123";
+const clickable = "_clickable_1y331_135";
+const title$2 = "_title_1y331_143";
+const actions$1 = "_actions_1y331_151";
+const style0$9 = {
+  container: container$7,
   clickable,
   title: title$2,
   actions: actions$1
 };
-const cssModules$b = {
-  "$style": style0$b
-};
-const LogsPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__cssModules", cssModules$b]]);
-function useClearExecutionButtonVisible() {
-  const route = useRoute();
-  const sourceControlStore = useSourceControlStore();
-  const workflowsStore = useWorkflowsStore();
-  const workflowExecutionData = computed(() => workflowsStore.workflowExecutionData);
-  const isWorkflowRunning = computed(() => workflowsStore.isWorkflowRunning);
-  const isReadOnlyRoute = computed(() => !!route?.meta?.readOnlyCanvas);
-  const { editableWorkflow } = useCanvasOperations();
-  const nodeTypesStore = useNodeTypesStore();
-  const isReadOnlyEnvironment = computed(() => sourceControlStore.preferences.branchReadOnly);
-  const allTriggerNodesDisabled = computed(
-    () => editableWorkflow.value.nodes.filter((node) => node.type === START_NODE_TYPE || nodeTypesStore.isTriggerNode(node.type)).every((node) => node.disabled)
-  );
-  return computed(
-    () => !isReadOnlyRoute.value && !isReadOnlyEnvironment.value && !isWorkflowRunning.value && !allTriggerNodesDisabled.value && !!workflowExecutionData.value
-  );
-}
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "LogsViewConsumedTokenCountText",
-  props: {
-    consumedTokens: {}
-  },
-  setup(__props) {
-    const locale = useI18n$1();
-    return (_ctx, _cache) => {
-      return _ctx.consumedTokens !== void 0 ? (openBlock(), createBlock(unref(N8nTooltip), {
-        key: 0,
-        enterable: false
-      }, {
-        content: withCtx(() => [
-          createVNode(_sfc_main$j, { "consumed-tokens": _ctx.consumedTokens }, null, 8, ["consumed-tokens"])
-        ]),
-        default: withCtx(() => [
-          createBaseVNode("span", null, toDisplayString(unref(locale).baseText("runData.aiContentBlock.tokens", {
-            interpolate: {
-              count: unref(formatTokenUsageCount)(_ctx.consumedTokens, "total")
-            }
-          })), 1)
-        ]),
-        _: 1
-      })) : createCommentVNode("", true);
-    };
-  }
-});
-var upperFirstExports = requireUpperFirst();
-const upperFirst = /* @__PURE__ */ getDefaultExportFromCjs(upperFirstExports);
-const _hoisted_1$e = { key: 0 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "LogsViewNodeName",
-  props: {
-    name: {},
-    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 ? (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"]);
-    };
-  }
-});
-const name$1 = "_name_1t0q3_123";
-const style0$a = {
-  name: name$1
-};
-const cssModules$a = {
-  "$style": style0$a
-};
-const LogsViewNodeName = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__cssModules", cssModules$a]]);
-const _hoisted_1$d = ["aria-expanded", "aria-selected"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "LogsOverviewRow",
-  props: {
-    data: {},
-    isSelected: { type: Boolean },
-    isReadOnly: { type: Boolean },
-    shouldShowTokenCountColumn: { type: Boolean },
-    isCompact: { type: Boolean },
-    latestInfo: {},
-    expanded: { type: Boolean },
-    canOpenNdv: { type: Boolean }
-  },
-  emits: ["toggleExpanded", "toggleSelected", "triggerPartialExecution", "openNdv"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const container2 = useTemplateRef("containerRef");
-    const locale = useI18n$1();
-    const now = useTimestamp({ interval: 1e3 });
-    const nodeTypeStore = useNodeTypesStore();
-    const type = computed(() => nodeTypeStore.getNodeType(props.data.node.type));
-    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 "—";
-      }
-      const time = new Date(props.data.runData.startTime);
-      return locale.baseText("logs.overview.body.started", {
-        interpolate: {
-          time: `${toTime(time, true)}, ${toDayMonth(time)}`
-        }
-      });
-    });
-    const statusText = computed(() => upperFirst(props.data.runData?.executionStatus ?? ""));
-    const timeText = computed(
-      () => 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 || hasSubExecution(props.data));
-    const indents = computed(() => {
-      const ret = [];
-      let data = props.data;
-      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;
-      }
-      return ret;
-    });
-    watch(
-      () => props.isSelected,
-      (isSelected) => {
-        void nextTick(() => {
-          if (isSelected) {
-            container2.value?.focus();
-          }
-        });
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref: "containerRef",
-        role: "treeitem",
-        tabindex: "-1",
-        "aria-expanded": props.data.children.length > 0 && props.expanded,
-        "aria-selected": props.isSelected,
-        class: normalizeClass({
-          [_ctx.$style.container]: true,
-          [_ctx.$style.compact]: props.isCompact,
-          [_ctx.$style.error]: isError.value,
-          [_ctx.$style.selected]: props.isSelected
-        }),
-        onClick: _cache[3] || (_cache[3] = withModifiers(($event) => emit("toggleSelected"), ["stop"]))
-      }, [
-        (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]: indent2.curved,
-              [_ctx.$style.connectorStraight]: indent2.straight
-            })
-          }, null, 2);
-        }), 128)),
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.background),
-          style: normalizeStyle({ "--indent-depth": indents.value.length })
-        }, null, 6),
-        createVNode(NodeIcon, {
-          "node-type": type.value,
-          size: 16,
-          class: normalizeClass(_ctx.$style.icon)
-        }, null, 8, ["node-type", "class"]),
-        createVNode(LogsViewNodeName, {
-          class: normalizeClass(_ctx.$style.name),
-          name: _ctx.latestInfo?.name ?? props.data.node.name,
-          "is-error": isError.value,
-          "is-deleted": _ctx.latestInfo?.deleted ?? false
-        }, null, 8, ["class", "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(() => [
-            timeText.value !== void 0 ? (openBlock(), createBlock(unref(I18nT), {
-              key: 0,
-              keypath: statusTextKeyPath.value,
-              scope: "global"
-            }, {
-              status: withCtx(() => [
-                createVNode(unref(N8nText), {
-                  color: isError.value ? "danger" : void 0,
-                  bold: isError.value,
-                  size: "small"
-                }, {
-                  default: withCtx(() => [
-                    isRunning.value ? (openBlock(), createBlock(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
-                }, 8, ["color", "bold"])
-              ]),
-              time: withCtx(() => [
-                createTextVNode(toDisplayString(timeText.value), 1)
-              ]),
-              _: 1
-            }, 8, ["keypath"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode("—")
-            ], 64))
-          ]),
-          _: 1
-        }, 8, ["class"])) : createCommentVNode("", true),
-        !_ctx.isCompact ? (openBlock(), createBlock(unref(N8nText), {
-          key: 1,
-          tag: "div",
-          color: "text-light",
-          size: "small",
-          class: normalizeClass(_ctx.$style.startedAt)
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(startedAtText.value), 1)
-          ]),
-          _: 1
-        }, 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.expanded) ? (openBlock(), createBlock(_sfc_main$h, {
-              key: 0,
-              "consumed-tokens": subtreeConsumedTokens.value
-            }, null, 8, ["consumed-tokens"])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["class"])) : createCommentVNode("", true),
-        isError.value && _ctx.isCompact ? (openBlock(), createBlock(unref(N8nIcon), {
-          key: 3,
-          size: "medium",
-          color: "danger",
-          icon: "triangle-alert",
-          class: normalizeClass(_ctx.$style.compactErrorIcon)
-        }, null, 8, ["class"])) : createCommentVNode("", true),
-        !_ctx.isCompact || !props.latestInfo?.deleted ? (openBlock(), createBlock(unref(_sfc_main$k), {
-          key: 4,
-          type: "secondary",
-          size: "small",
-          icon: "square-pen",
-          "icon-size": "medium",
-          style: normalizeStyle({
-            visibility: props.canOpenNdv ? "" : "hidden"
-          }),
-          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"), ["stop"]))
-        }, null, 8, ["style", "disabled", "class", "aria-label"])) : createCommentVNode("", true),
-        !_ctx.isCompact || !props.isReadOnly && !props.latestInfo?.deleted && !props.latestInfo?.disabled ? (openBlock(), createBlock(unref(_sfc_main$k), {
-          key: 5,
-          type: "secondary",
-          size: "small",
-          icon: "play",
-          "aria-label": unref(locale).baseText("logs.overview.body.run"),
-          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(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: 7,
-          type: "secondary",
-          size: "small",
-          icon: props.expanded ? "chevron-down" : "chevron-up",
-          "icon-size": "medium",
-          square: true,
-          style: normalizeStyle({
-            visibility: hasChildren.value ? "" : "hidden"
-          }),
-          class: normalizeClass(_ctx.$style.toggleButton),
-          "aria-label": unref(locale).baseText("logs.overview.body.toggleRow"),
-          onClick: _cache[2] || (_cache[2] = withModifiers(($event) => emit("toggleExpanded"), ["stop"]))
-        }, null, 8, ["icon", "style", "class", "aria-label"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$d);
-    };
-  }
-});
-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,
-  selected,
-  error,
-  indent,
-  connectorCurved,
-  connectorStraight,
-  icon: icon$3,
-  name,
-  timeTook,
-  statusTextIcon,
-  startedAt,
-  consumedTokens,
-  compactErrorIcon,
-  partialExecutionButton,
-  openNdvButton,
-  compact,
-  unavailable,
-  toggleButton,
-  statusIcon,
-  placeholder: placeholder$1
-};
 const cssModules$9 = {
   "$style": style0$9
 };
-const LogsOverviewRow = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__cssModules", cssModules$9]]);
+const LogsPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__cssModules", cssModules$9]]);
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "LogsViewExecutionSummary",
   props: {
@@ -1198,7 +433,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createBaseVNode("span", null, toDisplayString(executionStatusText.value), 1),
-          _ctx.consumedTokens.totalTokens > 0 ? (openBlock(), createBlock(_sfc_main$h, {
+          _ctx.consumedTokens.totalTokens > 0 ? (openBlock(), createBlock(_sfc_main$g, {
             key: 0,
             "consumed-tokens": _ctx.consumedTokens
           }, null, 8, ["consumed-tokens"])) : createCommentVNode("", true)
@@ -1208,7 +443,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$6 = "_container_pt5hk_123";
+const container$6 = "_container_1sayb_123";
 const style0$8 = {
   container: container$6
 };
@@ -1216,6 +451,23 @@ const cssModules$8 = {
   "$style": style0$8
 };
 const LogsViewExecutionSummary = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__cssModules", cssModules$8]]);
+function useClearExecutionButtonVisible() {
+  const route = useRoute();
+  const sourceControlStore = useSourceControlStore();
+  const workflowsStore = useWorkflowsStore();
+  const workflowExecutionData = computed(() => workflowsStore.workflowExecutionData);
+  const isWorkflowRunning = computed(() => workflowsStore.isWorkflowRunning);
+  const isReadOnlyRoute = computed(() => !!route?.meta?.readOnlyCanvas);
+  const { editableWorkflow } = useCanvasOperations();
+  const nodeTypesStore = useNodeTypesStore();
+  const isReadOnlyEnvironment = computed(() => sourceControlStore.preferences.branchReadOnly);
+  const allTriggerNodesDisabled = computed(
+    () => editableWorkflow.value.nodes.filter((node) => node.type === START_NODE_TYPE || nodeTypesStore.isTriggerNode(node.type)).every((node) => node.disabled)
+  );
+  return computed(
+    () => !isReadOnlyRoute.value && !isReadOnlyEnvironment.value && !isWorkflowRunning.value && !allTriggerNodesDisabled.value && !!workflowExecutionData.value
+  );
+}
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "LogsOverviewPanel",
   props: {
@@ -1233,16 +485,14 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const locale = useI18n$1();
-    const router = useRouter();
-    const runWorkflow = useRunWorkflow({ router });
     const isClearExecutionButtonVisible = useClearExecutionButtonVisible();
-    const isEmpty2 = computed(() => __props.flatLogEntries.length === 0 || __props.execution === void 0);
+    const isEmpty = computed(() => __props.flatLogEntries.length === 0 || __props.execution === void 0);
     const switchViewOptions = computed(() => [
       { 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(
+    const consumedTokens = computed(
       () => getTotalConsumedTokens(
         ...__props.entries.map(
           (entry) => getSubtreeTotalConsumedTokens(
@@ -1253,54 +503,15 @@ 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 timeTook = computed(
+      () => __props.execution?.startedAt && __props.execution.stoppedAt ? +new Date(__props.execution.stoppedAt) - +new Date(__props.execution.startedAt) : void 0
     );
-    const virtualList = useVirtualList(
-      toRef(() => __props.flatLogEntries),
-      { itemHeight: 32 }
+    const shouldShowTokenCountColumn = computed(
+      () => consumedTokens.value.totalTokens > 0 || __props.entries.some((entry) => getSubtreeTotalConsumedTokens(entry, true).totalTokens > 0)
     );
     function handleSwitchView(value) {
       emit("select", value === "overview" ? void 0 : __props.flatLogEntries[0]);
     }
-    async function handleTriggerPartialExecution(treeNode) {
-      const latestName = __props.latestNodeInfo[treeNode.node.id]?.name ?? treeNode.node.name;
-      if (latestName) {
-        await runWorkflow.runWorkflow({ destinationNode: latestName });
-      }
-    }
-    watch(
-      [() => __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) {
-            virtualList.scrollTo(index);
-          }
-        });
-      },
-      { immediate: true }
-    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.container, hasStaticScrollbar ? _ctx.$style.staticScrollBar : ""]),
@@ -1341,10 +552,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         }, 8, ["title", "is-clickable"]),
         _ctx.isOpen ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass([_ctx.$style.content, isEmpty2.value ? _ctx.$style.empty : ""]),
+          class: normalizeClass([_ctx.$style.content, isEmpty.value ? _ctx.$style.empty : ""]),
           "data-test-id": "logs-overview-body"
         }, [
-          isEmpty2.value || _ctx.execution === void 0 ? (openBlock(), createBlock(unref(N8nText), {
+          isEmpty.value || _ctx.execution === void 0 ? (openBlock(), createBlock(unref(N8nText), {
             key: 0,
             tag: "p",
             size: "medium",
@@ -1361,33 +572,22 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               "data-test-id": "logs-overview-status",
               class: normalizeClass(_ctx.$style.summary),
               status: _ctx.execution.status,
-              "consumed-tokens": consumedTokens2.value,
+              "consumed-tokens": consumedTokens.value,
               "start-time": +new Date(_ctx.execution.startedAt),
-              "time-took": _ctx.execution.startedAt && _ctx.execution.stoppedAt ? +new Date(_ctx.execution.stoppedAt) - +new Date(_ctx.execution.startedAt) : void 0
+              "time-took": timeTook.value
             }, null, 8, ["class", "status", "consumed-tokens", "start-time", "time-took"]),
-            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.id === _ctx.selected?.id,
-                    "is-compact": _ctx.isCompact,
-                    "should-show-token-count-column": shouldShowTokenCountColumn.value,
-                    "latest-info": _ctx.latestNodeInfo[data.node.id],
-                    expanded: isExpanded.value[data.id],
-                    "can-open-ndv": data.executionId === _ctx.execution?.id,
-                    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)
-                  }, null, 8, ["data", "is-read-only", "is-selected", "is-compact", "should-show-token-count-column", "latest-info", "expanded", "can-open-ndv", "onToggleExpanded", "onOpenNdv", "onTriggerPartialExecution", "onToggleSelected"]);
-                }), 128))
-              ], 16)
-            ], 16),
+            createVNode(LogsOverviewRows, {
+              "is-read-only": _ctx.isReadOnly,
+              selected: _ctx.selected,
+              "is-compact": _ctx.isCompact,
+              "should-show-token-count-column": shouldShowTokenCountColumn.value,
+              "latest-node-info": _ctx.latestNodeInfo,
+              "flat-log-entries": _ctx.flatLogEntries,
+              "can-open-ndv": true,
+              onToggleExpanded: _cache[2] || (_cache[2] = ($event) => emit("toggleExpanded", $event)),
+              onOpenNdv: _cache[3] || (_cache[3] = ($event) => emit("openNdv", $event)),
+              onSelect: _cache[4] || (_cache[4] = ($event) => emit("select", $event))
+            }, null, 8, ["is-read-only", "selected", "is-compact", "should-show-token-count-column", "latest-node-info", "flat-log-entries"]),
             createVNode(unref(N8nRadioButtons), {
               size: "small-medium",
               class: normalizeClass(_ctx.$style.switchViewButtons),
@@ -1401,15 +601,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 container$5 = "_container_svlfi_123";
+const clearButton = "_clearButton_svlfi_133";
+const content$1 = "_content_svlfi_139";
+const empty = "_empty_svlfi_149";
+const emptyText = "_emptyText_svlfi_154";
+const summary = "_summary_svlfi_159";
+const switchViewButtons = "_switchViewButtons_svlfi_163";
 const style0$7 = {
   container: container$5,
   clearButton,
@@ -1417,8 +615,6 @@ const style0$7 = {
   empty,
   emptyText,
   summary,
-  tree,
-  staticScrollBar,
   switchViewButtons
 };
 const cssModules$7 = {
@@ -4199,8 +3395,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           try {
             const dataURL = await readFileAsDataURL(file);
             fileSources.value[file.name] = dataURL;
-          } catch (error2) {
-            console.error("Error reading file:", error2);
+          } catch (error) {
+            console.error("Error reading file:", error);
           }
         }
       }
@@ -4419,8 +3615,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             waitingForChatResponse.value = false;
             chatStore.waitingForResponse.value = false;
           };
-        } catch (error2) {
-          console.error("Error setting up websocket connection", error2);
+        } catch (error) {
+          console.error("Error setting up websocket connection", error);
         }
       }
     }
@@ -4583,7 +3779,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ChatInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-0216470d"]]);
+const ChatInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-71b23fec"]]);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "MessageTyping",
   props: {
@@ -4736,8 +3932,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$4 = "_container_pqtqf_123";
-const icon$2 = "_icon_pqtqf_129";
+const container$4 = "_container_1v2rk_123";
+const icon$2 = "_icon_1v2rk_129";
 const style0$6 = {
   container: container$4,
   icon: icon$2
@@ -4780,8 +3976,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$3 = "_container_u1r1u_123";
-const icon$1 = "_icon_u1r1u_129";
+const container$3 = "_container_14jp1_123";
+const icon$1 = "_icon_14jp1_129";
 const style0$5 = {
   container: container$3,
   icon: icon$1
@@ -4928,7 +4124,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               content: unref(locale).baseText("chat.window.session.resetSession")
             }, {
               default: withCtx(() => [
-                createVNode(unref(_sfc_main$k), {
+                createVNode(unref(_sfc_main$h), {
                   class: normalizeClass(_ctx.$style.newHeaderButton),
                   "data-test-id": "refresh-session-button",
                   outline: "",
@@ -5034,18 +4230,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const chat$1 = "_chat_h9jq1_123";
-const chatHeader = "_chatHeader_h9jq1_151";
-const chatTitle = "_chatTitle_h9jq1_164";
-const session = "_session_h9jq1_168";
-const sessionId = "_sessionId_h9jq1_176";
-const copyable = "_copyable_h9jq1_182";
-const headerButton = "_headerButton_h9jq1_186";
-const newHeaderButton = "_newHeaderButton_h9jq1_191";
-const chatBody = "_chatBody_h9jq1_196";
-const messages = "_messages_h9jq1_205";
-const messagesInput = "_messagesInput_h9jq1_216";
-const messagesHistory = "_messagesHistory_h9jq1_250";
+const chat$1 = "_chat_uw011_123";
+const chatHeader = "_chatHeader_uw011_151";
+const chatTitle = "_chatTitle_uw011_164";
+const session = "_session_uw011_168";
+const sessionId = "_sessionId_uw011_176";
+const copyable = "_copyable_uw011_182";
+const headerButton = "_headerButton_uw011_186";
+const newHeaderButton = "_newHeaderButton_uw011_191";
+const chatBody = "_chatBody_uw011_196";
+const messages = "_messages_uw011_205";
+const messagesInput = "_messagesInput_uw011_216";
+const messagesHistory = "_messagesHistory_uw011_250";
 const style0$4 = {
   chat: chat$1,
   chatHeader,
@@ -5152,7 +4348,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           }, 8, ["class"])
         ]),
         "header-end": withCtx((itemCountProps) => [
-          createVNode(RunDataItemCount, normalizeProps(guardReactiveProps(itemCountProps)), null, 16)
+          createVNode(RunDataItemCount, mergeProps(itemCountProps, {
+            search: displayMode.value === "schema" ? "" : itemCountProps.search
+          }), null, 16, ["search"])
         ]),
         "no-output-data": withCtx(() => [
           createVNode(NDVEmptyState, {
@@ -5166,7 +4364,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               withDirectives(createBaseVNode("span", null, null, 512), [
-                [_directive_n8n_html, unref(waitingNodeTooltip)(_ctx.logEntry.node)]
+                [_directive_n8n_html, unref(waitingNodeTooltip)(_ctx.logEntry.node, _ctx.logEntry.workflow)]
               ])
             ]),
             _: 1
@@ -5206,8 +4404,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const component = "_component_qlocg_123";
-const title$1 = "_title_qlocg_127";
+const component = "_component_1v5g3_123";
+const title$1 = "_title_1v5g3_127";
 const style0$3 = {
   component,
   title: title$1
@@ -5328,7 +4526,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const ndvStore = useNDVStore();
     const experimentalNdvStore = useExperimentalNdvStore();
     const type = computed(() => nodeTypeStore.getNodeType(__props.logEntry.node.type));
-    const consumedTokens2 = computed(() => getSubtreeTotalConsumedTokens(__props.logEntry, false));
+    const consumedTokens = computed(() => getSubtreeTotalConsumedTokens(__props.logEntry, false));
     const isTriggerNode = computed(() => type.value?.group.includes("trigger"));
     const container2 = useTemplateRef("container");
     const resizer = useResizablePanel("N8N_LOGS_INPUT_PANEL_WIDTH", {
@@ -5382,7 +4580,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: normalizeClass(_ctx.$style.executionSummary),
                 status: _ctx.logEntry.runData.executionStatus ?? "unknown",
-                "consumed-tokens": consumedTokens2.value,
+                "consumed-tokens": consumedTokens.value,
                 "start-time": _ctx.logEntry.runData.startTime,
                 "time-took": _ctx.logEntry.runData.executionTime
               }, null, 8, ["class", "status", "consumed-tokens", "start-time", "time-took"])) : createCommentVNode("", true)
@@ -5497,19 +4695,19 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 container$2 = "_container_13967_123";
+const header = "_header_13967_132";
+const actions = "_actions_13967_136";
+const pressed = "_pressed_13967_142";
+const title = "_title_13967_146";
+const icon = "_icon_13967_152";
+const executionSummary = "_executionSummary_13967_156";
+const content = "_content_13967_160";
+const outputPanel = "_outputPanel_13967_168";
+const inputResizer = "_inputResizer_13967_173";
+const collapsed = "_collapsed_13967_177";
+const full = "_full_13967_177";
+const placeholder = "_placeholder_13967_181";
 const style0$2 = {
   container: container$2,
   header,
@@ -5555,13 +4753,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       },
       ...__props.showPopOutButton ? [{ id: "popOut", label: popOutButtonText.value }] : []
     ]);
-    function handleSelectMenuItem(selected2) {
-      switch (selected2) {
+    function handleSelectMenuItem(selected) {
+      switch (selected) {
         case "popOut":
-          emit(selected2);
+          emit(selected);
           return;
         case "toggleSyncSelection":
-          emit(selected2);
+          emit(selected);
           return;
       }
     }
@@ -5575,7 +4773,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           content: popOutButtonText.value
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$k), {
+            createVNode(unref(_sfc_main$h), {
               icon: "pop-out",
               type: "tertiary",
               text: "",
@@ -5605,7 +4803,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           "z-index": tooltipZIndex.value
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$k), {
+            createVNode(unref(_sfc_main$h), {
               type: "tertiary",
               text: "",
               size: "small",
@@ -5621,7 +4819,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$1 = "_container_xdwf0_123";
+const container$1 = "_container_yw9ej_123";
 const style0$1 = {
   container: container$1
 };
@@ -5629,141 +4827,13 @@ const cssModules$1 = {
   "$style": style0$1
 };
 const LogsPanelActions = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$1]]);
-function useThrottle(state, timeout) {
-  const throttled = shallowRef(state.value);
-  watch(
-    state,
-    useThrottleFn(() => throttled.value = state.value, timeout, true, true)
-  );
-  return throttled;
-}
-function useLogsExecutionData(isEnabled) {
-  const nodeHelpers = useNodeHelpers();
-  const workflowsStore = useWorkflowsStore();
-  const workflowState = injectWorkflowState();
-  const toast = useToast();
-  const state = ref();
-  const updateInterval = computed(
-    () => Object.keys(state.value?.startData ?? {}).length > 1 ? LOGS_EXECUTION_DATA_THROTTLE_DURATION : 0
-  );
-  const throttledState = useThrottle(state, updateInterval);
-  const subWorkflowExecData = ref({});
-  const subWorkflows = ref({});
-  const workflow = computed(
-    () => throttledState.value ? new Workflow({
-      ...throttledState.value.response.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 entries = computed(() => {
-    if (!isEnabled.value || !throttledState.value || !workflow.value) {
-      return [];
-    }
-    const mergedExecutionData = mergeStartData(
-      throttledState.value.startData,
-      throttledState.value.response
-    );
-    return createLogTree(
-      workflow.value,
-      mergedExecutionData,
-      subWorkflows.value,
-      subWorkflowExecData.value
-    );
-  });
-  function resetExecutionData() {
-    state.value = void 0;
-    workflowState.setWorkflowExecutionData(null);
-    nodeHelpers.updateNodesExecutionIssues();
-  }
-  async function loadSubExecution(logEntry) {
-    const locator = findSubExecutionLocator(logEntry);
-    if (!state.value || locator === void 0) {
-      return;
-    }
-    try {
-      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[locator.executionId] = data;
-      subWorkflows.value[locator.workflowId] = new Workflow({
-        ...subExecution.workflowData,
-        nodeTypes: workflowsStore.getNodeTypes()
-      });
-    } catch (e) {
-      toast.showError(e, "Unable to load sub execution");
-    }
-  }
-  watch(
-    // Fields that should trigger update
-    [
-      () => workflowsStore.workflowExecutionData?.id,
-      () => workflowsStore.workflowExecutionData?.workflowData.id,
-      () => workflowsStore.workflowExecutionData?.status,
-      () => workflowsStore.workflowExecutionResultDataLastUpdate,
-      () => workflowsStore.workflowExecutionStartedData
-    ],
-    useThrottleFn(
-      ([executionId], [previousExecutionId]) => {
-        state.value = workflowsStore.workflowExecutionData === null ? void 0 : {
-          response: copyExecutionData(workflowsStore.workflowExecutionData),
-          startData: workflowsStore.workflowExecutionStartedData?.[1] ?? {}
-        };
-        if (executionId !== previousExecutionId) {
-          subWorkflowExecData.value = {};
-          subWorkflows.value = {};
-        }
-      },
-      updateInterval,
-      true,
-      true
-    ),
-    { immediate: true }
-  );
-  watch(
-    () => workflowsStore.workflowId,
-    (newId) => {
-      if (newId === PLACEHOLDER_EMPTY_WORKFLOW_ID) {
-        resetExecutionData();
-      }
-    }
-  );
-  return {
-    execution: computed(() => throttledState.value?.response),
-    entries,
-    hasChat,
-    latestNodeNameById,
-    resetExecutionData,
-    loadSubExecution
-  };
-}
-function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
+function useLogsSelection(execution, tree, flatLogEntries, toggleExpand) {
   const telemetry = useTelemetry();
   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 selected = computed(
+    () => findSelectedLogEntry(manualLogEntrySelection.value, tree.value, !isExecutionStopped.value)
   );
   const logsStore = useLogsStore();
   const uiStore = useUIStore();
@@ -5793,7 +4863,7 @@ function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
     if (entries.length === 0) {
       return;
     }
-    const prevEntry = selected2.value ? getEntryAtRelativeIndex(entries, selected2.value.id, -1) ?? entries[0] : entries[entries.length - 1];
+    const prevEntry = selected.value ? getEntryAtRelativeIndex(entries, selected.value.id, -1) ?? entries[0] : entries[entries.length - 1];
     manualLogEntrySelection.value = { type: "selected", entry: prevEntry };
     syncSelectionToCanvasIfEnabled(prevEntry);
   }
@@ -5802,12 +4872,12 @@ function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
     if (entries.length === 0) {
       return;
     }
-    const nextEntry = selected2.value ? getEntryAtRelativeIndex(entries, selected2.value.id, 1) ?? entries[entries.length - 1] : entries[0];
+    const nextEntry = selected.value ? getEntryAtRelativeIndex(entries, selected.value.id, 1) ?? entries[entries.length - 1] : entries[0];
     manualLogEntrySelection.value = { type: "selected", entry: nextEntry };
     syncSelectionToCanvasIfEnabled(nextEntry);
   }
   watch(
-    selected2,
+    selected,
     (sel) => {
       if (sel) {
         logsStore.setSubNodeSelected(isSubNodeLog(sel));
@@ -5819,12 +4889,12 @@ function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
     [() => uiStore.lastSelectedNode, () => logsStore.isLogSelectionSyncedWithCanvas],
     ([selectedOnCanvas, shouldSync]) => {
       const selectedNodeId = selectedOnCanvas ? workflowsStore.nodesByName[selectedOnCanvas]?.id : void 0;
-      nodeIdToSelect.value = shouldSync && !canvasStore.hasRangeSelection && selected2.value?.node.id !== selectedNodeId ? selectedNodeId : void 0;
+      nodeIdToSelect.value = shouldSync && !canvasStore.hasRangeSelection && selected.value?.node.id !== selectedNodeId ? selectedNodeId : void 0;
     },
     { immediate: true }
   );
   watch(
-    [tree2, nodeIdToSelect],
+    [tree, nodeIdToSelect],
     ([latestTree, id]) => {
       if (id === void 0) {
         return;
@@ -5843,27 +4913,7 @@ function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
     },
     { immediate: true }
   );
-  return { selected: selected2, select, selectPrev, selectNext };
-}
-function useLogsTreeExpand(entries, loadSubExecution) {
-  const collapsedEntries = shallowRef({});
-  const flatLogEntries = computed(
-    () => flattenLogEntries(entries.value, collapsedEntries.value)
-  );
-  function toggleExpanded(treeNode, 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,
-    toggleExpanded
-  };
+  return { selected, select, selectPrev, selectNext };
 }
 function isStyle(node) {
   return node instanceof HTMLStyleElement || node instanceof HTMLLinkElement && node.rel === "stylesheet";
@@ -6160,9 +5210,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       refreshSession,
       displayExecution
     } = useChatState(props.isReadOnly);
-    const { entries, execution, hasChat, latestNodeNameById, resetExecutionData, loadSubExecution } = useLogsExecutionData(isOpen);
+    const { entries, execution, hasChat, latestNodeNameById, resetExecutionData, loadSubExecution } = useLogsExecutionData({ isEnabled: isOpen });
     const { flatLogEntries, toggleExpanded } = useLogsTreeExpand(entries, loadSubExecution);
-    const { selected: selected2, select, selectNext, selectPrev } = useLogsSelection(
+    const { selected, select, selectNext, selectPrev } = useLogsSelection(
       execution,
       entries,
       flatLogEntries,
@@ -6170,7 +5220,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const inputTableColumnCollapsing = ref();
     const outputTableColumnCollapsing = ref();
-    const isLogDetailsOpen = computed(() => isOpen.value && selected2.value !== void 0);
+    const isLogDetailsOpen = computed(() => isOpen.value && selected.value !== void 0);
     const isLogDetailsVisuallyOpen = computed(
       () => isLogDetailsOpen.value && !isCollapsingDetailsPanel.value
     );
@@ -6184,10 +5234,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onToggleSyncSelection: logsStore.toggleLogSelectionSync
     }));
     const inputCollapsingColumnName = computed(
-      () => inputTableColumnCollapsing.value?.nodeName === selected2.value?.node.name ? inputTableColumnCollapsing.value?.columnName ?? null : null
+      () => inputTableColumnCollapsing.value?.nodeName === selected.value?.node.name ? inputTableColumnCollapsing.value?.columnName ?? null : null
     );
     const outputCollapsingColumnName = computed(
-      () => outputTableColumnCollapsing.value?.nodeName === selected2.value?.node.name ? outputTableColumnCollapsing.value?.columnName ?? null : null
+      () => outputTableColumnCollapsing.value?.nodeName === selected.value?.node.name ? outputTableColumnCollapsing.value?.columnName ?? null : null
     );
     const keyMap = computed(() => ({
       j: selectNext,
@@ -6195,8 +5245,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       Escape: () => select(void 0),
       ArrowDown: selectNext,
       ArrowUp: selectPrev,
-      Space: () => selected2.value && toggleExpanded(selected2.value),
-      Enter: () => selected2.value && handleOpenNdv(selected2.value),
+      Space: () => selected.value && toggleExpanded(selected.value),
+      Enter: () => selected.value && handleOpenNdv(selected.value),
       ...isPoppedOut.value ? {
         // We need shortcuts for toggling input/output panel in the pop-out window only
         // because these are also implemented in the canvas
@@ -6221,10 +5271,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     function handleChangeInputTableColumnCollapsing(columnName) {
-      inputTableColumnCollapsing.value = columnName && selected2.value ? { nodeName: selected2.value.node.name, columnName } : void 0;
+      inputTableColumnCollapsing.value = columnName && selected.value ? { nodeName: selected.value.node.name, columnName } : void 0;
     }
     function handleChangeOutputTableColumnCollapsing(columnName) {
-      outputTableColumnCollapsing.value = columnName && selected2.value ? { nodeName: selected2.value.node.name, columnName } : void 0;
+      outputTableColumnCollapsing.value = columnName && selected.value ? { nodeName: selected.value.node.name, columnName } : void 0;
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -6311,7 +5361,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         "is-open": unref(isOpen),
                         "is-read-only": _ctx.isReadOnly,
                         "is-compact": isLogDetailsVisuallyOpen.value,
-                        selected: unref(selected2),
+                        selected: unref(selected),
                         execution: unref(execution),
                         entries: unref(entries),
                         "latest-node-info": unref(latestNodeNameById),
@@ -6331,13 +5381,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["class", "width", "style", "is-resizing-enabled", "window", "onResize"]),
-                  isLogDetailsVisuallyOpen.value && unref(selected2) ? (openBlock(), createBlock(LogsDetailsPanel, {
+                  isLogDetailsVisuallyOpen.value && unref(selected) ? (openBlock(), createBlock(LogsDetailsPanel, {
                     key: 0,
                     class: normalizeClass(_ctx.$style.logDetails),
                     "is-open": unref(isOpen),
-                    "log-entry": unref(selected2),
+                    "log-entry": unref(selected),
                     window: unref(popOutWindow),
-                    "latest-info": unref(latestNodeNameById)[unref(selected2).node.id],
+                    "latest-info": unref(latestNodeNameById)[unref(selected).node.id],
                     panels: unref(logsStore).detailsState,
                     "collapsing-input-table-column-name": inputCollapsingColumnName.value,
                     "collapsing-output-table-column-name": outputCollapsingColumnName.value,
@@ -6363,15 +5413,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const popOutContent = "_popOutContent_1xguj_123";
-const resizeWrapper = "_resizeWrapper_1xguj_129";
-const poppedOut = "_poppedOut_1xguj_136";
-const container = "_container_1xguj_140";
-const chat = "_chat_1xguj_149";
-const logsContainer = "_logsContainer_1xguj_153";
-const overviewResizer = "_overviewResizer_1xguj_163";
-const logsOverview = "_logsOverview_1xguj_171";
-const logsDetails = "_logsDetails_1xguj_175";
+const popOutContent = "_popOutContent_17exv_123";
+const resizeWrapper = "_resizeWrapper_17exv_129";
+const poppedOut = "_poppedOut_17exv_136";
+const container = "_container_17exv_140";
+const chat = "_chat_17exv_149";
+const logsContainer = "_logsContainer_17exv_153";
+const overviewResizer = "_overviewResizer_17exv_163";
+const logsOverview = "_logsOverview_17exv_171";
+const logsDetails = "_logsDetails_17exv_175";
 const style0 = {
   popOutContent,
   resizeWrapper,