@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/ProviderSettingsModal-BUFC2ZLv.js

@@ -0,0 +1,307 @@
+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, _t as watch, 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 { Tt as ElSwitch, bn as N8nText_default, ht as N8nTooltip_default, vn as N8nHeading_default, xn as N8nButton_default, xt as N8nIconButton_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 { _n as useCredentialsStore, 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 { Yr as PROVIDER_CREDENTIAL_TYPE_MAP } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import { r as useRootStore } from "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./retry-BgHaYzbB.js";
+import { t as Modal_default } from "./Modal-CIzXlZdZ.js";
+import { t as TagsDropdown_default } from "./TagsDropdown-Bvx_Hd6Q.js";
+import { m as providerDisplayNames } from "./constants-DMrsrpD7.js";
+import { t as CredentialPicker_default } from "./CredentialPicker-DWtj314o.js";
+import { g as fetchChatModelsApi, t as useChatStore } from "./chat.store-290YeyrQ.js";
+import "./fileUtils-CRWqOQje.js";
+var ProviderSettingsModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ProviderSettingsModal",
+	props: {
+		modalName: {},
+		data: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const settings = ref(null);
+		const modalBus = ref(createEventBus());
+		const loadingSettings = ref(false);
+		const loadingModels = ref(false);
+		const limitModels = ref(false);
+		const availableModels = ref([]);
+		const customModels = ref([]);
+		const allModels = computed(() => {
+			const models = new Map(availableModels.value.reduce((acc, model) => {
+				if (model.model.provider !== "custom-agent" && model.model.provider !== "n8n") acc.push([model.model.model, {
+					id: model.model.model,
+					name: model.name
+				}]);
+				return acc;
+			}, []));
+			for (const model of customModels.value) models.set(model, {
+				id: model,
+				name: model,
+				isManual: true
+			});
+			return Array.from(models.values());
+		});
+		const modelsById = computed(() => {
+			const map = {};
+			allModels.value.forEach((model) => {
+				map[model.id] = model;
+			});
+			return map;
+		});
+		const selectedModels = computed({
+			get: () => settings.value?.allowedModels?.map((m) => m.model) || [],
+			set: (value) => {
+				if (settings.value) {
+					settings.value.allowedModels = allModels.value.filter((model) => value.includes(model.id)).map((model) => ({
+						model: model.id,
+						displayName: model.name,
+						isManual: model.isManual
+					}));
+					customModels.value = settings.value.allowedModels.filter((model) => model.isManual).map((model) => model.model);
+				}
+			}
+		});
+		async function addManualModel(name) {
+			customModels.value.push(name);
+			return {
+				id: name,
+				name
+			};
+		}
+		const i18n = useI18n();
+		const credentialsStore = useCredentialsStore();
+		const chatStore = useChatStore();
+		const toast = useToast();
+		const credentialType = computed(() => {
+			return PROVIDER_CREDENTIAL_TYPE_MAP[props.data.provider];
+		});
+		function onCredentialSelect(credentialId) {
+			if (settings.value) settings.value.credentialId = credentialId;
+		}
+		function onCredentialDeselect() {
+			if (settings.value) {
+				settings.value.credentialId = null;
+				settings.value.allowedModels = [];
+				limitModels.value = false;
+			}
+		}
+		async function onConfirm() {
+			if (settings.value) await props.data.onConfirm(settings.value);
+			else props.data.onCancel();
+			modalBus.value.emit("close");
+		}
+		function onCancel() {
+			props.data.onCancel();
+			modalBus.value.emit("close");
+		}
+		async function loadSettings() {
+			settings.value = await chatStore.fetchProviderSettings(props.data.provider);
+			limitModels.value = settings.value?.allowedModels.length > 0;
+			customModels.value = settings.value.allowedModels.filter((model) => model.isManual).map((model) => model.model);
+		}
+		async function loadAvailableModels(credentialId) {
+			loadingModels.value = true;
+			try {
+				const credentials = { [props.data.provider]: credentialId };
+				availableModels.value = (await fetchChatModelsApi(useRootStore().restApiContext, { credentials }))[props.data.provider].models || [];
+			} catch (error) {
+				toast.showError(error, i18n.baseText("settings.chatHub.providers.modal.edit.errorFetchingModels"));
+			} finally {
+				loadingModels.value = false;
+			}
+		}
+		const isConfirmDisabled = computed(() => {
+			if (props.data.disabled) return true;
+			if (!settings.value) return true;
+			return limitModels.value && settings.value.allowedModels.length === 0;
+		});
+		function onToggleEnabled(value) {
+			if (settings.value) {
+				settings.value.enabled = typeof value === "boolean" ? value : Boolean(value);
+				if (!settings.value.enabled) {
+					settings.value.credentialId = null;
+					settings.value.allowedModels = [];
+					limitModels.value = false;
+				}
+			}
+		}
+		function onToggleLimitModels(value) {
+			if (settings.value) {
+				limitModels.value = typeof value === "boolean" ? value : Boolean(value);
+				if (!limitModels.value) settings.value.allowedModels = [];
+			}
+		}
+		onMounted(async () => {
+			loadingSettings.value = true;
+			await Promise.all([
+				loadSettings(),
+				credentialsStore.fetchCredentialTypes(false),
+				credentialsStore.fetchAllCredentials()
+			]);
+			loadingSettings.value = false;
+		});
+		watch(() => settings.value?.credentialId, async (credentialId) => {
+			if (credentialId) await loadAvailableModels(credentialId);
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Modal_default, {
+				name: _ctx.modalName,
+				"event-bus": modalBus.value,
+				width: "50%",
+				"max-width": "500px",
+				center: true
+			}, {
+				header: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createVNode(unref(N8nHeading_default), {
+					size: "large",
+					color: "text-dark"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.chatHub.providers.modal.edit.title", { interpolate: { provider: unref(providerDisplayNames)[props.data.provider] } })), 1)]),
+					_: 1
+				})], 2)]),
+				content: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [
+					createBaseVNode("label", { class: normalizeClass(_ctx.$style.container) }, [createVNode(unref(N8nText_default), { color: "text-dark" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.chatHub.providers.modal.edit.enabled.label", { interpolate: { provider: unref(providerDisplayNames)[props.data.provider] } })), 1)]),
+						_: 1
+					}), createVNode(unref(N8nTooltip_default), {
+						content: unref(i18n).baseText("settings.chatHub.providers.modal.edit.enabled.tooltip"),
+						disabled: props.data.disabled,
+						placement: "top"
+					}, {
+						default: withCtx(() => [createVNode(unref(ElSwitch), {
+							size: "large",
+							"model-value": settings.value?.enabled ?? false,
+							disabled: props.data.disabled,
+							loading: loadingSettings.value,
+							"onUpdate:modelValue": onToggleEnabled
+						}, null, 8, [
+							"model-value",
+							"disabled",
+							"loading"
+						])]),
+						_: 1
+					}, 8, ["content", "disabled"])], 2),
+					settings.value && settings.value.enabled ? (openBlock(), createElementBlock("label", {
+						key: 0,
+						class: normalizeClass(_ctx.$style.container)
+					}, [createVNode(unref(N8nText_default), { color: "text-dark" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.chatHub.providers.modal.edit.credential.label")), 1)]),
+						_: 1
+					}), createBaseVNode("div", { class: normalizeClass(_ctx.$style.credentialContainer) }, [createVNode(CredentialPicker_default, {
+						class: normalizeClass(_ctx.$style.credentialPicker),
+						"app-name": unref(providerDisplayNames)[props.data.provider],
+						"credential-type": credentialType.value,
+						"selected-credential-id": settings.value.credentialId,
+						"hide-create-new": true,
+						onCredentialSelected: onCredentialSelect,
+						onCredentialDeselected: onCredentialDeselect
+					}, null, 8, [
+						"class",
+						"app-name",
+						"credential-type",
+						"selected-credential-id"
+					]), settings.value.credentialId ? (openBlock(), createBlock(unref(N8nIconButton_default), {
+						key: 0,
+						"native-type": "button",
+						title: unref(i18n).baseText("settings.chatHub.providers.modal.edit.credential.clearButton"),
+						icon: "x",
+						"icon-size": "large",
+						type: "secondary",
+						onClick: onCredentialDeselect
+					}, null, 8, ["title"])) : createCommentVNode("", true)], 2)], 2)) : createCommentVNode("", true),
+					settings.value && settings.value.enabled && settings.value.credentialId ? (openBlock(), createElementBlock("label", {
+						key: 1,
+						class: normalizeClass(_ctx.$style.container)
+					}, [createVNode(unref(N8nText_default), { color: "text-dark" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.chatHub.providers.modal.edit.limitModels.label", { interpolate: { provider: unref(providerDisplayNames)[props.data.provider] } })), 1)]),
+						_: 1
+					}), createVNode(unref(N8nTooltip_default), {
+						content: unref(i18n).baseText("settings.chatHub.providers.modal.edit.limitModels.tooltip"),
+						disabled: props.data.disabled,
+						placement: "top"
+					}, {
+						default: withCtx(() => [createVNode(unref(ElSwitch), {
+							size: "large",
+							"model-value": limitModels.value,
+							disabled: props.data.disabled,
+							loading: loadingSettings.value,
+							"onUpdate:modelValue": onToggleLimitModels
+						}, null, 8, [
+							"model-value",
+							"disabled",
+							"loading"
+						])]),
+						_: 1
+					}, 8, ["content", "disabled"])], 2)) : createCommentVNode("", true),
+					settings.value && settings.value.enabled && settings.value.credentialId && limitModels.value ? (openBlock(), createElementBlock("label", {
+						key: 2,
+						class: normalizeClass(_ctx.$style.container)
+					}, [createVNode(unref(N8nText_default), { color: "text-dark" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.chatHub.providers.modal.edit.allowedModels.label")), 1)]),
+						_: 1
+					}), createVNode(TagsDropdown_default, {
+						modelValue: selectedModels.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedModels.value = $event),
+						class: normalizeClass(_ctx.$style.modelPicker),
+						placeholder: unref(i18n).baseText("settings.chatHub.providers.modal.edit.models.placeholder"),
+						"event-bus": null,
+						"create-enabled": true,
+						"manage-enabled": false,
+						"all-tags": allModels.value,
+						"is-loading": loadingModels.value,
+						"tags-by-id": modelsById.value,
+						"create-tag": addManualModel,
+						"create-tag-i18n-key": "settings.chatHub.providers.modal.edit.models.create"
+					}, null, 8, [
+						"modelValue",
+						"class",
+						"placeholder",
+						"all-tags",
+						"is-loading",
+						"tags-by-id"
+					])], 2)) : createCommentVNode("", true)
+				], 2)]),
+				footer: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.footer) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.footerRight) }, [createVNode(unref(N8nButton_default), {
+					type: "tertiary",
+					onClick: onCancel
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.chatHub.providers.modal.edit.cancel")), 1)]),
+					_: 1
+				}), createVNode(unref(N8nButton_default), {
+					type: "primary",
+					onClick: onConfirm,
+					disabled: isConfirmDisabled.value
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.chatHub.providers.modal.edit.confirm")), 1)]),
+					_: 1
+				}, 8, ["disabled"])], 2)], 2)]),
+				_: 1
+			}, 8, ["name", "event-bus"]);
+		};
+	}
+});
+var ProviderSettingsModal_vue_vue_type_style_index_0_lang_module_default = {
+	header: "_header_2fmx2_123",
+	content: "_content_2fmx2_129",
+	container: "_container_2fmx2_136",
+	credentialContainer: "_credentialContainer_2fmx2_144",
+	credentialPicker: "_credentialPicker_2fmx2_151",
+	modelPicker: "_modelPicker_2fmx2_155",
+	footer: "_footer_2fmx2_159",
+	footerRight: "_footerRight_2fmx2_166"
+};
+var ProviderSettingsModal_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ProviderSettingsModal_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ProviderSettingsModal_vue_vue_type_style_index_0_lang_module_default }]]);
+export { ProviderSettingsModal_default as default };

package/dist/assets/PushConnectionTracker-DPBnGV0v.js

@@ -0,0 +1,27 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, Gt as unref, M as createVNode, P as defineComponent, at as renderSlot, bt as withCtx, et as openBlock, j as createTextVNode, st as resolveDirective, w as createBaseVNode, xt as withDirectives } 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 { i as usePushConnectionStore } from "./useRunWorkflow-LO7ffLp9.js";
+var _hoisted_1 = {
+	key: 0,
+	class: "push-connection-lost primary-color"
+};
+var PushConnectionTracker_default = /* @__PURE__ */ defineComponent({
+	__name: "PushConnectionTracker",
+	setup(__props) {
+		const pushConnectionStore = usePushConnectionStore();
+		const i18n = useI18n();
+		const showConnectionLostError = computed(() => {
+			return pushConnectionStore.isConnectionRequested && !pushConnectionStore.isConnected;
+		});
+		return (_ctx, _cache) => {
+			const _directive_n8n_html = resolveDirective("n8n-html");
+			return openBlock(), createElementBlock("span", null, [showConnectionLostError.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(N8nTooltip_default), { placement: "bottom-end" }, {
+				content: withCtx(() => [withDirectives(createBaseVNode("div", null, null, 512), [[_directive_n8n_html, unref(i18n).baseText("pushConnectionTracker.cannotConnectToServer")]])]),
+				default: withCtx(() => [createBaseVNode("span", null, [createVNode(unref(N8nIcon_default), { icon: "triangle-alert" }), createTextVNode("\xA0 " + toDisplayString(unref(i18n).baseText("pushConnectionTracker.connectionLost")), 1)])]),
+				_: 1
+			})])) : renderSlot(_ctx.$slots, "default", { key: 1 })]);
+		};
+	}
+});
+export { PushConnectionTracker_default as t };

package/dist/assets/ResolversView-3BdkvvYA.js

@@ -0,0 +1,209 @@
+import { o as __toESM } from "./chunk-6z4oVpB-.js";
+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, Z as onMounted, _ as Fragment, bt as withCtx, et as openBlock, h as withModifiers, 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, Ct as N8nActionBox_default, bn as N8nText_default, et as N8nCard_default, it as N8nActionToggle_default, mt as N8nLink_default, t as Loading_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 "./truncate-C0KYt7i3.js";
+import "./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 "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import { t as require_dateformat } from "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import { t as TimeAgo_default } from "./TimeAgo-C6EN4lCs.js";
+import { t as useCredentialResolvers } from "./useCredentialResolvers-BKeFGJnY.js";
+var import_dateformat = /* @__PURE__ */ __toESM(require_dateformat());
+var _hoisted_1 = { key: 1 };
+var _hoisted_2 = { key: 2 };
+var docsUrl = "https://docs.n8n.io/";
+var ResolversView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResolversView",
+	setup(__props) {
+		const i18n = useI18n();
+		const { resolvers, resolverTypes, isLoading, fetchResolvers, fetchResolverTypes, deleteResolver, openCreateModal, openEditModal } = useCredentialResolvers();
+		const RESOLVER_LIST_ITEM_ACTIONS = {
+			EDIT: "edit",
+			DELETE: "delete"
+		};
+		onMounted(async () => {
+			await Promise.all([fetchResolvers(), fetchResolverTypes()]);
+		});
+		const currentYear = (/* @__PURE__ */ new Date()).getFullYear().toString();
+		function getDateFormat(date) {
+			return `d mmmm${String(date).startsWith(currentYear) ? "" : ", yyyy"}`;
+		}
+		const actions = computed(() => {
+			return [{
+				label: i18n.baseText("credentialResolver.action.edit"),
+				value: RESOLVER_LIST_ITEM_ACTIONS.EDIT
+			}, {
+				label: i18n.baseText("credentialResolver.action.delete"),
+				value: RESOLVER_LIST_ITEM_ACTIONS.DELETE
+			}];
+		});
+		function createResolver() {
+			openCreateModal();
+		}
+		function editResolver(resolver) {
+			openEditModal(resolver.id);
+		}
+		async function handleDeleteResolver(resolver) {
+			if (await deleteResolver(resolver)) fetchResolvers();
+		}
+		async function onAction(action, resolver) {
+			switch (action) {
+				case RESOLVER_LIST_ITEM_ACTIONS.EDIT:
+					editResolver(resolver);
+					break;
+				case RESOLVER_LIST_ITEM_ACTIONS.DELETE:
+					await handleDeleteResolver(resolver);
+					break;
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [createBaseVNode("div", { class: normalizeClass(["mb-xl", _ctx.$style.headerContainer]) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.headerTitle) }, [createVNode(unref(N8nHeading_default), {
+				tag: "h1",
+				size: "2xlarge"
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("credentialResolver.view.title")), 1)]),
+				_: 1
+			}), unref(resolvers).length ? (openBlock(), createBlock(unref(N8nText_default), {
+				key: 0,
+				color: "text-base",
+				size: "medium"
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("credentialResolver.view.description")) + " " + toDisplayString(unref(i18n).baseText("credentialResolver.view.learnMore")) + " ", 1), createVNode(unref(N8nLink_default), {
+					theme: "text",
+					href: docsUrl,
+					size: "medium",
+					"new-window": ""
+				}, {
+					default: withCtx(() => [createBaseVNode("span", { class: normalizeClass(_ctx.$style.link) }, [createTextVNode(toDisplayString(unref(i18n).baseText("generic.documentation")) + " ", 1), createVNode(unref(N8nIcon_default), { icon: "arrow-up-right" })], 2)]),
+					_: 1
+				})]),
+				_: 1
+			})) : createCommentVNode("", true)], 2)], 2), unref(isLoading) && unref(resolvers).length === 0 ? (openBlock(), createBlock(unref(Loading_default), {
+				key: 0,
+				rows: 5,
+				"shrink-last": false
+			})) : unref(resolvers).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(N8nActionBox_default), {
+				class: "mt-2xl mb-l",
+				description: "yes"
+			}, {
+				description: withCtx(() => [
+					createBaseVNode("div", { class: normalizeClass(_ctx.$style.iconCardContainer) }, [
+						createBaseVNode("div", { class: normalizeClass(_ctx.$style.iconCard) }, [createVNode(unref(N8nIcon_default), { icon: "key-round" })], 2),
+						createBaseVNode("div", { class: normalizeClass(_ctx.$style.iconCard) }, [createVNode(unref(N8nIcon_default), { icon: "split" })], 2),
+						createBaseVNode("div", { class: normalizeClass(_ctx.$style.iconCard) }, [createVNode(unref(N8nIcon_default), { icon: "user" })], 2)
+					], 2),
+					createVNode(unref(N8nHeading_default), {
+						tag: "h2",
+						size: "medium",
+						align: "center",
+						class: "mb-2xs"
+					}, {
+						default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" Resolve dynamic credentials from user identity ")])),
+						_: 1
+					}),
+					createBaseVNode("div", null, toDisplayString(unref(i18n).baseText("credentialResolver.view.description")), 1)
+				]),
+				additionalContent: withCtx(() => [createVNode(unref(N8nButton_default), {
+					type: "highlight",
+					class: "mr-2xs",
+					element: "a",
+					href: docsUrl,
+					target: "_blank"
+				}, {
+					default: withCtx(() => [_cache[1] || (_cache[1] = createTextVNode(" Learn more ")), createVNode(unref(N8nIcon_default), { icon: "arrow-up-right" })]),
+					_: 1
+				}), createVNode(unref(N8nButton_default), {
+					type: "primary",
+					onClick: createResolver
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("credentialResolver.addNew")), 1)]),
+					_: 1
+				})]),
+				_: 1
+			})])) : (openBlock(), createElementBlock("div", _hoisted_2, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.actionBar) }, [createVNode(unref(N8nButton_default), {
+				class: "ml-auto",
+				type: "primary",
+				icon: "plus",
+				onClick: createResolver
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("credentialResolver.addNew")), 1)]),
+				_: 1
+			})], 2), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(resolvers), (resolver) => {
+				return openBlock(), createBlock(unref(N8nCard_default), {
+					key: resolver.id,
+					class: "mb-2xs",
+					hoverable: "",
+					onClick: withModifiers(($event) => editResolver(resolver), ["stop"])
+				}, {
+					prepend: withCtx(() => [createVNode(unref(N8nIcon_default), {
+						icon: "resolver",
+						color: "text-dark",
+						size: 28
+					})]),
+					header: withCtx(() => [createVNode(unref(N8nText_default), {
+						tag: "h2",
+						bold: ""
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(resolver.name), 1)]),
+						_: 2
+					}, 1024)]),
+					append: withCtx(() => [createVNode(unref(N8nActionToggle_default), {
+						actions: actions.value,
+						onAction: ($event) => onAction($event, resolver)
+					}, null, 8, ["actions", "onAction"])]),
+					default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.cardDescription) }, [
+						createVNode(unref(N8nText_default), {
+							color: "text-light",
+							size: "small"
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(resolverTypes).find(({ name }) => name === resolver.type)?.displayName || resolver.type) + " | ", 1)]),
+							_: 2
+						}, 1024),
+						createVNode(unref(N8nText_default), {
+							color: "text-light",
+							size: "small"
+						}, {
+							default: withCtx(() => [
+								createTextVNode(toDisplayString(unref(i18n).baseText("credentialResolver.item.updated")) + " ", 1),
+								createVNode(TimeAgo_default, { date: resolver.updatedAt.toString() }, null, 8, ["date"]),
+								_cache[2] || (_cache[2] = createTextVNode(" | "))
+							]),
+							_: 2
+						}, 1024),
+						createVNode(unref(N8nText_default), {
+							color: "text-light",
+							size: "small"
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("credentialResolver.item.created")) + " " + toDisplayString(unref(import_dateformat.default)(resolver.createdAt, getDateFormat(resolver.createdAt))), 1)]),
+							_: 2
+						}, 1024)
+					], 2)]),
+					_: 2
+				}, 1032, ["onClick"]);
+			}), 128))]))], 2);
+		};
+	}
+});
+var ResolversView_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_1gz34_2",
+	headerContainer: "_headerContainer_1gz34_7",
+	actionBar: "_actionBar_1gz34_13",
+	headerTitle: "_headerTitle_1gz34_19",
+	iconCardContainer: "_iconCardContainer_1gz34_25",
+	iconCard: "_iconCard_1gz34_25",
+	link: "_link_1gz34_57"
+};
+var ResolversView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ResolversView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ResolversView_vue_vue_type_style_index_0_lang_module_default }]]);
+export { ResolversView_default as default };