n8n-editor-ui 2.2.3 → 2.3.1

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

@@ -1,35 +1,35 @@
 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-BMHbvJCZ.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-DqmLIEAl.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-B1pKLfYW.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-Duj7CxRU.js";
-import "./empty-BuGRxzl4.js";
-import "./sanitize-html-Cc45ZKm8.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-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-tewQ2ZKN.js";
-import "./merge-CY7KXArB.js";
-import { r as useRootStore } from "./_baseOrderBy-BNTkrax4.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-CfSDWjpl.js";
+import "./useDebounce-Bnb8W2LR.js";
 import "./retry-dP46utx2.js";
-import "./nodeIcon-BrNs-ZWC.js";
-import { t as useClipboard } from "./useClipboard-C8VXfIIa.js";
-import "./NodeIcon-LOexRGDj.js";
-import "./CredentialIcon-CLAX_8g6.js";
-import { t as VueMarkdown_default } from "./VueMarkdown-BZruDYY0.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-B1WrDINs.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-BuAAgQIy.js";
-import { t as ChatAgentAvatar_default } from "./ChatAgentAvatar-BFfvkVDP.js";
-import { n as useChatCredentials, r as chatHubConversationModelWithCachedDisplayNameSchema, t as ChatLayout_default } from "./ChatLayout-D9l75TqY.js";
-import { t as ChatFile_default } from "./ChatFile-cnNK8Kf8.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";
 var ChatConversationHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatConversationHeader",
 	props: {
@@ -403,8 +403,8 @@ 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-28c70984"]]);
-var _hoisted_1$1 = ["data-message-id"];
-var _hoisted_2 = { key: 1 };
+var _hoisted_1$1 = ["data-message-id", "data-test-id"];
+var _hoisted_2 = { key: 2 };
 var _hoisted_3 = { key: 1 };
 var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatMessage",
@@ -412,6 +412,7 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		message: {},
 		compact: { type: Boolean },
 		isEditing: { type: Boolean },
+		isEditSubmitting: { type: Boolean },
 		hasSessionStreaming: { type: Boolean },
 		cachedAgentDisplayName: {},
 		cachedAgentIcon: {},
@@ -425,7 +426,7 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		"regenerate",
 		"switchAlternative"
 	],
-	setup(__props, { emit: __emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const emit = __emit;
 		const chatStore = useChatStore();
 		const rootStore = useRootStore();
@@ -433,6 +434,9 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		const i18n = useI18n();
 		const styles = useCssModule();
 		const editedText = ref("");
+		const newFiles = ref([]);
+		const removedExistingIndices = ref(/* @__PURE__ */ new Set());
+		const fileInputRef = useTemplateRef("fileInputRef");
 		const hoveredCodeBlockActions = ref(null);
 		const textareaRef = useTemplateRef("textarea");
 		const markdown = useChatHubMarkdownOptions(styles.codeBlockActions, styles.tableContainer);
@@ -453,6 +457,16 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			file: new File([], fileName ?? "file", { type: mimeType }),
 			downloadUrl: buildChatAttachmentUrl(rootStore.restApiContext, __props.message.sessionId, __props.message.id, index)
 		})));
+		const mergedAttachments = computed(() => [...attachments$2.value.flatMap(({ downloadUrl, file }, idx) => removedExistingIndices.value.has(idx) ? [] : [{
+			isNew: false,
+			file,
+			index: idx,
+			downloadUrl
+		}]), ...newFiles.value.map((file, index) => ({
+			isNew: true,
+			file,
+			index
+		}))]);
 		const hideMessage = computed(() => {
 			return __props.message.status === "success" && __props.message.content === "";
 		});
@@ -468,11 +482,30 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		}
 		function handleConfirmEdit() {
 			if (!editedText.value.trim()) return;
-			emit("update", {
-				...__props.message,
-				content: editedText.value
-			});
+			const keptAttachmentIndices = __props.message.attachments.map((_, idx) => idx).filter((idx) => !removedExistingIndices.value.has(idx));
+			emit("update", editedText.value, keptAttachmentIndices, newFiles.value);
+		}
+		function handleAttachClick() {
+			fileInputRef.value?.click();
+		}
+		function handleFileSelect(e) {
+			const target = e.target;
+			const files = target.files;
+			if (!files || files.length === 0) return;
+			for (const file of Array.from(files)) newFiles.value.push(file);
+			if (target) target.value = "";
+		}
+		function handleRemoveFile(file) {
+			if (file.isNew) {
+				newFiles.value = newFiles.value.filter((_, idx) => idx !== file.index);
+				return;
+			}
+			removedExistingIndices.value.add(file.index);
+		}
+		function addFiles(files) {
+			for (const file of files) newFiles.value.push(file);
 		}
+		__expose({ addFiles });
 		function handleKeydownTextarea(e) {
 			if (e.key === "Escape") {
 				emit("cancelEdit");
@@ -503,6 +536,8 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		}
 		watch(() => __props.isEditing, (editing) => {
 			editedText.value = editing ? __props.message.content : "";
+			newFiles.value = [];
+			removedExistingIndices.value = /* @__PURE__ */ new Set();
 		}, { immediate: true });
 		watch(textareaRef, async (textarea$1) => {
 			if (textarea$1) {
@@ -529,7 +564,8 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					minHeight: _ctx.minHeight ? `${_ctx.minHeight}px` : void 0,
 					"--container--width": `${_ctx.containerWidth}px`
 				}),
-				"data-message-id": _ctx.message.id
+				"data-message-id": _ctx.message.id,
+				"data-test-id": `chat-message-${_ctx.message.id}`
 			}, [
 				createBaseVNode("div", { class: normalizeClass(_ctx.$style.avatar) }, [_ctx.message.type === "human" ? (openBlock(), createBlock(unref(N8nIcon_default), {
 					key: 0,
@@ -542,20 +578,34 @@ 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.isEditing ? (openBlock(), createElementBlock("div", {
+				createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [_ctx.message.type === "human" ? (openBlock(), createElementBlock("input", {
 					key: 0,
+					ref_key: "fileInputRef",
+					ref: fileInputRef,
+					type: "file",
+					"data-test-id": "message-edit-file-input",
+					class: normalizeClass(_ctx.$style.fileInput),
+					multiple: "",
+					onChange: handleFileSelect
+				}, null, 34)) : createCommentVNode("", true), _ctx.isEditing ? (openBlock(), createElementBlock("div", {
+					key: 1,
 					class: normalizeClass(_ctx.$style.editContainer)
 				}, [
-					attachments$2.value.length > 0 ? (openBlock(), createElementBlock("div", {
+					_ctx.message.type === "human" && mergedAttachments.value.length > 0 ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(_ctx.$style.attachments)
-					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(attachments$2.value, (attachment, index) => {
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(mergedAttachments.value, (attachment, index) => {
 						return openBlock(), createBlock(ChatFile_default, {
 							key: index,
 							file: attachment.file,
-							"is-removable": false,
-							href: attachment.downloadUrl
-						}, null, 8, ["file", "href"]);
+							"is-removable": "",
+							href: attachment.isNew ? void 0 : attachment.downloadUrl,
+							onRemove: ($event) => handleRemoveFile(attachment)
+						}, null, 8, [
+							"file",
+							"href",
+							"onRemove"
+						]);
 					}), 128))], 2)) : createCommentVNode("", true),
 					createVNode(unref(N8nInput_default), {
 						ref: "textarea",
@@ -563,13 +613,20 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editedText.value = $event),
 						type: "textarea",
 						autosize: {
-							minRows: 3,
+							minRows: 1,
 							maxRows: 20
 						},
 						class: normalizeClass(_ctx.$style.textarea),
 						onKeydown: handleKeydownTextarea
 					}, null, 8, ["modelValue", "class"]),
-					createBaseVNode("div", { class: normalizeClass(_ctx.$style.editActions) }, [createVNode(unref(N8nButton_default), {
+					createBaseVNode("div", { class: normalizeClass(_ctx.$style.editFooter) }, [_ctx.message.type === "human" ? (openBlock(), createBlock(unref(N8nIconButton_default), {
+						key: 0,
+						"native-type": "button",
+						type: "secondary",
+						icon: "paperclip",
+						text: "",
+						onClick: withModifiers(handleAttachClick, ["stop"])
+					})) : createCommentVNode("", true), createBaseVNode("div", { class: normalizeClass(_ctx.$style.editActions) }, [createVNode(unref(N8nButton_default), {
 						type: "secondary",
 						size: "small",
 						onClick: handleCancelEdit
@@ -579,12 +636,13 @@ var ChatMessage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					}), createVNode(unref(N8nButton_default), {
 						type: "primary",
 						size: "small",
-						disabled: !editedText.value.trim(),
+						disabled: !editedText.value.trim() || _ctx.isEditSubmitting,
+						loading: _ctx.isEditSubmitting,
 						onClick: handleConfirmEdit
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.message.edit.send")), 1)]),
 						_: 1
-					}, 8, ["disabled"])], 2)
+					}, 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" }]),
 					onMousemove: handleMouseMove,
@@ -640,22 +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_h7mzl_123",
-	avatar: "_avatar_h7mzl_128",
-	compact: "_compact_h7mzl_141",
-	content: "_content_h7mzl_146",
-	attachments: "_attachments_h7mzl_151",
-	chatMessage: "_chatMessage_h7mzl_156",
-	user: "_user_h7mzl_170",
-	errorMessage: "_errorMessage_h7mzl_177",
-	chatMessageMarkdown: "_chatMessageMarkdown_h7mzl_185",
-	codeBlockActions: "_codeBlockActions_h7mzl_250",
-	tableContainer: "_tableContainer_h7mzl_259",
-	actions: "_actions_h7mzl_288",
-	editContainer: "_editContainer_h7mzl_292",
-	textarea: "_textarea_h7mzl_307",
-	editActions: "_editActions_h7mzl_320",
-	typingIndicator: "_typingIndicator_h7mzl_326"
+	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"
 };
 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"];
@@ -1166,8 +1226,13 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			return "idle";
 		});
 		const editingMessageId = ref();
+		const messageElementsRef = useTemplateRef("messages");
 		const didSubmitInCurrentSession = ref(false);
-		const fileDrop = useFileDrop(computed(() => editingMessageId.value === void 0 && !!createMimeTypes(selectedModel.value?.metadata.inputModalities ?? []) && !isMissingSelectedCredential.value), onFilesDropped);
+		const fileDrop = useFileDrop(computed(() => {
+			if (!(!!createMimeTypes(selectedModel.value?.metadata.inputModalities ?? []) && !isMissingSelectedCredential.value)) return false;
+			if (editingMessageId.value) return chatMessages.value.find((msg) => msg.id === editingMessageId.value)?.type === "human";
+			return true;
+		}), onFilesDropped);
 		function scrollToBottom(smooth) {
 			scrollContainerRef.value?.scrollTo({
 				top: scrollableRef.value?.scrollHeight,
@@ -1249,10 +1314,9 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		function handleCancelEditMessage() {
 			editingMessageId.value = void 0;
 		}
-		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;
-			await chatStore.editMessage(sessionId.value, messageToEdit, message$1.content, selectedModel.value, credentialsForSelectedProvider.value);
+		async function handleEditMessage(content$1, keptAttachmentIndices, newFiles) {
+			if (!editingMessageId.value || isResponding.value || !selectedModel.value || !credentialsForSelectedProvider.value) return;
+			await chatStore.editMessage(sessionId.value, editingMessageId.value, content$1, selectedModel.value, credentialsForSelectedProvider.value, keptAttachmentIndices, newFiles);
 			editingMessageId.value = void 0;
 		}
 		async function handleRegenerateMessage(message$1) {
@@ -1328,7 +1392,12 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			window.open(routeData.href, "_blank");
 		}
 		function onFilesDropped(files) {
-			inputRef.value?.addAttachments(files);
+			if (!editingMessageId.value) {
+				inputRef.value?.addAttachments(files);
+				return;
+			}
+			const index = chatMessages.value.findIndex((message$1) => message$1.id === editingMessageId.value);
+			messageElementsRef.value?.[index]?.addFiles(files);
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(ChatLayout_default, {
@@ -1395,9 +1464,12 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(chatMessages.value, (message$1, index) => {
 							return openBlock(), createBlock(ChatMessage_default, {
 								key: message$1.id,
+								ref_for: true,
+								ref: "messages",
 								message: message$1,
 								compact: unref(isMobileDevice$1),
 								"is-editing": editingMessageId.value === message$1.id,
+								"is-edit-submitting": unref(chatStore).streaming?.revisionOfMessageId === message$1.id,
 								"has-session-streaming": isResponding.value,
 								"cached-agent-display-name": selectedModel.value?.name ?? null,
 								"cached-agent-icon": selectedModel.value?.icon ?? null,
@@ -1412,6 +1484,7 @@ var ChatView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 								"message",
 								"compact",
 								"is-editing",
+								"is-edit-submitting",
 								"has-session-streaming",
 								"cached-agent-display-name",
 								"cached-agent-icon",

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

@@ -678,11 +678,11 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._message_h7mzl_123 {
+._message_o9qnd_123 {
   position: relative;
   scroll-margin-block: var(--spacing--sm);
 }
-._avatar_h7mzl_128 {
+._avatar_o9qnd_128 {
   position: absolute;
   right: 100%;
   margin-right: var(--spacing--xs);
@@ -695,23 +695,23 @@
   background: var(--color--background);
   color: var(--color--text--tint-1);
 }
-._compact_h7mzl_141 ._avatar_h7mzl_128 {
+._compact_o9qnd_141 ._avatar_o9qnd_128 {
   position: static;
   margin-bottom: var(--spacing--xs);
 }
-._content_h7mzl_146 {
+._content_o9qnd_146 {
   display: flex;
   flex-direction: column;
 }
-._attachments_h7mzl_151 {
+._attachments_o9qnd_151 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing--2xs);
 }
-._chatMessage_h7mzl_156 ._attachments_h7mzl_151 {
+._chatMessage_o9qnd_156 ._attachments_o9qnd_151 {
   margin-top: var(--spacing--xs);
 }
-._chatMessage_h7mzl_156 {
+._chatMessage_o9qnd_156 {
   display: flex;
   flex-direction: column;
   gap: var(--spacing--2xs);
@@ -722,70 +722,70 @@
   font-size: var(--font-size--sm);
   line-height: 1.5;
 }
-._user_h7mzl_170 ._chatMessage_h7mzl_156 {
+._user_o9qnd_170 ._chatMessage_o9qnd_156 {
   padding: var(--spacing--2xs) var(--spacing--sm);
   border-radius: var(--radius--xl);
   background-color: var(--color--background);
   white-space-collapse: preserve-breaks;
 }
-._errorMessage_h7mzl_177 {
+._errorMessage_o9qnd_177 {
   padding: var(--spacing--xs) var(--spacing--sm);
   border-radius: var(--radius--lg);
   background-color: var(--color--danger--tint-4);
   border: var(--border-width) var(--border-style) var(--color--danger--tint-3);
   color: var(--color--danger);
 }
-._chatMessageMarkdown_h7mzl_185 {
+._chatMessageMarkdown_o9qnd_185 {
   display: block;
   box-sizing: border-box;
 }
-._chatMessageMarkdown_h7mzl_185 > *:first-child {
+._chatMessageMarkdown_o9qnd_185 > *:first-child {
   margin-top: 0;
 }
-._chatMessageMarkdown_h7mzl_185 > *:last-child {
+._chatMessageMarkdown_o9qnd_185 > *:last-child {
   margin-bottom: 0;
 }
-._chatMessageMarkdown_h7mzl_185 * {
+._chatMessageMarkdown_o9qnd_185 * {
   font-size: var(--font-size--sm);
   line-height: 1.5;
 }
-._chatMessageMarkdown_h7mzl_185 p {
+._chatMessageMarkdown_o9qnd_185 p {
   margin: var(--spacing--xs) 0;
 }
-._chatMessageMarkdown_h7mzl_185 h1,
-._chatMessageMarkdown_h7mzl_185 h2,
-._chatMessageMarkdown_h7mzl_185 h3,
-._chatMessageMarkdown_h7mzl_185 h4,
-._chatMessageMarkdown_h7mzl_185 h5,
-._chatMessageMarkdown_h7mzl_185 h6 {
+._chatMessageMarkdown_o9qnd_185 h1,
+._chatMessageMarkdown_o9qnd_185 h2,
+._chatMessageMarkdown_o9qnd_185 h3,
+._chatMessageMarkdown_o9qnd_185 h4,
+._chatMessageMarkdown_o9qnd_185 h5,
+._chatMessageMarkdown_o9qnd_185 h6 {
   margin: 1em 0 0.8em;
   line-height: var(--line-height--md);
 }
-._chatMessageMarkdown_h7mzl_185 h1 {
+._chatMessageMarkdown_o9qnd_185 h1 {
   font-size: var(--font-size--xl);
   font-weight: var(--font-weight--bold);
 }
-._chatMessageMarkdown_h7mzl_185 h2 {
+._chatMessageMarkdown_o9qnd_185 h2 {
   font-size: var(--font-size--lg);
   font-weight: var(--font-weight--bold);
 }
-._chatMessageMarkdown_h7mzl_185 h3 {
+._chatMessageMarkdown_o9qnd_185 h3 {
   font-size: var(--font-size--md);
   font-weight: var(--font-weight--bold);
 }
-._chatMessageMarkdown_h7mzl_185 h4 {
+._chatMessageMarkdown_o9qnd_185 h4 {
   font-size: var(--font-size--sm);
   font-weight: var(--font-weight--bold);
 }
-._chatMessageMarkdown_h7mzl_185 h5 {
+._chatMessageMarkdown_o9qnd_185 h5 {
   font-size: var(--font-size--sm);
   font-weight: var(--font-weight--bold);
 }
-._chatMessageMarkdown_h7mzl_185 h6 {
+._chatMessageMarkdown_o9qnd_185 h6 {
   font-size: var(--font-size--sm);
   font-weight: var(--font-weight--bold);
 }
-._chatMessageMarkdown_h7mzl_185 pre {
+._chatMessageMarkdown_o9qnd_185 pre {
   width: 100%;
   font-family: inherit;
   font-size: inherit;
@@ -797,19 +797,19 @@
   border-radius: var(--chat--border-radius);
   position: relative;
 }
-._chatMessageMarkdown_h7mzl_185 pre code:last-of-type {
+._chatMessageMarkdown_o9qnd_185 pre code:last-of-type {
   padding-bottom: 0;
 }
-._chatMessageMarkdown_h7mzl_185 pre ._codeBlockActions_h7mzl_250 {
+._chatMessageMarkdown_o9qnd_185 pre ._codeBlockActions_o9qnd_250 {
   position: absolute;
   top: 0;
   right: 0;
   margin: var(--spacing--2xs);
 }
-._chatMessageMarkdown_h7mzl_185 pre ~ pre {
+._chatMessageMarkdown_o9qnd_185 pre ~ pre {
   margin-bottom: 1em;
 }
-._chatMessageMarkdown_h7mzl_185 ._tableContainer_h7mzl_259 {
+._chatMessageMarkdown_o9qnd_185 ._tableContainer_o9qnd_259 {
   width: var(--container--width);
   padding-bottom: 1em;
   padding-left: calc((var(--container--width) - 100%) / 2);
@@ -817,7 +817,7 @@
   margin-left: calc(-1 * (var(--container--width) - 100%) / 2);
   overflow-x: auto;
 }
-._chatMessageMarkdown_h7mzl_185 table {
+._chatMessageMarkdown_o9qnd_185 table {
   width: -moz-fit-content;
   width: fit-content;
   border-bottom: var(--border);
@@ -825,23 +825,23 @@
   border-width: 2px;
   border-color: var(--color--text--shade-1);
 }
-._chatMessageMarkdown_h7mzl_185 th,
-._chatMessageMarkdown_h7mzl_185 td {
+._chatMessageMarkdown_o9qnd_185 th,
+._chatMessageMarkdown_o9qnd_185 td {
   padding: 0.25em 1em 0.25em 0;
   min-width: 12em;
 }
-._chatMessageMarkdown_h7mzl_185 th {
+._chatMessageMarkdown_o9qnd_185 th {
   border-bottom: var(--border);
   border-color: var(--color--text--shade-1);
 }
-._chatMessageMarkdown_h7mzl_185 ul li,
-._chatMessageMarkdown_h7mzl_185 ol li {
+._chatMessageMarkdown_o9qnd_185 ul li,
+._chatMessageMarkdown_o9qnd_185 ol li {
   margin-bottom: 0.125rem;
 }
-._actions_h7mzl_288 {
+._actions_o9qnd_288 {
   margin-top: var(--spacing--2xs);
 }
-._editContainer_h7mzl_292 {
+._editContainer_o9qnd_292 {
   width: 100%;
   border-radius: var(--radius--lg);
   padding: var(--spacing--xs);
@@ -852,13 +852,13 @@
   gap: var(--spacing--sm);
   transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
-._editContainer_h7mzl_292:focus-within, ._editContainer_h7mzl_292:hover {
+._editContainer_o9qnd_292:focus-within, ._editContainer_o9qnd_292:hover {
   border-color: var(--color--secondary);
 }
-._textarea_h7mzl_307 {
+._textarea_o9qnd_307 {
   scroll-margin-block: var(--spacing--sm);
 }
-._textarea_h7mzl_307 textarea {
+._textarea_o9qnd_307 textarea {
   font-family: inherit;
   line-height: 1.5em;
   resize: none;
@@ -866,12 +866,20 @@
   border: none !important;
   padding: 0 !important;
 }
-._editActions_h7mzl_320 {
+._fileInput_o9qnd_320 {
+  display: none;
+}
+._editFooter_o9qnd_324 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+._editActions_o9qnd_330 {
   display: flex;
-  justify-content: flex-end;
   gap: var(--spacing--2xs);
+  margin-left: auto;
 }
-._typingIndicator_h7mzl_326 {
+._typingIndicator_o9qnd_336 {
   margin-top: var(--spacing--xs);
 }/* BEM support Func
  -------------------------- */

package/dist/assets/{ChatWorkflowAgentsView-DvxxbLX1.js → ChatWorkflowAgentsView-Kiqxl5Dz.js}

@@ -1,28 +1,28 @@
 import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, _ as Fragment, _t as watch, bt as withCtx, et as openBlock, it as renderList, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { N as useMediaQuery, _t as useI18n } from "./_MapCache-BMHbvJCZ.js";
-import { xn as N8nText_default } from "./src-DqmLIEAl.js";
+import { N as useMediaQuery, _t as useI18n } from "./_MapCache-ficiegRb.js";
+import { xn as N8nText_default } from "./src-XLGanEOK.js";
 import "./en-CF30SCh2.js";
 import "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { y as useRouter } from "./truncate-B1pKLfYW.js";
-import { Dr as useUsersStore } from "./builder.store-Duj7CxRU.js";
-import "./empty-BuGRxzl4.js";
-import "./sanitize-html-Cc45ZKm8.js";
+import { y as useRouter } from "./truncate-B1HVeveJ.js";
+import { Dr as useUsersStore } from "./builder.store-D6GyopzN.js";
+import "./empty-DUjwPfU3.js";
+import "./sanitize-html-fRP2gWb9.js";
 import "./CalendarDate-zWqgZMlk.js";
-import "./path-browserify-BtCDmZ3_.js";
-import { Ro as VIEWS } from "./constants-tewQ2ZKN.js";
-import "./merge-CY7KXArB.js";
-import "./_baseOrderBy-BNTkrax4.js";
+import "./path-browserify-CJwRhuT8.js";
+import { Bo as VIEWS } from "./constants-DRIItkNt.js";
+import "./merge-k8vSyyXH.js";
+import "./_baseOrderBy-UJkFlXQy.js";
 import "./dateformat-CM9k0--B.js";
-import "./useDebounce-CfSDWjpl.js";
+import "./useDebounce-Bnb8W2LR.js";
 import "./retry-dP46utx2.js";
-import "./CredentialIcon-CLAX_8g6.js";
+import "./CredentialIcon-DJybkA4h.js";
 import { f as MOBILE_MEDIA_QUERY } from "./constants-DLTaaipl.js";
-import { f as stringifyModel, r as filterAndSortAgents, t as useChatStore } from "./chat.store-B1WrDINs.js";
+import { f as stringifyModel, r as filterAndSortAgents, t as useChatStore } from "./chat.store-D1BqW7ao.js";
 import "./fileUtils-D_SiS8no.js";
-import "./ChatAgentAvatar-BFfvkVDP.js";
-import { n as ChatAgentSearchSort_default, r as ChatAgentCard_default, t as SkeletonAgentCard_default } from "./SkeletonAgentCard-Bnas2eJP.js";
-import { n as useChatCredentials, t as ChatLayout_default } from "./ChatLayout-D9l75TqY.js";
+import "./ChatAgentAvatar-DAg-f4vg.js";
+import { n as ChatAgentSearchSort_default, r as ChatAgentCard_default, t as SkeletonAgentCard_default } from "./SkeletonAgentCard-BhJ27v2W.js";
+import { n as useChatCredentials, t as ChatLayout_default } from "./ChatLayout-BfWVFhWE.js";
 var ChatWorkflowAgentsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatWorkflowAgentsView",
 	setup(__props) {