@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/ChangePasswordView-Z6tUkw0u.js

@@ -0,0 +1,133 @@
+import { E as createCommentVNode, It as ref, P as defineComponent, T as createBlock, Z as onMounted, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import "./src-jviYSG25.js";
+import "./en-CF30SCh2.js";
+import "./preload-helper-dyVz7ck7.js";
+import "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import "./truncate-C0KYt7i3.js";
+import { Er as useUsersStore, y as useToast } from "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import { v as useRouter } from "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import { Ro as VIEWS, jc as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./sso.store-DyApJwhx.js";
+import { t as AuthView_default } from "./AuthView-D2LWHrMp.js";
+var ChangePasswordView_default = /* @__PURE__ */ defineComponent({
+	__name: "ChangePasswordView",
+	setup(__props) {
+		const usersStore = useUsersStore();
+		const locale = useI18n();
+		const toast = useToast();
+		const router = useRouter();
+		const password = ref("");
+		const loading = ref(false);
+		const config = ref(null);
+		const passwordsMatch = (value) => {
+			if (typeof value !== "string") return false;
+			if (value !== password.value) return { messageKey: "auth.changePassword.passwordsMustMatchError" };
+			return false;
+		};
+		const getResetToken = () => {
+			return !router.currentRoute.value.query.token || typeof router.currentRoute.value.query.token !== "string" ? null : router.currentRoute.value.query.token;
+		};
+		const getMfaEnabled = () => {
+			if (!router.currentRoute.value.query.mfaEnabled) return null;
+			return router.currentRoute.value.query.mfaEnabled === "true" ? true : false;
+		};
+		const onSubmit = async (values) => {
+			try {
+				loading.value = true;
+				const token = getResetToken();
+				if (token) {
+					const changePasswordParameters = {
+						token,
+						password: password.value,
+						...values.mfaCode && { mfaCode: values.mfaCode }
+					};
+					await usersStore.changePassword(changePasswordParameters);
+					toast.showMessage({
+						type: "success",
+						title: locale.baseText("auth.changePassword.passwordUpdated"),
+						message: locale.baseText("auth.changePassword.passwordUpdatedMessage")
+					});
+					await router.push({ name: VIEWS.SIGNIN });
+				} else toast.showError(new Error(locale.baseText("auth.validation.missingParameters")), locale.baseText("auth.changePassword.error"));
+			} catch (error) {
+				toast.showError(error, locale.baseText("auth.changePassword.error"));
+			}
+			loading.value = false;
+		};
+		const onInput = (e) => {
+			if (e.name === "password" && typeof e.value === "string") password.value = e.value;
+		};
+		onMounted(async () => {
+			const form = {
+				title: locale.baseText("auth.changePassword"),
+				buttonText: locale.baseText("auth.changePassword"),
+				redirectText: locale.baseText("auth.signin"),
+				redirectLink: "/signin",
+				inputs: [{
+					name: "password",
+					properties: {
+						label: locale.baseText("auth.newPassword"),
+						type: "password",
+						required: true,
+						validationRules: [{ name: "DEFAULT_PASSWORD_RULES" }],
+						infoText: locale.baseText("auth.defaultPasswordRequirements"),
+						autocomplete: "new-password",
+						capitalize: true
+					}
+				}, {
+					name: "password2",
+					properties: {
+						label: locale.baseText("auth.changePassword.reenterNewPassword"),
+						type: "password",
+						required: true,
+						validators: { TWO_PASSWORDS_MATCH: { validate: passwordsMatch } },
+						validationRules: [{ name: "TWO_PASSWORDS_MATCH" }],
+						autocomplete: "new-password",
+						capitalize: true
+					}
+				}]
+			};
+			const token = getResetToken();
+			if (getMfaEnabled()) form.inputs.push({
+				name: "mfaCode",
+				initialValue: "",
+				properties: {
+					required: true,
+					label: locale.baseText("mfa.code.input.label"),
+					placeholder: locale.baseText("mfa.code.input.placeholder"),
+					maxlength: 6,
+					capitalize: true,
+					validateOnBlur: true
+				}
+			});
+			config.value = form;
+			try {
+				if (!token) throw new Error(locale.baseText("auth.changePassword.missingTokenError"));
+				await usersStore.validatePasswordToken({ token });
+			} catch (e) {
+				toast.showError(e, locale.baseText("auth.changePassword.tokenValidationError"));
+				router.replace({ name: VIEWS.SIGNIN });
+			}
+		});
+		return (_ctx, _cache) => {
+			return config.value ? (openBlock(), createBlock(AuthView_default, {
+				key: 0,
+				form: config.value,
+				"form-loading": loading.value,
+				onSubmit,
+				onUpdate: onInput
+			}, null, 8, ["form", "form-loading"])) : createCommentVNode("", true);
+		};
+	}
+});
+export { ChangePasswordView_default as default };

package/dist/assets/ChatAgentAvatar-50YBnv3N.js

@@ -0,0 +1,67 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, Gt as unref, P as defineComponent, T as createBlock, bt as withCtx, et as openBlock, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { Cn as N8nIcon_default, ht as N8nTooltip_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { _n as useCredentialsStore } from "./builder.store-Czk2ipDE.js";
+import { Yr as PROVIDER_CREDENTIAL_TYPE_MAP } from "./constants-C8OH4tTq.js";
+import { t as CredentialIcon_default } from "./CredentialIcon-8YdTTFZ1.js";
+import { d as personalAgentDefaultIcon, m as workflowAgentDefaultIcon, u as isLlmProviderModel } from "./chat.store-290YeyrQ.js";
+var ChatAgentAvatar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ChatAgentAvatar",
+	props: {
+		agent: {},
+		size: {},
+		tooltip: { type: Boolean }
+	},
+	setup(__props) {
+		const credentialsStore = useCredentialsStore();
+		const isCredentialsIconReady = computed(() => credentialsStore.allCredentialTypes.length > 0);
+		const i18n = useI18n();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nTooltip_default), {
+				"show-after": 100,
+				placement: "left",
+				disabled: !_ctx.tooltip
+			}, {
+				content: withCtx(() => [createTextVNode(toDisplayString(_ctx.agent?.name || unref(i18n).baseText("chatHub.agent.unavailableAgent")), 1)]),
+				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.container) }, [_ctx.agent?.icon?.type === "emoji" ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass([_ctx.$style.emoji, _ctx.$style[_ctx.size]])
+				}, toDisplayString(_ctx.agent.icon.value), 3)) : !_ctx.agent || !unref(isLlmProviderModel)(_ctx.agent.model) ? (openBlock(), createBlock(unref(N8nIcon_default), {
+					key: 1,
+					color: _ctx.size === "sm" ? "text-base" : "text-light",
+					class: normalizeClass([_ctx.$style.n8nIcon, _ctx.$style[_ctx.size]]),
+					icon: _ctx.agent?.icon?.value ?? (_ctx.agent?.model.provider === "n8n" ? unref(workflowAgentDefaultIcon) : unref(personalAgentDefaultIcon)).value,
+					size: _ctx.size === "lg" ? "xxlarge" : _ctx.size === "sm" ? "large" : "xlarge"
+				}, null, 8, [
+					"color",
+					"class",
+					"icon",
+					"size"
+				])) : (openBlock(), createBlock(CredentialIcon_default, {
+					key: 2,
+					class: normalizeClass([_ctx.$style.credentialsIcon, { [_ctx.$style.isReady]: isCredentialsIconReady.value }]),
+					"credential-type-name": unref(PROVIDER_CREDENTIAL_TYPE_MAP)[_ctx.agent.model.provider],
+					size: _ctx.size === "sm" ? 16 : _ctx.size === "lg" ? 40 : 20
+				}, null, 8, [
+					"class",
+					"credential-type-name",
+					"size"
+				]))], 2)]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+var ChatAgentAvatar_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_6zc6p_123",
+	n8nIcon: "_n8nIcon_6zc6p_133",
+	lg: "_lg_6zc6p_136",
+	emoji: "_emoji_6zc6p_144",
+	sm: "_sm_6zc6p_149",
+	md: "_md_6zc6p_153",
+	credentialsIcon: "_credentialsIcon_6zc6p_164",
+	isReady: "_isReady_6zc6p_167"
+};
+var ChatAgentAvatar_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatAgentAvatar_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatAgentAvatar_vue_vue_type_style_index_0_lang_module_default }]]);
+export { ChatAgentAvatar_default as t };

package/dist/assets/ChatFile-xZxmc2nV.js

@@ -0,0 +1,146 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, T as createBlock, et as openBlock, h as withModifiers, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+var _hoisted_1$6 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$5(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+		fill: "currentColor",
+		d: "M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12z"
+	}, null, -1)]));
+}
+var closeThick_default = {
+	name: "mdi-closeThick",
+	render: render$5
+};
+var _hoisted_1$5 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$4(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+		fill: "currentColor",
+		d: "M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m0 18h12v-8l-4 4l-2-2zM8 9a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2"
+	}, null, -1)]));
+}
+var fileImage_default = {
+	name: "mdi-fileImage",
+	render: render$4
+};
+var _hoisted_1$4 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$3(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+		fill: "currentColor",
+		d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm-1 11h-2v5a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2c.4 0 .7.1 1 .3V11h3zm0-4V3.5L18.5 9z"
+	}, null, -1)]));
+}
+var fileMusic_default = {
+	name: "mdi-fileMusic",
+	render: render$3
+};
+var _hoisted_1$3 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$2(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$3, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+		fill: "currentColor",
+		d: "M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m9 16v-2H6v2zm3-4v-2H6v2z"
+	}, null, -1)]));
+}
+var fileText_default = {
+	name: "mdi-fileText",
+	render: render$2
+};
+var _hoisted_1$2 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+		fill: "currentColor",
+		d: "M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m11 17v-6l-3 2.2V13H7v6h7v-2.2z"
+	}, null, -1)]));
+}
+var fileVideo_default = {
+	name: "mdi-fileVideo",
+	render: render$1
+};
+var _hoisted_1$1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+		fill: "currentColor",
+		d: "M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z"
+	}, null, -1)]));
+}
+var openInNew_default = {
+	name: "mdi-openInNew",
+	render
+};
+var _hoisted_1 = { class: "chat-file-name" };
+var ChatFile_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ChatFile",
+	props: {
+		file: {},
+		isRemovable: { type: Boolean },
+		isPreviewable: { type: Boolean },
+		href: {}
+	},
+	emits: ["remove"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const iconMapper = {
+			document: fileText_default,
+			audio: fileMusic_default,
+			image: fileImage_default,
+			video: fileVideo_default
+		};
+		const TypeIcon = computed(() => {
+			return iconMapper[props.file?.type.split("/")[0]] || fileText_default;
+		});
+		function onClick() {
+			if (props.href) {
+				window.open(props.href, "_blank", "noopener noreferrer");
+				return;
+			}
+			if (props.isPreviewable) window.open(URL.createObjectURL(props.file));
+		}
+		function onDelete() {
+			emit("remove", props.file);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "chat-file",
+				"data-test-id": "chat-file",
+				onClick
+			}, [
+				createVNode(unref(TypeIcon), { class: "chat-icon" }),
+				createBaseVNode("p", _hoisted_1, toDisplayString(_ctx.file.name), 1),
+				_ctx.isRemovable ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: "chat-file-delete",
+					"data-test-id": "chat-file-remove",
+					onClick: withModifiers(onDelete, ["stop"])
+				}, [createVNode(unref(closeThick_default))])) : _ctx.isPreviewable || _ctx.href ? (openBlock(), createBlock(unref(openInNew_default), {
+					key: 1,
+					class: "chat-file-preview"
+				})) : createCommentVNode("", true)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-06c7b5c1"]]);
+export { ChatFile_default as t };

package/dist/assets/ChatLayout-CTE_5SiM.js

@@ -0,0 +1,96 @@
+import { C as computed, D as createElementBlock, Gt as unref, It as ref, P as defineComponent, _t as watch, at as renderSlot, et as openBlock, vn as normalizeClass } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { m as useEventListener, v as useLocalStorage, y as useMediaQuery } from "./core-CRbPymLT.js";
+import { ct as useDeviceSupport } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { Zn as useProjectsStore, _n as useCredentialsStore, aa as useUIStore, ms as useSettingsStore } from "./builder.store-Czk2ipDE.js";
+import { v as useRouter } from "./get-BcEmeOxn.js";
+import { $r as chatHubProviderSchema, Fo as stringType, Mo as nullType, No as objectType, Po as recordType, Xr as agentIconOrEmojiSchema, Yr as PROVIDER_CREDENTIAL_TYPE_MAP, Zr as chatHubConversationModelSchema, ws as LOCAL_STORAGE_CHAT_HUB_CREDENTIALS } from "./constants-C8OH4tTq.js";
+import { f as MOBILE_MEDIA_QUERY, u as CHAT_VIEW } from "./constants-DMrsrpD7.js";
+import { l as isLlmProvider, u as isLlmProviderModel } from "./chat.store-290YeyrQ.js";
+const credentialsMapSchema = recordType(chatHubProviderSchema, stringType().or(nullType()));
+const chatHubConversationModelWithCachedDisplayNameSchema = chatHubConversationModelSchema.and(objectType({
+	cachedDisplayName: stringType().optional(),
+	cachedIcon: agentIconOrEmojiSchema.optional()
+})).transform((value) => ({
+	...value,
+	cachedDisplayName: value.cachedDisplayName || (isLlmProviderModel(value) ? value.model : "")
+}));
+function useChatCredentials(userId) {
+	const isInitialized = ref(false);
+	const credentialsStore = useCredentialsStore();
+	const settingsStore = useSettingsStore();
+	const projectStore = useProjectsStore();
+	const selectedCredentials = useLocalStorage(LOCAL_STORAGE_CHAT_HUB_CREDENTIALS(userId), {}, {
+		writeDefaults: false,
+		shallow: true,
+		serializer: {
+			read: (value) => {
+				try {
+					return credentialsMapSchema.parse(JSON.parse(value));
+				} catch (error) {
+					return {};
+				}
+			},
+			write: (value) => JSON.stringify(value)
+		}
+	});
+	const isCredentialsReady = computed(() => isInitialized.value || credentialsStore.allCredentials.length > 0);
+	const autoSelectCredentials = computed(() => Object.fromEntries(chatHubProviderSchema.options.map((provider) => {
+		if (!isLlmProvider(provider)) return [provider, null];
+		const credentialType = PROVIDER_CREDENTIAL_TYPE_MAP[provider];
+		if (!credentialType) return [provider, null];
+		const availableCredentials = credentialsStore.getCredentialsByType(credentialType);
+		const settings = settingsStore.moduleSettings?.["chat-hub"]?.providers[provider];
+		if (settings?.credentialId && availableCredentials.some((c) => c.id === settings.credentialId)) return [provider, settings.credentialId];
+		return [provider, availableCredentials.toSorted((a, b) => +new Date(b.createdAt) - +new Date(a.createdAt))[0]?.id ?? null];
+	})));
+	const credentialsByProvider = computed(() => isCredentialsReady.value ? chatHubProviderSchema.options.reduce((acc, provider) => {
+		const cred = selectedCredentials.value[provider] ?? null;
+		acc[provider] = cred && credentialsStore.allCredentials.some((c) => c.id === cred) ? cred : autoSelectCredentials.value[provider];
+		return acc;
+	}, {}) : null);
+	function selectCredential(provider, id) {
+		selectedCredentials.value = {
+			...selectedCredentials.value,
+			[provider]: id
+		};
+	}
+	watch(() => projectStore.personalProject, async (personalProject) => {
+		if (personalProject) {
+			await Promise.all([credentialsStore.fetchCredentialTypes(false), credentialsStore.fetchAllCredentialsForWorkflow({ projectId: personalProject.id })]);
+			isInitialized.value = true;
+		}
+	}, { immediate: true });
+	return {
+		credentialsByProvider,
+		selectCredential
+	};
+}
+var ChatLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ChatLayout",
+	setup(__props) {
+		const isMobileDevice$1 = useMediaQuery(MOBILE_MEDIA_QUERY);
+		const router = useRouter();
+		const uiStore = useUIStore();
+		const { isCtrlKeyPressed } = useDeviceSupport();
+		useEventListener(document, "keydown", (event) => {
+			if (event.key.toLowerCase() === "o" && isCtrlKeyPressed(event) && event.shiftKey && !uiStore.isAnyModalOpen) {
+				event.preventDefault();
+				event.stopPropagation();
+				router.push({
+					name: CHAT_VIEW,
+					force: true
+				});
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([_ctx.$style.component, { [_ctx.$style.isMobileDevice]: unref(isMobileDevice$1) }]) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+var ChatLayout_vue_vue_type_style_index_0_lang_module_default = {
+	component: "_component_gldft_123",
+	isMobileDevice: "_isMobileDevice_gldft_134"
+};
+var ChatLayout_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatLayout_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatLayout_vue_vue_type_style_index_0_lang_module_default }]]);
+export { useChatCredentials as n, chatHubConversationModelWithCachedDisplayNameSchema as r, ChatLayout_default as t };

package/dist/assets/ChatPersonalAgentsView-BGpHk03K.js

@@ -0,0 +1,149 @@
+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 { rt as useI18n, y as useMediaQuery } from "./core-CRbPymLT.js";
+import { bn as N8nText_default, xn as N8nButton_default } from "./src-jviYSG25.js";
+import "./en-CF30SCh2.js";
+import "./preload-helper-dyVz7ck7.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import "./truncate-C0KYt7i3.js";
+import { Er as useUsersStore, aa as useUIStore, h as useMessage, y as useToast } from "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import { rs as MODAL_CONFIRM } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./retry-BgHaYzbB.js";
+import "./CredentialIcon-8YdTTFZ1.js";
+import { f as MOBILE_MEDIA_QUERY, t as AGENT_EDITOR_MODAL_KEY } from "./constants-DMrsrpD7.js";
+import { f as stringifyModel, r as filterAndSortAgents, t as useChatStore } from "./chat.store-290YeyrQ.js";
+import "./fileUtils-CRWqOQje.js";
+import "./ChatAgentAvatar-50YBnv3N.js";
+import { n as ChatAgentSearchSort_default, r as ChatAgentCard_default, t as SkeletonAgentCard_default } from "./SkeletonAgentCard-C5TL-h8F.js";
+import { n as useChatCredentials, t as ChatLayout_default } from "./ChatLayout-CTE_5SiM.js";
+var ChatPersonalAgentsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ChatPersonalAgentsView",
+	setup(__props) {
+		const chatStore = useChatStore();
+		const uiStore = useUIStore();
+		const toast = useToast();
+		const message = useMessage();
+		const usersStore = useUsersStore();
+		const isMobileDevice = useMediaQuery(MOBILE_MEDIA_QUERY);
+		const i18n = useI18n();
+		const agentFilter = ref({
+			search: "",
+			sortBy: "updatedAt"
+		});
+		const { credentialsByProvider } = useChatCredentials(usersStore.currentUserId ?? "anonymous");
+		const readyToShowList = computed(() => chatStore.agentsReady);
+		const allModels = computed(() => chatStore.agents["custom-agent"].models);
+		const agents = computed(() => filterAndSortAgents(allModels.value, agentFilter.value));
+		function handleCreateAgent() {
+			uiStore.openModalWithData({
+				name: AGENT_EDITOR_MODAL_KEY,
+				data: { credentials: credentialsByProvider }
+			});
+		}
+		async function handleEditAgent(model) {
+			if (model.provider === "custom-agent") uiStore.openModalWithData({
+				name: AGENT_EDITOR_MODAL_KEY,
+				data: {
+					agentId: model.agentId,
+					credentials: credentialsByProvider
+				}
+			});
+		}
+		async function handleDeleteAgent(agentId) {
+			if (await message.confirm(i18n.baseText("chatHub.agents.delete.confirm.message"), i18n.baseText("chatHub.agents.delete.confirm.title"), {
+				confirmButtonText: i18n.baseText("chatHub.agents.delete.confirm.button"),
+				cancelButtonText: i18n.baseText("chatHub.agents.delete.cancel.button")
+			}) !== "confirm" || !credentialsByProvider.value) return;
+			try {
+				await chatStore.deleteCustomAgent(agentId, credentialsByProvider.value);
+				toast.showMessage({
+					type: "success",
+					title: i18n.baseText("chatHub.agents.delete.success")
+				});
+			} catch (error) {
+				toast.showError(error, i18n.baseText("chatHub.agents.delete.error"));
+			}
+		}
+		watch(credentialsByProvider, (credentials) => {
+			if (credentials) chatStore.fetchAgents(credentials, { minLoadingTime: 250 });
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ChatLayout_default, null, {
+				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass([_ctx.$style.container, { [_ctx.$style.isMobileDevice]: unref(isMobileDevice) }]) }, [
+					createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.headerContent) }, [createVNode(unref(N8nText_default), {
+						tag: "h1",
+						size: "xlarge",
+						bold: ""
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.personalAgents.title")), 1)]),
+						_: 1
+					}), createVNode(unref(N8nText_default), { color: "text-light" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.personalAgents.description")), 1)]),
+						_: 1
+					})], 2), createVNode(unref(N8nButton_default), {
+						icon: "plus",
+						type: "primary",
+						size: "medium",
+						onClick: handleCreateAgent
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.agents.button.newAgent")), 1)]),
+						_: 1
+					})], 2),
+					readyToShowList.value && allModels.value.length > 0 ? (openBlock(), createBlock(ChatAgentSearchSort_default, {
+						key: 0,
+						modelValue: agentFilter.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => agentFilter.value = $event)
+					}, null, 8, ["modelValue"])) : createCommentVNode("", true),
+					!readyToShowList.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(_ctx.$style.agentsGrid)
+					}, [(openBlock(), createElementBlock(Fragment, null, renderList(5, (i) => {
+						return createVNode(SkeletonAgentCard_default, { key: i });
+					}), 64))], 2)) : agents.value.length === 0 ? (openBlock(), createElementBlock("div", {
+						key: 2,
+						class: normalizeClass(_ctx.$style.empty)
+					}, [createVNode(unref(N8nText_default), {
+						color: "text-light",
+						size: "medium"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(allModels.value.length === 0 ? unref(i18n).baseText("chatHub.personalAgents.empty.noAgents") : unref(i18n).baseText("chatHub.personalAgents.empty.noMatch")), 1)]),
+						_: 1
+					})], 2)) : (openBlock(), createElementBlock("div", {
+						key: 3,
+						class: normalizeClass(_ctx.$style.agentsGrid)
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(agents.value, (agent) => {
+						return openBlock(), createElementBlock(Fragment, { key: unref(stringifyModel)(agent.model) }, [agent.model.provider === "custom-agent" ? (openBlock(), createBlock(ChatAgentCard_default, {
+							key: 0,
+							agent,
+							onEdit: ($event) => handleEditAgent(agent.model),
+							onDelete: ($event) => handleDeleteAgent(agent.model.agentId)
+						}, null, 8, [
+							"agent",
+							"onEdit",
+							"onDelete"
+						])) : createCommentVNode("", true)], 64);
+					}), 128))], 2))
+				], 2)]),
+				_: 1
+			});
+		};
+	}
+});
+var ChatPersonalAgentsView_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_1m2yx_123",
+	header: "_header_1m2yx_136",
+	headerContent: "_headerContent_1m2yx_144",
+	empty: "_empty_1m2yx_150",
+	agentsGrid: "_agentsGrid_1m2yx_159"
+};
+var ChatPersonalAgentsView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatPersonalAgentsView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatPersonalAgentsView_vue_vue_type_style_index_0_lang_module_default }]]);
+export { ChatPersonalAgentsView_default as default };