n8n-editor-ui 1.113.0 → 1.114.0

package/dist/assets/{LogsPanel-DwPSXTSp.js → LogsPanel-BCGl1Nn3.js}

@@ -1,8 +1,8 @@
-import { bz as addTokenUsageData, bA as emptyTokenUsageData, bB as parseErrorMetadata, bC as isChatNode, bD as NodeConnectionTypes, bE as v4, bF as get, bG as AGENT_LANGCHAIN_NODE_TYPE, bH as MANUAL_CHAT_TRIGGER_NODE_TYPE, bI as CHAT_TRIGGER_NODE_TYPE, bJ as isEmpty, a as useToast, r as ref, x as computed, c as useI18n$1, bK as usePinnedData, an as useMessage, ao as MODAL_CONFIRM, a2 as useWorkflowsStore, au as useRootStore, bL as useLogsStore, b as useRouter, bM as useNodeHelpers, bN as useRunWorkflow, a8 as watch, V as VIEWS, bO as chatEventBus, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, bP as provide, d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, l as unref, p as N8nText, w as withCtx, Y as renderSlot, k as createTextVNode, t as toDisplayString, _ as _export_sfc, a3 as useRoute, ag as useSourceControlStore, bQ as useCanvasOperations, ae as useNodeTypesStore, bR as START_NODE_TYPE, e as createBlock, f as createCommentVNode, aa as Tooltip, bS as formatTokenUsageCount, bT as getDefaultExportFromCjs, bU as requireUpperFirst, F as Fragment, aH as useTemplateRef, bV as useTimestamp, bW as toTime, bX as toDayMonth, B as withModifiers, A as renderList, aq as normalizeStyle, bY as NodeIcon, ac as I18nT, N as N8nIcon, ab as _sfc_main$k, q as N8nButton, Z as nextTick, bZ as getScrollbarWidth, b_ as useVirtualList, b$ as toRef, K as mergeProps, O as N8nRadioButtons, c0 as inject, c1 as isRef, c2 as toRefs, o as onMounted, c3 as normalizeProps, c4 as guardReactiveProps, c5 as resolveDynamicComponent, c6 as markdownLink, c7 as useFileDialog, c8 as onUnmounted, b3 as withDirectives, c9 as vModelText, b9 as withKeys, ca as useAttrs, cb as useClipboard, bs as createSlots, aZ as useNDVStore, cc as PopOutWindowKey, cd as resolveDirective, ce as RunData, C as N8nLink, cf as waitingNodeTooltip, cg as RunDataItemCount, a$ as useLocalStorage, ch as LOG_DETAILS_PANEL_STATE, ci as KeyboardShortcutTooltip, cj as N8nResizeWrapper, ck as useStyles, aN as N8nActionDropdown, cl as Workflow, cm as LOGS_EXECUTION_DATA_THROTTLE_DURATION, cn as useThrottleFn, co as parse, cp as shallowRef, Q as useUIStore, cq as useCanvasStore, am as useTelemetry, ay as useDocumentTitle, cr as onScopeDispose, X as onBeforeUnmount, cs as useProvideTooltipAppendTo, ct as LOGS_PANEL_STATE, cu as LOCAL_STORAGE_PANEL_HEIGHT, cv as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, cw as LOCAL_STORAGE_PANEL_WIDTH, cx as useActiveElement, bo as useKeybindings, cy as ndvEventBus } from "./index-DGLJxfnn.js";
-import { _ as __unplugin_components_1 } from "./AnimatedSpinner-BVVzuhy8.js";
-import { _ as _sfc_main$j } from "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-CgS2Cb5Q.js";
-import { H as HighlightJS, V as VueMarkdown } from "./core-WbBbE4BE.js";
-import { c as canvasEventBus } from "./canvas-DjkOwLgJ.js";
+import { bD as addTokenUsageData, bE as emptyTokenUsageData, bF as parseErrorMetadata, bG as isChatNode, bH as NodeConnectionTypes, bI as v4, bJ as get, bK as AGENT_LANGCHAIN_NODE_TYPE, bL as MANUAL_CHAT_TRIGGER_NODE_TYPE, bM as CHAT_TRIGGER_NODE_TYPE, bN as isEmpty, a as useToast, r as ref, x as computed, c as useI18n$1, bO as usePinnedData, an as useMessage, ao as MODAL_CONFIRM, a2 as useWorkflowsStore, au as useRootStore, bP as useLogsStore, b as useRouter, bQ as useNodeHelpers, bR as useRunWorkflow, a8 as watch, V as VIEWS, bS as chatEventBus, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, bT as provide, d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, l as unref, p as N8nText, w as withCtx, Y as renderSlot, k as createTextVNode, t as toDisplayString, _ as _export_sfc, a3 as useRoute, ag as useSourceControlStore, bU as useCanvasOperations, ae as useNodeTypesStore, bV as START_NODE_TYPE, e as createBlock, f as createCommentVNode, aa as Tooltip, bW as formatTokenUsageCount, bX as getDefaultExportFromCjs, bY as requireUpperFirst, F as Fragment, aH as useTemplateRef, bZ as useTimestamp, b_ as toTime, b$ as toDayMonth, B as withModifiers, A as renderList, aq as normalizeStyle, c0 as NodeIcon, ac as I18nT, N as N8nIcon, ab as _sfc_main$k, q as N8nButton, Z as nextTick, c1 as getScrollbarWidth, c2 as useVirtualList, c3 as toRef, K as mergeProps, O as N8nRadioButtons, c4 as inject, c5 as isRef, c6 as toRefs, o as onMounted, c7 as normalizeProps, c8 as guardReactiveProps, c9 as resolveDynamicComponent, ca as markdownLink, cb as useFileDialog, bm as onUnmounted, b3 as withDirectives, cc as vModelText, b9 as withKeys, cd as useAttrs, ce as useClipboard, bv as createSlots, aZ as useNDVStore, cf as PopOutWindowKey, cg as resolveDirective, ch as RunData, C as N8nLink, ci as NDVEmptyState, cj as waitingNodeTooltip, ck as RunDataItemCount, a$ as useLocalStorage, cl as useExperimentalNdvStore, cm as LOG_DETAILS_PANEL_STATE, cn as KeyboardShortcutTooltip, co as N8nResizeWrapper, cp as useStyles, aN as N8nActionDropdown, cq as LOGS_EXECUTION_DATA_THROTTLE_DURATION, cr as Workflow, cs as useThrottleFn, ct as shallowRef, cu as parse, Q as useUIStore, cv as useCanvasStore, am as useTelemetry, ay as useDocumentTitle, cw as onScopeDispose, X as onBeforeUnmount, cx as useProvideTooltipAppendTo, cy as LOGS_PANEL_STATE, cz as LOCAL_STORAGE_PANEL_HEIGHT, cA as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, cB as LOCAL_STORAGE_PANEL_WIDTH, cC as useActiveElement, br as useKeybindings, cD as ndvEventBus } from "./index-BOW55EQc.js";
+import { _ as __unplugin_components_1 } from "./AnimatedSpinner-BmfqnkMh.js";
+import { _ as _sfc_main$j } from "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-DFcvVtT3.js";
+import { H as HighlightJS, V as VueMarkdown } from "./core-VF74aV13.js";
+import { c as canvasEventBus } from "./canvas-DTKhYM6C.js";
 const TOOL_EXECUTOR_NODE_NAME = "PartialExecutionToolExecutor";
 function constructChatWebsocketUrl(url, executionId, sessionId2, isPublic) {
   const baseUrl = new URL(url).origin;
@@ -310,8 +310,20 @@ function extractBotResponse(resultData, executionId, emptyText2) {
   if (get(nodeResponseData, "error")) {
     responseMessage = "[ERROR: " + get(nodeResponseData, "error.message") + "]";
   } else {
-    const responseData = get(nodeResponseData, "data.main[0][0].json");
-    const text = extractResponseText(responseData) ?? emptyText2;
+    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;
     }
@@ -373,6 +385,20 @@ function isSubNodeLog(logEntry) {
 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,
@@ -713,15 +739,21 @@ function useChatState(isReadOnly) {
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "LogsPanelHeader",
   props: {
-    title: {}
+    title: {},
+    isClickable: { type: Boolean }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
+    function handleClick() {
+      if (__props.isClickable) {
+        emit("click");
+      }
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("header", {
-        class: normalizeClass(_ctx.$style.container),
-        onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
+        class: normalizeClass([_ctx.$style.container, { [_ctx.$style.clickable]: _ctx.isClickable }]),
+        onClick: handleClick
       }, [
         createVNode(unref(N8nText), {
           class: normalizeClass(_ctx.$style.title),
@@ -744,11 +776,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$8 = "_container_1uwbw_123";
-const title$2 = "_title_1uwbw_144";
-const actions$1 = "_actions_1uwbw_152";
+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,
+  clickable,
   title: title$2,
   actions: actions$1
 };
@@ -1195,7 +1229,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     execution: {},
     entries: {},
     flatLogEntries: {},
-    latestNodeInfo: {}
+    latestNodeInfo: {},
+    isHeaderClickable: { type: Boolean }
   },
   emits: ["clickHeader", "select", "clearExecutionData", "openNdv", "toggleExpanded"],
   setup(__props, { emit: __emit }) {
@@ -1277,6 +1312,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         createVNode(LogsPanelHeader, {
           title: unref(locale).baseText("logs.overview.header.title"),
           "data-test-id": "logs-overview-header",
+          "is-clickable": _ctx.isHeaderClickable,
           onClick: _cache[1] || (_cache[1] = ($event) => emit("clickHeader"))
         }, {
           actions: withCtx(() => [
@@ -1305,7 +1341,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "actions")
           ]),
           _: 3
-        }, 8, ["title"]),
+        }, 8, ["title", "is-clickable"]),
         _ctx.isOpen ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass([_ctx.$style.content, isEmpty2.value ? _ctx.$style.empty : ""]),
@@ -4254,7 +4290,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   props: {
     placeholder: { default: "inputPlaceholder" }
   },
-  emits: ["arrowKeyDown"],
+  emits: ["arrowKeyDown", "escapeKeyDown"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const { t } = useI18n();
@@ -4468,6 +4504,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           key: event.key,
           currentInputValue: input.value
         });
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        emit("escapeKeyDown", {
+          currentInputValue: input.value
+        });
       }
     }
     function onOpenFileDialog() {
@@ -4545,7 +4586,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ChatInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b2a5be81"]]);
+const ChatInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-0216470d"]]);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "MessageTyping",
   props: {
@@ -4675,12 +4716,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      const _component_n8n_icon = N8nIcon;
-      const _component_n8n_tooltip = Tooltip;
+      const _component_N8nIcon = N8nIcon;
+      const _component_N8nTooltip = Tooltip;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
-        createVNode(_component_n8n_tooltip, { placement: __props.placement }, {
+        createVNode(_component_N8nTooltip, { placement: __props.placement }, {
           content: withCtx(() => [
             renderSlot(_ctx.$slots, "default")
           ]),
@@ -4688,7 +4729,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             createBaseVNode("span", {
               class: normalizeClass(_ctx.$style.icon)
             }, [
-              createVNode(_component_n8n_icon, {
+              createVNode(_component_N8nIcon, {
                 icon: "info",
                 size: "xsmall"
               })
@@ -4723,17 +4764,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       attrs.onClick?.();
     };
     return (_ctx, _cache) => {
-      const _component_n8n_icon = N8nIcon;
-      const _component_n8n_tooltip = Tooltip;
+      const _component_N8nIcon = N8nIcon;
+      const _component_N8nTooltip = Tooltip;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
-        createVNode(_component_n8n_tooltip, { placement: _ctx.placement }, {
+        createVNode(_component_N8nTooltip, { placement: _ctx.placement }, {
           content: withCtx(() => [
             createTextVNode(toDisplayString(_ctx.label), 1)
           ]),
           default: withCtx(() => [
-            createVNode(_component_n8n_icon, {
+            createVNode(_component_N8nIcon, {
               class: normalizeClass(_ctx.$style.icon),
               icon: _ctx.icon,
               size: "xsmall",
@@ -4765,7 +4806,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     sessionId: {},
     showCloseButton: { type: Boolean },
     isOpen: { type: Boolean, default: true },
-    isReadOnly: { type: Boolean, default: false }
+    isReadOnly: { type: Boolean, default: false },
+    isHeaderClickable: { type: Boolean }
   },
   emits: ["displayExecution", "sendMessage", "refreshSession", "close", "clickHeader"],
   setup(__props, { emit: __emit }) {
@@ -4774,7 +4816,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const clipboard = useClipboard();
     const locale = useI18n$1();
     const toast = useToast();
-    const previousMessageIndex = ref(0);
+    const previousMessageIndex = ref(-1);
+    const currentInputBuffer = ref("");
     const sessionIdText = computed(
       () => locale.baseText("chat.window.session.id", {
         interpolate: { id: `${props.sessionId.slice(0, 5)}...` }
@@ -4796,7 +4839,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       chatEventBus.emit("setInputValue", message.text);
     }
     function sendMessage(message) {
-      previousMessageIndex.value = 0;
+      previousMessageIndex.value = -1;
+      currentInputBuffer.value = "";
       emit("sendMessage", message);
     }
     function onRefreshSession() {
@@ -4804,30 +4848,44 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     }
     function onArrowKeyDown({ currentInputValue, key }) {
       const pastMessages = props.pastChatMessages;
-      const isCurrentInputEmptyOrMatch = currentInputValue.length === 0 || pastMessages.includes(currentInputValue);
-      if (isCurrentInputEmptyOrMatch && (key === "ArrowUp" || key === "ArrowDown")) {
-        if (pastMessages.length === 0) return;
+      if (pastMessages.length === 0) return;
+      if (currentInputValue.length === 0 && previousMessageIndex.value !== -1) {
+        previousMessageIndex.value = -1;
+        currentInputBuffer.value = "";
+      }
+      if (previousMessageIndex.value === -1 && currentInputValue.length > 0) {
+        currentInputBuffer.value = currentInputValue;
+      }
+      if (key === "ArrowUp") {
         chatEventBus.emit("blurInput");
-        if (pastMessages.length === 1) {
-          previousMessageIndex.value = 0;
-        } else {
-          if (key === "ArrowUp") {
-            if (currentInputValue.length === 0 && previousMessageIndex.value === 0) {
-              previousMessageIndex.value = pastMessages.length - 1;
-            } else {
-              previousMessageIndex.value = previousMessageIndex.value === 0 ? pastMessages.length - 1 : previousMessageIndex.value - 1;
-            }
-          } else if (key === "ArrowDown") {
-            previousMessageIndex.value = previousMessageIndex.value === pastMessages.length - 1 ? 0 : previousMessageIndex.value + 1;
-          }
+        if (previousMessageIndex.value === -1) {
+          previousMessageIndex.value = pastMessages.length - 1;
+        } else if (previousMessageIndex.value > 0) {
+          previousMessageIndex.value--;
         }
         const selectedMessage = pastMessages[previousMessageIndex.value];
         chatEventBus.emit("setInputValue", selectedMessage);
         chatEventBus.emit("focusInput");
+      } else if (key === "ArrowDown") {
+        if (previousMessageIndex.value === -1) return;
+        chatEventBus.emit("blurInput");
+        if (previousMessageIndex.value < pastMessages.length - 1) {
+          previousMessageIndex.value++;
+          const selectedMessage = pastMessages[previousMessageIndex.value];
+          chatEventBus.emit("setInputValue", selectedMessage);
+        } else {
+          previousMessageIndex.value = -1;
+          chatEventBus.emit("setInputValue", currentInputBuffer.value);
+          currentInputBuffer.value = "";
+        }
+        chatEventBus.emit("focusInput");
       }
-      if (!isCurrentInputEmptyOrMatch) {
-        previousMessageIndex.value = 0;
-      }
+    }
+    function onEscapeKey() {
+      if (previousMessageIndex.value === -1) return;
+      previousMessageIndex.value = -1;
+      chatEventBus.emit("setInputValue", currentInputBuffer.value);
+      currentInputBuffer.value = "";
     }
     async function copySessionId() {
       await clipboard.copy(props.sessionId);
@@ -4846,6 +4904,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         createVNode(LogsPanelHeader, {
           "data-test-id": "chat-header",
           title: unref(locale).baseText("chat.window.title"),
+          "is-clickable": _ctx.isHeaderClickable,
           onClick: _cache[0] || (_cache[0] = ($event) => emit("clickHeader"))
         }, {
           actions: withCtx(() => [
@@ -4892,7 +4951,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             }, 8, ["content"])) : createCommentVNode("", true)
           ]),
           _: 1
-        }, 8, ["title"]),
+        }, 8, ["title", "is-clickable"]),
         _ctx.isOpen ? (openBlock(), createElementBlock("main", {
           key: 0,
           class: normalizeClass(_ctx.$style.chatBody),
@@ -4945,7 +5004,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           createVNode(ChatInput, {
             "data-test-id": "lm-chat-inputs",
             placeholder: inputPlaceholder.value,
-            onArrowKeyDown
+            onArrowKeyDown,
+            onEscapeKeyDown: onEscapeKey
           }, createSlots({ _: 2 }, [
             _ctx.pastChatMessages.length > 0 ? {
               name: "leftPanel",
@@ -4959,16 +5019,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     type: "tertiary",
                     text: "",
                     size: "mini",
+                    disabled: previousMessageIndex.value === 0,
                     onClick: _cache[1] || (_cache[1] = ($event) => onArrowKeyDown({ currentInputValue: "", key: "ArrowUp" }))
-                  }),
+                  }, null, 8, ["disabled"]),
                   createVNode(unref(N8nButton), {
                     title: "Navigate to next message",
                     icon: "chevron-down",
                     type: "tertiary",
                     text: "",
                     size: "mini",
+                    disabled: previousMessageIndex.value === -1,
                     onClick: _cache[2] || (_cache[2] = ($event) => onArrowKeyDown({ currentInputValue: "", key: "ArrowDown" }))
-                  })
+                  }, null, 8, ["disabled"])
                 ], 2)
               ]),
               key: "0"
@@ -5015,7 +5077,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     title: {},
     paneType: {},
     logEntry: {},
-    collapsingTableColumnName: {}
+    collapsingTableColumnName: {},
+    searchShortcut: {}
   },
   emits: ["collapsingTableColumnChanged"],
   setup(__props, { emit: __emit }) {
@@ -5078,6 +5141,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "is-executing": isExecuting.value,
         "table-header-bg-color": "light",
         "collapsing-table-column-name": _ctx.collapsingTableColumnName,
+        "search-shortcut": _ctx.searchShortcut,
         onDisplayModeChange: handleChangeDisplayMode,
         onCollapsingTableColumnChanged: _cache[0] || (_cache[0] = ($event) => emit("collapsingTableColumnChanged", $event))
       }), createSlots({
@@ -5098,31 +5162,22 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           createVNode(RunDataItemCount, normalizeProps(guardReactiveProps(itemCountProps)), null, 16)
         ]),
         "no-output-data": withCtx(() => [
-          createVNode(unref(N8nText), {
-            bold: true,
-            color: "text-dark",
-            size: "large"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(locale).baseText("ndv.output.noOutputData.title")), 1)
-            ]),
-            _: 1
-          })
+          createVNode(NDVEmptyState, {
+            title: unref(locale).baseText("ndv.output.noOutputData.title")
+          }, null, 8, ["title"])
         ]),
         "node-waiting": withCtx(() => [
-          createVNode(unref(N8nText), {
-            bold: true,
-            color: "text-dark",
-            size: "large"
+          createVNode(NDVEmptyState, {
+            title: unref(locale).baseText("ndv.output.waitNodeWaiting.title"),
+            wide: ""
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(locale).baseText("ndv.output.waitNodeWaiting.title")), 1)
+              withDirectives(createBaseVNode("span", null, null, 512), [
+                [_directive_n8n_html, unref(waitingNodeTooltip)(_ctx.logEntry.node)]
+              ])
             ]),
             _: 1
-          }),
-          withDirectives(createVNode(unref(N8nText), null, null, 512), [
-            [_directive_n8n_html, unref(waitingNodeTooltip)(_ctx.logEntry.node)]
-          ])
+          }, 8, ["title"])
         ]),
         _: 2
       }, [
@@ -5154,7 +5209,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["class", "workflow-object", "workflow-execution", "too-much-data-title", "no-data-in-branch-message", "executing-message", "pane-type", "display-mode", "disable-ai-content", "is-executing", "collapsing-table-column-name"])) : createCommentVNode("", true);
+      ]), 1040, ["class", "workflow-object", "workflow-execution", "too-much-data-title", "no-data-in-branch-message", "executing-message", "pane-type", "display-mode", "disable-ai-content", "is-executing", "collapsing-table-column-name", "search-shortcut"])) : createCommentVNode("", true);
     };
   }
 });
@@ -5269,13 +5324,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     latestInfo: {},
     panels: {},
     collapsingInputTableColumnName: {},
-    collapsingOutputTableColumnName: {}
+    collapsingOutputTableColumnName: {},
+    isHeaderClickable: { type: Boolean }
   },
   emits: ["clickHeader", "toggleInputOpen", "toggleOutputOpen", "collapsingInputTableColumnChanged", "collapsingOutputTableColumnChanged"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const locale = useI18n$1();
     const nodeTypeStore = useNodeTypesStore();
+    const ndvStore = useNDVStore();
+    const experimentalNdvStore = useExperimentalNdvStore();
     const type = computed(() => nodeTypeStore.getNodeType(__props.logEntry.node.type));
     const consumedTokens2 = computed(() => getSubtreeTotalConsumedTokens(__props.logEntry, false));
     const isTriggerNode = computed(() => type.value?.group.includes("trigger"));
@@ -5289,6 +5347,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       allowFullSize: true
     });
     const shouldResize = computed(() => __props.panels === LOG_DETAILS_PANEL_STATE.BOTH);
+    const searchShortcutPriorityPanel = computed(
+      () => ndvStore.isNDVOpen || experimentalNdvStore.isMapperOpen ? void 0 : __props.panels === LOG_DETAILS_PANEL_STATE.INPUT ? "input" : "output"
+    );
     function handleResizeEnd() {
       if (resizer.isCollapsed.value) {
         emit("toggleInputOpen", false);
@@ -5308,6 +5369,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         createVNode(LogsPanelHeader, {
           "data-test-id": "log-details-header",
           class: normalizeClass(_ctx.$style.header),
+          "is-clickable": _ctx.isHeaderClickable,
           onClick: _cache[2] || (_cache[2] = ($event) => emit("clickHeader"))
         }, {
           title: withCtx(() => [
@@ -5380,7 +5442,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "actions")
           ]),
           _: 3
-        }, 8, ["class"]),
+        }, 8, ["class", "is-clickable"]),
         _ctx.isOpen ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(_ctx.$style.content),
@@ -5419,8 +5481,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   title: unref(locale).baseText("logs.details.header.actions.input"),
                   "log-entry": _ctx.logEntry,
                   "collapsing-table-column-name": _ctx.collapsingInputTableColumnName,
+                  "search-shortcut": searchShortcutPriorityPanel.value === "input" ? "ctrl+f" : void 0,
                   onCollapsingTableColumnChanged: _cache[3] || (_cache[3] = ($event) => emit("collapsingInputTableColumnChanged", $event))
-                }, null, 8, ["title", "log-entry", "collapsing-table-column-name"])
+                }, null, 8, ["title", "log-entry", "collapsing-table-column-name", "search-shortcut"])
               ]),
               _: 1
             }, 8, ["class", "width", "style", "is-resizing-enabled", "window", "onResize"])) : createCommentVNode("", true),
@@ -5432,8 +5495,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               title: unref(locale).baseText("logs.details.header.actions.output"),
               "log-entry": _ctx.logEntry,
               "collapsing-table-column-name": _ctx.collapsingOutputTableColumnName,
+              "search-shortcut": searchShortcutPriorityPanel.value === "output" ? "ctrl+f" : void 0,
               onCollapsingTableColumnChanged: _cache[4] || (_cache[4] = ($event) => emit("collapsingOutputTableColumnChanged", $event))
-            }, null, 8, ["class", "title", "log-entry", "collapsing-table-column-name"])) : createCommentVNode("", true)
+            }, null, 8, ["class", "title", "log-entry", "collapsing-table-column-name", "search-shortcut"])) : createCommentVNode("", true)
           ], 64))
         ], 2)) : createCommentVNode("", true)
       ], 2);
@@ -5538,7 +5602,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           "activator-size": "small",
           items: menuItems.value,
           teleported: false,
-          onSelect: handleSelectMenuItem
+          onSelect: handleSelectMenuItem,
+          onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+          }, ["stop"]))
         }, null, 8, ["items"])) : createCommentVNode("", true),
         _ctx.showToggleButton ? (openBlock(), createBlock(KeyboardShortcutTooltip, {
           key: 2,
@@ -5554,7 +5620,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "icon-size": "medium",
               icon: _ctx.isOpen ? "chevron-down" : "chevron-up",
               "aria-label": toggleButtonText.value,
-              onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("toggleOpen"), ["stop"]))
+              onClick: _cache[2] || (_cache[2] = withModifiers(($event) => emit("toggleOpen"), ["stop"]))
             }, null, 8, ["icon", "aria-label"])
           ]),
           _: 1
@@ -5571,16 +5637,28 @@ const cssModules$1 = {
   "$style": style0$1
 };
 const LogsPanelActions = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$1]]);
-function useLogsExecutionData() {
+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 toast = useToast();
-  const execData = ref();
+  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(
-    () => execData.value ? new Workflow({
-      ...execData.value?.workflowData,
+    () => throttledState.value ? new Workflow({
+      ...throttledState.value.response.workflowData,
       nodeTypes: workflowsStore.getNodeTypes()
     }) : void 0
   );
@@ -5604,27 +5682,28 @@ function useLogsExecutionData() {
     )
   );
   const entries = computed(() => {
-    if (!execData.value?.data || !workflow.value) {
+    if (!isEnabled.value || !throttledState.value || !workflow.value) {
       return [];
     }
+    const mergedExecutionData = mergeStartData(
+      throttledState.value.startData,
+      throttledState.value.response
+    );
     return createLogTree(
       workflow.value,
-      execData.value,
+      mergedExecutionData,
       subWorkflows.value,
       subWorkflowExecData.value
     );
   });
-  const updateInterval = computed(
-    () => (entries.value?.length ?? 0) > 1 ? LOGS_EXECUTION_DATA_THROTTLE_DURATION : 0
-  );
   function resetExecutionData() {
-    execData.value = void 0;
+    state.value = void 0;
     workflowsStore.setWorkflowExecutionData(null);
     nodeHelpers.updateNodesExecutionIssues();
   }
   async function loadSubExecution(logEntry) {
     const locator = findSubExecutionLocator(logEntry);
-    if (!execData.value?.data || locator === void 0) {
+    if (!state.value || locator === void 0) {
       return;
     }
     try {
@@ -5653,10 +5732,10 @@ function useLogsExecutionData() {
     ],
     useThrottleFn(
       ([executionId], [previousExecutionId]) => {
-        execData.value = workflowsStore.workflowExecutionData === null ? void 0 : mergeStartData(
-          workflowsStore.workflowExecutionStartedData?.[1] ?? {},
-          workflowsStore.workflowExecutionData
-        );
+        state.value = workflowsStore.workflowExecutionData === null ? void 0 : {
+          response: copyExecutionData(workflowsStore.workflowExecutionData),
+          startData: workflowsStore.workflowExecutionStartedData?.[1] ?? {}
+        };
         if (executionId !== previousExecutionId) {
           subWorkflowExecData.value = {};
           subWorkflows.value = {};
@@ -5677,7 +5756,7 @@ function useLogsExecutionData() {
     }
   );
   return {
-    execution: computed(() => execData.value),
+    execution: computed(() => throttledState.value?.response),
     entries,
     hasChat,
     latestNodeNameById,
@@ -6088,7 +6167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       refreshSession,
       displayExecution
     } = useChatState(props.isReadOnly);
-    const { entries, execution, hasChat, latestNodeNameById, resetExecutionData, loadSubExecution } = useLogsExecutionData();
+    const { entries, execution, hasChat, latestNodeNameById, resetExecutionData, loadSubExecution } = useLogsExecutionData(isOpen);
     const { flatLogEntries, toggleExpanded } = useLogsTreeExpand(entries, loadSubExecution);
     const { selected: selected2, select, selectNext, selectPrev } = useLogsSelection(
       execution,
@@ -6124,7 +6203,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ArrowDown: selectNext,
       ArrowUp: selectPrev,
       Space: () => selected2.value && toggleExpanded(selected2.value),
-      Enter: () => selected2.value && handleOpenNdv(selected2.value)
+      Enter: () => selected2.value && handleOpenNdv(selected2.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
+        i: () => logsStore.toggleInputOpen(),
+        o: () => logsStore.toggleOutputOpen()
+      } : {}
     }));
     function handleResizeOverviewPanelEnd() {
       if (isOverviewPanelFullWidth.value) {
@@ -6202,12 +6287,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "past-chat-messages": unref(previousChatMessages),
                       "show-close-button": false,
                       "is-new-logs-enabled": true,
+                      "is-header-clickable": !unref(isPoppedOut),
                       onClose: unref(onToggleOpen),
                       onRefreshSession: unref(refreshSession),
                       onDisplayExecution: unref(displayExecution),
                       onSendMessage: unref(sendMessage),
-                      onClickHeader: _cache[0] || (_cache[0] = ($event) => unref(onToggleOpen)(true))
-                    }, null, 8, ["is-open", "is-read-only", "messages", "session-id", "past-chat-messages", "onClose", "onRefreshSession", "onDisplayExecution", "onSendMessage"]))
+                      onClickHeader: unref(onToggleOpen)
+                    }, null, 8, ["is-open", "is-read-only", "messages", "session-id", "past-chat-messages", "is-header-clickable", "onClose", "onRefreshSession", "onDisplayExecution", "onSendMessage", "onClickHeader"]))
                   ]),
                   _: 1
                 }, 8, ["is-resizing-enabled", "width", "style", "class", "window", "onResize", "onResizeend"])) : createCommentVNode("", true),
@@ -6237,7 +6323,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         entries: unref(entries),
                         "latest-node-info": unref(latestNodeNameById),
                         "flat-log-entries": unref(flatLogEntries),
-                        onClickHeader: _cache[1] || (_cache[1] = ($event) => unref(onToggleOpen)(true)),
+                        "is-header-clickable": !unref(isPoppedOut),
+                        onClickHeader: unref(onToggleOpen),
                         onSelect: unref(select),
                         onClearExecutionData: unref(resetExecutionData),
                         onToggleExpanded: unref(toggleExpanded),
@@ -6247,7 +6334,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           !isLogDetailsVisuallyOpen.value ? (openBlock(), createBlock(LogsPanelActions, normalizeProps(mergeProps({ key: 0 }, logsPanelActionsProps.value)), null, 16)) : createCommentVNode("", true)
                         ]),
                         _: 1
-                      }, 8, ["class", "is-open", "is-read-only", "is-compact", "selected", "execution", "entries", "latest-node-info", "flat-log-entries", "onSelect", "onClearExecutionData", "onToggleExpanded"])
+                      }, 8, ["class", "is-open", "is-read-only", "is-compact", "selected", "execution", "entries", "latest-node-info", "flat-log-entries", "is-header-clickable", "onClickHeader", "onSelect", "onClearExecutionData", "onToggleExpanded"])
                     ]),
                     _: 1
                   }, 8, ["class", "width", "style", "is-resizing-enabled", "window", "onResize"]),
@@ -6261,7 +6348,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     panels: unref(logsStore).detailsState,
                     "collapsing-input-table-column-name": inputCollapsingColumnName.value,
                     "collapsing-output-table-column-name": outputCollapsingColumnName.value,
-                    onClickHeader: _cache[2] || (_cache[2] = ($event) => unref(onToggleOpen)(true)),
+                    "is-header-clickable": !unref(isPoppedOut),
+                    onClickHeader: unref(onToggleOpen),
                     onToggleInputOpen: unref(logsStore).toggleInputOpen,
                     onToggleOutputOpen: unref(logsStore).toggleOutputOpen,
                     onCollapsingInputTableColumnChanged: handleChangeInputTableColumnCollapsing,
@@ -6271,7 +6359,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       isLogDetailsVisuallyOpen.value ? (openBlock(), createBlock(LogsPanelActions, normalizeProps(mergeProps({ key: 0 }, logsPanelActionsProps.value)), null, 16)) : createCommentVNode("", true)
                     ]),
                     _: 1
-                  }, 8, ["class", "is-open", "log-entry", "window", "latest-info", "panels", "collapsing-input-table-column-name", "collapsing-output-table-column-name", "onToggleInputOpen", "onToggleOutputOpen"])) : createCommentVNode("", true)
+                  }, 8, ["class", "is-open", "log-entry", "window", "latest-info", "panels", "collapsing-input-table-column-name", "collapsing-output-table-column-name", "is-header-clickable", "onClickHeader", "onToggleInputOpen", "onToggleOutputOpen"])) : createCommentVNode("", true)
                 ], 2)
               ], 2)
             ]),