n8n-editor-ui 2.1.0 → 2.2.0

package/dist/assets/{chartjs.utils-BuKhcKwM.js → chartjs.utils-CoNBCTXc.js}

@@ -1,7 +1,7 @@
 import { o as __toESM } from "./chunk-6z4oVpB-.js";
-import { C as useCssVar } from "./_MapCache-BXj4WgHo.js";
-import { t as require_merge } from "./merge-BfSiz1ty.js";
-import { t as smartDecimal } from "./smartDecimal-Bi50OE4b.js";
+import { C as useCssVar } from "./_MapCache-0zNxISSG.js";
+import { t as require_merge } from "./merge-BmWPLD5Q.js";
+import { t as smartDecimal } from "./smartDecimal-DK6-_VSq.js";
 var import_merge = /* @__PURE__ */ __toESM(require_merge());
 const generateLinearGradient = (ctx, height) => {
 	const gradient = ctx.createLinearGradient(0, 0, 0, height);

package/dist/assets/{chat.store-CBMr_Pqd.js → chat.store-YbHxxnni.js}

@@ -1,11 +1,11 @@
 import { C as computed, It as ref } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { gt as useI18n } from "./_MapCache-BXj4WgHo.js";
-import { Yo as v4_default, n as useToast, p as useTelemetry } from "./builder.store-CAubedr_.js";
-import { Da as deepCopy, ni as chatHubProviderSchema, ri as emptyChatModelsResponse } from "./constants-CYvY1HoE.js";
-import { k as defineStore, p as streamRequest, r as useRootStore, s as ResponseError, u as makeRestApiRequest } from "./_baseOrderBy-DocZGYxF.js";
-import { t as retry } from "./retry-CMAFrhVi.js";
-import { c as CHAT_STORE, l as CHAT_VIEW } from "./constants-qk3hx0l8.js";
-import { t as convertFileToBinaryData } from "./fileUtils-D3GQ2UWQ.js";
+import { _t as useI18n } from "./_MapCache-0zNxISSG.js";
+import { O as useTelemetry, ds as v4_default, v as useToast } from "./builder.store-YujiPssa.js";
+import { $r as chatHubProviderSchema, ei as emptyChatModelsResponse, wa as deepCopy } from "./constants-D52YoOSp.js";
+import { k as defineStore, p as streamRequest, r as useRootStore, s as ResponseError, u as makeRestApiRequest } from "./_baseOrderBy-CesQfsb9.js";
+import { t as retry } from "./retry-dP46utx2.js";
+import { l as CHAT_STORE, s as CHAT_SESSIONS_PAGE_SIZE, u as CHAT_VIEW } from "./constants-DLTaaipl.js";
+import { t as convertFileToBinaryData } from "./fileUtils-D_SiS8no.js";
 var STREAM_SEPARATOR = "\n";
 const fetchChatModelsApi = async (context, payload) => {
 	return await makeRestApiRequest(context, "POST", "/chat/models", payload);
@@ -13,11 +13,11 @@ const fetchChatModelsApi = async (context, payload) => {
 function sendMessageApi(ctx, payload, onMessageUpdated, onDone, onError) {
 	streamRequest(ctx, "/chat/conversations/send", payload, onMessageUpdated, onDone, onError, STREAM_SEPARATOR);
 }
-function editMessageApi(ctx, sessionId, editId, payload, onMessageUpdated, onDone, onError) {
-	streamRequest(ctx, `/chat/conversations/${sessionId}/messages/${editId}/edit`, payload, onMessageUpdated, onDone, onError, STREAM_SEPARATOR);
+function editMessageApi(ctx, request, onMessageUpdated, onDone, onError) {
+	streamRequest(ctx, `/chat/conversations/${request.sessionId}/messages/${request.editId}/edit`, request.payload, onMessageUpdated, onDone, onError, STREAM_SEPARATOR);
 }
-function regenerateMessageApi(ctx, sessionId, retryId, payload, onMessageUpdated, onDone, onError) {
-	streamRequest(ctx, `/chat/conversations/${sessionId}/messages/${retryId}/regenerate`, payload, onMessageUpdated, onDone, onError, STREAM_SEPARATOR);
+function regenerateMessageApi(ctx, request, onMessageUpdated, onDone, onError) {
+	streamRequest(ctx, `/chat/conversations/${request.sessionId}/messages/${request.retryId}/regenerate`, request.payload, onMessageUpdated, onDone, onError, STREAM_SEPARATOR);
 }
 const stopGenerationApi = async (context, sessionId, messageId) => {
 	await makeRestApiRequest(context, "POST", `/chat/conversations/${sessionId}/messages/${messageId}/stop`);
@@ -64,9 +64,6 @@ const updateChatSettingsApi = async (context, settings) => {
 function buildChatAttachmentUrl(context, sessionId, messageId, attachmentIndex) {
 	return `${context.baseUrl}/chat/conversations/${sessionId}/messages/${messageId}/attachments/${attachmentIndex}`;
 }
-function findOneFromModelsResponse(response) {
-	for (const provider of chatHubProviderSchema.options) if (response[provider].models.length > 0) return response[provider].models[0];
-}
 function getRelativeDate(now, dateString) {
 	const date = new Date(dateString);
 	const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
@@ -215,6 +212,29 @@ function createAiMessageFromStreamingState(sessionId, messageId, streaming) {
 		}
 	};
 }
+function createHumanMessageFromStreamingState(streaming) {
+	return {
+		id: streaming.promptId,
+		sessionId: streaming.sessionId,
+		type: "human",
+		name: "User",
+		content: streaming.promptText,
+		provider: null,
+		model: null,
+		workflowId: null,
+		executionId: null,
+		agentId: null,
+		status: "success",
+		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+		updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+		previousMessageId: streaming.promptPreviousMessageId,
+		retryOfMessageId: null,
+		revisionOfMessageId: streaming.revisionOfMessageId,
+		responses: [],
+		alternatives: [],
+		attachments: streaming.attachments
+	};
+}
 function buildUiMessages(sessionId, conversation, streaming) {
 	const messagesToShow = [];
 	let foundRunning = false;
@@ -231,12 +251,13 @@ function buildUiMessages(sessionId, conversation, streaming) {
 			messagesToShow.push({
 				...message,
 				content: "",
-				status: "running"
+				status: "running",
+				...flattenModel(streaming.agent.model)
 			});
 			foundRunning = true;
 			continue;
 		}
-		if (index === conversation.activeMessageChain.length - 1) {
+		if (streaming.messageId && index === conversation.activeMessageChain.length - 1) {
 			messagesToShow.push({
 				...message,
 				status: "running"
@@ -246,7 +267,6 @@ function buildUiMessages(sessionId, conversation, streaming) {
 		}
 		messagesToShow.push(message);
 	}
-	if (!foundRunning && streaming?.sessionId === sessionId && !streaming.messageId && streaming.retryOfMessageId === null && streaming.promptId === messagesToShow[messagesToShow.length - 1]?.id) messagesToShow.push(createAiMessageFromStreamingState(sessionId, v4_default(), streaming));
 	return messagesToShow;
 }
 function isLlmProvider(provider) {
@@ -255,6 +275,18 @@ function isLlmProvider(provider) {
 function isLlmProviderModel(model) {
 	return isLlmProvider(model?.provider);
 }
+function findOneFromModelsResponse(response, providerSettings) {
+	for (const provider of chatHubProviderSchema.options) {
+		const settings = isLlmProvider(provider) ? providerSettings[provider] : void 0;
+		if (!settings?.enabled) continue;
+		const availableModels = response[provider].models.filter((providerModel) => {
+			const { model } = providerModel;
+			if (isLlmProviderModel(model) && settings.allowedModels.length > 0) return settings.allowedModels.some((allowed) => allowed.model === model.model);
+			return true;
+		});
+		if (availableModels.length > 0) return availableModels[0];
+	}
+}
 function createSessionFromStreamingState(streaming) {
 	return {
 		id: streaming.sessionId,
@@ -288,6 +320,37 @@ const workflowAgentDefaultIcon = {
 	type: "icon",
 	value: "bot"
 };
+function promisifyStreamingApi(streamingApi) {
+	return async (ctx, payload, onChunk, onDone, onError) => {
+		let settled = false;
+		let resolvePromise;
+		let rejectPromise;
+		const promise = new Promise((resolve, reject) => {
+			resolvePromise = resolve;
+			rejectPromise = reject;
+		});
+		streamingApi(ctx, payload, (chunk) => {
+			if (!settled) {
+				settled = true;
+				resolvePromise();
+			}
+			onChunk(chunk);
+		}, () => {
+			if (!settled) {
+				settled = true;
+				resolvePromise();
+			}
+			onDone();
+		}, (error) => {
+			if (!settled) {
+				settled = true;
+				rejectPromise(error);
+			}
+			onError(error);
+		});
+		return await promise;
+	};
+}
 const useChatStore = defineStore(CHAT_STORE, () => {
 	const rootStore = useRootStore();
 	const toast = useToast();
@@ -328,7 +391,7 @@ const useChatStore = defineStore(CHAT_STORE, () => {
 		return conversation.messages[messageId] ?? null;
 	}
 	function isResponding(sessionId) {
-		return lastMessage(sessionId)?.status === "running";
+		return streaming.value?.sessionId === sessionId;
 	}
 	function computeActiveChain(messages, messageId) {
 		const chain = [];
@@ -418,7 +481,7 @@ const useChatStore = defineStore(CHAT_STORE, () => {
 		if (!reset) sessionsLoadingMore.value = true;
 		try {
 			const cursor = reset ? void 0 : sessions.value?.nextCursor ?? void 0;
-			const [response] = await Promise.all([fetchConversationsApi(rootStore.restApiContext, 40, cursor), new Promise((resolve) => setTimeout(resolve, options.minLoadingTime ?? 0))]);
+			const [response] = await Promise.all([fetchConversationsApi(rootStore.restApiContext, 18, cursor), new Promise((resolve) => setTimeout(resolve, options.minLoadingTime ?? 0))]);
 			if (reset || sessions.value.ids === null) sessions.value.ids = [];
 			sessions.value.hasMore = response.hasMore;
 			sessions.value.nextCursor = response.nextCursor;
@@ -456,6 +519,12 @@ const useChatStore = defineStore(CHAT_STORE, () => {
 	}
 	function onBeginMessage() {
 		if (!streaming.value?.messageId) return;
+		if (!streaming.value.retryOfMessageId) addMessage(streaming.value.sessionId, createHumanMessageFromStreamingState(streaming.value));
+		if (!sessions.value.byId[streaming.value.sessionId]) {
+			sessions.value.byId[streaming.value.sessionId] = createSessionFromStreamingState(streaming.value);
+			sessions.value.ids ??= [];
+			sessions.value.ids.unshift(streaming.value.sessionId);
+		}
 		const message = createAiMessageFromStreamingState(streaming.value.sessionId, streaming.value.messageId, streaming.value);
 		addMessage(streaming.value.sessionId, message);
 	}
@@ -510,7 +579,7 @@ const useChatStore = defineStore(CHAT_STORE, () => {
 	}
 	async function onStreamError(error) {
 		if (!streaming.value) return;
-		const cause = error instanceof ResponseError ? new Error(getErrorMessageByStatusCode(error.httpStatusCode, error.message)) : error.message.includes("Failed to fetch") ? new Error(i18n.baseText("chatHub.error.noConnection")) : error;
+		const cause = error instanceof ResponseError ? new Error(getErrorMessageByStatusCode(error.httpStatusCode, error.message)) : error instanceof Error && error.message.includes("Failed to fetch") ? new Error(i18n.baseText("chatHub.error.noConnection")) : error;
 		toast.showError(cause, i18n.baseText("chatHub.error.sendMessageFailed"));
 		const { sessionId } = streaming.value;
 		streaming.value = void 0;
@@ -525,40 +594,23 @@ const useChatStore = defineStore(CHAT_STORE, () => {
 			mimeType: attachment.mimeType,
 			data: attachment.data
 		}));
-		addMessage(sessionId, {
-			id: messageId,
-			sessionId,
-			type: "human",
-			name: "User",
-			content: message,
-			provider: null,
-			model: isLlmProviderModel(agent.model) ? agent.model.model : null,
-			workflowId: null,
-			executionId: null,
-			agentId: null,
-			status: "success",
-			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-			updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-			previousMessageId,
-			retryOfMessageId: null,
-			revisionOfMessageId: null,
-			responses: [],
-			alternatives: [],
-			attachments
-		});
 		streaming.value = {
+			promptPreviousMessageId: previousMessageId,
 			promptId: messageId,
+			promptText: message,
 			sessionId,
 			retryOfMessageId: null,
+			revisionOfMessageId: null,
 			tools,
+			attachments,
 			agent
 		};
-		if (!sessions.value.byId[sessionId]) {
-			sessions.value.byId[sessionId] = createSessionFromStreamingState(streaming.value);
-			sessions.value.ids ??= [];
-			sessions.value.ids.unshift(sessionId);
-		}
-		sendMessageApi(rootStore.restApiContext, {
+		telemetry.track("User sent chat hub message", {
+			...flattenModel(agent.model),
+			is_custom: agent.model.provider === "custom-agent",
+			chat_session_id: sessionId
+		});
+		await promisifyStreamingApi(sendMessageApi)(rootStore.restApiContext, {
 			model: agent.model,
 			messageId,
 			sessionId,
@@ -570,79 +622,72 @@ const useChatStore = defineStore(CHAT_STORE, () => {
 			agentName: agent.name,
 			timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
 		}, onStreamMessage, onStreamDone, onStreamError);
-		telemetry.track("User sent chat hub message", {
-			...flattenModel(agent.model),
-			is_custom: agent.model.provider === "custom-agent",
-			chat_session_id: sessionId
-		});
 	}
-	function editMessage(sessionId, editId, content, agent, credentials) {
+	async function editMessage(sessionId, editId, content, agent, credentials) {
 		const promptId = v4_default();
 		const message = ensureConversation(sessionId).messages[editId];
 		const previousMessageId = message?.previousMessageId ?? null;
-		if (message?.type === "human") addMessage(sessionId, {
-			id: promptId,
-			sessionId,
-			type: "human",
-			name: message.name ?? "User",
-			content,
-			provider: null,
-			model: null,
-			workflowId: null,
-			executionId: null,
-			agentId: null,
-			status: "success",
-			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-			updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-			previousMessageId,
-			retryOfMessageId: null,
-			revisionOfMessageId: editId,
-			responses: [],
-			alternatives: [],
-			attachments: message.attachments ?? null
-		});
-		else if (message?.type === "ai") replaceMessageContent(sessionId, editId, content);
+		const payload = {
+			model: agent.model,
+			messageId: promptId,
+			message: content,
+			credentials,
+			timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
+		};
+		if (message?.type === "ai") replaceMessageContent(sessionId, editId, content);
 		streaming.value = {
+			promptPreviousMessageId: previousMessageId,
 			promptId,
+			promptText: content,
 			sessionId,
 			agent,
 			retryOfMessageId: null,
-			tools: []
+			revisionOfMessageId: editId,
+			tools: [],
+			attachments: []
 		};
-		editMessageApi(rootStore.restApiContext, sessionId, editId, {
-			model: agent.model,
-			messageId: promptId,
-			message: content,
-			credentials,
-			timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
-		}, onStreamMessage, onStreamDone, onStreamError);
 		telemetry.track("User edited chat hub message", {
 			...flattenModel(agent.model),
 			is_custom: agent.model.provider === "custom-agent",
 			chat_session_id: sessionId,
 			chat_message_id: editId
 		});
+		await promisifyStreamingApi(editMessageApi)(rootStore.restApiContext, {
+			sessionId,
+			editId,
+			payload
+		}, onStreamMessage, onStreamDone, onStreamError);
 	}
-	function regenerateMessage(sessionId, retryId, agent, credentials) {
-		if (!(ensureConversation(sessionId).messages[retryId]?.previousMessageId ?? null)) throw new Error("No previous message to base regeneration on");
+	async function regenerateMessage(sessionId, retryId, agent, credentials) {
+		const previousMessageId = ensureConversation(sessionId).messages[retryId]?.previousMessageId ?? null;
+		const payload = {
+			model: agent.model,
+			credentials,
+			timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
+		};
+		if (!previousMessageId) throw new Error("No previous message to base regeneration on");
 		streaming.value = {
+			promptPreviousMessageId: previousMessageId,
 			promptId: retryId,
+			promptText: "",
 			sessionId,
 			agent,
 			retryOfMessageId: retryId,
-			tools: []
+			revisionOfMessageId: null,
+			tools: [],
+			attachments: []
 		};
-		regenerateMessageApi(rootStore.restApiContext, sessionId, retryId, {
-			model: agent.model,
-			credentials,
-			timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
-		}, onStreamMessage, onStreamDone, onStreamError);
 		telemetry.track("User regenerated chat hub message", {
 			...flattenModel(agent.model),
 			is_custom: agent.model.provider === "custom-agent",
 			chat_session_id: sessionId,
 			chat_message_id: retryId
 		});
+		await promisifyStreamingApi(regenerateMessageApi)(rootStore.restApiContext, {
+			sessionId,
+			retryId,
+			payload
+		}, onStreamMessage, onStreamDone, onStreamError);
 	}
 	async function stopStreamingMessage(sessionId) {
 		const currentMessage = lastMessage(sessionId);

package/dist/assets/{chatPanel.store-5rL60x8w.js → chatPanel.store-DmxMXfyE.js}

@@ -1,9 +1,9 @@
 import { C as computed, _t as watch } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { y as useRoute } from "./truncate-BmR9EyjG.js";
-import { $o as useSettingsStore, Cc as STORES, Tc as BUILDER_ENABLED_VIEWS, Wi as useUIStore, t as useBuilderStore, wc as ASSISTANT_ENABLED_VIEWS } from "./builder.store-CAubedr_.js";
-import { Kc as ASK_AI_SLIDE_OUT_DURATION_MS, zo as EDITABLE_CANVAS_VIEWS } from "./constants-CYvY1HoE.js";
-import { k as defineStore } from "./_baseOrderBy-DocZGYxF.js";
-import { r as useChatPanelStateStore, t as useAssistantStore } from "./assistant.store-Cz4nIRHi.js";
+import { y as useRoute } from "./truncate-ByNK2lRy.js";
+import { Dc as BUILDER_ENABLED_VIEWS, Ec as ASSISTANT_ENABLED_VIEWS, Tc as STORES, hs as useSettingsStore, oa as useUIStore, t as useBuilderStore } from "./builder.store-YujiPssa.js";
+import { Io as EDITABLE_CANVAS_VIEWS, Vc as ASK_AI_SLIDE_OUT_DURATION_MS } from "./constants-D52YoOSp.js";
+import { k as defineStore } from "./_baseOrderBy-CesQfsb9.js";
+import { r as useChatPanelStateStore, t as useAssistantStore } from "./assistant.store-Cn9sEjYD.js";
 function isEnabledView(route, views) {
 	return typeof route === "string" && views.includes(route);
 }
@@ -27,9 +27,10 @@ const useChatPanelStore = defineStore(STORES.CHAT_PANEL, () => {
 		chatPanelStateStore.isOpen = true;
 		if (chatPanelStateStore.activeMode === "builder") {
 			const builderStore = useBuilderStore();
-			builderStore.chatMessages = [];
-			builderStore.fetchBuilderCredits();
-			builderStore.loadSessions();
+			if (!builderStore.streaming && builderStore.chatMessages.length === 0) {
+				builderStore.fetchBuilderCredits();
+				builderStore.loadSessions();
+			}
 		} else if (chatPanelStateStore.activeMode === "assistant") {
 			const assistantStore = useAssistantStore();
 			assistantStore.chatMessages = assistantStore.chatMessages.map((msg) => ({
@@ -52,7 +53,7 @@ const useChatPanelStore = defineStore(STORES.CHAT_PANEL, () => {
 			const assistantStore = useAssistantStore();
 			const builderStore = useBuilderStore();
 			if (assistantStore.isSessionEnded) assistantStore.resetAssistantChat();
-			builderStore.resetBuilderChat();
+			if (!builderStore.streaming) builderStore.resetBuilderChat();
 		}, 250);
 	}
 	async function toggle(options) {
@@ -85,10 +86,15 @@ const useChatPanelStore = defineStore(STORES.CHAT_PANEL, () => {
 		await open({ mode: "assistant" });
 	}
 	watch(() => route?.name, (newRoute) => {
-		if (!chatPanelStateStore.isOpen || !newRoute) return;
+		if (!newRoute) return;
 		const builderStore = useBuilderStore();
+		if (!chatPanelStateStore.isOpen && builderStore.streaming && isEnabledView(newRoute, BUILDER_ENABLED_VIEWS)) {
+			open({ mode: "builder" });
+			return;
+		}
+		if (!chatPanelStateStore.isOpen) return;
 		if (!isEnabledView(newRoute, chatPanelStateStore.activeMode === "assistant" ? ASSISTANT_ENABLED_VIEWS : BUILDER_ENABLED_VIEWS)) close();
-		else if (isEnabledView(newRoute, BUILDER_ENABLED_VIEWS)) builderStore.resetBuilderChat();
+		else if (isEnabledView(newRoute, BUILDER_ENABLED_VIEWS) && !builderStore.streaming) builderStore.resetBuilderChat();
 	});
 	return {
 		isOpen: computed(() => chatPanelStateStore.isOpen),

package/dist/assets/{col-D5wesaQA.js → col-oSGwUVsR.js}

@@ -1,6 +1,5 @@
 import { C as computed, Gt as unref, P as defineComponent, T as createBlock, at as renderSlot, bn as normalizeStyle, bt as withCtx, cn as isObject, ct as resolveDynamicComponent, et as openBlock, nt as provide, tn as init_shared_esm_bundler, vn as normalizeClass, z as inject } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { nn as mutable } from "./src-RwnQoRPP.js";
-import { B as withInstall, D as _export_sfc, F as useNamespace, It as isNumber, X as buildProps, Z as definePropType } from "./truncate-BmR9EyjG.js";
+import { L as _export_sfc, X as mutable, _t as buildProps, ct as withInstall, q as useNamespace, rn as isNumber, vt as definePropType } from "./truncate-ByNK2lRy.js";
 var rowContextKey = Symbol("rowContextKey");
 var rowProps = buildProps({
 	tag: {