n8n-editor-ui 2.1.2 → 2.2.1

package/dist/assets/{ChatView-k5Ib5T23.js → ChatView-DPBUfiCx.js}

@@ -1,40 +1,38 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/es-BskBLtZB.js","assets/core-CXk6RNMV.js","assets/chunk-6z4oVpB-.js","assets/languageModules-CLe6cIYW.js","assets/xml-DSIt30t0.js"])))=>i.map(i=>d[i]);
+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 { E as useElementSize, I as useSpeechRecognition, L as useSpeechSynthesis, M as useMediaQuery, P as useScroll, _t as I18nT, gt as useI18n, j as useLocalStorage } from "./_MapCache-BXj4WgHo.js";
-import { Bn as N8nHeading_default, Gn as N8nIcon_default, Hn as N8nText_default, Un 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, xt as N8nIconButton_default, yt as N8nInput_default } from "./src-D5Ea_YL1.js";
-import "./en-b3uD8cvU.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-0zNxISSG.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-Czua7QS4.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-Dmdv43Z9.js";
+import { v as useRoute, y as useRouter } from "./truncate-4AS2exV3.js";
+import { Dr as useUsersStore, N as useWorkflowsStore, Yn as useDocumentTitle, ds as v4_default, hs as useSettingsStore, oa as useUIStore, v as useToast } from "./builder.store-DoNE5iKP.js";
 import "./empty-BuGRxzl4.js";
-import { $o as useSettingsStore, Nn as useDocumentTitle, Wi as useUIStore, Yo as v4_default, dr as useUsersStore, n as useToast, nr as hasPermission } from "./builder.store-D_RDTxxI.js";
-import "./sanitize-html-Cft-jOcY.js";
-import "./CalendarDate-B-JEhNYg.js";
-import "./path-browserify-BgjP7RyT.js";
-import { As as LOCAL_STORAGE_CHAT_HUB_SELECTED_TOOLS, Qr as PROVIDER_CREDENTIAL_TYPE_MAP, Vo as VIEWS, ei as chatHubConversationModelSchema, gi as INodesSchema, ks as LOCAL_STORAGE_CHAT_HUB_SELECTED_MODEL } from "./constants-DPB1SWiX.js";
-import "./merge-BfSiz1ty.js";
-import { r as useRootStore } from "./_baseOrderBy-ZGuD_-iy.js";
-import "./dateformat-hG8NERse.js";
-import "./useDebounce-ChdrGmRj.js";
-import "./retry-CMAFrhVi.js";
-import "./nodeIcon-B3eU2X78.js";
-import { t as useClipboard } from "./useClipboard-C_mhEUZu.js";
-import "./NodeIcon-CWvzhRQM.js";
-import "./CredentialIcon-BGZoAL3d.js";
-import { t as VueMarkdown_default } from "./VueMarkdown-wTXGt3en.js";
-import { d as MOBILE_MEDIA_QUERY, f as TOOLS_SELECTOR_MODAL_KEY, l as CHAT_VIEW, n as CHAT_CONVERSATION_VIEW, p as providerDisplayNames, t as AGENT_EDITOR_MODAL_KEY } from "./constants-qk3hx0l8.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-D4DOVQYU.js";
-import "./fileUtils-D3GQ2UWQ.js";
-import { n as ToolsSelector_default, r as ModelSelector_default, t as useCustomAgent } from "./useCustomAgent-CfCSJQhK.js";
-import { t as ChatAgentAvatar_default } from "./ChatAgentAvatar-BLpWC-zL.js";
-import { i as chatHubConversationModelWithCachedDisplayNameSchema, n as ChatLayout_default, r as useChatCredentials, t as ChatSidebarOpener_default } from "./ChatSidebarOpener-ctovVEcz.js";
-import { t as useChatHubSidebarState } from "./useChatHubSidebarState-Dp-DKjJx.js";
-import { t as ChatFile_default } from "./ChatFile-8ik4bOn3.js";
+import "./sanitize-html-Cc45ZKm8.js";
+import "./CalendarDate-zWqgZMlk.js";
+import "./path-browserify-BtCDmZ3_.js";
+import { Es as LOCAL_STORAGE_CHAT_HUB_SELECTED_TOOLS, Ro as VIEWS, Ts as LOCAL_STORAGE_CHAT_HUB_SELECTED_MODEL, Yr as PROVIDER_CREDENTIAL_TYPE_MAP, Zr as chatHubConversationModelSchema, pi as INodesSchema } from "./constants-BiRoCM0c.js";
+import "./merge-BmWPLD5Q.js";
+import { r as useRootStore } from "./_baseOrderBy-xWA0TcWm.js";
+import "./dateformat-CM9k0--B.js";
+import "./useDebounce-BT72iAmz.js";
+import "./retry-dP46utx2.js";
+import "./nodeIcon-CPowiQry.js";
+import { t as useClipboard } from "./useClipboard-aAhMBccX.js";
+import "./NodeIcon-UuZXMI3b.js";
+import "./CredentialIcon-uhIIYjQ5.js";
+import { t as VueMarkdown_default } from "./VueMarkdown-DQtBIjcr.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-YIaykMtq.js";
+import "./fileUtils-D_SiS8no.js";
+import { n as ToolsSelector_default, r as ModelSelector_default, t as useCustomAgent } from "./useCustomAgent-CpSjLLmx.js";
+import { t as ChatAgentAvatar_default } from "./ChatAgentAvatar-DWOQygP6.js";
+import { n as useChatCredentials, r as chatHubConversationModelWithCachedDisplayNameSchema, t as ChatLayout_default } from "./ChatLayout--VoBX0db.js";
+import { t as ChatFile_default } from "./ChatFile-cnNK8Kf8.js";
 var ChatConversationHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatConversationHeader",
 	props: {
-		isNewSession: { type: Boolean },
 		selectedModel: {},
 		credentials: {},
 		readyToShowModelSelector: { type: Boolean }
@@ -49,14 +47,12 @@ var ChatConversationHeader_vue_vue_type_script_setup_true_lang_default = /* @__P
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const emit = __emit;
-		const sidebar = useChatHubSidebarState();
-		const router = useRouter();
 		const modelSelectorRef = useTemplateRef("modelSelectorRef");
 		const i18n = useI18n();
 		const chatStore = useChatStore();
 		const isLoadingAgents = ref(false);
 		const showOpenWorkflow = computed(() => {
-			return __props.selectedModel?.model.provider === "n8n" && hasPermission(["rbac"], { rbac: { scope: "workflow:read" } });
+			return __props.selectedModel?.model.provider === "n8n" && __props.selectedModel.metadata.scopes?.includes("workflow:read");
 		});
 		function onOpenWorkflow() {
 			if (__props.selectedModel?.model.provider === "n8n") emit("openWorkflow", __props.selectedModel.model.workflowId);
@@ -64,13 +60,6 @@ var ChatConversationHeader_vue_vue_type_script_setup_true_lang_default = /* @__P
 		function onModelChange(selection) {
 			emit("selectModel", selection);
 		}
-		function onNewChat() {
-			sidebar.toggleOpen(false);
-			router.push({
-				name: CHAT_VIEW,
-				force: true
-			});
-		}
 		watch(() => __props.credentials, async (creds) => {
 			if (creds) {
 				isLoadingAgents.value = true;
@@ -87,42 +76,24 @@ 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) }, [
-					createVNode(ChatSidebarOpener_default, { class: normalizeClass(_ctx.$style.menuButton) }, null, 8, ["class"]),
-					!unref(sidebar).isStatic.value ? (openBlock(), createBlock(unref(N8nIconButton_default), {
-						key: 0,
-						class: normalizeClass(_ctx.$style.menuButton),
-						type: "secondary",
-						icon: "square-pen",
-						text: "",
-						"icon-size": "large",
-						"aria-label": unref(i18n).baseText("chatHub.chat.header.button.newChat"),
-						disabled: _ctx.isNewSession,
-						onClick: onNewChat
-					}, null, 8, [
-						"class",
-						"aria-label",
-						"disabled"
-					])) : createCommentVNode("", true),
-					_ctx.readyToShowModelSelector ? (openBlock(), createBlock(ModelSelector_default, {
-						key: 1,
-						ref_key: "modelSelectorRef",
-						ref: modelSelectorRef,
-						"selected-agent": _ctx.selectedModel,
-						credentials: _ctx.credentials,
-						text: "",
-						agents: unref(chatStore).agents,
-						"is-loading": isLoadingAgents.value,
-						onChange: onModelChange,
-						onCreateCustomAgent: _cache[0] || (_cache[0] = ($event) => emit("createCustomAgent")),
-						onSelectCredential: _cache[1] || (_cache[1] = (provider, credentialId) => emit("selectCredential", provider, credentialId))
-					}, null, 8, [
-						"selected-agent",
-						"credentials",
-						"agents",
-						"is-loading"
-					])) : createCommentVNode("", true)
-				], 2),
+				createBaseVNode("div", { class: normalizeClass(_ctx.$style.grow) }, [_ctx.readyToShowModelSelector ? (openBlock(), createBlock(ModelSelector_default, {
+					key: 0,
+					ref_key: "modelSelectorRef",
+					ref: modelSelectorRef,
+					"selected-agent": _ctx.selectedModel,
+					credentials: _ctx.credentials,
+					text: "",
+					agents: unref(chatStore).agents,
+					"is-loading": isLoadingAgents.value,
+					onChange: onModelChange,
+					onCreateCustomAgent: _cache[0] || (_cache[0] = ($event) => emit("createCustomAgent")),
+					onSelectCredential: _cache[1] || (_cache[1] = (provider, credentialId) => emit("selectCredential", provider, credentialId))
+				}, null, 8, [
+					"selected-agent",
+					"credentials",
+					"agents",
+					"is-loading"
+				])) : createCommentVNode("", true)], 2),
 				_ctx.selectedModel?.model.provider === "custom-agent" ? (openBlock(), createBlock(unref(N8nButton_default), {
 					key: 0,
 					class: normalizeClass(_ctx.$style.editAgent),
@@ -159,7 +130,10 @@ var ChatTypingIndicator_vue_vue_type_style_index_0_lang_module_default = {
 };
 var _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("span", { class: normalizeClass(_ctx.$style.typing) }, _cache[0] || (_cache[0] = [
+	return openBlock(), createElementBlock("span", {
+		class: normalizeClass(_ctx.$style.typing),
+		"data-test-id": "chat-typing-indicator"
+	}, _cache[0] || (_cache[0] = [
 		createBaseVNode("i", null, null, -1),
 		createBaseVNode("i", null, null, -1),
 		createBaseVNode("i", null, null, -1)
@@ -191,7 +165,7 @@ function useChatHubMarkdownOptions(codeBlockActionsClassName, tableContainerClas
 		try {
 			asyncImport = {
 				status: "inProgress",
-				promise: Promise.all([__vitePreload(() => import("./es-BskBLtZB.js"), __vite__mapDeps([0,1,2])), __vitePreload(() => import("./languageModules-CLe6cIYW.js"), __vite__mapDeps([3,4]))])
+				promise: Promise.all([__vitePreload(() => import("./es-DlTgUi2w.js"), __vite__mapDeps([0,1,2])), __vitePreload(() => import("./languageModules-D_uyjb6R.js"), __vite__mapDeps([3,4]))])
 			};
 			const [hljs, languages] = await asyncImport.promise;
 			asyncImport = { status: "done" };
@@ -284,9 +258,9 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 	__name: "ChatMessageActions",
 	props: {
 		message: {},
-		alternatives: {},
 		isSpeechSynthesisAvailable: { type: Boolean },
-		isSpeaking: { type: Boolean }
+		isSpeaking: { type: Boolean },
+		hasSessionStreaming: { type: Boolean }
 	},
 	emits: [
 		"edit",
@@ -297,16 +271,13 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 	setup(__props, { emit: __emit }) {
 		const i18n = useI18n();
 		const router = useRouter();
+		const workflowsStore = useWorkflowsStore();
 		const emit = __emit;
 		const currentAlternativeIndex = computed(() => {
-			return __props.alternatives.findIndex((id) => id === __props.message.id);
-		});
-		const showExecutionUrl = computed(() => {
-			return hasPermission(["rbac"], { rbac: { scope: "workflow:read" } });
+			return __props.message.alternatives.findIndex((id) => id === __props.message.id);
 		});
 		const executionUrl = computed(() => {
-			if (!showExecutionUrl.value) return void 0;
-			if (__props.message.type === "ai" && __props.message.provider === "n8n" && __props.message.executionId) return router.resolve({
+			if (workflowsStore.canViewWorkflows && __props.message.type === "ai" && __props.message.provider === "n8n" && __props.message.executionId) return router.resolve({
 				name: VIEWS.EXECUTION_PREVIEW,
 				params: {
 					name: __props.message.workflowId,
@@ -325,7 +296,10 @@ 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 }, null, 8, ["content"]),
+				createVNode(CopyButton_default, {
+					content: _ctx.message.content,
+					"data-test-id": "chat-message-copy"
+				}, null, 8, ["content"]),
 				_ctx.isSpeechSynthesisAvailable && _ctx.message.type === "ai" ? (openBlock(), createBlock(unref(N8nTooltip_default), {
 					key: 0,
 					placement: "bottom",
@@ -352,8 +326,10 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 						type: "tertiary",
 						size: "medium",
 						text: "",
+						"data-test-id": "chat-message-edit",
+						disabled: _ctx.hasSessionStreaming,
 						onClick: handleEdit
-					})]),
+					}, null, 8, ["disabled"])]),
 					_: 1
 				})) : createCommentVNode("", true),
 				_ctx.message.type === "ai" ? (openBlock(), createBlock(unref(N8nTooltip_default), {
@@ -367,8 +343,10 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 						type: "tertiary",
 						size: "medium",
 						text: "",
+						"data-test-id": "chat-message-regenerate",
+						disabled: _ctx.hasSessionStreaming,
 						onClick: handleRegenerate
-					})]),
+					}, null, 8, ["disabled"])]),
 					_: 1
 				})) : createCommentVNode("", true),
 				executionUrl.value ? (openBlock(), createBlock(unref(N8nTooltip_default), {
@@ -387,24 +365,26 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 						icon: "info",
 						type: "tertiary",
 						size: "medium",
-						text: ""
+						text: "",
+						"data-test-id": "chat-message-info"
 					})]),
 					_: 1
 				})) : createCommentVNode("", true),
-				_ctx.alternatives.length > 1 ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+				_ctx.message.alternatives.length > 1 ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
 					createVNode(unref(N8nIconButton_default), {
 						icon: "chevron-left",
 						type: "tertiary",
 						size: "medium",
 						text: "",
-						disabled: currentAlternativeIndex.value === 0,
-						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("switchAlternative", _ctx.alternatives[currentAlternativeIndex.value - 1]))
+						disabled: _ctx.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]))
 					}, null, 8, ["disabled"]),
 					createVNode(unref(N8nText_default), {
 						size: "medium",
 						color: "text-base"
 					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(`${currentAlternativeIndex.value + 1}/${_ctx.alternatives.length}`), 1)]),
+						default: withCtx(() => [createTextVNode(toDisplayString(`${currentAlternativeIndex.value + 1}/${_ctx.message.alternatives.length}`), 1)]),
 						_: 1
 					}),
 					createVNode(unref(N8nIconButton_default), {
@@ -412,8 +392,9 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 						type: "tertiary",
 						size: "medium",
 						text: "",
-						disabled: currentAlternativeIndex.value === _ctx.alternatives.length - 1,
-						onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("switchAlternative", _ctx.alternatives[currentAlternativeIndex.value + 1]))
+						disabled: _ctx.hasSessionStreaming || currentAlternativeIndex.value === _ctx.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]))
 					}, null, 8, ["disabled"])
 				], 64)) : createCommentVNode("", true)
 			], 2);
@@ -421,7 +402,7 @@ var ChatMessageActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 	}
 });
 var ChatMessageActions_vue_vue_type_style_index_0_lang_module_default = { actions: "_actions_1sizk_123" };
-var ChatMessageActions_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatMessageActions_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatMessageActions_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-5c4db6e8"]]);
+var ChatMessageActions_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatMessageActions_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatMessageActions_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-28c70984"]]);
 var _hoisted_1$1 = ["data-message-id"];
 var _hoisted_2 = { key: 1 };
 var _hoisted_3 = { key: 1 };
@@ -431,7 +412,7 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		message: {},
 		compact: { type: Boolean },
 		isEditing: { type: Boolean },
-		isStreaming: { type: Boolean },
+		hasSessionStreaming: { type: Boolean },
 		cachedAgentDisplayName: {},
 		cachedAgentIcon: {},
 		minHeight: {},
@@ -629,7 +610,7 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					"source",
 					"options",
 					"plugins"
-				]))], 34), _ctx.isStreaming ? (openBlock(), createBlock(ChatTypingIndicator_default, {
+				]))], 34), _ctx.message.status === "running" ? (openBlock(), createBlock(ChatTypingIndicator_default, {
 					key: 0,
 					class: normalizeClass(_ctx.$style.typingIndicator)
 				}, null, 8, ["class"])) : (openBlock(), createBlock(ChatMessageActions_default, {
@@ -638,7 +619,7 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					"is-speaking": unref(speech).isPlaying.value,
 					class: normalizeClass(_ctx.$style.actions),
 					message: _ctx.message,
-					alternatives: _ctx.message.alternatives,
+					"has-session-streaming": _ctx.hasSessionStreaming,
 					onEdit: handleEdit,
 					onRegenerate: handleRegenerate,
 					onReadAloud: handleReadAloud,
@@ -648,7 +629,7 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					"is-speaking",
 					"class",
 					"message",
-					"alternatives"
+					"has-session-streaming"
 				]))]))], 2),
 				hoveredCodeBlockActions.value && hoveredCodeBlockContent.value ? (openBlock(), createBlock(Teleport, {
 					key: 0,
@@ -681,10 +662,9 @@ var _hoisted_1 = ["accept"];
 var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatPrompt",
 	props: {
-		isResponding: { type: Boolean },
+		messagingState: {},
 		isNewSession: { type: Boolean },
 		isToolsSelectable: { type: Boolean },
-		issue: {},
 		selectedModel: {},
 		selectedTools: {}
 	},
@@ -745,9 +725,6 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			if (trimmed) {
 				speechInput.stop();
 				emit("submit", trimmed, attachments$2.value);
-				message$1.value = "";
-				committedSpokenMessage.value = "";
-				attachments$2.value = [];
 			}
 		}
 		function handleKeydownTextarea(e) {
@@ -757,9 +734,6 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				e.preventDefault();
 				speechInput.stop();
 				emit("submit", trimmed, attachments$2.value);
-				message$1.value = "";
-				committedSpokenMessage.value = "";
-				attachments$2.value = [];
 			}
 		}
 		function handleClickInputWrapper() {
@@ -796,6 +770,11 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		}
 		__expose({
 			focus: () => inputRef.value?.focus(),
+			reset: () => {
+				message$1.value = "";
+				committedSpokenMessage.value = "";
+				attachments$2.value = [];
+			},
 			setText: (text) => {
 				message$1.value = text;
 			},
@@ -809,7 +788,7 @@ 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.issue === "missingAgent" ? (openBlock(), createBlock(unref(N8nText_default), {
+				_ctx.messagingState === "missingAgent" ? (openBlock(), createBlock(unref(N8nText_default), {
 					key: 0,
 					class: normalizeClass(_ctx.$style.callout)
 				}, {
@@ -825,7 +804,7 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 						_: 1
 					}, 8, ["keypath"])]),
 					_: 1
-				}, 8, ["class"])) : _ctx.issue === "missingCredentials" && llmProvider.value ? (openBlock(), createBlock(unref(N8nText_default), {
+				}, 8, ["class"])) : _ctx.messagingState === "missingCredentials" && llmProvider.value ? (openBlock(), createBlock(unref(N8nText_default), {
 					key: 1,
 					class: normalizeClass(_ctx.$style.callout)
 				}, {
@@ -864,9 +843,9 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 							key: index,
 							file,
 							"is-previewable": true,
-							"is-removable": true,
+							"is-removable": _ctx.messagingState === "idle",
 							onRemove: removeAttachment
-						}, null, 8, ["file"]);
+						}, null, 8, ["file", "is-removable"]);
 					}), 128))], 2)) : createCommentVNode("", true),
 					createVNode(unref(N8nInput_default), {
 						ref_key: "inputRef",
@@ -881,7 +860,7 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 							maxRows: 6
 						},
 						autofocus: "",
-						disabled: !!_ctx.issue,
+						disabled: _ctx.messagingState !== "idle",
 						onKeydown: handleKeydownTextarea
 					}, null, 8, [
 						"modelValue",
@@ -891,7 +870,7 @@ 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.issue || _ctx.isResponding || !_ctx.isToolsSelectable,
+						disabled: _ctx.messagingState !== "idle" || !_ctx.isToolsSelectable,
 						"disabled-tooltip": _ctx.isToolsSelectable ? void 0 : unref(i18n).baseText("chatHub.tools.selector.disabled.tooltip"),
 						"transparent-bg": "",
 						onClick: onSelectTools
@@ -903,13 +882,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.issue && !_ctx.isResponding,
+							disabled: canUploadFiles.value && _ctx.messagingState === "idle",
 							placement: "top"
 						}, {
 							default: withCtx(() => [createVNode(unref(N8nIconButton_default), {
 								"native-type": "button",
 								type: "secondary",
-								disabled: !!_ctx.issue || _ctx.isResponding || !canUploadFiles.value,
+								disabled: _ctx.messagingState !== "idle" || !canUploadFiles.value,
 								icon: "paperclip",
 								"icon-size": "large",
 								text: "",
@@ -922,7 +901,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.issue || _ctx.isResponding,
+							disabled: _ctx.messagingState !== "idle",
 							icon: unref(speechInput).isListening.value ? "square" : "mic",
 							class: normalizeClass({ [_ctx.$style.recording]: unref(speechInput).isListening.value }),
 							"icon-size": "large",
@@ -933,15 +912,20 @@ var ChatPrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 							"icon",
 							"class"
 						])) : createCommentVNode("", true),
-						!_ctx.isResponding ? (openBlock(), createBlock(unref(N8nIconButton_default), {
+						_ctx.messagingState !== "receiving" ? (openBlock(), createBlock(unref(N8nIconButton_default), {
 							key: 1,
 							"native-type": "submit",
-							disabled: !!_ctx.issue || !message$1.value.trim(),
+							disabled: _ctx.messagingState !== "idle" || !message$1.value.trim(),
 							title: unref(i18n).baseText("chatHub.chat.prompt.button.send"),
+							loading: _ctx.messagingState === "waitingFirstChunk",
 							icon: "arrow-up",
 							"icon-size": "large",
 							onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
-						}, null, 8, ["disabled", "title"])) : (openBlock(), createBlock(unref(N8nIconButton_default), {
+						}, null, 8, [
+							"disabled",
+							"title",
+							"loading"
+						])) : (openBlock(), createBlock(unref(N8nIconButton_default), {
 							key: 2,
 							"native-type": "button",
 							title: unref(i18n).baseText("chatHub.chat.prompt.button.stopGenerating"),
@@ -1155,7 +1139,7 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				icon: defaultModel.value.cachedIcon
 			});
 		});
-		const customAgent = useCustomAgent(computed(() => selectedModel.value?.model.provider === "custom-agent" ? selectedModel.value.model.agentId : void 0));
+		const { customAgent } = useCustomAgent(computed(() => selectedModel.value?.model.provider === "custom-agent" ? selectedModel.value.model.agentId : void 0));
 		const selectedTools = computed(() => {
 			if (customAgent.value) return customAgent.value.tools;
 			if (currentConversation.value?.tools) return currentConversation.value.tools;
@@ -1175,11 +1159,11 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			} };
 		});
 		const isMissingSelectedCredential = computed(() => !credentialsForSelectedProvider.value);
-		const issue = computed(() => {
-			if (!chatStore.agentsReady) return null;
-			if (!selectedModel.value) return "missingAgent";
-			if (isMissingSelectedCredential.value) return "missingCredentials";
-			return null;
+		const messagingState = computed(() => {
+			if (chatStore.streaming?.sessionId === sessionId.value) return chatStore.streaming.messageId ? "receiving" : "waitingFirstChunk";
+			if (chatStore.agentsReady && !selectedModel.value) return "missingAgent";
+			if (chatStore.agentsReady && isMissingSelectedCredential.value) return "missingCredentials";
+			return "idle";
 		});
 		const editingMessageId = ref();
 		const didSubmitInCurrentSession = ref(false);
@@ -1250,7 +1234,7 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			didSubmitInCurrentSession.value = true;
 			editingMessageId.value = void 0;
 			await chatStore.sendMessage(sessionId.value, message$1, selectedModel.value, credentialsForSelectedProvider.value, canSelectTools.value ? selectedTools.value : [], attachments$2);
-			inputRef.value?.setText("");
+			inputRef.value?.reset();
 			if (isNewSession$1.value) router.push({
 				name: CHAT_CONVERSATION_VIEW,
 				params: { id: sessionId.value }
@@ -1265,16 +1249,17 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		function handleCancelEditMessage() {
 			editingMessageId.value = void 0;
 		}
-		function handleEditMessage(message$1) {
+		async function handleEditMessage(message$1) {
 			if (isResponding.value || !["human", "ai"].includes(message$1.type) || !selectedModel.value || !credentialsForSelectedProvider.value) return;
 			const messageToEdit = message$1.revisionOfMessageId ?? message$1.id;
-			chatStore.editMessage(sessionId.value, messageToEdit, message$1.content, selectedModel.value, credentialsForSelectedProvider.value);
+			await chatStore.editMessage(sessionId.value, messageToEdit, message$1.content, selectedModel.value, credentialsForSelectedProvider.value);
 			editingMessageId.value = void 0;
 		}
-		function handleRegenerateMessage(message$1) {
+		async function handleRegenerateMessage(message$1) {
 			if (isResponding.value || message$1.type !== "ai" || !selectedModel.value || !credentialsForSelectedProvider.value) return;
 			const messageToRetry = message$1.id;
-			chatStore.regenerateMessage(sessionId.value, messageToRetry, selectedModel.value, credentialsForSelectedProvider.value);
+			editingMessageId.value = void 0;
+			await chatStore.regenerateMessage(sessionId.value, messageToRetry, selectedModel.value, credentialsForSelectedProvider.value);
 		}
 		async function handleSelectModel(selection, selectedAgent) {
 			const agent = selectedAgent ?? chatStore.getAgent(selection);
@@ -1377,7 +1362,6 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 						"selected-model": selectedModel.value,
 						credentials: unref(credentialsByProvider),
 						"ready-to-show-model-selector": isNewSession$1.value || !!currentConversation.value,
-						"is-new-session": isNewSession$1.value,
 						onSelectModel: handleSelectModel,
 						onEditCustomAgent: handleEditAgent,
 						onCreateCustomAgent: openNewAgentCreator,
@@ -1387,7 +1371,6 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 						"selected-model",
 						"credentials",
 						"ready-to-show-model-selector",
-						"is-new-session",
 						"onSelectCredential"
 					]),
 					createVNode(unref(N8nScrollArea_default), {
@@ -1415,7 +1398,7 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 								message: message$1,
 								compact: unref(isMobileDevice$1),
 								"is-editing": editingMessageId.value === message$1.id,
-								"is-streaming": message$1.status === "running",
+								"has-session-streaming": isResponding.value,
 								"cached-agent-display-name": selectedModel.value?.name ?? null,
 								"cached-agent-icon": selectedModel.value?.icon ?? null,
 								"min-height": didSubmitInCurrentSession.value && message$1.type === "ai" && index === chatMessages.value.length - 1 && scrollContainerRef.value ? scrollContainerRef.value.offsetHeight - 30 - 200 : void 0,
@@ -1429,7 +1412,7 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 								"message",
 								"compact",
 								"is-editing",
-								"is-streaming",
+								"has-session-streaming",
 								"cached-agent-display-name",
 								"cached-agent-icon",
 								"min-height",
@@ -1449,11 +1432,9 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 							class: normalizeClass(_ctx.$style.prompt),
 							"selected-model": selectedModel.value,
 							"selected-tools": selectedTools.value,
-							"is-responding": isResponding.value,
+							"messaging-state": messagingState.value,
 							"is-tools-selectable": canSelectTools.value,
-							"is-missing-credentials": isMissingSelectedCredential.value,
 							"is-new-session": isNewSession$1.value,
-							issue: issue.value,
 							onSubmit,
 							onStop,
 							onSelectModel: handleConfigureModel,
@@ -1464,11 +1445,9 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 							"class",
 							"selected-model",
 							"selected-tools",
-							"is-responding",
+							"messaging-state",
 							"is-tools-selectable",
-							"is-missing-credentials",
-							"is-new-session",
-							"issue"
+							"is-new-session"
 						])], 2)], 2)]),
 						_: 1
 					}, 8, ["class"])

package/dist/assets/{ChatView-mTIZIDr3.css → ChatView-DZODCD2o.css}

@@ -548,12 +548,12 @@
   color: var(--color--text--tint-1);
   stroke-width: 2.5;
 }
-.fade-enter-active[data-v-5c4db6e8],
-.fade-leave-active[data-v-5c4db6e8] {
+.fade-enter-active[data-v-28c70984],
+.fade-leave-active[data-v-28c70984] {
 	transition: opacity 0.15s ease;
 }
-.fade-enter-from[data-v-5c4db6e8],
-.fade-leave-to[data-v-5c4db6e8] {
+.fade-enter-from[data-v-28c70984],
+.fade-leave-to[data-v-28c70984] {
 	opacity: 0;
 }
 /* BEM support Func