n8n-editor-ui 1.118.1 → 1.119.0

package/dist/assets/banners.store-BQPwuqhn.js

@@ -0,0 +1,192 @@
+import { C as computed, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, Mt as markRaw, P as defineComponent, T as createBlock, _n as normalizeClass, at as renderSlot, bt as withCtx, et as openBlock, pt as useSlots, w as createBaseVNode } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
+import { gt as useI18n } from "./_MapCache-Byd-DTfo.js";
+import { Fn as N8nCallout_default, j as N8nMarkdown_default, zn as N8nIcon_default } from "./src-D6S9Khji.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { Ro as useSettingsStore, Yo as dismissBannerPermanently, Ys as useRootStore, bc as STORES, er as useUsersStore, sc as get, vc as defineStore } from "./useTelemetry-EOV0Llso.js";
+async function getDynamicBanners(endpoint, filters) {
+	return await get(endpoint, "", filters);
+}
+var BaseBanner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "BaseBanner",
+	props: {
+		name: {},
+		theme: { default: "info" },
+		customIcon: { default: void 0 },
+		dismissible: {
+			type: Boolean,
+			default: true
+		},
+		dismissPermanently: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const i18n = useI18n();
+		const bannersStore = useBannersStore();
+		const slots = useSlots();
+		const props = __props;
+		const emit = __emit;
+		const hasTrailingContent = computed(() => {
+			return !!slots.trailingContent;
+		});
+		async function onCloseClick() {
+			await bannersStore.dismissBanner(props.name, props.dismissPermanently ? "permanent" : "temporary");
+			emit("close");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nCallout_default), {
+				class: normalizeClass(_ctx.$style.callout),
+				theme: props.theme,
+				icon: props.customIcon,
+				"icon-size": "medium",
+				"round-corners": false,
+				"data-test-id": `banners-${props.name}`,
+				"only-bottom-border": true
+			}, {
+				trailingContent: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.trailingContent) }, [renderSlot(_ctx.$slots, "trailingContent"), _ctx.dismissible ? (openBlock(), createBlock(unref(N8nIcon_default), {
+					key: 0,
+					size: "small",
+					icon: "x",
+					title: unref(i18n).baseText("generic.dismiss"),
+					class: "clickable",
+					"data-test-id": `banner-${props.name}-close`,
+					onClick: onCloseClick
+				}, null, 8, ["title", "data-test-id"])) : createCommentVNode("", true)], 2)]),
+				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass([_ctx.$style.mainContent, !hasTrailingContent.value ? _ctx.$style.keepSpace : ""]) }, [renderSlot(_ctx.$slots, "mainContent")], 2)]),
+				_: 3
+			}, 8, [
+				"class",
+				"theme",
+				"icon",
+				"data-test-id"
+			]);
+		};
+	}
+});
+var BaseBanner_vue_vue_type_style_index_0_lang_module_default = {
+	callout: "_callout_xoq77_123",
+	mainContent: "_mainContent_xoq77_127",
+	keepSpace: "_keepSpace_xoq77_132",
+	trailingContent: "_trailingContent_xoq77_136"
+};
+var BaseBanner_default = /* @__PURE__ */ __plugin_vue_export_helper_default(BaseBanner_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": BaseBanner_vue_vue_type_style_index_0_lang_module_default }]]);
+var DynamicBanner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DynamicBanner",
+	props: {
+		name: {},
+		content: {},
+		theme: {},
+		isDismissible: { type: Boolean },
+		dismissPermanently: { type: [Boolean, null] }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseBanner_default, {
+				name: props.name,
+				theme: props.theme,
+				dismissible: props.isDismissible,
+				"dismiss-permanently": props.dismissPermanently ?? false
+			}, {
+				mainContent: withCtx(() => [createVNode(unref(N8nMarkdown_default), {
+					content: props.content,
+					class: normalizeClass(_ctx.$style.markdown)
+				}, null, 8, ["content", "class"])]),
+				_: 1
+			}, 8, [
+				"name",
+				"theme",
+				"dismissible",
+				"dismiss-permanently"
+			]);
+		};
+	}
+});
+var DynamicBanner_vue_vue_type_style_index_0_lang_module_default = { markdown: "_markdown_ko7e6_123" };
+var DynamicBanner_default = /* @__PURE__ */ __plugin_vue_export_helper_default(DynamicBanner_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": DynamicBanner_vue_vue_type_style_index_0_lang_module_default }]]);
+const useBannersStore = defineStore(STORES.BANNERS, () => {
+	const settingsStore = useSettingsStore();
+	const usersStore = useUsersStore();
+	const rootStore = useRootStore();
+	const dynamicBanners = ref([]);
+	const bannerStack = ref([]);
+	const bannersHeight = ref(0);
+	const mapDeploymentTypeValue = (deploymentType) => {
+		return deploymentType === "cloud" ? "cloud" : "self-hosted";
+	};
+	async function fetchDynamicBanners() {
+		if (!settingsStore.settings.dynamicBanners.endpoint || !settingsStore.settings.dynamicBanners.enabled) return [];
+		const version = settingsStore.settings.versionCli;
+		const deploymentType = mapDeploymentTypeValue(settingsStore.settings.deployment?.type ?? "default");
+		try {
+			dynamicBanners.value = (await getDynamicBanners(settingsStore.settings.dynamicBanners.endpoint, {
+				version,
+				deploymentType,
+				instanceId: settingsStore.settings.instanceId,
+				planName: settingsStore.settings.license?.planName,
+				userCreatedAt: usersStore.currentUser?.createdAt,
+				isOwner: usersStore.currentUser?.isOwner,
+				role: usersStore.currentUser?.role
+			})).map((item) => ({
+				...item,
+				id: `dynamic-banner-${item.id}`,
+				component: markRaw(DynamicBanner_default)
+			}));
+			return dynamicBanners.value;
+		} catch (e) {
+			console.error("Failed to fetch dynamic banners:", e);
+			return [];
+		}
+	}
+	const dynamicBannersMap = computed(() => {
+		return dynamicBanners.value.reduce((acc, item) => {
+			acc[item.id] = item;
+			return acc;
+		}, {});
+	});
+	const removeBannerFromStack = (name) => {
+		bannerStack.value = bannerStack.value.filter((bannerName) => bannerName !== name);
+	};
+	const dismissBanner = async (name, type = "temporary") => {
+		if (type === "permanent") {
+			await dismissBannerPermanently(rootStore.restApiContext, {
+				bannerName: name,
+				dismissedBanners: settingsStore.permanentlyDismissedBanners
+			});
+			removeBannerFromStack(name);
+			return;
+		}
+		removeBannerFromStack(name);
+	};
+	const updateBannersHeight = (newHeight) => {
+		bannersHeight.value = newHeight;
+	};
+	const pushBannerToStack = (name) => {
+		if (bannerStack.value.includes(name)) return;
+		bannerStack.value.push(name);
+	};
+	const clearBannerStack = () => {
+		bannerStack.value = [];
+	};
+	const loadStaticBanners = (options) => {
+		options.banners.forEach(pushBannerToStack);
+	};
+	const loadDynamicBanners = async () => {
+		(await fetchDynamicBanners())?.filter((banner) => !settingsStore.permanentlyDismissedBanners.includes(banner.id)).forEach((banner) => pushBannerToStack(banner.id));
+	};
+	return {
+		dynamicBanners,
+		bannerStack,
+		bannersHeight,
+		dynamicBannersMap,
+		dismissBanner,
+		updateBannersHeight,
+		pushBannerToStack,
+		clearBannerStack,
+		loadStaticBanners,
+		loadDynamicBanners
+	};
+});
+export { BaseBanner_default as n, useBannersStore as t };

package/dist/assets/{chartjs.utils-DrHDj0Lr.js → chartjs.utils-Bf07Y-P-.js}

@@ -1,7 +1,7 @@
 import { o as __toESM } from "./chunk-6z4oVpB-.js";
-import { C as useCssVar } from "./_MapCache-BGBKpT5S.js";
-import { t as require_merge } from "./merge-Db6rb1_m.js";
-import { t as smartDecimal } from "./smartDecimal-BitNC0jz.js";
+import { C as useCssVar } from "./_MapCache-Byd-DTfo.js";
+import { t as require_merge } from "./merge-CKEa8BM2.js";
+import { t as smartDecimal } from "./smartDecimal-5rgLDM96.js";
 var import_merge = /* @__PURE__ */ __toESM(require_merge());
 const generateLinearGradient = (ctx, height) => {
 	const gradient = ctx.createLinearGradient(0, 0, 0, height);

package/dist/assets/{chatPanel.store-Dt9ypdvG.js → chatPanel.store-fM-8PK9i.js}

@@ -1,8 +1,8 @@
 import { C as computed, _t as watch } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { y as useRoute } from "./truncate-Dc79aML5.js";
-import { Li as useUIStore, gc as defineStore, vc as STORES, zo as useSettingsStore } from "./useTelemetry-BxbCYDca.js";
-import { oo as EDITABLE_CANVAS_VIEWS, rc as ASK_AI_SLIDE_OUT_DURATION_MS } from "./constants-B1JYxPAR.js";
-import { a as ASSISTANT_ENABLED_VIEWS, i as useBuilderStore, o as BUILDER_ENABLED_VIEWS, r as useChatPanelStateStore, t as useAssistantStore } from "./assistant.store-D6Fihh2i.js";
+import { y as useRoute } from "./truncate-DGRsht-H.js";
+import { Ni as useUIStore, Ro as useSettingsStore, bc as STORES, vc as defineStore } from "./useTelemetry-EOV0Llso.js";
+import { cc as ASK_AI_SLIDE_OUT_DURATION_MS, fo as EDITABLE_CANVAS_VIEWS } from "./constants-DvlTm3U4.js";
+import { a as ASSISTANT_ENABLED_VIEWS, i as useBuilderStore, o as BUILDER_ENABLED_VIEWS, r as useChatPanelStateStore, t as useAssistantStore } from "./assistant.store-DvuxtpS4.js";
 function isEnabledView(route, views) {
 	return typeof route === "string" && views.includes(route);
 }

package/dist/assets/{cloudPlan.store-x1IpiElw.js → cloudPlan.store-DrraBpZJ.js}

@@ -1,17 +1,19 @@
 import { C as computed, It as ref, Pt as reactive } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { Bs as getCloudUserInfo, Hs as getCurrentUsage, Js as useRootStore, Vs as getCurrentPlan, Yn as hasPermission, gc as defineStore, vc as STORES, zo as useSettingsStore, zs as getAdminPanelLoginCode } from "./useTelemetry-BxbCYDca.js";
-import { Ki as DateTime, Ls as CLOUD_TRIAL_CHECK_INTERVAL } from "./constants-B1JYxPAR.js";
+import { Bs as getCloudUserInfo, Gn as hasPermission, Hs as getCurrentUsage, Ro as useSettingsStore, Vs as getCurrentPlan, Ys as useRootStore, bc as STORES, vc as defineStore, zs as getAdminPanelLoginCode } from "./useTelemetry-EOV0Llso.js";
+import { $i as DateTime, Hs as CLOUD_TRIAL_CHECK_INTERVAL } from "./constants-DvlTm3U4.js";
 var DEFAULT_STATE = {
 	initialized: false,
 	data: null,
 	usage: null,
 	loadingPlan: false
 };
+var DYNAMIC_TRIAL_BANNER_DISMISSED_KEY = "n8n-dynamic-trial-banner-dismissed";
 const useCloudPlanStore = defineStore(STORES.CLOUD_PLAN, () => {
 	const rootStore = useRootStore();
 	const settingsStore = useSettingsStore();
 	const state = reactive(DEFAULT_STATE);
 	const currentUserCloudInfo = ref(null);
+	const isDynamicTrialBannerDismissed = ref(localStorage.getItem(DYNAMIC_TRIAL_BANNER_DISMISSED_KEY) === "true");
 	const reset = () => {
 		currentUserCloudInfo.value = null;
 		state.data = null;
@@ -27,6 +29,16 @@ const useCloudPlanStore = defineStore(STORES.CLOUD_PLAN, () => {
 		if (!("which_of_these_do_you_feel_comfortable_doing" in information && information.which_of_these_do_you_feel_comfortable_doing && Array.isArray(information.which_of_these_do_you_feel_comfortable_doing))) return 0;
 		return information.which_of_these_do_you_feel_comfortable_doing.length;
 	});
+	const dynamicTrialBannerText = computed(() => {
+		return currentUserCloudInfo.value?.trialBannerData?.bannerText;
+	});
+	const shouldShowDynamicTrialBanner = computed(() => {
+		return dynamicTrialBannerText.value !== void 0 && dynamicTrialBannerText.value !== "" && !isDynamicTrialBannerDismissed.value;
+	});
+	const dismissDynamicTrialBanner = () => {
+		isDynamicTrialBannerDismissed.value = true;
+		localStorage.setItem(DYNAMIC_TRIAL_BANNER_DISMISSED_KEY, "true");
+	};
 	const trialExpired = computed(() => state.data?.metadata?.group === "trial" && DateTime.now().toMillis() >= DateTime.fromISO(state.data?.expirationDate).toMillis());
 	const allExecutionsUsed = computed(() => {
 		if (!state.usage?.executions || !state.data?.monthlyExecutionsLimit) return false;
@@ -158,7 +170,10 @@ const useCloudPlanStore = defineStore(STORES.CLOUD_PLAN, () => {
 		fetchUserCloudAccount,
 		getAutoLoginCode,
 		selectedApps,
-		codingSkill
+		codingSkill,
+		dynamicTrialBannerText,
+		shouldShowDynamicTrialBanner,
+		dismissDynamicTrialBanner
 	};
 });
 export { useCloudPlanStore as t };

package/dist/assets/{col-b1w4xo57.js → col-DK_GtMhM.js}

@@ -1,7 +1,7 @@
 import { C as computed, Gt as unref, P as defineComponent, T as createBlock, _n as normalizeClass, at as renderSlot, bt as withCtx, cn as isObject, ct as resolveDynamicComponent, et as openBlock, nt as provide, tn as init_shared_esm_bundler, yn as normalizeStyle, z as inject } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { rn as mutable } from "./src-Cl0xZtCE.js";
-import { F as definePropType, P as buildProps, Y as isNumber, k as useNamespace } from "./truncate-Dc79aML5.js";
-import { i as withInstall, n as _export_sfc } from "./icon-C8yfF1LY.js";
+import { an as mutable } from "./src-D6S9Khji.js";
+import { F as definePropType, P as buildProps, Y as isNumber, k as useNamespace } from "./truncate-DGRsht-H.js";
+import { i as withInstall, n as _export_sfc } from "./icon-DhADuA9N.js";
 var rowContextKey = Symbol("rowContextKey");
 var rowProps = buildProps({
 	tag: {

package/dist/assets/{constants-DlQs6Cav.js → constants-CPQyU8WO.js}

@@ -1,11 +1,13 @@
 const CHAT_VIEW = "chat";
 const CHAT_CONVERSATION_VIEW = "chat-conversation";
+const CHAT_AGENTS_VIEW = "chat-agents";
 const CHAT_STORE = "chatStore";
 const providerDisplayNames = {
 	openai: "OpenAI",
 	anthropic: "Anthropic",
 	google: "Google",
-	n8n: "n8n"
+	n8n: "n8n",
+	"custom-agent": "Custom Agent"
 };
 const MOBILE_MEDIA_QUERY = "(max-width: 768px)";
-export { providerDisplayNames as a, MOBILE_MEDIA_QUERY as i, CHAT_STORE as n, CHAT_VIEW as r, CHAT_CONVERSATION_VIEW as t };
+export { MOBILE_MEDIA_QUERY as a, CHAT_VIEW as i, CHAT_CONVERSATION_VIEW as n, providerDisplayNames as o, CHAT_STORE as r, CHAT_AGENTS_VIEW as t };