n8n-editor-ui 1.62.2 → 1.63.1

package/dist/assets/{SettingsSourceControl-iPHLpUWW.js → SettingsSourceControl-jvUljmfM.js}

@@ -1,34 +1,34 @@
-import { I as defineComponent, r as ref, f as computed, q as onMounted, h as reactive, an as resolveComponent, J as openBlock, K as createElementBlock, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, u as unref, L as createBaseVNode, _ as normalizeClass, V as createBlock, U as createCommentVNode } from "./vendor-DCeaNtb_.js";
-import { n as useSourceControlStore, f as useUIStore, a as useToast, q as useDocumentTitle, Q as useLoadingService, aW as CopyInput, b as useI18n, z as useMessage, D as MODAL_CONFIRM } from "./index-B4ZmQmcP.js";
-import { _ as _export_sfc } from "./n8n-B_ltL-ji.js";
-import "./@sentry/vue-UFuYeDxK.js";
-import "./axios-B4zXCSve.js";
-import "./flatted-D70IerrI.js";
-import "./pinia-CH9HlKCh.js";
-import "./bowser-C3wWO1p5.js";
-import "./@vueuse/core-DVjv2hwE.js";
-import "./lodash-es-kRWQHL5K.js";
-import "./uuid-BoySKAeK.js";
-import "./dateformat-DjCPSdAV.js";
-import "./vue-i18n-CVQE9o3c.js";
+import { I as defineComponent, r as ref, f as computed, q as onMounted, h as reactive, an as resolveComponent, J as openBlock, K as createElementBlock, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, u as unref, L as createBaseVNode, _ as normalizeClass, V as createBlock, U as createCommentVNode } from "./vendor-D8YCjNHu.js";
+import { n as useSourceControlStore, f as useUIStore, a as useToast, q as useDocumentTitle, Q as useLoadingService, aX as CopyInput, b as useI18n, z as useMessage, D as MODAL_CONFIRM } from "./index-DTqspxIG.js";
+import { _ as _export_sfc } from "./n8n-o-6nV4eX.js";
+import "./@sentry/vue-By9cUXYj.js";
+import "./axios-BW6T4tHC.js";
+import "./flatted-BLlNkUR-.js";
+import "./pinia-BWzoPyXU.js";
+import "./bowser-CDCHPFWD.js";
+import "./@vueuse/core-BTO0AmLR.js";
+import "./lodash-es-DCRmYdQ5.js";
+import "./uuid-DRDfXVM2.js";
+import "./dateformat-BevCJF2z.js";
+import "./vue-i18n-CeifA_Nk.js";
 import "./@n8n/permissions-BxSXRD9U.js";
-import "./luxon-Bt_g4NOb.js";
-import "./@jsplumb/util-BwtpiQ4c.js";
-import "./@jsplumb/core-B__RSZHf.js";
-import "./@jsplumb/common-s1StEx7B.js";
-import "./@jsplumb/connector-bezier-D659hq4c.js";
-import "./@jsplumb/browser-ui-BphmFVJY.js";
-import "./@n8n/codemirror-lang-CIGGB1t0.js";
-import "./@lezer/common-CnY9etib.js";
-import "./@n8n/codemirror-lang-sql-Bygy_eOg.js";
-import "./prettier-DuWRKCwA.js";
-import "./codemirror-lang-html-n8n-COz1fWJn.js";
+import "./luxon-N8mghSWH.js";
+import "./@jsplumb/util-DggqnqQo.js";
+import "./@jsplumb/core-DLCSr9D4.js";
+import "./@jsplumb/common-Cn2WooAp.js";
+import "./@jsplumb/connector-bezier-BsoOTqok.js";
+import "./@jsplumb/browser-ui-D3WTv2iL.js";
+import "./@n8n/codemirror-lang-Bizw8G99.js";
+import "./@lezer/common-Bs5t-XhT.js";
+import "./@n8n/codemirror-lang-sql-C9sfSTUi.js";
+import "./prettier-eWLVZldr.js";
+import "./codemirror-lang-html-n8n-BElKE4vf.js";
 import "./esprima-next-DUEu30kB.js";
-import "./fast-json-stable-stringify-DSBIc8sQ.js";
+import "./fast-json-stable-stringify-D9R5x91P.js";
 import "./timeago.js-CgQus8nl.js";
-import "./qrcode.vue-BxNS_c3b.js";
+import "./qrcode.vue-BavVPFUM.js";
 import "./vue3-touch-events-DVOgU3fI.js";
-import "./chart.js-DiBOFLDH.js";
+import "./chart.js-BYpPl_l4.js";
 const _hoisted_1 = {
   key: 0,
   "data-test-id": "source-control-content-licensed"
@@ -138,8 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     onMounted(async () => {
       documentTitle.set(locale.baseText("settings.sourceControl.title"));
-      if (!sourceControlStore.isEnterpriseSourceControlEnabled)
-        return;
+      if (!sourceControlStore.isEnterpriseSourceControlEnabled) return;
       await initialize();
     });
     const formValidationStatus = reactive({

package/dist/assets/{SettingsSso-D4kKt04i.js → SettingsSso-CtDqCHek.js}

@@ -1,34 +1,34 @@
-import { I as defineComponent, f as computed, r as ref, q as onMounted, an as resolveComponent, J as openBlock, K as createElementBlock, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, u as unref, L as createBaseVNode, V as createBlock, _ as normalizeClass, U as createCommentVNode, a4 as withDirectives, a9 as vShow } from "./vendor-DCeaNtb_.js";
-import { l as useRootStore, dz as useSSOStore, f as useUIStore, a as useToast, q as useDocumentTitle, aW as CopyInput, b as useI18n, y as useTelemetry, z as useMessage } from "./index-B4ZmQmcP.js";
-import { _ as _export_sfc } from "./n8n-B_ltL-ji.js";
-import "./@sentry/vue-UFuYeDxK.js";
-import "./axios-B4zXCSve.js";
-import "./flatted-D70IerrI.js";
-import "./pinia-CH9HlKCh.js";
-import "./bowser-C3wWO1p5.js";
-import "./@vueuse/core-DVjv2hwE.js";
-import "./lodash-es-kRWQHL5K.js";
-import "./uuid-BoySKAeK.js";
-import "./dateformat-DjCPSdAV.js";
-import "./vue-i18n-CVQE9o3c.js";
+import { I as defineComponent, f as computed, r as ref, q as onMounted, an as resolveComponent, J as openBlock, K as createElementBlock, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, u as unref, L as createBaseVNode, V as createBlock, _ as normalizeClass, U as createCommentVNode, a4 as withDirectives, a9 as vShow } from "./vendor-D8YCjNHu.js";
+import { l as useRootStore, dB as useSSOStore, f as useUIStore, a as useToast, q as useDocumentTitle, aX as CopyInput, b as useI18n, y as useTelemetry, z as useMessage } from "./index-DTqspxIG.js";
+import { _ as _export_sfc } from "./n8n-o-6nV4eX.js";
+import "./@sentry/vue-By9cUXYj.js";
+import "./axios-BW6T4tHC.js";
+import "./flatted-BLlNkUR-.js";
+import "./pinia-BWzoPyXU.js";
+import "./bowser-CDCHPFWD.js";
+import "./@vueuse/core-BTO0AmLR.js";
+import "./lodash-es-DCRmYdQ5.js";
+import "./uuid-DRDfXVM2.js";
+import "./dateformat-BevCJF2z.js";
+import "./vue-i18n-CeifA_Nk.js";
 import "./@n8n/permissions-BxSXRD9U.js";
-import "./luxon-Bt_g4NOb.js";
-import "./@jsplumb/util-BwtpiQ4c.js";
-import "./@jsplumb/core-B__RSZHf.js";
-import "./@jsplumb/common-s1StEx7B.js";
-import "./@jsplumb/connector-bezier-D659hq4c.js";
-import "./@jsplumb/browser-ui-BphmFVJY.js";
-import "./@n8n/codemirror-lang-CIGGB1t0.js";
-import "./@lezer/common-CnY9etib.js";
-import "./@n8n/codemirror-lang-sql-Bygy_eOg.js";
-import "./prettier-DuWRKCwA.js";
-import "./codemirror-lang-html-n8n-COz1fWJn.js";
+import "./luxon-N8mghSWH.js";
+import "./@jsplumb/util-DggqnqQo.js";
+import "./@jsplumb/core-DLCSr9D4.js";
+import "./@jsplumb/common-Cn2WooAp.js";
+import "./@jsplumb/connector-bezier-BsoOTqok.js";
+import "./@jsplumb/browser-ui-D3WTv2iL.js";
+import "./@n8n/codemirror-lang-Bizw8G99.js";
+import "./@lezer/common-Bs5t-XhT.js";
+import "./@n8n/codemirror-lang-sql-C9sfSTUi.js";
+import "./prettier-eWLVZldr.js";
+import "./codemirror-lang-html-n8n-BElKE4vf.js";
 import "./esprima-next-DUEu30kB.js";
-import "./fast-json-stable-stringify-DSBIc8sQ.js";
+import "./fast-json-stable-stringify-D9R5x91P.js";
 import "./timeago.js-CgQus8nl.js";
-import "./qrcode.vue-BxNS_c3b.js";
+import "./qrcode.vue-BavVPFUM.js";
 import "./vue3-touch-events-DVOgU3fI.js";
-import "./chart.js-DiBOFLDH.js";
+import "./chart.js-BYpPl_l4.js";
 const _hoisted_1 = { class: "pb-3xl" };
 const _hoisted_2 = {
   href: "https://docs.n8n.io/user-management/saml/",

package/dist/assets/{SettingsUsageAndPlan-DDB0UVxU.css → SettingsUsageAndPlan-B72odhIc.css}

@@ -1,12 +1,12 @@
-._center_jzvne_1 > div {
+._center_1cion_1 > div {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
 }
-._actionBox_jzvne_5 {
+._actionBox_1cion_5 {
   margin: var(--spacing-2xl) 0 0;
 }
-._spacedFlex_jzvne_9 {
+._spacedFlex_1cion_9 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -17,11 +17,16 @@
       -ms-flex-align: center;
           align-items: center;
 }
-._title_jzvne_15 {
-  display: block;
+._title_1cion_15 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   padding: var(--spacing-2xl) 0 var(--spacing-m);
 }
-._quota_jzvne_20 {
+._quota_1cion_21 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -39,11 +44,11 @@
   border: 1px solid var(--color-foreground-base);
   white-space: nowrap;
 }
-._quota_jzvne_20 ._count_jzvne_32 {
+._quota_1cion_21 ._count_1cion_33 {
   text-transform: lowercase;
   font-size: var(--font-size-s);
 }
-._buttons_jzvne_37 {
+._buttons_1cion_38 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -52,17 +57,17 @@
           justify-content: flex-end;
   padding: var(--spacing-xl) 0 0;
 }
-._buttons_jzvne_37 button {
+._buttons_1cion_38 button {
   margin-left: var(--spacing-xs);
 }
-._buttons_jzvne_37 button a {
+._buttons_1cion_38 button a {
   display: inline-block;
   color: inherit;
   text-decoration: none;
   padding: var(--spacing-xs) var(--spacing-m);
   margin: calc(var(--spacing-xs) * -1) calc(var(--spacing-m) * -1);
 }
-._chart_jzvne_53 {
+._chart_1cion_54 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -76,7 +81,7 @@
       -ms-flex-positive: 1;
           flex-grow: 1;
 }
-._chartLine_jzvne_60 {
+._chartLine_1cion_61 {
   display: block;
   height: 10px;
   width: 100%;
@@ -85,7 +90,7 @@
   border-radius: 10px;
   background: var(--color-background-base);
 }
-._chartBar_jzvne_70 {
+._chartBar_1cion_71 {
   float: left;
   height: 100%;
   max-width: 100%;
@@ -97,7 +102,16 @@
 div[class*=info] > span > span:last-child {
   line-height: 1.4;
   padding: 0 0 0 var(--spacing-4xs);
-}.settings-usage-and-plan[data-v-35c4631e] .el-dialog__wrapper {
+}
+._titleTooltip_1cion_85 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin: 0 0 0 var(--spacing-2xs);
+}.settings-usage-and-plan[data-v-9b078372] .el-dialog__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -108,9 +122,9 @@ div[class*=info] > span > span:last-child {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.settings-usage-and-plan[data-v-35c4631e] .el-dialog__wrapper .el-dialog {
+.settings-usage-and-plan[data-v-9b078372] .el-dialog__wrapper .el-dialog {
   margin: 0;
 }
-.settings-usage-and-plan[data-v-35c4631e] .el-dialog__wrapper .el-dialog .el-dialog__footer button {
+.settings-usage-and-plan[data-v-9b078372] .el-dialog__wrapper .el-dialog .el-dialog__footer button {
   margin-left: var(--spacing-xs);
 }

package/dist/assets/{SettingsUsageAndPlan-DL4cSlMX.js → SettingsUsageAndPlan-DtE-8JQB.js}

@@ -1,142 +1,35 @@
-import { h as reactive, f as computed, I as defineComponent, aE as useRoute, aL as useRouter, r as ref, q as onMounted, an as resolveComponent, J as openBlock, K as createElementBlock, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, u as unref, _ as normalizeClass, L as createBaseVNode, $ as normalizeStyle, U as createCommentVNode, V as createBlock, ac as withModifiers, aB as pushScopeId, aC as popScopeId } from "./vendor-DCeaNtb_.js";
-import { d as defineStore } from "./pinia-CH9HlKCh.js";
-import { e1 as makeRestApiRequest, l as useRootStore, c as useSettingsStore, f as useUIStore, a as useToast, q as useDocumentTitle, v as hasPermission, bv as i18n, e2 as telemetry } from "./index-B4ZmQmcP.js";
-import { _ as _export_sfc } from "./n8n-B_ltL-ji.js";
-import "./@sentry/vue-UFuYeDxK.js";
-import "./axios-B4zXCSve.js";
-import "./flatted-D70IerrI.js";
-import "./bowser-C3wWO1p5.js";
-import "./@vueuse/core-DVjv2hwE.js";
-import "./lodash-es-kRWQHL5K.js";
-import "./uuid-BoySKAeK.js";
-import "./dateformat-DjCPSdAV.js";
-import "./vue-i18n-CVQE9o3c.js";
+import { I as defineComponent, aE as useRoute, aM as useRouter, r as ref, f as computed, q as onMounted, an as resolveComponent, J as openBlock, K as createElementBlock, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, u as unref, _ as normalizeClass, V as createBlock, U as createCommentVNode, L as createBaseVNode, $ as normalizeStyle, ac as withModifiers, aB as pushScopeId, aC as popScopeId } from "./vendor-D8YCjNHu.js";
+import { e3 as useUsageStore, f as useUIStore, a as useToast, q as useDocumentTitle, v as hasPermission, bw as i18n, e4 as telemetry, e5 as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-DTqspxIG.js";
+import { aS as InfoTip, _ as _export_sfc } from "./n8n-o-6nV4eX.js";
+import "./@sentry/vue-By9cUXYj.js";
+import "./axios-BW6T4tHC.js";
+import "./flatted-BLlNkUR-.js";
+import "./pinia-BWzoPyXU.js";
+import "./bowser-CDCHPFWD.js";
+import "./@vueuse/core-BTO0AmLR.js";
+import "./lodash-es-DCRmYdQ5.js";
+import "./uuid-DRDfXVM2.js";
+import "./dateformat-BevCJF2z.js";
+import "./vue-i18n-CeifA_Nk.js";
 import "./@n8n/permissions-BxSXRD9U.js";
-import "./luxon-Bt_g4NOb.js";
-import "./@jsplumb/util-BwtpiQ4c.js";
-import "./@jsplumb/core-B__RSZHf.js";
-import "./@jsplumb/common-s1StEx7B.js";
-import "./@jsplumb/connector-bezier-D659hq4c.js";
-import "./@jsplumb/browser-ui-BphmFVJY.js";
-import "./@n8n/codemirror-lang-CIGGB1t0.js";
-import "./@lezer/common-CnY9etib.js";
-import "./@n8n/codemirror-lang-sql-Bygy_eOg.js";
-import "./prettier-DuWRKCwA.js";
-import "./codemirror-lang-html-n8n-COz1fWJn.js";
+import "./luxon-N8mghSWH.js";
+import "./@jsplumb/util-DggqnqQo.js";
+import "./@jsplumb/core-DLCSr9D4.js";
+import "./@jsplumb/common-Cn2WooAp.js";
+import "./@jsplumb/connector-bezier-BsoOTqok.js";
+import "./@jsplumb/browser-ui-D3WTv2iL.js";
+import "./@n8n/codemirror-lang-Bizw8G99.js";
+import "./@lezer/common-Bs5t-XhT.js";
+import "./@n8n/codemirror-lang-sql-C9sfSTUi.js";
+import "./prettier-eWLVZldr.js";
+import "./codemirror-lang-html-n8n-BElKE4vf.js";
 import "./esprima-next-DUEu30kB.js";
-import "./fast-json-stable-stringify-DSBIc8sQ.js";
+import "./fast-json-stable-stringify-D9R5x91P.js";
 import "./timeago.js-CgQus8nl.js";
-import "./qrcode.vue-BxNS_c3b.js";
+import "./qrcode.vue-BavVPFUM.js";
 import "./vue3-touch-events-DVOgU3fI.js";
-import "./chart.js-DiBOFLDH.js";
-const getLicense = async (context) => {
-  return await makeRestApiRequest(context, "GET", "/license");
-};
-const activateLicenseKey = async (context, data) => {
-  return await makeRestApiRequest(context, "POST", "/license/activate", data);
-};
-const renewLicense = async (context) => {
-  return await makeRestApiRequest(context, "POST", "/license/renew");
-};
-const requestLicenseTrial = async (context) => {
-  return await makeRestApiRequest(context, "POST", "/license/enterprise/request_trial");
-};
-const DEFAULT_PLAN_NAME = "Community";
-const DEFAULT_STATE = {
-  loading: true,
-  data: {
-    usage: {
-      executions: {
-        limit: -1,
-        value: 0,
-        warningThreshold: 0.8
-      }
-    },
-    license: {
-      planId: "",
-      planName: DEFAULT_PLAN_NAME
-    }
-  }
-};
-const useUsageStore = defineStore("usage", () => {
-  const rootStore = useRootStore();
-  const settingsStore = useSettingsStore();
-  const state = reactive(DEFAULT_STATE);
-  const planName = computed(() => state.data.license.planName || DEFAULT_PLAN_NAME);
-  const planId = computed(() => state.data.license.planId);
-  const executionLimit = computed(() => state.data.usage.executions.limit);
-  const executionCount = computed(() => state.data.usage.executions.value);
-  const executionPercentage = computed(() => executionCount.value / executionLimit.value * 100);
-  const instanceId = computed(() => settingsStore.settings.instanceId);
-  const managementToken = computed(() => state.data.managementToken);
-  const appVersion = computed(() => settingsStore.settings.versionCli);
-  const commonSubscriptionAppUrlQueryParams = computed(
-    () => `instanceid=${instanceId.value}&version=${appVersion.value}`
-  );
-  const subscriptionAppUrl = computed(
-    () => settingsStore.settings.license.environment === "production" ? "https://subscription.n8n.io" : "https://staging-subscription.n8n.io"
-  );
-  const setLoading = (loading) => {
-    state.loading = loading;
-  };
-  const setData = (data) => {
-    state.data = data;
-  };
-  const getLicenseInfo = async () => {
-    const data = await getLicense(rootStore.restApiContext);
-    setData(data);
-  };
-  const activateLicense = async (activationKey) => {
-    const data = await activateLicenseKey(rootStore.restApiContext, { activationKey });
-    setData(data);
-    await settingsStore.getSettings();
-  };
-  const refreshLicenseManagementToken = async () => {
-    try {
-      const data = await renewLicense(rootStore.restApiContext);
-      setData(data);
-    } catch (error) {
-      await getLicenseInfo();
-    }
-  };
-  const requestEnterpriseLicenseTrial = async () => {
-    await requestLicenseTrial(rootStore.restApiContext);
-  };
-  return {
-    setLoading,
-    getLicenseInfo,
-    setData,
-    activateLicense,
-    refreshLicenseManagementToken,
-    requestEnterpriseLicenseTrial,
-    planName,
-    planId,
-    executionLimit,
-    executionCount,
-    executionPercentage,
-    instanceId,
-    managementToken,
-    appVersion,
-    isCloseToLimit: computed(
-      () => state.data.usage.executions.limit < 0 ? false : executionCount.value / executionLimit.value >= state.data.usage.executions.warningThreshold
-    ),
-    viewPlansUrl: computed(
-      () => `${subscriptionAppUrl.value}?${commonSubscriptionAppUrlQueryParams.value}`
-    ),
-    managePlanUrl: computed(
-      () => `${subscriptionAppUrl.value}/manage?token=${managementToken.value}&${commonSubscriptionAppUrlQueryParams.value}`
-    ),
-    isLoading: computed(() => state.loading),
-    telemetryPayload: computed(() => ({
-      instance_id: instanceId.value,
-      action: "view_plans",
-      plan_name_current: planName.value,
-      usage: executionCount.value,
-      quota: executionLimit.value
-    }))
-  };
-});
-const _withScopeId = (n) => (pushScopeId("data-v-35c4631e"), n = n(), popScopeId(), n);
+import "./chart.js-BYpPl_l4.js";
+const _withScopeId = (n) => (pushScopeId("data-v-9b078372"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "settings-usage-and-plan" };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 0 };
@@ -167,6 +60,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const canUserActivateLicense = computed(
       () => hasPermission(["rbac"], { rbac: { scope: "license:manage" } })
     );
+    const badgedPlanName = computed(() => {
+      const [badge, name] = usageStore.planName.split(" ");
+      return {
+        name,
+        badge
+      };
+    });
+    const isCommunity = computed(() => usageStore.planName.toLowerCase() === "community");
+    const isCommunityEditionRegistered = computed(
+      () => usageStore.planName.toLowerCase() === "registered community"
+    );
     const showActivationSuccess = () => {
       toast.showMessage({
         type: "success",
@@ -246,16 +150,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       (_a = activationKeyInput.value) == null ? void 0 : _a.focus();
     };
+    const openCommunityRegisterModal = () => {
+      uiStore.openModal(COMMUNITY_PLUS_ENROLLMENT_MODAL);
+    };
     return (_ctx, _cache) => {
       const _component_n8n_heading = resolveComponent("n8n-heading");
       const _component_i18n_t = resolveComponent("i18n-t");
+      const _component_N8nBadge = resolveComponent("N8nBadge");
+      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      const _component_N8nButton = resolveComponent("N8nButton");
+      const _component_N8nNotice = resolveComponent("N8nNotice");
       const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_n8n_info_tip = resolveComponent("n8n-info-tip");
       const _component_n8n_button = resolveComponent("n8n-button");
       const _component_n8n_input = resolveComponent("n8n-input");
       const _component_el_dialog = resolveComponent("el-dialog");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_n8n_heading, { size: "2xlarge" }, {
+        createVNode(_component_n8n_heading, {
+          tag: "h2",
+          size: "2xlarge"
+        }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(unref(i18n).baseText("settings.usageAndPlan.title")), 1)
           ]),
@@ -263,6 +176,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }),
         !unref(usageStore).isLoading ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(_component_n8n_heading, {
+            tag: "h3",
             class: normalizeClass(_ctx.$style.title),
             size: "large"
           }, {
@@ -272,16 +186,58 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 tag: "span"
               }, {
                 name: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(usageStore).planName), 1)
+                  createTextVNode(toDisplayString(badgedPlanName.value.name ?? unref(usageStore).planName), 1)
                 ]),
                 type: withCtx(() => [
                   unref(usageStore).planId ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(i18n).baseText("settings.usageAndPlan.plan")), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(i18n).baseText("settings.usageAndPlan.edition")), 1))
                 ]),
                 _: 1
-              })
+              }),
+              badgedPlanName.value.badge && badgedPlanName.value.name ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: normalizeClass(_ctx.$style.titleTooltip)
+              }, [
+                createVNode(_component_N8nTooltip, { placement: "top" }, {
+                  content: withCtx(() => [
+                    isCommunityEditionRegistered.value ? (openBlock(), createBlock(_component_i18n_t, {
+                      key: 0,
+                      keypath: "settings.usageAndPlan.license.communityRegistered.tooltip"
+                    })) : createCommentVNode("", true)
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(_component_N8nBadge, null, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(badgedPlanName.value.badge), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ], 2)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["class"]),
+          isCommunity.value ? (openBlock(), createBlock(_component_N8nNotice, {
+            key: 0,
+            class: "mt-0",
+            theme: "warning"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_i18n_t, { keypath: "settings.usageAndPlan.callOut" }, {
+                link: withCtx(() => [
+                  createVNode(_component_N8nButton, {
+                    class: "pl-0 pr-0",
+                    text: "",
+                    label: unref(i18n).baseText("settings.usageAndPlan.callOut.link"),
+                    onClick: openCommunityRegisterModal
+                  }, null, 8, ["label"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.quota)
           }, [
@@ -321,7 +277,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 8, ["class"])
             ], 2)
           ], 2),
-          createVNode(_component_n8n_info_tip, null, {
+          createVNode(unref(InfoTip), null, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(i18n).baseText("settings.usageAndPlan.activeWorkflows.hint")), 1)
             ]),
@@ -411,16 +367,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const center = "_center_jzvne_1";
-const actionBox = "_actionBox_jzvne_5";
-const spacedFlex = "_spacedFlex_jzvne_9";
-const title = "_title_jzvne_15";
-const quota = "_quota_jzvne_20";
-const count = "_count_jzvne_32";
-const buttons = "_buttons_jzvne_37";
-const chart = "_chart_jzvne_53";
-const chartLine = "_chartLine_jzvne_60";
-const chartBar = "_chartBar_jzvne_70";
+const center = "_center_1cion_1";
+const actionBox = "_actionBox_1cion_5";
+const spacedFlex = "_spacedFlex_1cion_9";
+const title = "_title_1cion_15";
+const quota = "_quota_1cion_21";
+const count = "_count_1cion_33";
+const buttons = "_buttons_1cion_38";
+const chart = "_chart_1cion_54";
+const chartLine = "_chartLine_1cion_61";
+const chartBar = "_chartBar_1cion_71";
+const titleTooltip = "_titleTooltip_1cion_85";
 const style0 = {
   center,
   actionBox,
@@ -431,12 +388,13 @@ const style0 = {
   buttons,
   chart,
   chartLine,
-  chartBar
+  chartBar,
+  titleTooltip
 };
 const cssModules = {
   "$style": style0
 };
-const SettingsUsageAndPlan = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-35c4631e"]]);
+const SettingsUsageAndPlan = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-9b078372"]]);
 export {
   SettingsUsageAndPlan as default
 };

package/dist/assets/{SettingsUsersView-DSKPJqAb.js → SettingsUsersView-D0fkCNqq.js}

@@ -1,34 +1,34 @@
-import { I as defineComponent, f as computed, q as onMounted, an as resolveComponent, J as openBlock, K as createElementBlock, L as createBaseVNode, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, u as unref, _ as normalizeClass, U as createCommentVNode, V as createBlock, R as Fragment, af as renderList } from "./vendor-DCeaNtb_.js";
-import { ae as useClipboard, a as useToast, c as useSettingsStore, f as useUIStore, u as useUsersStore, dz as useSSOStore, q as useDocumentTitle, v as hasPermission, E as EnterpriseEditionFeature, dA as ROLE, b as useI18n, dB as INVITE_USER_MODAL_KEY } from "./index-B4ZmQmcP.js";
-import { _ as _export_sfc } from "./n8n-B_ltL-ji.js";
-import "./@sentry/vue-UFuYeDxK.js";
-import "./axios-B4zXCSve.js";
-import "./flatted-D70IerrI.js";
-import "./pinia-CH9HlKCh.js";
-import "./bowser-C3wWO1p5.js";
-import "./@vueuse/core-DVjv2hwE.js";
-import "./lodash-es-kRWQHL5K.js";
-import "./uuid-BoySKAeK.js";
-import "./dateformat-DjCPSdAV.js";
-import "./vue-i18n-CVQE9o3c.js";
+import { I as defineComponent, f as computed, q as onMounted, an as resolveComponent, J as openBlock, K as createElementBlock, L as createBaseVNode, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, u as unref, _ as normalizeClass, U as createCommentVNode, V as createBlock, R as Fragment, af as renderList } from "./vendor-D8YCjNHu.js";
+import { ae as useClipboard, a as useToast, c as useSettingsStore, f as useUIStore, u as useUsersStore, dB as useSSOStore, q as useDocumentTitle, v as hasPermission, E as EnterpriseEditionFeature, dC as ROLE, b as useI18n, dD as INVITE_USER_MODAL_KEY } from "./index-DTqspxIG.js";
+import { _ as _export_sfc } from "./n8n-o-6nV4eX.js";
+import "./@sentry/vue-By9cUXYj.js";
+import "./axios-BW6T4tHC.js";
+import "./flatted-BLlNkUR-.js";
+import "./pinia-BWzoPyXU.js";
+import "./bowser-CDCHPFWD.js";
+import "./@vueuse/core-BTO0AmLR.js";
+import "./lodash-es-DCRmYdQ5.js";
+import "./uuid-DRDfXVM2.js";
+import "./dateformat-BevCJF2z.js";
+import "./vue-i18n-CeifA_Nk.js";
 import "./@n8n/permissions-BxSXRD9U.js";
-import "./luxon-Bt_g4NOb.js";
-import "./@jsplumb/util-BwtpiQ4c.js";
-import "./@jsplumb/core-B__RSZHf.js";
-import "./@jsplumb/common-s1StEx7B.js";
-import "./@jsplumb/connector-bezier-D659hq4c.js";
-import "./@jsplumb/browser-ui-BphmFVJY.js";
-import "./@n8n/codemirror-lang-CIGGB1t0.js";
-import "./@lezer/common-CnY9etib.js";
-import "./@n8n/codemirror-lang-sql-Bygy_eOg.js";
-import "./prettier-DuWRKCwA.js";
-import "./codemirror-lang-html-n8n-COz1fWJn.js";
+import "./luxon-N8mghSWH.js";
+import "./@jsplumb/util-DggqnqQo.js";
+import "./@jsplumb/core-DLCSr9D4.js";
+import "./@jsplumb/common-Cn2WooAp.js";
+import "./@jsplumb/connector-bezier-BsoOTqok.js";
+import "./@jsplumb/browser-ui-D3WTv2iL.js";
+import "./@n8n/codemirror-lang-Bizw8G99.js";
+import "./@lezer/common-Bs5t-XhT.js";
+import "./@n8n/codemirror-lang-sql-C9sfSTUi.js";
+import "./prettier-eWLVZldr.js";
+import "./codemirror-lang-html-n8n-BElKE4vf.js";
 import "./esprima-next-DUEu30kB.js";
-import "./fast-json-stable-stringify-DSBIc8sQ.js";
+import "./fast-json-stable-stringify-D9R5x91P.js";
 import "./timeago.js-CgQus8nl.js";
-import "./qrcode.vue-BxNS_c3b.js";
+import "./qrcode.vue-BavVPFUM.js";
 import "./vue3-touch-events-DVOgU3fI.js";
-import "./chart.js-DiBOFLDH.js";
+import "./chart.js-BYpPl_l4.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SettingsUsersView",
   setup(__props) {