n8n-editor-ui 2.3.1 → 2.4.0

package/dist/assets/{LogsPanel-CeaPnpLp.js → LogsPanel-CfaRZWyh.js}

@@ -1,28 +1,28 @@
-import { o as __toESM } from "./chunk-6z4oVpB-.js";
-import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, G as nextTick, Gt as unref, Ht as toRefs, I as guardReactiveProps, It as ref, J as onBeforeUnmount, M as createVNode, Nt as onScopeDispose, P as defineComponent, Q as onUnmounted, T as createBlock, Vt as toRef, W as mergeProps, Z as onMounted, _ as Fragment, _t as watch, at as renderSlot, bn as normalizeStyle, bt as withCtx, ct as resolveDynamicComponent, et as openBlock, f as vModelText, h as withModifiers, it as renderList, j as createTextVNode, jt as isRef, k as createSlots, m as withKeys, mt as useTemplateRef, nt as provide, st as resolveDirective, ut as useAttrs, vn as normalizeClass, w as createBaseVNode, xt as withDirectives, yn as normalizeProps, z as inject, zt as shallowRef } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { A as useFileDialog, B as useTimestamp, M as useLocalStorage, _t as useI18n, b as useActiveElement, vt as I18nT } from "./_MapCache-ficiegRb.js";
-import { C as N8nResizeWrapper_default, Sn as N8nButton_default, T as N8nRadioButtons_default, gt as require_markdown_it_link_attributes, ht as N8nTooltip_default, mt as N8nLink_default, ot as N8nActionDropdown_default, wn as N8nIcon_default, wt as useProvideTooltipAppendTo, xn as N8nText_default, xt as N8nIconButton_default } from "./src-XLGanEOK.js";
-import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { v as useRoute, y as useRouter } from "./truncate-B1HVeveJ.js";
-import { C as getScrollbarWidth, Gn as useNodeHelpers, Kn as injectWorkflowState, M as useNDVStore, Mt as waitingNodeTooltip, N as useWorkflowsStore, Nt as useNodeTypesStore, O as useTelemetry, Yn as useDocumentTitle, Zn as useSourceControlStore, fn as require_upperFirst, fs as v4_default, gr as useCanvasStore, m as useMessage, oa as useUIStore, v as useToast, xt as isChatNode } from "./builder.store-D6GyopzN.js";
-import { Bo as VIEWS, as as MODAL_CONFIRM, rc as PopOutWindowKey } from "./constants-DRIItkNt.js";
-import { r as useRootStore } from "./_baseOrderBy-UJkFlXQy.js";
-import { n as ndvEventBus } from "./assistant.store-CiyiixCh.js";
-import { t as useRunWorkflow } from "./useRunWorkflow-DfbxLgl-.js";
-import { t as usePinnedData } from "./usePinnedData-FgnIiWSJ.js";
-import { a as useLogsStore, c as LOCAL_STORAGE_PANEL_WIDTH, d as chatEventBus, i as useExperimentalNdvStore, l as LOGS_PANEL_STATE, o as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, r as canvasEventBus, s as LOCAL_STORAGE_PANEL_HEIGHT, t as useCanvasOperations, u as LOG_DETAILS_PANEL_STATE } from "./useCanvasOperations-DmDkQZsZ.js";
-import { t as NodeIcon_default } from "./NodeIcon-BbsF7HzQ.js";
-import { t as KeyboardShortcutTooltip_default } from "./KeyboardShortcutTooltip-Bg_9TS__.js";
-import { t as useClipboard } from "./useClipboard-DAKz3pSk.js";
-import { n as RunDataItemCount_default, t as RunData_default } from "./RunData-CSkVEMJc.js";
-import { t as NDVEmptyState_default } from "./NDVEmptyState-DLSJV_-K.js";
-import { t as VueMarkdown_default } from "./VueMarkdown-BRiaIhX9.js";
-import { t as useKeybindings } from "./useKeybindings-DDEBPDlo.js";
-import { t as convertFileToBinaryData } from "./fileUtils-D_SiS8no.js";
-import { t as ChatFile_default } from "./ChatFile-Dtf_b24Y.js";
-import { a as bash, i as javascript, n as typescript, r as python, t as xml } from "./xml-B6veOr9z.js";
-import { _ as isPlaceholderLog, a as LogsViewConsumedTokenCountText_default, b as restoreChatHistory, f as getDepth, g as getTotalConsumedTokens, h as getSubtreeTotalConsumedTokens, i as LogsViewNodeName_default, l as findLogEntryRec, m as getInputKey, n as useLogsExecutionData, p as getEntryAtRelativeIndex, r as LogsOverviewRows_default, s as extractBotResponse, t as useLogsTreeExpand, u as findSelectedLogEntry, v as isSubNodeLog, y as processFiles } from "./useLogsTreeExpand-DBG-3__y.js";
-import { t as core_default } from "./core-BbiIkN91.js";
+import { o as __toESM } from "./chunk-r2Y0G7H8.js";
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, G as nextTick, Gt as unref, Ht as toRefs, I as guardReactiveProps, It as ref, J as onBeforeUnmount, M as createVNode, Nt as onScopeDispose, P as defineComponent, Q as onUnmounted, T as createBlock, Vt as toRef, W as mergeProps, Z as onMounted, _ as Fragment, _t as watch, at as renderSlot, bn as normalizeStyle, bt as withCtx, ct as resolveDynamicComponent, et as openBlock, f as vModelText, h as withModifiers, it as renderList, j as createTextVNode, jt as isRef, k as createSlots, m as withKeys, mt as useTemplateRef, nt as provide, st as resolveDirective, ut as useAttrs, vn as normalizeClass, w as createBaseVNode, xt as withDirectives, yn as normalizeProps, z as inject, zt as shallowRef } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { A as useFileDialog, B as useTimestamp, M as useLocalStorage, _t as useI18n, b as useActiveElement, vt as I18nT } from "./_MapCache-DkLivSSb.js";
+import { Ct as require_markdown_it_link_attributes, E as N8nRadioButtons_default, On as N8nText_default, Ot as N8nIconButton_default, St as N8nTooltip_default, ft as N8nActionDropdown_default, jn as N8nIcon_default, jt as useProvideTooltipAppendTo, kn as N8nButton_default, w as N8nResizeWrapper_default, xt as N8nLink_default } from "./src-DpZSuyLC.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-fRq25RGE.js";
+import { v as useRoute, y as useRouter } from "./truncate-BrM_9cme.js";
+import { C as useNodeTypesStore, Dr as v4_default, Ft as useNDVStore, It as injectWorkflowState, Mt as useTelemetry, Q as require_upperFirst, S as waitingNodeTooltip, an as useDocumentTitle, br as useToast, d as isChatNode, gr as useMessage, hr as useSourceControlStore, jt as useNodeHelpers, pr as useCanvasStore, r as useUIStore, s as useWorkflowsStore, xc as getScrollbarWidth } from "./users.store-Dh2O3NbU.js";
+import { is as MODAL_CONFIRM, tc as PopOutWindowKey, zo as VIEWS } from "./constants-D48cSFnx.js";
+import { r as useRootStore } from "./_baseOrderBy-DvuuRU7J.js";
+import { t as useClipboard } from "./useClipboard-CTTDlv6b.js";
+import { n as ndvEventBus } from "./assistant.store-2i2uoZtV.js";
+import { n as RunDataItemCount_default, t as RunData_default } from "./RunData-BhqFCEeO.js";
+import { t as NDVEmptyState_default } from "./NDVEmptyState-CJWa4Aka.js";
+import { t as usePinnedData } from "./usePinnedData-D1DKG6vB.js";
+import { a as useLogsStore, c as LOCAL_STORAGE_PANEL_WIDTH, d as chatEventBus, i as useExperimentalNdvStore, l as LOGS_PANEL_STATE, o as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, r as canvasEventBus, s as LOCAL_STORAGE_PANEL_HEIGHT, t as useCanvasOperations, u as LOG_DETAILS_PANEL_STATE } from "./useCanvasOperations-DVIzBTSq.js";
+import { t as VueMarkdown_default } from "./VueMarkdown-D0Ufjusy.js";
+import { t as NodeIcon_default } from "./NodeIcon-CXamMxe5.js";
+import { t as useRunWorkflow } from "./useRunWorkflow-CBEpMo-i.js";
+import { t as KeyboardShortcutTooltip_default } from "./KeyboardShortcutTooltip-Dwz4Hv8g.js";
+import { t as useKeybindings } from "./useKeybindings-CKjI_jnI.js";
+import { t as convertFileToBinaryData } from "./fileUtils-C-Bxka0b.js";
+import { t as ChatFile_default } from "./ChatFile-DGN9Z6P_.js";
+import { a as bash, i as javascript, n as typescript, r as python, t as xml } from "./xml-Cf0o4TxQ.js";
+import { _ as isPlaceholderLog, a as LogsViewConsumedTokenCountText_default, b as restoreChatHistory, f as getDepth, g as getTotalConsumedTokens, h as getSubtreeTotalConsumedTokens, i as LogsViewNodeName_default, l as findLogEntryRec, m as getInputKey, n as useLogsExecutionData, p as getEntryAtRelativeIndex, r as LogsOverviewRows_default, s as extractBotResponse, t as useLogsTreeExpand, u as findSelectedLogEntry, v as isSubNodeLog, y as processFiles } from "./useLogsTreeExpand-BfExNgUz.js";
+import { t as core_default } from "./core-CKLPLCBJ.js";
 function constructChatWebsocketUrl(url, executionId, sessionId$1, isPublic) {
 	const baseUrl = new URL(url).origin;
 	const wsProtocol = baseUrl.startsWith("https") ? "wss" : "ws";
@@ -303,14 +303,14 @@ var LogsPanelHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("header", {
-				class: normalizeClass([_ctx.$style.container, { [_ctx.$style.clickable]: _ctx.isClickable }]),
+				class: normalizeClass([_ctx.$style.container, { [_ctx.$style.clickable]: __props.isClickable }]),
 				onClick: handleClick
 			}, [createVNode(unref(N8nText_default), {
 				class: normalizeClass(_ctx.$style.title),
 				bold: true,
 				size: "small"
 			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(_ctx.title), 1)])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]),
 				_: 3
 			}, 8, ["class"]), createBaseVNode("div", { class: normalizeClass(_ctx.$style.actions) }, [renderSlot(_ctx.$slots, "actions")], 2)], 2);
 		};
@@ -323,7 +323,7 @@ var LogsPanelHeader_vue_vue_type_style_index_0_lang_module_default = {
 	actions: "_actions_1y331_151"
 };
 var LogsPanelHeader_default = /* @__PURE__ */ __plugin_vue_export_helper_default(LogsPanelHeader_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": LogsPanelHeader_vue_vue_type_style_index_0_lang_module_default }]]);
-var import_upperFirst = /* @__PURE__ */ __toESM(require_upperFirst());
+var import_upperFirst = /* @__PURE__ */ __toESM(require_upperFirst(), 1);
 var LogsViewExecutionSummary_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "LogsViewExecutionSummary",
 	props: {
@@ -349,9 +349,9 @@ var LogsViewExecutionSummary_vue_vue_type_script_setup_true_lang_default = /* @_
 				size: "small",
 				class: normalizeClass(_ctx.$style.container)
 			}, {
-				default: withCtx(() => [createBaseVNode("span", null, toDisplayString(executionStatusText.value), 1), _ctx.consumedTokens.totalTokens > 0 ? (openBlock(), createBlock(LogsViewConsumedTokenCountText_default, {
+				default: withCtx(() => [createBaseVNode("span", null, toDisplayString(executionStatusText.value), 1), __props.consumedTokens.totalTokens > 0 ? (openBlock(), createBlock(LogsViewConsumedTokenCountText_default, {
 					key: 0,
-					"consumed-tokens": _ctx.consumedTokens
+					"consumed-tokens": __props.consumedTokens
 				}, null, 8, ["consumed-tokens"])) : createCommentVNode("", true)]),
 				_: 1
 			}, 8, ["class"]);
@@ -419,7 +419,7 @@ var LogsOverviewPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			}, [createVNode(LogsPanelHeader_default, {
 				title: unref(locale).baseText("logs.overview.header.title"),
 				"data-test-id": "logs-overview-header",
-				"is-clickable": _ctx.isHeaderClickable,
+				"is-clickable": __props.isHeaderClickable,
 				onClick: _cache[1] || (_cache[1] = ($event) => emit("clickHeader"))
 			}, {
 				actions: withCtx(() => [unref(isClearExecutionButtonVisible) ? (openBlock(), createBlock(unref(N8nTooltip_default), {
@@ -441,11 +441,11 @@ var LogsOverviewPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					_: 1
 				}, 8, ["content"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "actions")]),
 				_: 3
-			}, 8, ["title", "is-clickable"]), _ctx.isOpen ? (openBlock(), createElementBlock("div", {
+			}, 8, ["title", "is-clickable"]), __props.isOpen ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass([_ctx.$style.content, isEmpty.value ? _ctx.$style.empty : ""]),
 				"data-test-id": "logs-overview-body"
-			}, [isEmpty.value || _ctx.execution === void 0 ? (openBlock(), createBlock(unref(N8nText_default), {
+			}, [isEmpty.value || __props.execution === void 0 ? (openBlock(), createBlock(unref(N8nText_default), {
 				key: 0,
 				tag: "p",
 				size: "medium",
@@ -459,9 +459,9 @@ var LogsOverviewPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				createVNode(LogsViewExecutionSummary_default, {
 					"data-test-id": "logs-overview-status",
 					class: normalizeClass(_ctx.$style.summary),
-					status: _ctx.execution.status,
+					status: __props.execution.status,
 					"consumed-tokens": consumedTokens.value,
-					"start-time": +new Date(_ctx.execution.startedAt),
+					"start-time": +new Date(__props.execution.startedAt),
 					"time-took": timeTook.value
 				}, null, 8, [
 					"class",
@@ -471,14 +471,14 @@ var LogsOverviewPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					"time-took"
 				]),
 				createVNode(LogsOverviewRows_default, {
-					"is-read-only": _ctx.isReadOnly,
-					selected: _ctx.selected,
-					"is-compact": _ctx.isCompact,
+					"is-read-only": __props.isReadOnly,
+					selected: __props.selected,
+					"is-compact": __props.isCompact,
 					"should-show-token-count-column": shouldShowTokenCountColumn.value,
-					"latest-node-info": _ctx.latestNodeInfo,
-					"flat-log-entries": _ctx.flatLogEntries,
+					"latest-node-info": __props.latestNodeInfo,
+					"flat-log-entries": __props.flatLogEntries,
 					"can-open-ndv": true,
-					execution: _ctx.execution,
+					execution: __props.execution,
 					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))
@@ -494,7 +494,7 @@ var LogsOverviewPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				createVNode(unref(N8nRadioButtons_default), {
 					size: "small-medium",
 					class: normalizeClass(_ctx.$style.switchViewButtons),
-					"model-value": _ctx.selected ? "details" : "overview",
+					"model-value": __props.selected ? "details" : "overview",
 					options: switchViewOptions.value,
 					"onUpdate:modelValue": handleSwitchView
 				}, null, 8, [
@@ -632,10 +632,10 @@ var _hoisted_1$4 = {
 	height: "1.2em"
 };
 function render$1(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$4, [..._cache[0] || (_cache[0] = [createBaseVNode("path", {
 		fill: "currentColor",
 		d: "M16.5 6v11.5a4 4 0 0 1-4 4a4 4 0 0 1-4-4V5A2.5 2.5 0 0 1 11 2.5A2.5 2.5 0 0 1 13.5 5v10.5a1 1 0 0 1-1 1a1 1 0 0 1-1-1V6H10v9.5a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5V5a4 4 0 0 0-4-4a4 4 0 0 0-4 4v12.5a5.5 5.5 0 0 0 5.5 5.5a5.5 5.5 0 0 0 5.5-5.5V6z"
-	}, null, -1)]));
+	}, null, -1)])]);
 }
 var paperclip_default = {
 	name: "mdi-paperclip",
@@ -647,10 +647,10 @@ var _hoisted_1$3 = {
 	height: "1.2em"
 };
 function render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$3, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$3, [..._cache[0] || (_cache[0] = [createBaseVNode("path", {
 		fill: "currentColor",
 		d: "m2 21l21-9L2 3v7l15 2l-15 2z"
-	}, null, -1)]));
+	}, null, -1)])]);
 }
 var send_default = {
 	name: "mdi-send",
@@ -941,11 +941,11 @@ var MessageTyping_default = /* @__PURE__ */ defineComponent({
 				message,
 				"data-test-id": "chat-message-typing"
 			}, {
-				default: withCtx(() => _cache[0] || (_cache[0] = [createBaseVNode("div", { class: "chat-message-typing-body" }, [
+				default: withCtx(() => [..._cache[0] || (_cache[0] = [createBaseVNode("div", { class: "chat-message-typing-body" }, [
 					createBaseVNode("span", { class: "chat-message-typing-circle" }),
 					createBaseVNode("span", { class: "chat-message-typing-circle" }),
 					createBaseVNode("span", { class: "chat-message-typing-circle" })
-				], -1)])),
+				], -1)])]),
 				_: 1
 			}, 8, ["class"]);
 		};
@@ -978,7 +978,7 @@ var MessagesList_default = /* @__PURE__ */ defineComponent({
 			if (lastMessageComponent) lastMessageComponent.scrollToView();
 		});
 		return (_ctx, _cache) => {
-			return _ctx.emptyText && unref(initialMessages).length === 0 && _ctx.messages.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1, [createBaseVNode("div", _hoisted_2, [createVNode(unref(N8nIcon_default), {
+			return __props.emptyText && unref(initialMessages).length === 0 && __props.messages.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1, [createBaseVNode("div", _hoisted_2, [createVNode(unref(N8nIcon_default), {
 				icon: "message-circle",
 				size: "large",
 				class: "emptyIcon"
@@ -987,7 +987,7 @@ var MessagesList_default = /* @__PURE__ */ defineComponent({
 				size: "medium",
 				color: "text-base"
 			}, {
-				default: withCtx(() => [createTextVNode(toDisplayString(_ctx.emptyText), 1)]),
+				default: withCtx(() => [createTextVNode(toDisplayString(__props.emptyText), 1)]),
 				_: 1
 			})])])) : (openBlock(), createElementBlock("div", _hoisted_3, [
 				(openBlock(true), createElementBlock(Fragment, null, renderList(unref(initialMessages), (initialMessage) => {
@@ -996,7 +996,7 @@ var MessagesList_default = /* @__PURE__ */ defineComponent({
 						message: initialMessage
 					}, null, 8, ["message"]);
 				}), 128)),
-				(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.messages, (message) => {
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.messages, (message) => {
 					return openBlock(), createBlock(Message_default, {
 						key: message.id,
 						ref_for: true,
@@ -1050,11 +1050,11 @@ var MessageOptionAction_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 			attrs.onClick?.();
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [createVNode(unref(N8nTooltip_default), { placement: _ctx.placement }, {
-				content: withCtx(() => [createTextVNode(toDisplayString(_ctx.label), 1)]),
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [createVNode(unref(N8nTooltip_default), { placement: __props.placement }, {
+				content: withCtx(() => [createTextVNode(toDisplayString(__props.label), 1)]),
 				default: withCtx(() => [createVNode(unref(N8nIcon_default), {
 					class: normalizeClass(_ctx.$style.icon),
-					icon: _ctx.icon,
+					icon: __props.icon,
 					size: "xsmall",
 					onClick
 				}, null, 8, ["class", "icon"])]),
@@ -1176,12 +1176,12 @@ var ChatMessagesPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				createVNode(LogsPanelHeader_default, {
 					"data-test-id": "chat-header",
 					title: unref(locale).baseText("chat.window.title"),
-					"is-clickable": _ctx.isHeaderClickable,
+					"is-clickable": __props.isHeaderClickable,
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("clickHeader"))
 				}, {
-					actions: withCtx(() => [unref(clipboard).isSupported && !_ctx.isReadOnly ? (openBlock(), createBlock(unref(N8nTooltip_default), { key: 0 }, {
+					actions: withCtx(() => [unref(clipboard).isSupported && !__props.isReadOnly ? (openBlock(), createBlock(unref(N8nTooltip_default), { key: 0 }, {
 						content: withCtx(() => [
-							createTextVNode(toDisplayString(_ctx.sessionId) + " ", 1),
+							createTextVNode(toDisplayString(__props.sessionId) + " ", 1),
 							_cache[3] || (_cache[3] = createBaseVNode("br", null, null, -1)),
 							createTextVNode(" " + toDisplayString(unref(locale).baseText("chat.window.session.id.copy")), 1)
 						]),
@@ -1196,7 +1196,7 @@ var ChatMessagesPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							_: 1
 						}, 8, ["class"])]),
 						_: 1
-					})) : createCommentVNode("", true), _ctx.messages.length > 0 && !_ctx.isReadOnly ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+					})) : createCommentVNode("", true), __props.messages.length > 0 && !__props.isReadOnly ? (openBlock(), createBlock(unref(N8nTooltip_default), {
 						key: 1,
 						content: unref(locale).baseText("chat.window.session.resetSession")
 					}, {
@@ -1215,17 +1215,17 @@ var ChatMessagesPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					}, 8, ["content"])) : createCommentVNode("", true)]),
 					_: 1
 				}, 8, ["title", "is-clickable"]),
-				_ctx.isOpen ? (openBlock(), createElementBlock("main", {
+				__props.isOpen ? (openBlock(), createElementBlock("main", {
 					key: 0,
 					class: normalizeClass(_ctx.$style.chatBody),
 					"data-test-id": "canvas-chat-body"
 				}, [createVNode(MessagesList_default, {
-					messages: _ctx.messages,
+					messages: __props.messages,
 					class: normalizeClass(_ctx.$style.messages),
 					"empty-text": unref(locale).baseText("chat.window.chat.emptyChatMessage.v2")
 				}, {
 					beforeMessage: withCtx(({ message }) => [
-						!_ctx.isReadOnly && message.sender === "bot" && !message.id.includes("preload") ? (openBlock(), createBlock(MessageOptionTooltip_default, {
+						!__props.isReadOnly && message.sender === "bot" && !message.id.includes("preload") ? (openBlock(), createBlock(MessageOptionTooltip_default, {
 							key: 0,
 							placement: "right",
 							"data-test-id": "execution-id-tooltip"
@@ -1236,7 +1236,7 @@ var ChatMessagesPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							}, toDisplayString(message.id), 9, _hoisted_1)]),
 							_: 2
 						}, 1024)) : createCommentVNode("", true),
-						!_ctx.isReadOnly && isTextMessage(message) && message.sender === "user" ? (openBlock(), createBlock(MessageOptionAction_default, {
+						!__props.isReadOnly && isTextMessage(message) && message.sender === "user" ? (openBlock(), createBlock(MessageOptionAction_default, {
 							key: 1,
 							"data-test-id": "repost-message-button",
 							icon: "redo-2",
@@ -1244,7 +1244,7 @@ var ChatMessagesPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							placement: "left",
 							onClickOnce: ($event) => repostMessage(message)
 						}, null, 8, ["label", "onClickOnce"])) : createCommentVNode("", true),
-						!_ctx.isReadOnly && isTextMessage(message) && message.sender === "user" ? (openBlock(), createBlock(MessageOptionAction_default, {
+						!__props.isReadOnly && isTextMessage(message) && message.sender === "user" ? (openBlock(), createBlock(MessageOptionAction_default, {
 							key: 2,
 							"data-test-id": "reuse-message-button",
 							icon: "files",
@@ -1259,7 +1259,7 @@ var ChatMessagesPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					"class",
 					"empty-text"
 				])], 2)) : createCommentVNode("", true),
-				_ctx.isOpen ? (openBlock(), createElementBlock("div", {
+				__props.isOpen ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(_ctx.$style.messagesInput)
 				}, [createVNode(Input_default, {
@@ -1267,7 +1267,7 @@ var ChatMessagesPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					placeholder: inputPlaceholder.value,
 					onArrowKeyDown,
 					onEscapeKeyDown: onEscapeKey
-				}, createSlots({ _: 2 }, [_ctx.pastChatMessages.length > 0 ? {
+				}, createSlots({ _: 2 }, [__props.pastChatMessages.length > 0 ? {
 					name: "leftPanel",
 					fn: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.messagesHistory) }, [createVNode(unref(N8nButton_default), {
 						title: "Navigate to previous message",
@@ -1359,11 +1359,11 @@ var LogsViewRunData_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			return runDataProps.value ? (openBlock(), createBlock(RunData_default, mergeProps({ key: 0 }, runDataProps.value, {
 				key: `run-data${unref(popOutWindow) ? "-pop-out" : ""}`,
 				class: _ctx.$style.component,
-				"workflow-object": _ctx.logEntry.workflow,
-				"workflow-execution": _ctx.logEntry.execution,
+				"workflow-object": __props.logEntry.workflow,
+				"workflow-execution": __props.logEntry.execution,
 				"no-data-in-branch-message": unref(locale).baseText("ndv.output.noOutputDataInBranch"),
 				"executing-message": unref(locale).baseText("ndv.output.executing"),
-				"pane-type": _ctx.paneType,
+				"pane-type": __props.paneType,
 				"disable-run-index-selection": true,
 				compact: true,
 				"show-actions-on-hover": true,
@@ -1372,11 +1372,11 @@ var LogsViewRunData_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				"disable-hover-highlight": true,
 				"disable-settings-hint": true,
 				"display-mode": displayMode.value,
-				"disable-ai-content": !unref(isSubNodeLog)(_ctx.logEntry),
+				"disable-ai-content": !unref(isSubNodeLog)(__props.logEntry),
 				"is-executing": isExecuting.value,
 				"table-header-bg-color": "light",
-				"collapsing-table-column-name": _ctx.collapsingTableColumnName,
-				"search-shortcut": _ctx.searchShortcut,
+				"collapsing-table-column-name": __props.collapsingTableColumnName,
+				"search-shortcut": __props.searchShortcut,
 				onDisplayModeChange: handleChangeDisplayMode,
 				onCollapsingTableColumnChanged: _cache[0] || (_cache[0] = ($event) => emit("collapsingTableColumnChanged", $event))
 			}), createSlots({
@@ -1386,7 +1386,7 @@ var LogsViewRunData_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					color: "text-light",
 					size: "small"
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.title), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
 					_: 1
 				}, 8, ["class"])]),
 				"header-end": withCtx((itemCountProps) => [createVNode(RunDataItemCount_default, mergeProps(itemCountProps, { search: displayMode.value === "schema" ? "" : itemCountProps.search }), null, 16, ["search"])]),
@@ -1395,7 +1395,7 @@ var LogsViewRunData_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					title: unref(locale).baseText("ndv.output.waitNodeWaiting.title"),
 					wide: ""
 				}, {
-					default: withCtx(() => [withDirectives(createBaseVNode("span", null, null, 512), [[_directive_n8n_html, unref(waitingNodeTooltip)(_ctx.logEntry.node, _ctx.logEntry.workflow)]])]),
+					default: withCtx(() => [withDirectives(createBaseVNode("span", null, null, 512), [[_directive_n8n_html, unref(waitingNodeTooltip)(__props.logEntry.node, __props.logEntry.workflow)]])]),
 					_: 1
 				}, 8, ["title"])]),
 				_: 2
@@ -1551,7 +1551,7 @@ var LogDetailsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			}, [createVNode(LogsPanelHeader_default, {
 				"data-test-id": "log-details-header",
 				class: normalizeClass(_ctx.$style.header),
-				"is-clickable": _ctx.isHeaderClickable,
+				"is-clickable": __props.isHeaderClickable,
 				onClick: _cache[2] || (_cache[2] = ($event) => emit("clickHeader"))
 			}, {
 				title: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.title) }, [
@@ -1561,16 +1561,16 @@ var LogDetailsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 						class: normalizeClass(_ctx.$style.icon)
 					}, null, 8, ["node-type", "class"]),
 					createVNode(LogsViewNodeName_default, {
-						name: _ctx.latestInfo?.name ?? _ctx.logEntry.node.name,
-						"is-deleted": _ctx.latestInfo?.deleted ?? false
+						name: __props.latestInfo?.name ?? __props.logEntry.node.name,
+						"is-deleted": __props.latestInfo?.deleted ?? false
 					}, null, 8, ["name", "is-deleted"]),
-					_ctx.isOpen && _ctx.logEntry.runData !== void 0 ? (openBlock(), createBlock(LogsViewExecutionSummary_default, {
+					__props.isOpen && __props.logEntry.runData !== void 0 ? (openBlock(), createBlock(LogsViewExecutionSummary_default, {
 						key: 0,
 						class: normalizeClass(_ctx.$style.executionSummary),
-						status: _ctx.logEntry.runData.executionStatus ?? "unknown",
+						status: __props.logEntry.runData.executionStatus ?? "unknown",
 						"consumed-tokens": consumedTokens.value,
-						"start-time": _ctx.logEntry.runData.startTime,
-						"time-took": _ctx.logEntry.runData.executionTime
+						"start-time": __props.logEntry.runData.startTime,
+						"time-took": __props.logEntry.runData.executionTime
 					}, null, 8, [
 						"class",
 						"status",
@@ -1579,7 +1579,7 @@ var LogDetailsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 						"time-took"
 					])) : createCommentVNode("", true)
 				], 2)]),
-				actions: withCtx(() => [_ctx.isOpen && !isTriggerNode.value && !unref(isPlaceholderLog)(_ctx.logEntry) ? (openBlock(), createElementBlock("div", {
+				actions: withCtx(() => [__props.isOpen && !isTriggerNode.value && !unref(isPlaceholderLog)(__props.logEntry) ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(_ctx.$style.actions)
 				}, [createVNode(KeyboardShortcutTooltip_default, {
@@ -1589,7 +1589,7 @@ var LogDetailsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					default: withCtx(() => [createVNode(unref(N8nButton_default), {
 						size: "mini",
 						type: "secondary",
-						class: normalizeClass(_ctx.panels === unref(LOG_DETAILS_PANEL_STATE).OUTPUT ? "" : _ctx.$style.pressed),
+						class: normalizeClass(__props.panels === unref(LOG_DETAILS_PANEL_STATE).OUTPUT ? "" : _ctx.$style.pressed),
 						onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("toggleInputOpen"), ["stop"]))
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("logs.details.header.actions.input")), 1)]),
@@ -1603,7 +1603,7 @@ var LogDetailsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					default: withCtx(() => [createVNode(unref(N8nButton_default), {
 						size: "mini",
 						type: "secondary",
-						class: normalizeClass(_ctx.panels === unref(LOG_DETAILS_PANEL_STATE).INPUT ? "" : _ctx.$style.pressed),
+						class: normalizeClass(__props.panels === unref(LOG_DETAILS_PANEL_STATE).INPUT ? "" : _ctx.$style.pressed),
 						onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("toggleOutputOpen"), ["stop"]))
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("logs.details.header.actions.output")), 1)]),
@@ -1612,17 +1612,17 @@ var LogDetailsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					_: 1
 				}, 8, ["label"])], 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "actions")]),
 				_: 3
-			}, 8, ["class", "is-clickable"]), _ctx.isOpen ? (openBlock(), createElementBlock("div", {
+			}, 8, ["class", "is-clickable"]), __props.isOpen ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(_ctx.$style.content),
 				"data-test-id": "logs-details-body"
-			}, [unref(isPlaceholderLog)(_ctx.logEntry) ? (openBlock(), createElementBlock("div", {
+			}, [unref(isPlaceholderLog)(__props.logEntry) ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(_ctx.$style.placeholder)
 			}, [createVNode(unref(N8nText_default), { color: "text-base" }, {
 				default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("ndv.output.runNodeHint")), 1)]),
 				_: 1
-			})], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [!isTriggerNode.value && _ctx.panels !== unref(LOG_DETAILS_PANEL_STATE).OUTPUT ? (openBlock(), createBlock(unref(N8nResizeWrapper_default), {
+			})], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [!isTriggerNode.value && __props.panels !== unref(LOG_DETAILS_PANEL_STATE).OUTPUT ? (openBlock(), createBlock(unref(N8nResizeWrapper_default), {
 				key: 0,
 				class: normalizeClass({
 					[_ctx.$style.inputResizer]: true,
@@ -1633,7 +1633,7 @@ var LogDetailsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				style: normalizeStyle(shouldResize.value ? { width: `${unref(resizer).size.value ?? 0}px` } : void 0),
 				"supported-directions": ["right"],
 				"is-resizing-enabled": shouldResize.value,
-				window: _ctx.window,
+				window: __props.window,
 				onResize: unref(resizer).onResize,
 				onResizeend: handleResizeEnd
 			}, {
@@ -1641,8 +1641,8 @@ var LogDetailsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					"data-test-id": "log-details-input",
 					"pane-type": "input",
 					title: unref(locale).baseText("logs.details.header.actions.input"),
-					"log-entry": _ctx.logEntry,
-					"collapsing-table-column-name": _ctx.collapsingInputTableColumnName,
+					"log-entry": __props.logEntry,
+					"collapsing-table-column-name": __props.collapsingInputTableColumnName,
 					"search-shortcut": searchShortcutPriorityPanel.value === "input" ? "ctrl+f" : void 0,
 					onCollapsingTableColumnChanged: _cache[3] || (_cache[3] = ($event) => emit("collapsingInputTableColumnChanged", $event))
 				}, null, 8, [
@@ -1659,14 +1659,14 @@ var LogDetailsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				"is-resizing-enabled",
 				"window",
 				"onResize"
-			])) : createCommentVNode("", true), isTriggerNode.value || _ctx.panels !== unref(LOG_DETAILS_PANEL_STATE).INPUT ? (openBlock(), createBlock(LogsViewRunData_default, {
+			])) : createCommentVNode("", true), isTriggerNode.value || __props.panels !== unref(LOG_DETAILS_PANEL_STATE).INPUT ? (openBlock(), createBlock(LogsViewRunData_default, {
 				key: 1,
 				"data-test-id": "log-details-output",
 				"pane-type": "output",
 				class: normalizeClass(_ctx.$style.outputPanel),
 				title: unref(locale).baseText("logs.details.header.actions.output"),
-				"log-entry": _ctx.logEntry,
-				"collapsing-table-column-name": _ctx.collapsingOutputTableColumnName,
+				"log-entry": __props.logEntry,
+				"collapsing-table-column-name": __props.collapsingOutputTableColumnName,
 				"search-shortcut": searchShortcutPriorityPanel.value === "output" ? "ctrl+f" : void 0,
 				onCollapsingTableColumnChanged: _cache[4] || (_cache[4] = ($event) => emit("collapsingOutputTableColumnChanged", $event))
 			}, null, 8, [
@@ -1733,7 +1733,7 @@ var LogsPanelActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [
-				!_ctx.isOpen && _ctx.showPopOutButton ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+				!__props.isOpen && __props.showPopOutButton ? (openBlock(), createBlock(unref(N8nTooltip_default), {
 					key: 0,
 					content: popOutButtonText.value
 				}, {
@@ -1748,7 +1748,7 @@ var LogsPanelActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					}, null, 8, ["aria-label"])]),
 					_: 1
 				}, 8, ["content"])) : createCommentVNode("", true),
-				_ctx.isOpen ? (openBlock(), createBlock(unref(N8nActionDropdown_default), {
+				__props.isOpen ? (openBlock(), createBlock(unref(N8nActionDropdown_default), {
 					key: 1,
 					"icon-size": "small",
 					"activator-icon": "ellipsis",
@@ -1758,8 +1758,8 @@ var LogsPanelActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					onSelect: handleSelectMenuItem,
 					onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
 				}, null, 8, ["items"])) : createCommentVNode("", true),
-				_ctx.showToggleButton ? (openBlock(), createBlock(KeyboardShortcutTooltip_default, {
-					key: `tooltip-${_ctx.isOpen}`,
+				__props.showToggleButton ? (openBlock(), createBlock(KeyboardShortcutTooltip_default, {
+					key: `tooltip-${__props.isOpen}`,
 					label: unref(locales).baseText("generic.shortcutHint"),
 					shortcut: { keys: ["l"] }
 				}, {
@@ -1768,7 +1768,7 @@ var LogsPanelActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						text: "",
 						size: "small",
 						"icon-size": "medium",
-						icon: _ctx.isOpen ? "chevron-down" : "chevron-up",
+						icon: __props.isOpen ? "chevron-down" : "chevron-up",
 						"aria-label": toggleButtonText.value,
 						onClick: _cache[2] || (_cache[2] = withModifiers(($event) => emit("toggleOpen"), ["stop"]))
 					}, null, 8, ["icon", "aria-label"])]),
@@ -2140,7 +2140,7 @@ var LogsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			}, [(openBlock(), createBlock(LogsViewKeyboardEventListener_default, {
 				key: String(!!unref(popOutWindow)),
 				"key-map": keyMap.value,
-				container: unref(container$8)
+				container: container$8.value
 			}, null, 8, ["key-map", "container"])), createBaseVNode("div", {
 				ref_key: "popOutContent",
 				ref: popOutContent$1,
@@ -2174,7 +2174,7 @@ var LogsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 						key: `canvas-chat-${unref(currentSessionId)}${unref(isPoppedOut) ? "-pop-out" : ""}`,
 						"data-test-id": "canvas-chat",
 						"is-open": unref(isOpen),
-						"is-read-only": _ctx.isReadOnly,
+						"is-read-only": __props.isReadOnly,
 						messages: unref(messages$1),
 						"session-id": unref(currentSessionId),
 						"past-chat-messages": unref(previousChatMessages),
@@ -2225,7 +2225,7 @@ var LogsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					default: withCtx(() => [createVNode(LogsOverviewPanel_default, {
 						class: normalizeClass(_ctx.$style.logsOverview),
 						"is-open": unref(isOpen),
-						"is-read-only": _ctx.isReadOnly,
+						"is-read-only": __props.isReadOnly,
 						"is-compact": isLogDetailsVisuallyOpen.value,
 						selected: unref(selected),
 						execution: unref(execution),