n8n-editor-ui 2.3.1 → 2.4.0

package/dist/assets/{ChatView-D8ScSRRr.js → ChatView-DaUB9Ecc.js}

@@ -1,35 +1,30 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/es-DlTgUi2w.js","assets/core-6W4wWNc1.js","assets/chunk-6z4oVpB-.js","assets/languageModules-D_uyjb6R.js","assets/xml-B6veOr9z.js"])))=>i.map(i=>d[i]);
-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, It as ref, M as createVNode, P as defineComponent, T as createBlock, _ as Fragment, _t as watch, b as Teleport, bn as normalizeStyle, bt as withCtx, c as useCssModule, et as openBlock, h as withModifiers, it as renderList, j as createTextVNode, mt as useTemplateRef, q as onBeforeMount, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { D as useElementSize, F as useScroll, L as useSpeechRecognition, M as useLocalStorage, N as useMediaQuery, R as useSpeechSynthesis, _t as useI18n, vt as I18nT } from "./_MapCache-ficiegRb.js";
-import { Sn as N8nButton_default, ct as useDeviceSupport, gt as require_markdown_it_link_attributes, ht as N8nTooltip_default, mt as N8nLink_default, s as N8nScrollArea_default, wn as N8nIcon_default, xn as N8nText_default, xt as N8nIconButton_default, yn as N8nHeading_default, yt as N8nInput_default } from "./src-XLGanEOK.js";
-import "./en-CF30SCh2.js";
-import { t as __vitePreload } from "./preload-helper-CR0ecmWK.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 { Dr as useUsersStore, N as useWorkflowsStore, Yn as useDocumentTitle, fs as v4_default, gs as useSettingsStore, oa as useUIStore, v as useToast } from "./builder.store-D6GyopzN.js";
-import "./empty-DUjwPfU3.js";
-import "./sanitize-html-fRP2gWb9.js";
-import "./CalendarDate-zWqgZMlk.js";
-import "./path-browserify-CJwRhuT8.js";
-import { Bo as VIEWS, Os as LOCAL_STORAGE_CHAT_HUB_SELECTED_MODEL, Yr as PROVIDER_CREDENTIAL_TYPE_MAP, Zr as chatHubConversationModelSchema, ks as LOCAL_STORAGE_CHAT_HUB_SELECTED_TOOLS, pi as INodesSchema } from "./constants-DRIItkNt.js";
-import "./merge-k8vSyyXH.js";
-import { r as useRootStore } from "./_baseOrderBy-UJkFlXQy.js";
-import "./dateformat-CM9k0--B.js";
-import "./useDebounce-Bnb8W2LR.js";
-import "./retry-dP46utx2.js";
-import "./nodeIcon-BWuZ9Qxh.js";
-import "./NodeIcon-BbsF7HzQ.js";
-import { t as useClipboard } from "./useClipboard-DAKz3pSk.js";
-import "./CredentialIcon-DJybkA4h.js";
-import { t as VueMarkdown_default } from "./VueMarkdown-BRiaIhX9.js";
-import { f as MOBILE_MEDIA_QUERY, m as providerDisplayNames, n as CHAT_CONVERSATION_VIEW, p as TOOLS_SELECTOR_MODAL_KEY, t as AGENT_EDITOR_MODAL_KEY, u as CHAT_VIEW } from "./constants-DLTaaipl.js";
-import { h as buildChatAttachmentUrl, i as findOneFromModelsResponse, l as isLlmProvider, n as createMimeTypes, p as unflattenModel, t as useChatStore, u as isLlmProviderModel } from "./chat.store-D1BqW7ao.js";
-import "./fileUtils-D_SiS8no.js";
-import { n as ToolsSelector_default, r as ModelSelector_default, t as useCustomAgent } from "./useCustomAgent-DA57piBT.js";
-import { t as ChatAgentAvatar_default } from "./ChatAgentAvatar-DAg-f4vg.js";
-import { n as useChatCredentials, r as chatHubConversationModelWithCachedDisplayNameSchema, t as ChatLayout_default } from "./ChatLayout-BfWVFhWE.js";
-import { t as ChatFile_default } from "./ChatFile-Dtf_b24Y.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/es-347rbIb-.js","assets/core-DDiavqSm.js","assets/chunk-r2Y0G7H8.js","assets/languageModules-DyQaii5v.js","assets/xml-Cf0o4TxQ.js"])))=>i.map(i=>d[i]);
+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, It as ref, M as createVNode, P as defineComponent, T as createBlock, _ as Fragment, _t as watch, b as Teleport, bn as normalizeStyle, bt as withCtx, c as useCssModule, et as openBlock, h as withModifiers, it as renderList, j as createTextVNode, mt as useTemplateRef, q as onBeforeMount, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { D as useElementSize, F as useScroll, L as useSpeechRecognition, M as useLocalStorage, N as useMediaQuery, R as useSpeechSynthesis, _t as useI18n, vt as I18nT } from "./_MapCache-DkLivSSb.js";
+import { Ct as require_markdown_it_link_attributes, En as N8nHeading_default, Et as N8nInput_default, On as N8nText_default, Ot as N8nIconButton_default, St as N8nTooltip_default, c as N8nScrollArea_default, jn as N8nIcon_default, kn as N8nButton_default, mt as useDeviceSupport, xt as N8nLink_default } from "./src-DpZSuyLC.js";
+import { t as __vitePreload } from "./preload-helper-D8n1yiy9.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 { Dr as v4_default, an as useDocumentTitle, br as useToast, ls as useSettingsStore, r as useUIStore, s as useWorkflowsStore, t as useUsersStore } from "./users.store-Dh2O3NbU.js";
+import "./sanitize-html-DeDnsMgc.js";
+import "./empty-nq5-pHAR.js";
+import { Ds as LOCAL_STORAGE_CHAT_HUB_SELECTED_TOOLS, Es as LOCAL_STORAGE_CHAT_HUB_SELECTED_MODEL, Jr as PROVIDER_CREDENTIAL_TYPE_MAP, Xr as chatHubConversationModelSchema, fi as INodesSchema, zo as VIEWS } from "./constants-D48cSFnx.js";
+import "./merge-B0-p153C.js";
+import { r as useRootStore } from "./_baseOrderBy-DvuuRU7J.js";
+import "./dateformat-BeHi9sF4.js";
+import "./useDebounce-C4ttil9E.js";
+import { t as useClipboard } from "./useClipboard-CTTDlv6b.js";
+import "./nodeIcon-CUi9_d-e.js";
+import "./CredentialIcon-BtjftPax.js";
+import { t as VueMarkdown_default } from "./VueMarkdown-D0Ufjusy.js";
+import "./NodeIcon-CXamMxe5.js";
+import { g as MOBILE_MEDIA_QUERY, n as CHAT_CONVERSATION_VIEW, t as AGENT_EDITOR_MODAL_KEY, u as CHAT_VIEW, v as TOOLS_SELECTOR_MODAL_KEY, y as providerDisplayNames } from "./constants-Bgby4me8.js";
+import { _ as buildChatAttachmentUrl, a as findOneFromModelsResponse, d as isLlmProvider, f as isLlmProviderModel, h as unflattenModel, r as createMimeTypes, t as useChatStore } from "./chat.store-Crdaw-Cp.js";
+import { n as ToolsSelector_default, r as ModelSelector_default, t as useCustomAgent } from "./useCustomAgent-CjjqdMoN.js";
+import { t as ChatAgentAvatar_default } from "./ChatAgentAvatar-BqR7_kd_.js";
+import { n as useChatCredentials, r as chatHubConversationModelWithCachedDisplayNameSchema, t as ChatLayout_default } from "./ChatLayout-IMyTW2P2.js";
+import { t as ChatFile_default } from "./ChatFile-DGN9Z6P_.js";
 var ChatConversationHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatConversationHeader",
 	props: {
@@ -76,12 +71,12 @@ var ChatConversationHeader_vue_vue_type_script_setup_true_lang_default = /* @__P
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.component) }, [
-				createBaseVNode("div", { class: normalizeClass(_ctx.$style.grow) }, [_ctx.readyToShowModelSelector ? (openBlock(), createBlock(ModelSelector_default, {
+				createBaseVNode("div", { class: normalizeClass(_ctx.$style.grow) }, [__props.readyToShowModelSelector ? (openBlock(), createBlock(ModelSelector_default, {
 					key: 0,
 					ref_key: "modelSelectorRef",
 					ref: modelSelectorRef,
-					"selected-agent": _ctx.selectedModel,
-					credentials: _ctx.credentials,
+					"selected-agent": __props.selectedModel,
+					credentials: __props.credentials,
 					text: "",
 					agents: unref(chatStore).agents,
 					"is-loading": isLoadingAgents.value,
@@ -94,14 +89,14 @@ var ChatConversationHeader_vue_vue_type_script_setup_true_lang_default = /* @__P
 					"agents",
 					"is-loading"
 				])) : createCommentVNode("", true)], 2),
-				_ctx.selectedModel?.model.provider === "custom-agent" ? (openBlock(), createBlock(unref(N8nButton_default), {
+				__props.selectedModel?.model.provider === "custom-agent" ? (openBlock(), createBlock(unref(N8nButton_default), {
 					key: 0,
 					class: normalizeClass(_ctx.$style.editAgent),
 					type: "secondary",
 					size: "small",
 					icon: "settings",
 					label: unref(i18n).baseText("chatHub.chat.header.button.editAgent"),
-					onClick: _cache[2] || (_cache[2] = ($event) => emit("editCustomAgent", _ctx.selectedModel.model.agentId))
+					onClick: _cache[2] || (_cache[2] = ($event) => emit("editCustomAgent", __props.selectedModel.model.agentId))
 				}, null, 8, ["class", "label"])) : createCommentVNode("", true),
 				showOpenWorkflow.value ? (openBlock(), createBlock(unref(N8nButton_default), {
 					key: 1,
@@ -133,14 +128,14 @@ function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("span", {
 		class: normalizeClass(_ctx.$style.typing),
 		"data-test-id": "chat-typing-indicator"
-	}, _cache[0] || (_cache[0] = [
+	}, [..._cache[0] || (_cache[0] = [
 		createBaseVNode("i", null, null, -1),
 		createBaseVNode("i", null, null, -1),
 		createBaseVNode("i", null, null, -1)
-	]), 2);
+	])], 2);
 }
 var ChatTypingIndicator_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__cssModules", { "$style": ChatTypingIndicator_vue_vue_type_style_index_0_lang_module_default }]]);
-var import_markdown_it_link_attributes = /* @__PURE__ */ __toESM(require_markdown_it_link_attributes());
+var import_markdown_it_link_attributes = /* @__PURE__ */ __toESM(require_markdown_it_link_attributes(), 1);
 var hljsInstance;
 var asyncImport = { status: "uninitialized" };
 function useChatHubMarkdownOptions(codeBlockActionsClassName, tableContainerClassName) {
@@ -165,7 +160,7 @@ function useChatHubMarkdownOptions(codeBlockActionsClassName, tableContainerClas
 		try {
 			asyncImport = {
 				status: "inProgress",
-				promise: Promise.all([__vitePreload(() => import("./es-DlTgUi2w.js"), __vite__mapDeps([0,1,2])), __vitePreload(() => import("./languageModules-D_uyjb6R.js"), __vite__mapDeps([3,4]))])
+				promise: Promise.all([__vitePreload(() => import("./es-347rbIb-.js"), __vite__mapDeps([0,1,2])), __vitePreload(() => import("./languageModules-DyQaii5v.js"), __vite__mapDeps([3,4]))])
 			};
 			const [hljs, languages] = await asyncImport.promise;
 			asyncImport = { status: "done" };
@@ -193,7 +188,7 @@ function useChatHubMarkdownOptions(codeBlockActionsClassName, tableContainerClas
 					const defaultRendered = defaultFenceRenderer?.(tokens, idx, options$1, env, self) ?? self.renderToken(tokens, idx, options$1);
 					const content$1 = tokens[idx]?.content.trim();
 					if (content$1) codeBlockContents.value?.set(String(idx), content$1);
-					return defaultRendered.replace("</pre>", `<div data-markdown-token-idx="${idx}" class="${codeBlockActionsClassName}"></div></pre>`);
+					return defaultRendered.replace("<pre>", `<pre><div data-markdown-token-idx="${idx}" class="${codeBlockActionsClassName}"></div>`);
 				};
 			};
 			const tablePlugin = (vueMarkdownItInstance) => {
@@ -245,8 +240,13 @@ var CopyButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					text: "",
 					class: normalizeClass(_ctx.$style.button),
 					tabindex: "0",
+					"aria-label": copyTooltip.value,
 					onClick: handleCopy
-				}, null, 8, ["icon", "class"])]),
+				}, null, 8, [
+					"icon",
+					"class",
+					"aria-label"
+				])]),
 				_: 1
 			});
 		};
@@ -297,17 +297,17 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.actions) }, [
 				createVNode(CopyButton_default, {
-					content: _ctx.message.content,
+					content: __props.message.content,
 					"data-test-id": "chat-message-copy"
 				}, null, 8, ["content"]),
-				_ctx.isSpeechSynthesisAvailable && _ctx.message.type === "ai" ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+				__props.isSpeechSynthesisAvailable && __props.message.type === "ai" ? (openBlock(), createBlock(unref(N8nTooltip_default), {
 					key: 0,
 					placement: "bottom",
 					"show-after": 300
 				}, {
-					content: withCtx(() => [createTextVNode(toDisplayString(_ctx.isSpeaking ? unref(i18n).baseText("chatHub.message.actions.stopReading") : unref(i18n).baseText("chatHub.message.actions.readAloud")), 1)]),
+					content: withCtx(() => [createTextVNode(toDisplayString(__props.isSpeaking ? unref(i18n).baseText("chatHub.message.actions.stopReading") : unref(i18n).baseText("chatHub.message.actions.readAloud")), 1)]),
 					default: withCtx(() => [createVNode(unref(N8nIconButton_default), {
-						icon: _ctx.isSpeaking ? "volume-x" : "volume-2",
+						icon: __props.isSpeaking ? "volume-x" : "volume-2",
 						type: "tertiary",
 						size: "medium",
 						text: "",
@@ -315,7 +315,7 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 					}, null, 8, ["icon"])]),
 					_: 1
 				})) : createCommentVNode("", true),
-				_ctx.message.status === "success" ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+				__props.message.status === "success" ? (openBlock(), createBlock(unref(N8nTooltip_default), {
 					key: 1,
 					placement: "bottom",
 					"show-after": 300
@@ -327,12 +327,12 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 						size: "medium",
 						text: "",
 						"data-test-id": "chat-message-edit",
-						disabled: _ctx.hasSessionStreaming,
+						disabled: __props.hasSessionStreaming,
 						onClick: handleEdit
 					}, null, 8, ["disabled"])]),
 					_: 1
 				})) : createCommentVNode("", true),
-				_ctx.message.type === "ai" ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+				__props.message.type === "ai" ? (openBlock(), createBlock(unref(N8nTooltip_default), {
 					key: 2,
 					placement: "bottom",
 					"show-after": 300
@@ -344,7 +344,7 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 						size: "medium",
 						text: "",
 						"data-test-id": "chat-message-regenerate",
-						disabled: _ctx.hasSessionStreaming,
+						disabled: __props.hasSessionStreaming,
 						onClick: handleRegenerate
 					}, null, 8, ["disabled"])]),
 					_: 1
@@ -358,7 +358,7 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 						to: executionUrl.value,
 						"new-window": true
 					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.message.executionId), 1)]),
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.message.executionId), 1)]),
 						_: 1
 					}, 8, ["to"])]),
 					default: withCtx(() => [createVNode(unref(N8nIconButton_default), {
@@ -370,21 +370,21 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 					})]),
 					_: 1
 				})) : createCommentVNode("", true),
-				_ctx.message.alternatives.length > 1 ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+				__props.message.alternatives.length > 1 ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
 					createVNode(unref(N8nIconButton_default), {
 						icon: "chevron-left",
 						type: "tertiary",
 						size: "medium",
 						text: "",
-						disabled: _ctx.hasSessionStreaming || currentAlternativeIndex.value === 0,
+						disabled: __props.hasSessionStreaming || currentAlternativeIndex.value === 0,
 						"data-test-id": "chat-message-prev-alternative",
-						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("switchAlternative", _ctx.message.alternatives[currentAlternativeIndex.value - 1]))
+						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("switchAlternative", __props.message.alternatives[currentAlternativeIndex.value - 1]))
 					}, null, 8, ["disabled"]),
 					createVNode(unref(N8nText_default), {
 						size: "medium",
 						color: "text-base"
 					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(`${currentAlternativeIndex.value + 1}/${_ctx.message.alternatives.length}`), 1)]),
+						default: withCtx(() => [createTextVNode(toDisplayString(`${currentAlternativeIndex.value + 1}/${__props.message.alternatives.length}`), 1)]),
 						_: 1
 					}),
 					createVNode(unref(N8nIconButton_default), {
@@ -392,9 +392,9 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 						type: "tertiary",
 						size: "medium",
 						text: "",
-						disabled: _ctx.hasSessionStreaming || currentAlternativeIndex.value === _ctx.message.alternatives.length - 1,
+						disabled: __props.hasSessionStreaming || currentAlternativeIndex.value === __props.message.alternatives.length - 1,
 						"data-test-id": "chat-message-next-alternative",
-						onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("switchAlternative", _ctx.message.alternatives[currentAlternativeIndex.value + 1]))
+						onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("switchAlternative", __props.message.alternatives[currentAlternativeIndex.value + 1]))
 					}, null, 8, ["disabled"])
 				], 64)) : createCommentVNode("", true)
 			], 2);
@@ -557,17 +557,17 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				key: 0,
 				class: normalizeClass([
 					_ctx.$style.message,
-					_ctx.message.type === "human" ? _ctx.$style.user : _ctx.$style.assistant,
-					{ [_ctx.$style.compact]: _ctx.compact }
+					__props.message.type === "human" ? _ctx.$style.user : _ctx.$style.assistant,
+					{ [_ctx.$style.compact]: __props.compact }
 				]),
 				style: normalizeStyle({
-					minHeight: _ctx.minHeight ? `${_ctx.minHeight}px` : void 0,
-					"--container--width": `${_ctx.containerWidth}px`
+					minHeight: __props.minHeight ? `${__props.minHeight}px` : void 0,
+					"--container--width": `${__props.containerWidth}px`
 				}),
-				"data-message-id": _ctx.message.id,
-				"data-test-id": `chat-message-${_ctx.message.id}`
+				"data-message-id": __props.message.id,
+				"data-test-id": `chat-message-${__props.message.id}`
 			}, [
-				createBaseVNode("div", { class: normalizeClass(_ctx.$style.avatar) }, [_ctx.message.type === "human" ? (openBlock(), createBlock(unref(N8nIcon_default), {
+				createBaseVNode("div", { class: normalizeClass(_ctx.$style.avatar) }, [__props.message.type === "human" ? (openBlock(), createBlock(unref(N8nIcon_default), {
 					key: 0,
 					icon: "user",
 					width: "20",
@@ -578,7 +578,7 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					size: "md",
 					tooltip: ""
 				}, null, 8, ["agent"]))], 2),
-				createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [_ctx.message.type === "human" ? (openBlock(), createElementBlock("input", {
+				createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [__props.message.type === "human" ? (openBlock(), createElementBlock("input", {
 					key: 0,
 					ref_key: "fileInputRef",
 					ref: fileInputRef,
@@ -587,11 +587,11 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					class: normalizeClass(_ctx.$style.fileInput),
 					multiple: "",
 					onChange: handleFileSelect
-				}, null, 34)) : createCommentVNode("", true), _ctx.isEditing ? (openBlock(), createElementBlock("div", {
+				}, null, 34)) : createCommentVNode("", true), __props.isEditing ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(_ctx.$style.editContainer)
 				}, [
-					_ctx.message.type === "human" && mergedAttachments.value.length > 0 ? (openBlock(), createElementBlock("div", {
+					__props.message.type === "human" && mergedAttachments.value.length > 0 ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(_ctx.$style.attachments)
 					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(mergedAttachments.value, (attachment, index) => {
@@ -619,7 +619,7 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 						class: normalizeClass(_ctx.$style.textarea),
 						onKeydown: handleKeydownTextarea
 					}, null, 8, ["modelValue", "class"]),
-					createBaseVNode("div", { class: normalizeClass(_ctx.$style.editFooter) }, [_ctx.message.type === "human" ? (openBlock(), createBlock(unref(N8nIconButton_default), {
+					createBaseVNode("div", { class: normalizeClass(_ctx.$style.editFooter) }, [__props.message.type === "human" ? (openBlock(), createBlock(unref(N8nIconButton_default), {
 						key: 0,
 						"native-type": "button",
 						type: "secondary",
@@ -636,15 +636,15 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					}), createVNode(unref(N8nButton_default), {
 						type: "primary",
 						size: "small",
-						disabled: !editedText.value.trim() || _ctx.isEditSubmitting,
-						loading: _ctx.isEditSubmitting,
+						disabled: !editedText.value.trim() || __props.isEditSubmitting,
+						loading: __props.isEditSubmitting,
 						onClick: handleConfirmEdit
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.message.edit.send")), 1)]),
 						_: 1
 					}, 8, ["disabled", "loading"])], 2)], 2)
 				], 2)) : (openBlock(), createElementBlock("div", _hoisted_2, [createBaseVNode("div", {
-					class: normalizeClass([_ctx.$style.chatMessage, { [_ctx.$style.errorMessage]: _ctx.message.status === "error" }]),
+					class: normalizeClass([_ctx.$style.chatMessage, { [_ctx.$style.errorMessage]: __props.message.status === "error" }]),
 					onMousemove: handleMouseMove,
 					onMouseleave: handleMouseLeave
 				}, [attachments$2.value.length > 0 ? (openBlock(), createElementBlock("div", {
@@ -657,10 +657,10 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 						"is-removable": false,
 						href: attachment.downloadUrl
 					}, null, 8, ["file", "href"]);
-				}), 128))], 2)) : createCommentVNode("", true), _ctx.message.type === "human" ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(_ctx.message.content), 1)) : (openBlock(), createBlock(unref(VueMarkdown_default), {
+				}), 128))], 2)) : createCommentVNode("", true), __props.message.type === "human" ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.message.content), 1)) : (openBlock(), createBlock(unref(VueMarkdown_default), {
 					key: unref(markdown).forceReRenderKey.value,
 					class: normalizeClass([_ctx.$style.chatMessageMarkdown, "chat-message-markdown"]),
-					source: _ctx.message.status === "error" && !_ctx.message.content ? unref(i18n).baseText("chatHub.message.error.unknown") : _ctx.message.content,
+					source: __props.message.status === "error" && !__props.message.content ? unref(i18n).baseText("chatHub.message.error.unknown") : __props.message.content,
 					options: unref(markdown).options,
 					plugins: unref(markdown).plugins.value
 				}, null, 8, [
@@ -668,7 +668,7 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					"source",
 					"options",
 					"plugins"
-				]))], 34), _ctx.message.status === "running" ? (openBlock(), createBlock(ChatTypingIndicator_default, {
+				]))], 34), __props.message.status === "running" ? (openBlock(), createBlock(ChatTypingIndicator_default, {
 					key: 0,
 					class: normalizeClass(_ctx.$style.typingIndicator)
 				}, null, 8, ["class"])) : (openBlock(), createBlock(ChatMessageActions_default, {
@@ -676,8 +676,8 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					"is-speech-synthesis-available": unref(speech).isSupported.value,
 					"is-speaking": unref(speech).isPlaying.value,
 					class: normalizeClass(_ctx.$style.actions),
-					message: _ctx.message,
-					"has-session-streaming": _ctx.hasSessionStreaming,
+					message: __props.message,
+					"has-session-streaming": __props.hasSessionStreaming,
 					onEdit: handleEdit,
 					onRegenerate: handleRegenerate,
 					onReadAloud: handleReadAloud,
@@ -698,24 +698,24 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	}
 });
 var ChatMessage_vue_vue_type_style_index_0_lang_module_default = {
-	message: "_message_o9qnd_123",
-	avatar: "_avatar_o9qnd_128",
-	compact: "_compact_o9qnd_141",
-	content: "_content_o9qnd_146",
-	attachments: "_attachments_o9qnd_151",
-	chatMessage: "_chatMessage_o9qnd_156",
-	user: "_user_o9qnd_170",
-	errorMessage: "_errorMessage_o9qnd_177",
-	chatMessageMarkdown: "_chatMessageMarkdown_o9qnd_185",
-	codeBlockActions: "_codeBlockActions_o9qnd_250",
-	tableContainer: "_tableContainer_o9qnd_259",
-	actions: "_actions_o9qnd_288",
-	editContainer: "_editContainer_o9qnd_292",
-	textarea: "_textarea_o9qnd_307",
-	fileInput: "_fileInput_o9qnd_320",
-	editFooter: "_editFooter_o9qnd_324",
-	editActions: "_editActions_o9qnd_330",
-	typingIndicator: "_typingIndicator_o9qnd_336"
+	message: "_message_1g6cx_123",
+	avatar: "_avatar_1g6cx_128",
+	compact: "_compact_1g6cx_141",
+	content: "_content_1g6cx_146",
+	attachments: "_attachments_1g6cx_151",
+	chatMessage: "_chatMessage_1g6cx_156",
+	user: "_user_1g6cx_170",
+	errorMessage: "_errorMessage_1g6cx_177",
+	chatMessageMarkdown: "_chatMessageMarkdown_1g6cx_185",
+	codeBlockActions: "_codeBlockActions_1g6cx_250",
+	tableContainer: "_tableContainer_1g6cx_267",
+	actions: "_actions_1g6cx_296",
+	editContainer: "_editContainer_1g6cx_300",
+	textarea: "_textarea_1g6cx_315",
+	fileInput: "_fileInput_1g6cx_328",
+	editFooter: "_editFooter_1g6cx_332",
+	editActions: "_editActions_1g6cx_338",
+	typingIndicator: "_typingIndicator_1g6cx_344"
 };
 var ChatMessage_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatMessage_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatMessage_vue_vue_type_style_index_0_lang_module_default }]]);
 var _hoisted_1 = ["accept"];
@@ -848,35 +848,35 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				class: normalizeClass(_ctx.$style.prompt),
 				onSubmit: withModifiers(handleSubmitForm, ["prevent"])
 			}, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.inputWrap) }, [
-				_ctx.messagingState === "missingAgent" ? (openBlock(), createBlock(unref(N8nText_default), {
+				__props.messagingState === "missingAgent" ? (openBlock(), createBlock(unref(N8nText_default), {
 					key: 0,
 					class: normalizeClass(_ctx.$style.callout)
 				}, {
 					default: withCtx(() => [createVNode(unref(I18nT), {
-						keypath: _ctx.isNewSession ? "chatHub.chat.prompt.callout.selectModel.new" : "chatHub.chat.prompt.callout.selectModel.existing",
+						keypath: __props.isNewSession ? "chatHub.chat.prompt.callout.selectModel.new" : "chatHub.chat.prompt.callout.selectModel.existing",
 						tag: "span",
 						scope: "global"
 					}, {
 						link: withCtx(() => [createBaseVNode("a", {
 							href: "",
 							onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("selectModel"), ["prevent"]))
-						}, toDisplayString(unref(i18n).baseText(_ctx.isNewSession ? "chatHub.chat.prompt.callout.selectModel.new.link" : "chatHub.chat.prompt.callout.selectModel.existing.link")), 1)]),
+						}, toDisplayString(unref(i18n).baseText(__props.isNewSession ? "chatHub.chat.prompt.callout.selectModel.new.link" : "chatHub.chat.prompt.callout.selectModel.existing.link")), 1)]),
 						_: 1
 					}, 8, ["keypath"])]),
 					_: 1
-				}, 8, ["class"])) : _ctx.messagingState === "missingCredentials" && llmProvider.value ? (openBlock(), createBlock(unref(N8nText_default), {
+				}, 8, ["class"])) : __props.messagingState === "missingCredentials" && llmProvider.value ? (openBlock(), createBlock(unref(N8nText_default), {
 					key: 1,
 					class: normalizeClass(_ctx.$style.callout)
 				}, {
 					default: withCtx(() => [createVNode(unref(I18nT), {
-						keypath: _ctx.isNewSession ? "chatHub.chat.prompt.callout.setCredentials.new" : "chatHub.chat.prompt.callout.setCredentials.existing",
+						keypath: __props.isNewSession ? "chatHub.chat.prompt.callout.setCredentials.new" : "chatHub.chat.prompt.callout.setCredentials.existing",
 						tag: "span",
 						scope: "global"
 					}, {
 						link: withCtx(() => [createBaseVNode("a", {
 							href: "",
 							onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("setCredentials", llmProvider.value), ["prevent"]))
-						}, toDisplayString(unref(i18n).baseText(_ctx.isNewSession ? "chatHub.chat.prompt.callout.setCredentials.new.link" : "chatHub.chat.prompt.callout.setCredentials.existing.link")), 1)]),
+						}, toDisplayString(unref(i18n).baseText(__props.isNewSession ? "chatHub.chat.prompt.callout.setCredentials.new.link" : "chatHub.chat.prompt.callout.setCredentials.existing.link")), 1)]),
 						provider: withCtx(() => [createTextVNode(toDisplayString(unref(providerDisplayNames)[llmProvider.value]), 1)]),
 						_: 1
 					}, 8, ["keypath"])]),
@@ -903,7 +903,7 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 							key: index,
 							file,
 							"is-previewable": true,
-							"is-removable": _ctx.messagingState === "idle",
+							"is-removable": __props.messagingState === "idle",
 							onRemove: removeAttachment
 						}, null, 8, ["file", "is-removable"]);
 					}), 128))], 2)) : createCommentVNode("", true),
@@ -920,7 +920,7 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 							maxRows: 6
 						},
 						autofocus: "",
-						disabled: _ctx.messagingState !== "idle",
+						disabled: __props.messagingState !== "idle",
 						onKeydown: handleKeydownTextarea
 					}, null, 8, [
 						"modelValue",
@@ -929,9 +929,9 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					]),
 					createBaseVNode("div", { class: normalizeClass(_ctx.$style.footer) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.tools) }, [createVNode(ToolsSelector_default, {
 						class: normalizeClass(_ctx.$style.toolsButton),
-						selected: _ctx.selectedTools ?? [],
-						disabled: _ctx.messagingState !== "idle" || !_ctx.isToolsSelectable,
-						"disabled-tooltip": _ctx.isToolsSelectable ? void 0 : unref(i18n).baseText("chatHub.tools.selector.disabled.tooltip"),
+						selected: __props.selectedTools ?? [],
+						disabled: __props.messagingState !== "idle" || !__props.isToolsSelectable,
+						"disabled-tooltip": __props.isToolsSelectable ? void 0 : unref(i18n).baseText("chatHub.tools.selector.disabled.tooltip"),
 						"transparent-bg": "",
 						onClick: onSelectTools
 					}, null, 8, [
@@ -942,13 +942,13 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					])], 2), createBaseVNode("div", { class: normalizeClass(_ctx.$style.actions) }, [
 						createVNode(unref(N8nTooltip_default), {
 							content: !canUploadFiles.value ? unref(i18n).baseText("chatHub.chat.prompt.button.attach.disabled") : unref(i18n).baseText("chatHub.chat.prompt.button.attach"),
-							disabled: canUploadFiles.value && _ctx.messagingState === "idle",
+							disabled: canUploadFiles.value && __props.messagingState === "idle",
 							placement: "top"
 						}, {
 							default: withCtx(() => [createVNode(unref(N8nIconButton_default), {
 								"native-type": "button",
 								type: "secondary",
-								disabled: _ctx.messagingState !== "idle" || !canUploadFiles.value,
+								disabled: __props.messagingState !== "idle" || !canUploadFiles.value,
 								icon: "paperclip",
 								"icon-size": "large",
 								text: "",
@@ -961,7 +961,7 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 							"native-type": "button",
 							title: unref(speechInput).isListening.value ? unref(i18n).baseText("chatHub.chat.prompt.button.stopRecording") : unref(i18n).baseText("chatHub.chat.prompt.button.voiceInput"),
 							type: "secondary",
-							disabled: _ctx.messagingState !== "idle",
+							disabled: __props.messagingState !== "idle",
 							icon: unref(speechInput).isListening.value ? "square" : "mic",
 							class: normalizeClass({ [_ctx.$style.recording]: unref(speechInput).isListening.value }),
 							"icon-size": "large",
@@ -972,12 +972,12 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 							"icon",
 							"class"
 						])) : createCommentVNode("", true),
-						_ctx.messagingState !== "receiving" ? (openBlock(), createBlock(unref(N8nIconButton_default), {
+						__props.messagingState !== "receiving" ? (openBlock(), createBlock(unref(N8nIconButton_default), {
 							key: 1,
 							"native-type": "submit",
-							disabled: _ctx.messagingState !== "idle" || !message$1.value.trim(),
+							disabled: __props.messagingState !== "idle" || !message$1.value.trim(),
 							title: unref(i18n).baseText("chatHub.chat.prompt.button.send"),
-							loading: _ctx.messagingState === "waitingFirstChunk",
+							loading: __props.messagingState === "waitingFirstChunk",
 							icon: "arrow-up",
 							"icon-size": "large",
 							onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
@@ -1029,7 +1029,7 @@ var ChatStarter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			return i18n.baseText("chatHub.chat.greeting", { interpolate: { name } });
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass([_ctx.$style.starter, { [_ctx.$style.isMobileDevice]: _ctx.isMobileDevice }]) }, [createVNode(unref(N8nHeading_default), {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([_ctx.$style.starter, { [_ctx.$style.isMobileDevice]: __props.isMobileDevice }]) }, [createVNode(unref(N8nHeading_default), {
 				tag: "h2",
 				bold: "",
 				size: "xlarge"