n8n-editor-ui 1.99.0 → 1.100.0

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

@@ -1,8 +1,8 @@
-import { b4 as isArrayLike, b5 as isArray, b6 as isBuffer, b7 as isTypedArray, b8 as isArguments, b9 as getTag, ba as isPrototype, bb as baseKeys, bc as addTokenUsageData, bd as emptyTokenUsageData, be as isChatNode, bf as NodeConnectionTypes, bg as v4, bh as get, bi as isRef, bj as isReactive, bk as isProxy, bl as toRaw, bm as AGENT_LANGCHAIN_NODE_TYPE, bn as MANUAL_CHAT_TRIGGER_NODE_TYPE, bo as CHAT_TRIGGER_NODE_TYPE, a as useToast, r as ref, x as computed, c as useI18n$1, bp as usePinnedData, ao as useMessage, ap as MODAL_CONFIRM, T as useWorkflowsStore, bq as useLogsStore, b as useRouter, br as useNodeHelpers, bs as useRunWorkflow, V as VIEWS, bt as chatEventBus, $ as watch, bu as provide, d as defineComponent, i as createElementBlock, g as openBlock, n as normalizeClass, j as createVNode, k as createBaseVNode, m as unref, p as N8nText, w as withCtx, A as renderSlot, l as createTextVNode, t as toDisplayString, _ as _export_sfc, U as useRoute, a3 as useSourceControlStore, bv as useCanvasOperations, bw as useNodeTypesStore, bx as START_NODE_TYPE, e as createBlock, f as createCommentVNode, aZ as N8nTooltip, by as formatTokenUsageCount, bz as getDefaultExportFromCjs, bA as requireUpperFirst, ag as useTemplateRef, bB as useTimestamp, bC as toTime, bD as toDayMonth, bE as withModifiers, F as Fragment, G as renderList, D as normalizeStyle, bF as _sfc_main$j, bG as I18nT, bH as N8nIcon, a$ as _sfc_main$k, q as N8nButton, B as nextTick, bI as useVirtualList, bJ as toRef, bK as mergeProps, bL as N8nRadioButtons, bM as inject, bN as toRefs, o as onMounted, bO as normalizeProps, bP as guardReactiveProps, bQ as resolveDynamicComponent, bR as markdownLink, bS as useFileDialog, bT as onUnmounted, aI as withDirectives, bU as vModelText, bV as withKeys, h as resolveComponent, bW as useClipboard, b1 as createSlots, aA as useNDVStore, bX as resolveDirective, a_ as N8nLink, bY as waitingNodeTooltip, aD as useLocalStorage, bZ as LOG_DETAILS_PANEL_STATE, b_ as KeyboardShortcutTooltip, b$ as N8nResizeWrapper, c0 as useStyles, c1 as N8nActionDropdown, c2 as Workflow, c3 as useThrottleFn, c4 as parse, J as useUIStore, a2 as useCanvasStore, am as useTelemetry, z as onBeforeUnmount, c5 as useProvideTooltipAppendTo, c6 as IsInPiPWindowSymbol, c7 as LOGS_PANEL_STATE, c8 as LOCAL_STORAGE_PANEL_HEIGHT, c9 as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, ca as LOCAL_STORAGE_PANEL_WIDTH, cb as ndvEventBus } from "./index-Q8IZ0Cou.js";
-import { p as parseErrorMetadata, _ as _sfc_main$i, H as HighlightJS, V as VueMarkdown, R as RunData } from "./RunData-CeKn3olP.js";
-import { c as canvasEventBus } from "./canvas-BstTJOpX.js";
-import "./FileSaver.min-DfMUUVIo.js";
-import "./useExecutionHelpers-A5rsPx0e.js";
+import { b4 as isArrayLike, b5 as isArray, b6 as isBuffer, b7 as isTypedArray, b8 as isArguments, b9 as getTag, ba as isPrototype, bb as baseKeys, bc as addTokenUsageData, bd as emptyTokenUsageData, be as isChatNode, bf as NodeConnectionTypes, bg as v4, bh as get, bi as isRef, bj as isReactive, bk as isProxy, bl as toRaw, bm as AGENT_LANGCHAIN_NODE_TYPE, bn as MANUAL_CHAT_TRIGGER_NODE_TYPE, bo as CHAT_TRIGGER_NODE_TYPE, a as useToast, r as ref, x as computed, c as useI18n$1, bp as usePinnedData, ao as useMessage, ap as MODAL_CONFIRM, T as useWorkflowsStore, bq as useLogsStore, b as useRouter, br as useNodeHelpers, bs as useRunWorkflow, V as VIEWS, bt as chatEventBus, $ as watch, bu as provide, d as defineComponent, i as createElementBlock, g as openBlock, n as normalizeClass, j as createVNode, k as createBaseVNode, m as unref, p as N8nText, w as withCtx, A as renderSlot, l as createTextVNode, t as toDisplayString, _ as _export_sfc, U as useRoute, a3 as useSourceControlStore, bv as useCanvasOperations, bw as useNodeTypesStore, bx as START_NODE_TYPE, e as createBlock, f as createCommentVNode, aZ as N8nTooltip, by as formatTokenUsageCount, bz as getDefaultExportFromCjs, bA as requireUpperFirst, ag as useTemplateRef, bB as useTimestamp, bC as toTime, bD as toDayMonth, bE as withModifiers, F as Fragment, G as renderList, D as normalizeStyle, bF as _sfc_main$k, bG as I18nT, bH as N8nIcon, a$ as _sfc_main$l, q as N8nButton, B as nextTick, bI as useVirtualList, bJ as toRef, bK as mergeProps, bL as N8nRadioButtons, bM as inject, bN as toRefs, o as onMounted, bO as normalizeProps, bP as guardReactiveProps, bQ as resolveDynamicComponent, bR as markdownLink, bS as useFileDialog, bT as onUnmounted, aI as withDirectives, bU as vModelText, bV as withKeys, h as resolveComponent, bW as useClipboard, b1 as createSlots, aA as useNDVStore, bX as PiPWindowSymbol, bY as resolveDirective, a_ as N8nLink, bZ as waitingNodeTooltip, aD as useLocalStorage, b_ as LOG_DETAILS_PANEL_STATE, b$ as KeyboardShortcutTooltip, c0 as N8nResizeWrapper, c1 as useStyles, c2 as N8nActionDropdown, c3 as Workflow, c4 as useThrottleFn, c5 as parse, J as useUIStore, a2 as useCanvasStore, am as useTelemetry, c6 as onScopeDispose, z as onBeforeUnmount, c7 as applyThemeToBody, c8 as useProvideTooltipAppendTo, c9 as LOGS_PANEL_STATE, ca as LOCAL_STORAGE_PANEL_HEIGHT, cb as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, cc as LOCAL_STORAGE_PANEL_WIDTH, cd as useActiveElement, ce as ndvEventBus } from "./index-ZImlcrmd.js";
+import { p as parseErrorMetadata, _ as _sfc_main$j, H as HighlightJS, V as VueMarkdown, R as RunData } from "./RunData-C-tqFRZO.js";
+import { c as canvasEventBus, u as useKeybindings } from "./useKeybindings-Dl2fatxs.js";
+import "./FileSaver.min-CxOI-Vgx.js";
+import "./useExecutionHelpers-DfJOrkT9.js";
 const TOOL_EXECUTOR_NODE_NAME = "PartialExecutionToolExecutor";
 var mapTag = "[object Map]", setTag = "[object Set]";
 var objectProto = Object.prototype;
@@ -75,13 +75,12 @@ function getChildNodes(treeNode, node, runIndex, context) {
     });
   }
   const connectedSubNodes = context.workflow.getParentNodes(node.name, "ALL_NON_MAIN", 1);
-  const isExecutionRoot = !isSubNodeLog(treeNode);
   function isMatchedSource(source) {
     return (source?.previousNode === node.name || isPlaceholderLog(treeNode) && source?.previousNode === TOOL_EXECUTOR_NODE_NAME) && (runIndex === void 0 || source.previousNodeRun === runIndex);
   }
   return connectedSubNodes.flatMap(
     (subNodeName) => (context.data.resultData.runData[subNodeName] ?? []).flatMap((t, index) => {
-      const isMatched = isExecutionRoot && t.source.some((source) => source !== null) ? t.source.some(isMatchedSource) : runIndex === void 0 || index === runIndex;
+      const isMatched = t.source.some((source) => source !== null) ? t.source.some(isMatchedSource) : runIndex === void 0 || index === runIndex;
       if (!isMatched) {
         return [];
       }
@@ -663,7 +662,7 @@ function useChatState(isReadOnly) {
     displayExecution
   };
 }
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "LogsPanelHeader",
   props: {
     title: {}
@@ -708,7 +707,7 @@ const style0$b = {
 const cssModules$b = {
   "$style": style0$b
 };
-const LogsPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__cssModules", cssModules$b]]);
+const LogsPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__cssModules", cssModules$b]]);
 function useClearExecutionButtonVisible() {
   const route = useRoute();
   const sourceControlStore = useSourceControlStore();
@@ -726,7 +725,7 @@ function useClearExecutionButtonVisible() {
     () => !isReadOnlyRoute.value && !isReadOnlyEnvironment.value && !isWorkflowRunning.value && !allTriggerNodesDisabled.value && !!workflowExecutionData.value
   );
 }
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "LogsViewConsumedTokenCountText",
   props: {
     consumedTokens: {}
@@ -734,7 +733,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const locale = useI18n$1();
     return (_ctx, _cache) => {
-      const _component_ConsumedTokensDetails = _sfc_main$i;
+      const _component_ConsumedTokensDetails = _sfc_main$j;
       return _ctx.consumedTokens !== void 0 ? (openBlock(), createBlock(unref(N8nTooltip), {
         key: 0,
         enterable: false
@@ -758,7 +757,7 @@ var upperFirstExports = requireUpperFirst();
 const upperFirst = /* @__PURE__ */ getDefaultExportFromCjs(upperFirstExports);
 const _hoisted_1$e = { key: 0 };
 const _hoisted_2$3 = { key: 1 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "LogsViewNodeName",
   props: {
     name: {},
@@ -791,9 +790,9 @@ const style0$a = {
 const cssModules$a = {
   "$style": style0$a
 };
-const LogsViewNodeName = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__cssModules", cssModules$a]]);
+const LogsViewNodeName = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__cssModules", cssModules$a]]);
 const _hoisted_1$d = ["aria-expanded", "aria-selected"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "LogsOverviewRow",
   props: {
     data: {},
@@ -863,7 +862,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      const _component_NodeIcon = _sfc_main$j;
+      const _component_NodeIcon = _sfc_main$k;
       return openBlock(), createElementBlock("div", {
         ref: "containerRef",
         role: "treeitem",
@@ -969,7 +968,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.consumedTokens)
         }, {
           default: withCtx(() => [
-            subtreeConsumedTokens.value.totalTokens > 0 && (props.data.children.length === 0 || !props.expanded) ? (openBlock(), createBlock(_sfc_main$g, {
+            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)
@@ -983,11 +982,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           icon: "exclamation-triangle",
           class: normalizeClass(_ctx.$style.compactErrorIcon)
         }, null, 8, ["class"])) : createCommentVNode("", true),
-        !_ctx.isCompact || !props.latestInfo?.deleted ? (openBlock(), createBlock(unref(_sfc_main$k), {
+        !_ctx.isCompact || !props.latestInfo?.deleted ? (openBlock(), createBlock(unref(_sfc_main$l), {
           key: 4,
           type: "secondary",
-          size: "medium",
+          size: "small",
           icon: "edit",
+          "icon-size": "medium",
           style: normalizeStyle([{ "color": "var(--color-text-base)" }, {
             visibility: props.canOpenNdv ? "" : "hidden",
             color: "var(--color-text-base)"
@@ -997,7 +997,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           "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), {
+        !_ctx.isCompact || !props.isReadOnly && !props.latestInfo?.deleted && !props.latestInfo?.disabled ? (openBlock(), createBlock(unref(_sfc_main$l), {
           key: 5,
           type: "secondary",
           size: "small",
@@ -1012,6 +1012,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           key: 6,
           type: "secondary",
           size: "small",
+          icon: props.expanded ? "chevron-down" : "chevron-up",
+          "icon-size": "medium",
           square: true,
           style: normalizeStyle({
             visibility: hasChildren.value ? "" : "hidden",
@@ -1021,38 +1023,30 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.toggleButton),
           "aria-label": unref(locale).baseText("logs.overview.body.toggleRow"),
           onClick: _cache[2] || (_cache[2] = withModifiers(($event) => emit("toggleExpanded"), ["stop"]))
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(N8nIcon), {
-              size: "medium",
-              icon: props.expanded ? "chevron-down" : "chevron-up"
-            }, null, 8, ["icon"])
-          ]),
-          _: 1
-        }, 8, ["style", "class", "aria-label"])) : createCommentVNode("", true)
+        }, null, 8, ["icon", "style", "class", "aria-label"])) : createCommentVNode("", true)
       ], 10, _hoisted_1$d);
     };
   }
 });
-const container$7 = "_container_1ohan_123";
-const background = "_background_1ohan_138";
-const selected = "_selected_1ohan_147";
-const error = "_error_1ohan_153";
-const indent = "_indent_1ohan_157";
-const connectorCurved = "_connectorCurved_1ohan_166";
-const connectorStraight = "_connectorStraight_1ohan_176";
-const icon$3 = "_icon_1ohan_185";
-const name = "_name_1ohan_191";
-const timeTook = "_timeTook_1ohan_197";
-const errorIcon = "_errorIcon_1ohan_202";
-const startedAt = "_startedAt_1ohan_207";
-const consumedTokens = "_consumedTokens_1ohan_213";
-const compactErrorIcon = "_compactErrorIcon_1ohan_220";
-const partialExecutionButton = "_partialExecutionButton_1ohan_228";
-const openNdvButton = "_openNdvButton_1ohan_229";
-const compact = "_compact_1ohan_220";
-const unavailable = "_unavailable_1ohan_239";
-const toggleButton = "_toggleButton_1ohan_247";
+const container$7 = "_container_yoz1w_123";
+const background = "_background_yoz1w_139";
+const selected = "_selected_yoz1w_148";
+const error = "_error_yoz1w_154";
+const indent = "_indent_yoz1w_158";
+const connectorCurved = "_connectorCurved_yoz1w_167";
+const connectorStraight = "_connectorStraight_yoz1w_177";
+const icon$3 = "_icon_yoz1w_186";
+const name = "_name_yoz1w_192";
+const timeTook = "_timeTook_yoz1w_198";
+const errorIcon = "_errorIcon_yoz1w_203";
+const startedAt = "_startedAt_yoz1w_208";
+const consumedTokens = "_consumedTokens_yoz1w_214";
+const compactErrorIcon = "_compactErrorIcon_yoz1w_221";
+const partialExecutionButton = "_partialExecutionButton_yoz1w_233";
+const openNdvButton = "_openNdvButton_yoz1w_234";
+const compact = "_compact_yoz1w_221";
+const unavailable = "_unavailable_yoz1w_244";
+const toggleButton = "_toggleButton_yoz1w_252";
 const style0$9 = {
   container: container$7,
   background,
@@ -1077,8 +1071,8 @@ const style0$9 = {
 const cssModules$9 = {
   "$style": style0$9
 };
-const LogsOverviewRow = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__cssModules", cssModules$9]]);
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const LogsOverviewRow = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__cssModules", cssModules$9]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "LogsViewExecutionSummary",
   props: {
     status: {},
@@ -1111,7 +1105,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createBaseVNode("span", null, toDisplayString(executionStatusText.value), 1),
-          _ctx.consumedTokens.totalTokens > 0 ? (openBlock(), createBlock(_sfc_main$g, {
+          _ctx.consumedTokens.totalTokens > 0 ? (openBlock(), createBlock(_sfc_main$h, {
             key: 0,
             "consumed-tokens": _ctx.consumedTokens
           }, null, 8, ["consumed-tokens"])) : createCommentVNode("", true)
@@ -1128,8 +1122,8 @@ const style0$8 = {
 const cssModules$8 = {
   "$style": style0$8
 };
-const LogsViewExecutionSummary = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__cssModules", cssModules$8]]);
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const LogsViewExecutionSummary = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__cssModules", cssModules$8]]);
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "LogsOverviewPanel",
   props: {
     isOpen: { type: Boolean },
@@ -1319,7 +1313,7 @@ const style0$7 = {
 const cssModules$7 = {
   "$style": style0$7
 };
-const LogsOverviewPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$7]]);
+const LogsOverviewPanel = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__cssModules", cssModules$7]]);
 function bash(hljs) {
   const regex = hljs.regex;
   const VAR = {};
@@ -3918,7 +3912,7 @@ function render$2(_ctx, _cache) {
 }
 const IconPreview = { name: "mdi-openInNew", render: render$2 };
 const _hoisted_1$6 = { class: "chat-file-name" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "ChatFile",
   props: {
     file: {},
@@ -3968,7 +3962,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ChatFile = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-70b9370d"]]);
+const ChatFile = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-70b9370d"]]);
 const _hoisted_1$5 = {
   key: 0,
   class: "chat-message-actions"
@@ -3977,7 +3971,7 @@ const _hoisted_2$2 = {
   key: 2,
   class: "chat-message-files"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "Message",
   props: {
     message: {}
@@ -4126,7 +4120,7 @@ const _hoisted_7 = {
   key: 0,
   class: "chat-files"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
     placeholder: { default: "inputPlaceholder" }
@@ -4332,8 +4326,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ChatInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-f0e5731e"]]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const ChatInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-f0e5731e"]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "MessageTyping",
   props: {
     animation: { default: "bouncing" }
@@ -4357,7 +4351,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       messageContainer.value?.scrollToView();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$a), {
+      return openBlock(), createBlock(unref(_sfc_main$b), {
         ref_key: "messageContainer",
         ref: messageContainer,
         class: normalizeClass(classes.value),
@@ -4388,7 +4382,7 @@ const _hoisted_3 = {
   key: 1,
   class: "chat-messages-list"
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "MessagesList",
   props: {
     messages: {},
@@ -4430,13 +4424,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         ])
       ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(initialMessages), (initialMessage) => {
-          return openBlock(), createBlock(_sfc_main$a, {
+          return openBlock(), createBlock(_sfc_main$b, {
             key: initialMessage.id,
             message: initialMessage
           }, null, 8, ["message"]);
         }), 128)),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.messages, (message) => {
-          return openBlock(), createBlock(_sfc_main$a, {
+          return openBlock(), createBlock(_sfc_main$b, {
             key: message.id,
             ref_for: true,
             ref_key: "messageComponents",
@@ -4449,12 +4443,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             _: 2
           }, 1032, ["message"]);
         }), 128)),
-        unref(waitingForResponse) ? (openBlock(), createBlock(_sfc_main$8, { key: 0 })) : createCommentVNode("", true)
+        unref(waitingForResponse) ? (openBlock(), createBlock(_sfc_main$9, { key: 0 })) : createCommentVNode("", true)
       ]));
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "MessageOptionTooltip",
   props: {
     placement: {
@@ -4498,8 +4492,8 @@ const style0$6 = {
 const cssModules$6 = {
   "$style": style0$6
 };
-const MessageOptionTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$6]]);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const MessageOptionTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$6]]);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "MessageOptionAction",
   props: {
     label: {
@@ -4549,9 +4543,9 @@ const style0$5 = {
 const cssModules$5 = {
   "$style": style0$5
 };
-const MessageOptionAction = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$5]]);
+const MessageOptionAction = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$5]]);
 const _hoisted_1 = ["onClick"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ChatMessagesPanel",
   props: {
     pastChatMessages: {},
@@ -4643,7 +4637,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => emit("clickHeader"))
         }, {
           actions: withCtx(() => [
-            unref(clipboard).isSupported.value && !_ctx.isReadOnly ? (openBlock(), createBlock(unref(N8nTooltip), { key: 0 }, {
+            unref(clipboard).isSupported && !_ctx.isReadOnly ? (openBlock(), createBlock(unref(N8nTooltip), { key: 0 }, {
               content: withCtx(() => [
                 createTextVNode(toDisplayString(_ctx.sessionId) + " ", 1),
                 _cache[3] || (_cache[3] = createBaseVNode("br", null, null, -1)),
@@ -4670,7 +4664,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               content: unref(locale).baseText("chat.window.session.resetSession")
             }, {
               default: withCtx(() => [
-                createVNode(unref(_sfc_main$k), {
+                createVNode(unref(_sfc_main$l), {
                   class: normalizeClass(_ctx.$style.newHeaderButton),
                   "data-test-id": "refresh-session-button",
                   outline: "",
@@ -4692,7 +4686,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.chatBody),
           "data-test-id": "canvas-chat-body"
         }, [
-          createVNode(_sfc_main$7, {
+          createVNode(_sfc_main$8, {
             messages: _ctx.messages,
             class: normalizeClass(_ctx.$style.messages),
             "empty-text": unref(locale).baseText("chat.window.chat.emptyChatMessage.v2")
@@ -4800,8 +4794,8 @@ const style0$4 = {
 const cssModules$4 = {
   "$style": style0$4
 };
-const ChatMessagesPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const ChatMessagesPanel = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$4]]);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "LogsViewRunData",
   props: {
     title: {},
@@ -4811,6 +4805,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const locale = useI18n$1();
     const ndvStore = useNDVStore();
+    const pipWindow = inject(PiPWindowSymbol, ref());
     const displayMode = ref(__props.paneType === "input" ? "schema" : "table");
     const isMultipleInput = computed(
       () => __props.paneType === "input" && (__props.logEntry.runData?.source.length ?? 0) > 1
@@ -4846,6 +4841,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _directive_n8n_html = resolveDirective("n8n-html");
       return runDataProps.value ? (openBlock(), createBlock(RunData, mergeProps({ key: 0 }, runDataProps.value, {
+        key: `run-data${unref(pipWindow) ? "-pip" : ""}`,
         workflow: _ctx.logEntry.workflow,
         "workflow-execution": _ctx.logEntry.execution,
         "too-much-data-title": unref(locale).baseText("ndv.output.tooMuchData.title"),
@@ -4941,7 +4937,7 @@ const style0$3 = {
 const cssModules$3 = {
   "$style": style0$3
 };
-const LogsViewRunData = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
+const LogsViewRunData = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$3]]);
 function useResizablePanel(localStorageKey, {
   container: container2,
   defaultSize,
@@ -5034,7 +5030,7 @@ function useResizablePanel(localStorageKey, {
   };
 }
 const MIN_IO_PANEL_WIDTH = 200;
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "LogDetailsPanel",
   props: {
     isOpen: { type: Boolean },
@@ -5086,7 +5082,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.title)
             }, [
-              createVNode(_sfc_main$j, {
+              createVNode(_sfc_main$k, {
                 "node-type": type.value,
                 size: 16,
                 class: normalizeClass(_ctx.$style.icon)
@@ -5240,8 +5236,8 @@ const style0$2 = {
 const cssModules$2 = {
   "$style": style0$2
 };
-const LogsDetailsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const LogsDetailsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$2]]);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "LogsPanelActions",
   props: {
     isOpen: { type: Boolean },
@@ -5288,7 +5284,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           content: popOutButtonText.value
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$k), {
+            createVNode(unref(_sfc_main$l), {
               icon: "pop-out",
               type: "tertiary",
               text: "",
@@ -5316,7 +5312,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           "z-index": tooltipZIndex.value
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$k), {
+            createVNode(unref(_sfc_main$l), {
               type: "tertiary",
               text: "",
               size: "small",
@@ -5339,7 +5335,7 @@ const style0$1 = {
 const cssModules$1 = {
   "$style": style0$1
 };
-const LogsPanelActions = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const LogsPanelActions = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$1]]);
 function useLogsExecutionData() {
   const nodeHelpers = useNodeHelpers();
   const workflowsStore = useWorkflowsStore();
@@ -5525,6 +5521,28 @@ function useLogsTreeExpand(entries) {
     toggleExpanded
   };
 }
+function isStyle(node) {
+  return node instanceof HTMLStyleElement || node instanceof HTMLLinkElement && node.rel === "stylesheet";
+}
+function syncStyleMutations(destination, mutations) {
+  const currentStyles = destination.document.head.querySelectorAll('style, link[rel="stylesheet"]');
+  for (const mutation of mutations) {
+    for (const node of mutation.addedNodes) {
+      if (isStyle(node)) {
+        destination.document.head.appendChild(node.cloneNode(true));
+      }
+    }
+    for (const node of mutation.removedNodes) {
+      if (isStyle(node)) {
+        for (const found of currentStyles) {
+          if (found.isEqualNode(node)) {
+            found.remove();
+          }
+        }
+      }
+    }
+  }
+}
 function usePiPWindow({
   container: container2,
   content: content2,
@@ -5542,7 +5560,14 @@ function usePiPWindow({
   const tooltipContainer = computed(
     () => isPoppedOut.value ? content2.value ?? void 0 : void 0
   );
-  provide(IsInPiPWindowSymbol, isPoppedOut);
+  const uiStore = useUIStore();
+  const observer = new MutationObserver((mutations) => {
+    if (pipWindow.value) {
+      syncStyleMutations(pipWindow.value, mutations);
+    }
+  });
+  observer.observe(document.head, { childList: true, subtree: true });
+  provide(PiPWindowSymbol, pipWindow);
   useProvideTooltipAppendTo(tooltipContainer);
   async function showPip() {
     if (!content2.value) {
@@ -5581,6 +5606,18 @@ function usePiPWindow({
   watch(shouldPopOut, (value) => value ? requestAnimationFrame(showPip) : hidePiP(), {
     immediate: true
   });
+  watch(
+    [() => uiStore.appliedTheme, pipWindow],
+    ([theme, pip]) => {
+      if (pip) {
+        applyThemeToBody(theme, pip);
+      }
+    },
+    { immediate: true }
+  );
+  onScopeDispose(() => {
+    observer.disconnect();
+  });
   onBeforeUnmount(() => {
     isUnmounting.value = true;
     pipWindow.value?.close();
@@ -5683,6 +5720,29 @@ function useLogsPanelLayout(pipContainer, pipContent2, container2, logsContainer
     onOverviewPanelResizeEnd: overviewPanelResizer.onResizeEnd
   };
 }
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "LogsViewKeyboardEventListener",
+  props: {
+    keyMap: {},
+    container: {}
+  },
+  setup(__props) {
+    const pipWindow = inject(PiPWindowSymbol);
+    const activeElement = useActiveElement({ window: pipWindow?.value });
+    const isBlurred = computed(() => {
+      if (pipWindow?.value) {
+        return pipWindow.value.document.activeElement === null;
+      }
+      return !activeElement.value || !__props.container || !__props.container.contains(activeElement.value) && __props.container !== activeElement.value;
+    });
+    useKeybindings(
+      toRef(() => __props.keyMap),
+      { disabled: isBlurred }
+    );
+    return () => {
+    };
+  }
+});
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LogsPanel",
   props: {
@@ -5744,15 +5804,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onToggleOpen,
       onToggleSyncSelection: logsStore.toggleLogSelectionSync
     }));
+    const keyMap = computed(() => ({
+      j: selectNext,
+      k: selectPrev,
+      Escape: () => select(void 0),
+      ArrowDown: selectNext,
+      ArrowUp: selectPrev,
+      Space: () => selected2.value && toggleExpanded(selected2.value),
+      Enter: () => selected2.value && handleOpenNdv(selected2.value)
+    }));
     function handleResizeOverviewPanelEnd() {
       if (isOverviewPanelFullWidth.value) {
         select(void 0);
       }
       onOverviewPanelResizeEnd();
     }
-    async function handleOpenNdv(treeNode) {
+    function handleOpenNdv(treeNode) {
       ndvStore.setActiveNodeName(treeNode.node.name);
-      await nextTick(() => {
+      void nextTick(() => {
         const source = treeNode.runData?.source[0];
         const inputBranch = source?.previousNodeOutput ?? 0;
         ndvEventBus.emit("updateInputNodeName", source?.previousNode);
@@ -5765,6 +5834,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "pipContainer",
         ref: pipContainer
       }, [
+        (openBlock(), createBlock(_sfc_main$1, {
+          key: String(!!unref(pipWindow)),
+          "key-map": keyMap.value,
+          container: unref(container2)
+        }, null, 8, ["key-map", "container"])),
         createBaseVNode("div", {
           ref_key: "pipContent",
           ref: pipContent2,
@@ -5784,32 +5858,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ref_key: "container",
                 ref: container2,
                 class: normalizeClass(_ctx.$style.container),
-                tabindex: "-1",
-                onKeydown: [
-                  _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => unref(select)(void 0), ["exact", "stop"]), ["esc"])),
-                  _cache[4] || (_cache[4] = withKeys(withModifiers(
-                    //@ts-ignore
-                    (...args) => unref(selectNext) && unref(selectNext)(...args),
-                    ["exact", "stop"]
-                  ), ["j"])),
-                  _cache[5] || (_cache[5] = withKeys(withModifiers(
-                    //@ts-ignore
-                    (...args) => unref(selectNext) && unref(selectNext)(...args),
-                    ["exact", "stop", "prevent"]
-                  ), ["down"])),
-                  _cache[6] || (_cache[6] = withKeys(withModifiers(
-                    //@ts-ignore
-                    (...args) => unref(selectPrev) && unref(selectPrev)(...args),
-                    ["exact", "stop"]
-                  ), ["k"])),
-                  _cache[7] || (_cache[7] = withKeys(withModifiers(
-                    //@ts-ignore
-                    (...args) => unref(selectPrev) && unref(selectPrev)(...args),
-                    ["exact", "stop", "prevent"]
-                  ), ["up"])),
-                  _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => unref(selected2) && unref(toggleExpanded)(unref(selected2)), ["exact", "stop"]), ["space"])),
-                  _cache[9] || (_cache[9] = withKeys(withModifiers(($event) => unref(selected2) && handleOpenNdv(unref(selected2)), ["exact", "stop"]), ["enter"]))
-                ]
+                tabindex: "-1"
               }, [
                 unref(hasChat) && (!props.isReadOnly || unref(messages2).length > 0) ? (openBlock(), createBlock(unref(N8nResizeWrapper), {
                   key: 0,
@@ -5823,7 +5872,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onResizeend: unref(onChatPanelResizeEnd)
                 }, {
                   default: withCtx(() => [
-                    createVNode(ChatMessagesPanel, {
+                    (openBlock(), createBlock(ChatMessagesPanel, {
+                      key: `canvas-chat-${unref(currentSessionId)}${unref(isPoppedOut) ? "-pip" : ""}`,
                       "data-test-id": "canvas-chat",
                       "is-open": unref(isOpen),
                       "is-read-only": _ctx.isReadOnly,
@@ -5837,7 +5887,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       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"])
+                    }, null, 8, ["is-open", "is-read-only", "messages", "session-id", "past-chat-messages", "onClose", "onRefreshSession", "onDisplayExecution", "onSendMessage"]))
                   ]),
                   _: 1
                 }, 8, ["is-resizing-enabled", "width", "style", "class", "window", "onResize", "onResizeend"])) : createCommentVNode("", true),
@@ -5901,7 +5951,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["class", "is-open", "log-entry", "window", "latest-info", "panels", "onToggleInputOpen", "onToggleOutputOpen"])) : createCommentVNode("", true)
                 ], 2)
-              ], 34)
+              ], 2)
             ]),
             _: 1
           }, 8, ["height", "is-resizing-enabled", "class", "style", "onResize", "onResizeend"])