@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/TextWithHighlights-BxumwGnv.js

@@ -0,0 +1,57 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, P as defineComponent, _ as Fragment, et as openBlock, it as renderList, j as createTextVNode, vn as normalizeClass } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+function splitTextBySearch(text, search) {
+	if (!search) return [{
+		isMatched: false,
+		content: text
+	}];
+	const escapeRegExp = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	const pattern = new RegExp(`(${escapeRegExp(search)})`, "i");
+	return text.split(pattern).map((part) => ({
+		isMatched: pattern.test(part),
+		content: part
+	})).filter((part) => part.content !== "");
+}
+var _hoisted_1 = { key: 0 };
+var _hoisted_2 = ["textContent"];
+var TextWithHighlights_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TextWithHighlights",
+	props: {
+		content: { type: [
+			String,
+			Object,
+			Number,
+			Boolean,
+			null
+		] },
+		search: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const parts = computed(() => {
+			return props.search && typeof props.content === "string" ? splitTextBySearch(props.content, props.search) : [];
+		});
+		return (_ctx, _cache) => {
+			return parts.value.length && typeof props.content === "string" ? (openBlock(), createElementBlock("span", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(parts.value, (part, index) => {
+				return openBlock(), createElementBlock(Fragment, null, [part.isMatched && part.content ? (openBlock(), createElementBlock("mark", { key: `mark-${index}` }, toDisplayString(part.content), 1)) : part.content ? (openBlock(), createElementBlock("span", { key: `span-${index}` }, toDisplayString(part.content), 1)) : createCommentVNode("", true)], 64);
+			}), 256))])) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(_ctx.$style.content)
+			}, [typeof props.content === "string" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.content.split("\n"), (line, index) => {
+				return openBlock(), createElementBlock("span", { key: `line-${index}` }, [index > 0 ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(_ctx.$style.newLine)
+				}, "\\n", 2)) : createCommentVNode("", true), createTextVNode(toDisplayString(line), 1)]);
+			}), 128)) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				textContent: toDisplayString(props.content)
+			}, null, 8, _hoisted_2))], 2));
+		};
+	}
+});
+var TextWithHighlights_vue_vue_type_style_index_0_lang_module_default = {
+	content: "_content_90cst_123",
+	newLine: "_newLine_90cst_123"
+};
+var TextWithHighlights_default = /* @__PURE__ */ __plugin_vue_export_helper_default(TextWithHighlights_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": TextWithHighlights_vue_vue_type_style_index_0_lang_module_default }]]);
+export { splitTextBySearch as n, TextWithHighlights_default as t };

package/dist/assets/TimeAgo-C6EN4lCs.js

@@ -0,0 +1,123 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, P as defineComponent, et as openBlock, q as onBeforeMount } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { zi as convertToHumanReadableDate } from "./builder.store-Czk2ipDE.js";
+import { r as useRootStore } from "./_baseOrderBy-N8Be_6z6.js";
+var EN_US = [
+	"second",
+	"minute",
+	"hour",
+	"day",
+	"week",
+	"month",
+	"year"
+];
+function en_US_default(diff, idx) {
+	if (idx === 0) return ["just now", "right now"];
+	var unit = EN_US[Math.floor(idx / 2)];
+	if (diff > 1) unit += "s";
+	return [diff + " " + unit + " ago", "in " + diff + " " + unit];
+}
+var ZH_CN = [
+	"秒",
+	"分钟",
+	"小时",
+	"天",
+	"周",
+	"个月",
+	"年"
+];
+function zh_CN_default(diff, idx) {
+	if (idx === 0) return ["刚刚", "片刻后"];
+	var unit = ZH_CN[~~(idx / 2)];
+	return [diff + " " + unit + "前", diff + " " + unit + "后"];
+}
+var Locales = {};
+var register = function(locale, func) {
+	Locales[locale] = func;
+};
+var getLocale = function(locale) {
+	return Locales[locale] || Locales["en_US"];
+};
+var SEC_ARRAY = [
+	60,
+	60,
+	24,
+	7,
+	365 / 7 / 12,
+	12
+];
+function toDate(input) {
+	if (input instanceof Date) return input;
+	if (!isNaN(input) || /^\d+$/.test(input)) return new Date(parseInt(input));
+	input = (input || "").trim().replace(/\.\d+/, "").replace(/-/, "/").replace(/-/, "/").replace(/(\d)T(\d)/, "$1 $2").replace(/Z/, " UTC").replace(/([+-]\d\d):?(\d\d)/, " $1$2");
+	return new Date(input);
+}
+function formatDiff(diff, localeFunc) {
+	var agoIn = diff < 0 ? 1 : 0;
+	diff = Math.abs(diff);
+	var totalSec = diff;
+	var idx = 0;
+	for (; diff >= SEC_ARRAY[idx] && idx < SEC_ARRAY.length; idx++) diff /= SEC_ARRAY[idx];
+	diff = Math.floor(diff);
+	idx *= 2;
+	if (diff > (idx === 0 ? 9 : 1)) idx += 1;
+	return localeFunc(diff, idx, totalSec)[agoIn].replace("%s", diff.toString());
+}
+function diffSec(date, relativeDate) {
+	return (+(relativeDate ? toDate(relativeDate) : /* @__PURE__ */ new Date()) - +toDate(date)) / 1e3;
+}
+var format = function(date, locale, opts) {
+	return formatDiff(diffSec(date, opts && opts.relativeDate), getLocale(locale));
+};
+register("en_US", en_US_default);
+register("zh_CN", zh_CN_default);
+var _hoisted_1 = ["title"];
+var TimeAgo_default = /* @__PURE__ */ defineComponent({
+	__name: "TimeAgo",
+	props: {
+		date: {},
+		capitalize: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootStore = useRootStore();
+		const i18n = useI18n();
+		const defaultLocale = computed(() => rootStore.defaultLocale);
+		const formatted = computed(() => {
+			const text = format(props.date, defaultLocale.value);
+			if (!props.capitalize) return text.toLowerCase();
+			return text;
+		});
+		const convertDate = computed(() => {
+			return convertToHumanReadableDate(new Date(props.date).getTime());
+		});
+		onBeforeMount(() => {
+			register(defaultLocale.value, localeFunc);
+		});
+		function localeFunc(_, index) {
+			return [
+				[i18n.baseText("timeAgo.justNow"), i18n.baseText("timeAgo.rightNow")],
+				[i18n.baseText("timeAgo.justNow"), i18n.baseText("timeAgo.rightNow")],
+				[i18n.baseText("timeAgo.oneMinuteAgo"), i18n.baseText("timeAgo.inOneMinute")],
+				[i18n.baseText("timeAgo.minutesAgo"), i18n.baseText("timeAgo.inMinutes")],
+				[i18n.baseText("timeAgo.oneHourAgo"), i18n.baseText("timeAgo.inOneHour")],
+				[i18n.baseText("timeAgo.hoursAgo"), i18n.baseText("timeAgo.inHours")],
+				[i18n.baseText("timeAgo.oneDayAgo"), i18n.baseText("timeAgo.inOneDay")],
+				[i18n.baseText("timeAgo.daysAgo"), i18n.baseText("timeAgo.inDays")],
+				[i18n.baseText("timeAgo.oneWeekAgo"), i18n.baseText("timeAgo.inOneWeek")],
+				[i18n.baseText("timeAgo.weeksAgo"), i18n.baseText("timeAgo.inWeeks")],
+				[i18n.baseText("timeAgo.oneMonthAgo"), i18n.baseText("timeAgo.inOneMonth")],
+				[i18n.baseText("timeAgo.monthsAgo"), i18n.baseText("timeAgo.inMonths")],
+				[i18n.baseText("timeAgo.oneYearAgo"), i18n.baseText("timeAgo.inOneYear")],
+				[i18n.baseText("timeAgo.yearsAgo"), i18n.baseText("timeAgo.inYears")]
+			][index];
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { title: convertDate.value }, toDisplayString(formatted.value), 9, _hoisted_1);
+		};
+	}
+});
+export { TimeAgo_default as t };

package/dist/assets/ToolsSelectorModal-8QJoUvRL.js

@@ -0,0 +1,368 @@
+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, Z as onMounted, _ 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 } from "./core-CRbPymLT.js";
+import { Cn as N8nIcon_default, J as N8nSelect_default, Tt as ElSwitch, Y as N8nOption_default, bn as N8nText_default, ht as N8nTooltip_default, vn as N8nHeading_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 { s as createEventBus } from "./truncate-C0KYt7i3.js";
+import { Pt as useNodeTypesStore, Zn as useProjectsStore, _n as useCredentialsStore, aa as useUIStore, k as useTelemetry, us as v4_default } 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 { Oo as getResourcePermissions, do as SERP_API_TOOL_NODE_TYPE, oo as JINA_AI_TOOL_NODE_TYPE, wa as deepCopy } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./nodeIcon-D6X-ENYt.js";
+import { t as NodeIcon_default } from "./NodeIcon-B9VW6tX6.js";
+import { t as Modal_default } from "./Modal-CIzXlZdZ.js";
+const AVAILABLE_TOOLS = {
+	[SERP_API_TOOL_NODE_TYPE]: {
+		name: "SerpApi",
+		description: "Use SerpApi to search the web for relevant information.",
+		credentialType: "serpApi",
+		tools: [{
+			title: "Google Search",
+			node: {
+				parameters: { options: {} },
+				type: SERP_API_TOOL_NODE_TYPE,
+				typeVersion: 1,
+				position: [0, 0],
+				id: v4_default(),
+				name: "SerpApi Google Search"
+			}
+		}]
+	},
+	[JINA_AI_TOOL_NODE_TYPE]: {
+		name: "Jina AI",
+		description: "Use Jina AI to search the web for relevant information.",
+		credentialType: "jinaAiApi",
+		tools: [{
+			title: "Access Web",
+			node: {
+				parameters: {
+					resource: "reader",
+					operation: "read",
+					url: "={{ /*n8n-auto-generated-fromAI-override*/ $fromAI('URL', ``, 'string') }}",
+					options: {},
+					requestOptions: {}
+				},
+				type: JINA_AI_TOOL_NODE_TYPE,
+				typeVersion: 1,
+				position: [0, 0],
+				id: v4_default(),
+				name: "Read URL content in Jina AI"
+			}
+		}, {
+			title: "Web Search",
+			node: {
+				parameters: {
+					resource: "reader",
+					operation: "search",
+					searchQuery: "={{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Search_Query', ``, 'string') }}",
+					simplify: "={{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Simplify', ``, 'boolean') }}",
+					options: {},
+					requestOptions: {}
+				},
+				type: JINA_AI_TOOL_NODE_TYPE,
+				typeVersion: 1,
+				position: [0, 0],
+				id: v4_default(),
+				name: "Search web in Jina AI"
+			}
+		}]
+	}
+};
+var ToolsSelectorModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToolsSelectorModal",
+	props: {
+		modalName: {},
+		data: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const i18n = useI18n();
+		const modalBus = ref(createEventBus());
+		const credentialsStore = useCredentialsStore();
+		const nodeTypesStore = useNodeTypesStore();
+		const projectStore = useProjectsStore();
+		const uiStore = useUIStore();
+		const telemetry = useTelemetry();
+		const canCreateCredentials = computed(() => {
+			return getResourcePermissions(projectStore.personalProject?.scopes).credential.create;
+		});
+		const selectedByProvider = ref({
+			[SERP_API_TOOL_NODE_TYPE]: /* @__PURE__ */ new Set(),
+			[JINA_AI_TOOL_NODE_TYPE]: /* @__PURE__ */ new Set()
+		});
+		const credentialIdByProvider = ref({
+			[SERP_API_TOOL_NODE_TYPE]: null,
+			[JINA_AI_TOOL_NODE_TYPE]: null
+		});
+		function resetSelections() {
+			selectedByProvider.value = {
+				[SERP_API_TOOL_NODE_TYPE]: /* @__PURE__ */ new Set(),
+				[JINA_AI_TOOL_NODE_TYPE]: /* @__PURE__ */ new Set()
+			};
+			credentialIdByProvider.value = {
+				[SERP_API_TOOL_NODE_TYPE]: null,
+				[JINA_AI_TOOL_NODE_TYPE]: null
+			};
+		}
+		function restoreFromInitial(nodes) {
+			resetSelections();
+			const toolsByProvider = /* @__PURE__ */ new Map();
+			Object.entries(AVAILABLE_TOOLS).forEach(([key, p]) => {
+				toolsByProvider.set(key, new Set(p.tools.map((t) => t.node.name)));
+			});
+			for (const node of nodes) {
+				const providerKey = node.type;
+				const provider$1 = AVAILABLE_TOOLS[providerKey];
+				if (!provider$1) continue;
+				if (!toolsByProvider.get(providerKey)?.has(node.name)) continue;
+				selectedByProvider.value[providerKey].add(node.name);
+				if (provider$1.credentialType) {
+					const credentialId = node.credentials?.[provider$1.credentialType].id;
+					if (credentialId && typeof credentialId === "string" && !credentialIdByProvider.value[providerKey]) credentialIdByProvider.value[providerKey] = credentialId;
+				}
+			}
+			selectedByProvider.value = { ...selectedByProvider.value };
+			credentialIdByProvider.value = { ...credentialIdByProvider.value };
+		}
+		function getAvailableCredentials(toolNodeType) {
+			const provider$1 = AVAILABLE_TOOLS[toolNodeType];
+			if (!provider$1.credentialType) return [];
+			return credentialsStore.getCredentialsByType(provider$1.credentialType);
+		}
+		const providers = computed(() => {
+			return Object.entries(AVAILABLE_TOOLS);
+		});
+		const selectedCount = computed(() => {
+			return providers.value.reduce((acc, [key]) => acc + (selectedByProvider.value[key]?.size ?? 0), 0);
+		});
+		const getNodeIcon = (nodeType) => {
+			return nodeTypesStore.getNodeType(nodeType);
+		};
+		function toggleTool(providerKey, toolId, value) {
+			const enabled = typeof value === "boolean" ? value : Boolean(value);
+			if (!selectedByProvider.value[providerKey]) selectedByProvider.value[providerKey] = /* @__PURE__ */ new Set();
+			const set = selectedByProvider.value[providerKey];
+			if (enabled) set.add(toolId);
+			else set.delete(toolId);
+			selectedByProvider.value = { ...selectedByProvider.value };
+		}
+		function onCredentialSelect(providerKey, id) {
+			credentialIdByProvider.value[providerKey] = id;
+		}
+		function onCreateNewCredential(providerKey) {
+			const provider$1 = AVAILABLE_TOOLS[providerKey];
+			if (!provider$1.credentialType) return;
+			telemetry.track("User opened Credential modal", {
+				credential_type: provider$1.credentialType,
+				source: "chat",
+				new_credential: true,
+				workflow_id: null
+			});
+			uiStore.openNewCredential(provider$1.credentialType);
+		}
+		const isMissingCredentials = computed(() => {
+			for (const [providerKey, provider$1] of providers.value) {
+				const selectedIds = selectedByProvider.value[providerKey];
+				if (!selectedIds || selectedIds.size === 0) continue;
+				if (provider$1.credentialType) {
+					if (!credentialIdByProvider.value[providerKey]) return true;
+				}
+			}
+			return false;
+		});
+		function handleConfirm() {
+			const tools = [];
+			for (const [providerKey, provider$1] of providers.value) {
+				const selected = selectedByProvider.value[providerKey];
+				if (!selected || selected.size === 0) continue;
+				const pickedId = credentialIdByProvider.value[providerKey] ?? null;
+				let credential;
+				if (provider$1.credentialType && pickedId) credential = getAvailableCredentials(providerKey).find((c) => c.id === pickedId);
+				for (const toolName of selected) {
+					const tool = provider$1.tools.find((t) => t.node.name === toolName);
+					if (!tool) continue;
+					const node = deepCopy(tool.node);
+					if (provider$1.credentialType && credential) {
+						node.credentials = node.credentials ?? {};
+						node.credentials[provider$1.credentialType] = {
+							id: credential.id,
+							name: credential.name
+						};
+					}
+					tools.push(node);
+				}
+			}
+			props.data.onConfirm(tools);
+			modalBus.value.emit("close");
+		}
+		function onCancel() {
+			modalBus.value.emit("close");
+		}
+		watch(() => props.data.selected, (toolNodes) => {
+			if (toolNodes?.length > 0) restoreFromInitial(toolNodes);
+			else resetSelections();
+		}, { immediate: true });
+		onMounted(async () => {
+			await nodeTypesStore.loadNodeTypesIfNotLoaded();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Modal_default, {
+				name: _ctx.modalName,
+				"event-bus": modalBus.value,
+				width: "50%",
+				"max-width": "720px",
+				"min-height": "340px",
+				center: true
+			}, {
+				header: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createVNode(unref(N8nIcon_default), {
+					icon: "settings2",
+					size: 24
+				}), createVNode(unref(N8nHeading_default), {
+					size: "large",
+					color: "text-dark"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.tools.editor.title")), 1)]),
+					_: 1
+				})], 2)]),
+				content: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(providers.value, ([key, provider$1]) => {
+					return openBlock(), createElementBlock("div", {
+						key,
+						class: normalizeClass(_ctx.$style.provider)
+					}, [
+						createBaseVNode("div", { class: normalizeClass(_ctx.$style.providerHeader) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.providerTitle) }, [createVNode(NodeIcon_default, {
+							"node-type": getNodeIcon(key),
+							size: 18
+						}, null, 8, ["node-type"]), createVNode(unref(N8nHeading_default), {
+							color: "text-dark",
+							size: "medium"
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(provider$1.name), 1)]),
+							_: 2
+						}, 1024)], 2), createVNode(unref(N8nText_default), {
+							size: "small",
+							color: "text-base"
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(provider$1.description), 1)]),
+							_: 2
+						}, 1024)], 2),
+						provider$1.credentialType ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(_ctx.$style.row)
+						}, [createVNode(unref(N8nText_default), {
+							size: "small",
+							color: "text-base"
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.tools.editor.credential")), 1)]),
+							_: 1
+						}), createBaseVNode("div", { class: normalizeClass(_ctx.$style.credentials) }, [createVNode(unref(N8nSelect_default), {
+							"model-value": credentialIdByProvider.value[key] ?? null,
+							size: "large",
+							placeholder: unref(i18n).baseText("chatHub.tools.editor.credential.placeholder"),
+							"onUpdate:modelValue": ($event) => onCredentialSelect(key, $event)
+						}, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(getAvailableCredentials(key), (c) => {
+								return openBlock(), createBlock(unref(N8nOption_default), {
+									key: c.id,
+									value: c.id,
+									label: c.name
+								}, null, 8, ["value", "label"]);
+							}), 128))]),
+							_: 2
+						}, 1032, [
+							"model-value",
+							"placeholder",
+							"onUpdate:modelValue"
+						]), createVNode(unref(N8nTooltip_default), {
+							placement: "left",
+							disabled: canCreateCredentials.value,
+							content: unref(i18n).baseText("chatHub.tools.editor.credential.createNew.permissionDenied")
+						}, {
+							default: withCtx(() => [createVNode(unref(N8nButton_default), {
+								size: "medium",
+								type: "secondary",
+								disabled: !canCreateCredentials.value,
+								onClick: ($event) => onCreateNewCredential(key)
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.tools.editor.credential.createNew")), 1)]),
+								_: 2
+							}, 1032, ["disabled", "onClick"])]),
+							_: 2
+						}, 1032, ["disabled", "content"])], 2)], 2)) : createCommentVNode("", true),
+						createBaseVNode("div", { class: normalizeClass(_ctx.$style.toolsList) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(provider$1.tools, (tool) => {
+							return openBlock(), createElementBlock("div", {
+								key: tool.node.id,
+								class: normalizeClass(_ctx.$style.toolRow)
+							}, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.toolInfo) }, [createVNode(unref(N8nText_default), {
+								size: "medium",
+								bold: "",
+								color: "text-base"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(tool.title || tool.node.name), 1)]),
+								_: 2
+							}, 1024), createVNode(unref(N8nText_default), {
+								size: "small",
+								color: "text-base"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(tool.node.name), 1)]),
+								_: 2
+							}, 1024)], 2), createVNode(unref(ElSwitch), {
+								size: "large",
+								"aria-label": `Toggle ${tool.title || tool.node.name}`,
+								"model-value": !!selectedByProvider.value[key]?.has(tool.node.name),
+								"onUpdate:modelValue": (val) => toggleTool(key, tool.node.name, val)
+							}, null, 8, [
+								"aria-label",
+								"model-value",
+								"onUpdate:modelValue"
+							])], 2);
+						}), 128))], 2)
+					], 2);
+				}), 128))], 2)]),
+				footer: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.footer) }, [createVNode(unref(N8nText_default), { color: "text-base" }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.tools.editor.selectedCount", { interpolate: { count: selectedCount.value } })), 1)]),
+					_: 1
+				}), createBaseVNode("div", { class: normalizeClass(_ctx.$style.footerRight) }, [createVNode(unref(N8nButton_default), {
+					type: "tertiary",
+					onClick: onCancel
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.tools.editor.cancel")), 1)]),
+					_: 1
+				}), createVNode(unref(N8nButton_default), {
+					type: "primary",
+					disabled: isMissingCredentials.value,
+					onClick: handleConfirm
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("chatHub.tools.editor.confirm")), 1)]),
+					_: 1
+				}, 8, ["disabled"])], 2)], 2)]),
+				_: 1
+			}, 8, ["name", "event-bus"]);
+		};
+	}
+});
+var ToolsSelectorModal_vue_vue_type_style_index_0_lang_module_default = {
+	header: "_header_1rpov_123",
+	content: "_content_1rpov_129",
+	provider: "_provider_1rpov_136",
+	providerHeader: "_providerHeader_1rpov_143",
+	providerTitle: "_providerTitle_1rpov_148",
+	row: "_row_1rpov_154",
+	credentials: "_credentials_1rpov_159",
+	toolsList: "_toolsList_1rpov_165",
+	toolRow: "_toolRow_1rpov_170",
+	toolInfo: "_toolInfo_1rpov_177",
+	footer: "_footer_1rpov_182",
+	footerRight: "_footerRight_1rpov_189"
+};
+var ToolsSelectorModal_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ToolsSelectorModal_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ToolsSelectorModal_vue_vue_type_style_index_0_lang_module_default }]]);
+export { ToolsSelectorModal_default as default };