@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/AgentEditorModal-CVww87TJ.js

@@ -0,0 +1,358 @@
+import { C as computed, Cn as toDisplayString, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, _t as watch, bt as withCtx, et as openBlock, j as createTextVNode, mt as useTemplateRef, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { $ as N8nInputLabel_default, f as N8nIconPicker_default, vn as N8nHeading_default, xn as N8nButton_default, yt as N8nInput_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 { s as createEventBus } from "./truncate-C0KYt7i3.js";
+import { aa as useUIStore, h as useMessage, y as useToast } from "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import "./dialog-lMho1TD8.js";
+import "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import { ei as emptyChatModelsResponse } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import { g as assert, r as useRootStore } from "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./retry-BgHaYzbB.js";
+import "./nodeIcon-D6X-ENYt.js";
+import "./NodeIcon-B9VW6tX6.js";
+import { t as Modal_default } from "./Modal-CIzXlZdZ.js";
+import "./CredentialIcon-8YdTTFZ1.js";
+import { p as TOOLS_SELECTOR_MODAL_KEY } from "./constants-DMrsrpD7.js";
+import { d as personalAgentDefaultIcon, g as fetchChatModelsApi, t as useChatStore, u as isLlmProviderModel } from "./chat.store-290YeyrQ.js";
+import "./fileUtils-CRWqOQje.js";
+import { n as ToolsSelector_default, r as ModelSelector_default, t as useCustomAgent } from "./useCustomAgent-DpILEt5e.js";
+import "./ChatAgentAvatar-50YBnv3N.js";
+var AgentEditorModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AgentEditorModal",
+	props: {
+		modalName: {},
+		data: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const chatStore = useChatStore();
+		const i18n = useI18n();
+		const toast = useToast();
+		const message = useMessage();
+		const uiStore = useUIStore();
+		const modalBus = ref(createEventBus());
+		const { customAgent, isLoading: isLoadingCustomAgent } = useCustomAgent(props.data.agentId);
+		const name = ref("");
+		const description = ref("");
+		const systemPrompt = ref("");
+		const selectedModel = ref(null);
+		const isSaving = ref(false);
+		const isDeleting = ref(false);
+		const isOpened = ref(false);
+		const tools = ref([]);
+		const agents = ref(emptyChatModelsResponse);
+		const isLoadingAgents = ref(false);
+		const nameInputRef = useTemplateRef("nameInput");
+		const icon = ref(personalAgentDefaultIcon);
+		const agentSelectedCredentials = ref({});
+		const credentialIdForSelectedModelProvider = computed(() => selectedModel.value && agentMergedCredentials.value[selectedModel.value.provider]);
+		const selectedAgent = computed(() => selectedModel.value && chatStore.getAgent(selectedModel.value, { name: selectedModel.value.model }));
+		const isEditMode = computed(() => !!props.data.agentId);
+		const isLoadingAgent = computed(() => isEditMode.value && isLoadingCustomAgent.value);
+		const title = computed(() => isEditMode.value ? i18n.baseText("chatHub.agent.editor.title.edit") : i18n.baseText("chatHub.agent.editor.title.new"));
+		const saveButtonLabel = computed(() => isSaving.value ? i18n.baseText("chatHub.agent.editor.saving") : i18n.baseText("chatHub.agent.editor.save"));
+		const isValid = computed(() => {
+			return name.value.trim().length > 0 && systemPrompt.value.trim().length > 0 && selectedModel.value !== null && !!credentialIdForSelectedModelProvider.value;
+		});
+		const agentMergedCredentials = computed(() => {
+			return {
+				...props.data.credentials,
+				...agentSelectedCredentials.value
+			};
+		});
+		const canSelectTools = computed(() => selectedAgent.value?.metadata.capabilities.functionCalling ?? false);
+		modalBus.value.once("opened", () => {
+			isOpened.value = true;
+		});
+		watch(selectedAgent, (agent) => {
+			if (agent && !agent.metadata.capabilities.functionCalling) tools.value = [];
+		}, { immediate: true });
+		watch(customAgent, (agent) => {
+			if (!agent) return;
+			icon.value = agent.icon ?? personalAgentDefaultIcon;
+			name.value = agent.name;
+			description.value = agent.description ?? "";
+			systemPrompt.value = agent.systemPrompt;
+			selectedModel.value = {
+				provider: agent.provider,
+				model: agent.model
+			};
+			tools.value = agent.tools || [];
+			if (agent.credentialId) agentSelectedCredentials.value[agent.provider] = agent.credentialId;
+		}, { immediate: true });
+		watch([
+			isOpened,
+			isLoadingAgent,
+			nameInputRef
+		], ([opened, isLoading, nameInput]) => {
+			if (opened && !isLoading) nameInput?.focus();
+		}, {
+			immediate: true,
+			flush: "post"
+		});
+		watch(agentMergedCredentials, async (credentials) => {
+			if (credentials) {
+				isLoadingAgents.value = true;
+				try {
+					agents.value = await fetchChatModelsApi(useRootStore().restApiContext, { credentials });
+				} finally {
+					isLoadingAgents.value = false;
+				}
+			}
+		}, { immediate: true });
+		function onCredentialSelected(provider, credentialId) {
+			agentSelectedCredentials.value = {
+				...agentSelectedCredentials.value,
+				[provider]: credentialId
+			};
+		}
+		function onModelChange(model) {
+			assert(isLlmProviderModel(model));
+			selectedModel.value = model;
+		}
+		async function onSave() {
+			if (!isValid.value || isSaving.value) return;
+			isSaving.value = true;
+			try {
+				assert(selectedModel.value);
+				assert(credentialIdForSelectedModelProvider.value);
+				const payload = {
+					name: name.value.trim(),
+					description: description.value.trim() || void 0,
+					systemPrompt: systemPrompt.value.trim(),
+					...selectedModel.value,
+					credentialId: credentialIdForSelectedModelProvider.value,
+					tools: tools.value,
+					icon: icon.value
+				};
+				if (isEditMode.value && props.data.agentId) {
+					await chatStore.updateCustomAgent(props.data.agentId, payload, props.data.credentials);
+					toast.showMessage({
+						title: i18n.baseText("chatHub.agent.editor.success.update"),
+						type: "success"
+					});
+				} else {
+					const agent = await chatStore.createCustomAgent(payload, props.data.credentials);
+					props.data.onCreateCustomAgent?.(agent);
+					toast.showMessage({
+						title: i18n.baseText("chatHub.agent.editor.success.create"),
+						type: "success"
+					});
+				}
+				modalBus.value.emit("close");
+			} catch (error) {
+				const errorMessage = error instanceof Error ? error.message : "";
+				toast.showError(error, i18n.baseText("chatHub.agent.editor.error.save"), errorMessage);
+			} finally {
+				isSaving.value = false;
+			}
+		}
+		async function onDelete() {
+			if (!isEditMode.value || !props.data.agentId || isDeleting.value) return;
+			if (await message.confirm(i18n.baseText("chatHub.agent.editor.delete.confirm.message"), i18n.baseText("chatHub.agent.editor.delete.confirm.title"), {
+				confirmButtonText: i18n.baseText("chatHub.agent.editor.delete.confirm.button"),
+				cancelButtonText: i18n.baseText("chatHub.agent.editor.delete.cancel.button"),
+				type: "warning"
+			}) !== "confirm") return;
+			isDeleting.value = true;
+			try {
+				await chatStore.deleteCustomAgent(props.data.agentId, props.data.credentials);
+				toast.showMessage({
+					title: i18n.baseText("chatHub.agent.editor.success.delete"),
+					type: "success"
+				});
+				props.data.onClose?.();
+				modalBus.value.emit("close");
+			} catch (error) {
+				const errorMessage = error instanceof Error ? error.message : "";
+				toast.showError(error, i18n.baseText("chatHub.agent.editor.error.delete"), errorMessage);
+			} finally {
+				isDeleting.value = false;
+			}
+		}
+		function onSelectTools() {
+			uiStore.openModalWithData({
+				name: TOOLS_SELECTOR_MODAL_KEY,
+				data: {
+					selected: tools.value,
+					onConfirm: (newTools) => {
+						tools.value = newTools;
+					}
+				}
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Modal_default, {
+				name: _ctx.modalName,
+				"event-bus": modalBus.value,
+				width: "600px",
+				center: true,
+				loading: isLoadingAgent.value,
+				"max-width": "90%",
+				"min-height": "400px"
+			}, {
+				header: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createVNode(unref(N8nHeading_default), {
+					tag: "h2",
+					size: "large"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(title.value), 1)]),
+					_: 1
+				}), isEditMode.value ? (openBlock(), createBlock(unref(N8nButton_default), {
+					key: 0,
+					type: "secondary",
+					icon: "trash-2",
+					disabled: isDeleting.value,
+					loading: isDeleting.value,
+					onClick: onDelete
+				}, null, 8, ["disabled", "loading"])) : createCommentVNode("", true)], 2)]),
+				content: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [
+					createVNode(unref(N8nInputLabel_default), {
+						"input-name": "agent-name",
+						label: unref(i18n).baseText("chatHub.agent.editor.name.label"),
+						required: true
+					}, {
+						default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.agentName) }, [createVNode(unref(N8nIconPicker_default), {
+							modelValue: icon.value,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => icon.value = $event),
+							"button-tooltip": unref(i18n).baseText("chatHub.agent.editor.iconPicker.button.tooltip")
+						}, null, 8, ["modelValue", "button-tooltip"]), createVNode(unref(N8nInput_default), {
+							id: "agent-name",
+							ref: "nameInput",
+							modelValue: name.value,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => name.value = $event),
+							placeholder: unref(i18n).baseText("chatHub.agent.editor.name.placeholder"),
+							maxlength: 128,
+							class: normalizeClass(_ctx.$style.agentNameInput)
+						}, null, 8, [
+							"modelValue",
+							"placeholder",
+							"class"
+						])], 2)]),
+						_: 1
+					}, 8, ["label"]),
+					createVNode(unref(N8nInputLabel_default), {
+						"input-name": "agent-description",
+						label: unref(i18n).baseText("chatHub.agent.editor.description.label")
+					}, {
+						default: withCtx(() => [createVNode(unref(N8nInput_default), {
+							id: "agent-description",
+							modelValue: description.value,
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => description.value = $event),
+							type: "textarea",
+							placeholder: unref(i18n).baseText("chatHub.agent.editor.description.placeholder"),
+							maxlength: 512,
+							rows: 3,
+							class: normalizeClass(_ctx.$style.input)
+						}, null, 8, [
+							"modelValue",
+							"placeholder",
+							"class"
+						])]),
+						_: 1
+					}, 8, ["label"]),
+					createVNode(unref(N8nInputLabel_default), {
+						"input-name": "agent-system-prompt",
+						label: unref(i18n).baseText("chatHub.agent.editor.systemPrompt.label"),
+						required: true
+					}, {
+						default: withCtx(() => [createVNode(unref(N8nInput_default), {
+							id: "agent-system-prompt",
+							modelValue: systemPrompt.value,
+							"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => systemPrompt.value = $event),
+							type: "textarea",
+							placeholder: unref(i18n).baseText("chatHub.agent.editor.systemPrompt.placeholder"),
+							rows: 6,
+							class: normalizeClass(_ctx.$style.input)
+						}, null, 8, [
+							"modelValue",
+							"placeholder",
+							"class"
+						])]),
+						_: 1
+					}, 8, ["label"]),
+					createBaseVNode("div", { class: normalizeClass(_ctx.$style.row) }, [createVNode(unref(N8nInputLabel_default), {
+						"input-name": "agent-model",
+						class: normalizeClass(_ctx.$style.input),
+						label: unref(i18n).baseText("chatHub.agent.editor.model.label"),
+						required: true
+					}, {
+						default: withCtx(() => [createVNode(ModelSelector_default, {
+							"selected-agent": selectedAgent.value,
+							"include-custom-agents": false,
+							credentials: agentMergedCredentials.value,
+							agents: agents.value,
+							"is-loading": isLoadingAgents.value,
+							"warn-missing-credentials": "",
+							onChange: onModelChange,
+							onSelectCredential: onCredentialSelected
+						}, null, 8, [
+							"selected-agent",
+							"credentials",
+							"agents",
+							"is-loading"
+						])]),
+						_: 1
+					}, 8, ["class", "label"]), createVNode(unref(N8nInputLabel_default), {
+						"input-name": "agent-model",
+						class: normalizeClass(_ctx.$style.input),
+						label: unref(i18n).baseText("chatHub.agent.editor.tools.label"),
+						required: false
+					}, {
+						default: withCtx(() => [createBaseVNode("div", null, [createVNode(ToolsSelector_default, {
+							disabled: !canSelectTools.value,
+							"disabled-tooltip": canSelectTools.value ? void 0 : unref(i18n).baseText("chatHub.tools.selector.disabled.tooltip"),
+							selected: tools.value,
+							onClick: onSelectTools
+						}, null, 8, [
+							"disabled",
+							"disabled-tooltip",
+							"selected"
+						])])]),
+						_: 1
+					}, 8, ["class", "label"])], 2)
+				], 2)]),
+				footer: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.footer) }, [createVNode(unref(N8nButton_default), {
+					type: "secondary",
+					onClick: _cache[4] || (_cache[4] = ($event) => modalBus.value.emit("close"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.tools.editor.cancel")), 1)]),
+					_: 1
+				}), createVNode(unref(N8nButton_default), {
+					type: "primary",
+					disabled: !isValid.value || isSaving.value,
+					onClick: onSave
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(saveButtonLabel.value), 1)]),
+					_: 1
+				}, 8, ["disabled"])], 2)]),
+				_: 1
+			}, 8, [
+				"name",
+				"event-bus",
+				"loading"
+			]);
+		};
+	}
+});
+var AgentEditorModal_vue_vue_type_style_index_0_lang_module_default = {
+	header: "_header_8gx01_123",
+	content: "_content_8gx01_131",
+	input: "_input_8gx01_138",
+	agentName: "_agentName_8gx01_142",
+	agentNameInput: "_agentNameInput_8gx01_148",
+	row: "_row_8gx01_152",
+	footer: "_footer_8gx01_158"
+};
+var AgentEditorModal_default = /* @__PURE__ */ __plugin_vue_export_helper_default(AgentEditorModal_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": AgentEditorModal_vue_vue_type_style_index_0_lang_module_default }]]);
+export { AgentEditorModal_default as default };

package/dist/assets/Alert-Dy86dyOr.js

@@ -0,0 +1,102 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, P as defineComponent, T as createBlock, at as renderSlot, c as useCssModule, et as openBlock, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { Cn as N8nIcon_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+var Alert_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Alert",
+	props: {
+		title: {},
+		type: { default: "info" },
+		description: {},
+		center: { type: Boolean },
+		showIcon: {
+			type: Boolean,
+			default: true
+		},
+		effect: { default: "light" },
+		background: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const icon$1 = computed(() => {
+			switch (props.type) {
+				case "success": return "circle-check";
+				case "warning": return "triangle-alert";
+				case "error": return "circle-x";
+				default: return "info";
+			}
+		});
+		const $style = useCssModule();
+		const alertBoxClassNames = computed(() => {
+			const classNames = ["n8n-alert", $style.alert];
+			if (props.type) classNames.push($style[props.type]);
+			if (props.effect) classNames.push($style[props.effect]);
+			if (props.center) classNames.push($style.center);
+			if (props.background) classNames.push($style.background);
+			return classNames;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(alertBoxClassNames.value),
+				role: "alert"
+			}, [createBaseVNode("div", { class: normalizeClass(unref($style).content) }, [_ctx.showIcon || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(unref($style).icon)
+			}, [_ctx.showIcon ? (openBlock(), createBlock(unref(N8nIcon_default), {
+				key: 0,
+				icon: icon$1.value
+			}, null, 8, ["icon"])) : _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 1 }) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createBaseVNode("div", { class: normalizeClass(unref($style).text) }, [_ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref($style).title)
+			}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(_ctx.title), 1)])], 2)) : createCommentVNode("", true), _ctx.$slots.default || _ctx.description ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass({
+					[unref($style).description]: true,
+					[unref($style).hasTitle]: _ctx.$slots.title || _ctx.title
+				})
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.description), 1)])], 2)) : createCommentVNode("", true)], 2)], 2), _ctx.$slots.aside ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref($style).aside)
+			}, [renderSlot(_ctx.$slots, "aside")], 2)) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+const alert = "_alert_1o6w1_123";
+const center = "_center_1o6w1_132";
+const success = "_success_1o6w1_135";
+const light = "_light_1o6w1_135";
+const background = "_background_1o6w1_138";
+const dark = "_dark_1o6w1_145";
+const info = "_info_1o6w1_155";
+const warning = "_warning_1o6w1_175";
+const error = "_error_1o6w1_195";
+const content = "_content_1o6w1_216";
+const icon = "_icon_1o6w1_221";
+const text = "_text_1o6w1_229";
+const title = "_title_1o6w1_235";
+const description = "_description_1o6w1_241";
+const hasTitle = "_hasTitle_1o6w1_244";
+const aside = "_aside_1o6w1_248";
+var Alert_vue_vue_type_style_index_0_lang_module_default = {
+	alert,
+	center,
+	success,
+	light,
+	background,
+	"el-alert__description": "_el-alert__description_1o6w1_142",
+	dark,
+	info,
+	warning,
+	error,
+	content,
+	icon,
+	text,
+	title,
+	description,
+	hasTitle,
+	aside
+};
+var Alert_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Alert_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": Alert_vue_vue_type_style_index_0_lang_module_default }]]);
+export { Alert_default as t };

package/dist/assets/AnimatedSpinner-DmPN4poP.js

@@ -0,0 +1,15 @@
+import { A as createStaticVNode, D as createElementBlock, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+var _sfc_main = {};
+var _hoisted_1 = {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 14 14",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [createStaticVNode("<g data-v-5d3fc1df><path d=\"M7 0L7 3\" stroke=\"currentColor\" stroke-width=\"2\" class=\"line one\" data-v-5d3fc1df></path><path d=\"M11.9497 2.05031L9.82837 4.17163\" stroke=\"currentColor\" stroke-width=\"2\" class=\"line two\" data-v-5d3fc1df></path><path d=\"M14 7L11 7\" stroke=\"currentColor\" stroke-width=\"2\" class=\"line three\" data-v-5d3fc1df></path><path d=\"M11.9497 11.9497L9.82839 9.82839\" stroke=\"currentColor\" stroke-width=\"2\" class=\"line four\" data-v-5d3fc1df></path><path d=\"M7 14L7 11\" stroke=\"currentColor\" stroke-width=\"2\" class=\"line five\" data-v-5d3fc1df></path><path d=\"M0 7L3 7\" stroke=\"currentColor\" stroke-width=\"2\" class=\"line seven\" data-v-5d3fc1df></path><path d=\"M2.05031 2.05031L4.17163 4.17163\" stroke=\"currentColor\" stroke-width=\"2\" class=\"line eight\" data-v-5d3fc1df></path><path d=\"M2.05029 11.9497L4.17161 9.82839\" stroke=\"currentColor\" stroke-width=\"2\" class=\"line six\" data-v-5d3fc1df></path></g>", 1)]));
+}
+var AnimatedSpinner_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5d3fc1df"]]);
+export { AnimatedSpinner_default as t };

package/dist/assets/AnnotationTagsDropdown.ee-BJ7N9lek.js

@@ -0,0 +1,71 @@
+import { C as computed, P as defineComponent, T as createBlock, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { Vn as useAnnotationTagsStore, aa as useUIStore, rs as ANNOTATION_TAGS_MANAGER_MODAL_KEY } from "./builder.store-Czk2ipDE.js";
+import { t as TagsDropdown_default } from "./TagsDropdown-Bvx_Hd6Q.js";
+var AnnotationTagsDropdown_ee_default = /* @__PURE__ */ defineComponent({
+	__name: "AnnotationTagsDropdown.ee",
+	props: {
+		placeholder: { default: "" },
+		modelValue: { default: () => [] },
+		createEnabled: {
+			type: Boolean,
+			default: false
+		},
+		eventBus: { default: null }
+	},
+	emits: [
+		"update:modelValue",
+		"esc",
+		"blur"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const tagsStore = useAnnotationTagsStore();
+		const uiStore = useUIStore();
+		const selectedTags = computed({
+			get: () => props.modelValue,
+			set: (value) => emit("update:modelValue", value)
+		});
+		const allTags = computed(() => tagsStore.allTags);
+		const isLoading = computed(() => tagsStore.isLoading);
+		const tagsById = computed(() => tagsStore.tagsById);
+		async function createTag(name) {
+			return await tagsStore.create(name);
+		}
+		function handleManageTags() {
+			uiStore.openModal(ANNOTATION_TAGS_MANAGER_MODAL_KEY);
+		}
+		function handleEsc() {
+			emit("esc");
+		}
+		function handleBlur() {
+			emit("blur");
+		}
+		tagsStore.fetchAll();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(TagsDropdown_default, {
+				modelValue: selectedTags.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTags.value = $event),
+				placeholder: _ctx.placeholder,
+				"create-enabled": _ctx.createEnabled,
+				"event-bus": _ctx.eventBus,
+				"all-tags": allTags.value,
+				"is-loading": isLoading.value,
+				"tags-by-id": tagsById.value,
+				"create-tag": createTag,
+				onManageTags: handleManageTags,
+				onEsc: handleEsc,
+				onBlur: handleBlur
+			}, null, 8, [
+				"modelValue",
+				"placeholder",
+				"create-enabled",
+				"event-bus",
+				"all-tags",
+				"is-loading",
+				"tags-by-id"
+			]);
+		};
+	}
+});
+export { AnnotationTagsDropdown_ee_default as t };

package/dist/assets/AuthView-D2LWHrMp.js

@@ -0,0 +1,106 @@
+import { Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, T as createBlock, W as mergeProps, 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 { I as N8nLogo_default, V as N8nFormBox_default, bn as N8nText_default, xn as N8nButton_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { ms as useSettingsStore, y as useToast } from "./builder.store-Czk2ipDE.js";
+import { _ as useRoute } from "./get-BcEmeOxn.js";
+import { n as useSSOStore } from "./sso.store-DyApJwhx.js";
+var SSOLogin_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SSOLogin",
+	setup(__props) {
+		const i18n = useI18n();
+		const ssoStore = useSSOStore();
+		const toast = useToast();
+		const route = useRoute();
+		const onSSOLogin = async () => {
+			try {
+				const redirectUrl = ssoStore.isDefaultAuthenticationSaml ? await ssoStore.getSSORedirectUrl(typeof route.query?.redirect === "string" ? route.query.redirect : "") : ssoStore.oidc.loginUrl;
+				window.location.href = redirectUrl ?? "";
+			} catch (error) {
+				toast.showError(error, "Error", error.message);
+			}
+		};
+		return (_ctx, _cache) => {
+			return unref(ssoStore).showSsoLoginButton ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(_ctx.$style.ssoLogin)
+			}, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.divider) }, [createBaseVNode("span", null, toDisplayString(unref(i18n).baseText("sso.login.divider")), 1)], 2), createVNode(unref(N8nButton_default), {
+				size: "large",
+				type: "primary",
+				outline: "",
+				label: unref(i18n).baseText("sso.login.button"),
+				onClick: onSSOLogin
+			}, null, 8, ["label"])], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+var SSOLogin_vue_vue_type_style_index_0_lang_module_default = {
+	ssoLogin: "_ssoLogin_8gepk_123",
+	divider: "_divider_8gepk_127"
+};
+var SSOLogin_default = /* @__PURE__ */ __plugin_vue_export_helper_default(SSOLogin_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": SSOLogin_vue_vue_type_style_index_0_lang_module_default }]]);
+var AuthView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AuthView",
+	props: {
+		form: {},
+		formLoading: {
+			type: Boolean,
+			default: false
+		},
+		subtitle: {},
+		withSso: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"update",
+		"submit",
+		"secondaryClick"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const onUpdate = (e) => {
+			emit("update", e);
+		};
+		const onSubmit = (data) => {
+			emit("submit", data);
+		};
+		const onSecondaryClick = () => {
+			emit("secondaryClick");
+		};
+		const { settings: { releaseChannel } } = useSettingsStore();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [
+				createVNode(unref(N8nLogo_default), {
+					size: "large",
+					"release-channel": unref(releaseChannel)
+				}, null, 8, ["release-channel"]),
+				_ctx.subtitle ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(_ctx.$style.textContainer)
+				}, [createVNode(unref(N8nText_default), { size: "large" }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.subtitle), 1)]),
+					_: 1
+				})], 2)) : createCommentVNode("", true),
+				createBaseVNode("div", { class: normalizeClass(_ctx.$style.formContainer) }, [createVNode(unref(N8nFormBox_default), mergeProps(_ctx.form, {
+					"data-test-id": "auth-form",
+					"button-loading": _ctx.formLoading,
+					onSecondaryClick,
+					onSubmit,
+					onUpdate
+				}), {
+					default: withCtx(() => [_ctx.withSso ? (openBlock(), createBlock(SSOLogin_default, { key: 0 })) : createCommentVNode("", true)]),
+					_: 1
+				}, 16, ["button-loading"])], 2)
+			], 2);
+		};
+	}
+});
+var AuthView_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_nroon_127",
+	textContainer: "_textContainer_nroon_137",
+	formContainer: "_formContainer_nroon_141"
+};
+var AuthView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(AuthView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": AuthView_vue_vue_type_style_index_0_lang_module_default }]]);
+export { AuthView_default as t };