n8n-editor-ui 1.102.2 → 1.104.0

package/dist/assets/{SettingsSourceControl-D_jgIQPN.js → SettingsSourceControl-B5fQRT0V.js}

@@ -1,4 +1,4 @@
-import { _ as _export_sfc, gZ as _sfc_main$1, d as defineComponent, ae as useSourceControlStore, al as usePageRedirectionHelper, a as useToast, ai as useDocumentTitle, b1 as useLoadingService, r as ref, x as computed, o as onMounted, c as useI18n, ee as reactive, O as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, e as createBlock, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, j as createBaseVNode, f as createCommentVNode, di as N8nCallout, n as normalizeClass, fI as N8nFormInput, q as N8nButton, fQ as CopyInput, dq as N8nNotice, $ as N8nTooltip, fK as N8nCheckbox, eS as N8nActionBox, aA as useMessage, aB as MODAL_CONFIRM } from "./index-B3p3789J.js";
+import { _ as _export_sfc, hl as _sfc_main$1, d as defineComponent, af as useSourceControlStore, am as usePageRedirectionHelper, a as useToast, aj as useDocumentTitle, b0 as useLoadingService, r as ref, x as computed, o as onMounted, c as useI18n, eI as reactive, h as createElementBlock, g as openBlock, i as createVNode, e as createBlock, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, j as createBaseVNode, f as createCommentVNode, a1 as I18nT, dw as N8nCallout, n as normalizeClass, gD as N8nFormInput, q as N8nButton, gK as CopyInput, da as N8nNotice, $ as N8nTooltip, gF as N8nCheckbox, fQ as N8nActionBox, aB as useMessage, aC as MODAL_CONFIRM } from "./index-Cm5yBbby.js";
 const component = "_component_y1zn3_123";
 const input = "_input_y1zn3_128";
 const style0$1 = {
@@ -181,7 +181,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_n8n_heading = N8nHeading;
-      const _component_i18n_t = resolveComponent("i18n-t");
       const _component_n8n_callout = N8nCallout;
       const _component_n8n_form_input = N8nFormInput;
       const _component_n8n_button = N8nButton;
@@ -207,9 +206,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "mt-2xl mb-l"
           }, {
             default: withCtx(() => [
-              createVNode(_component_i18n_t, {
+              createVNode(unref(I18nT), {
                 keypath: "settings.sourceControl.description",
-                tag: "span"
+                tag: "span",
+                scope: "global"
               }, {
                 link: withCtx(() => [
                   createBaseVNode("a", {
@@ -317,9 +317,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: "mt-s"
             }, {
               default: withCtx(() => [
-                createVNode(_component_i18n_t, {
+                createVNode(unref(I18nT), {
                   keypath: "settings.sourceControl.sshKeyDescription",
-                  tag: "span"
+                  tag: "span",
+                  scope: "global"
                 }, {
                   link: withCtx(() => [
                     createBaseVNode("a", {
@@ -403,9 +404,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(_ctx.$style.readOnly)
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_i18n_t, {
+                  createVNode(unref(I18nT), {
                     keypath: "settings.sourceControl.protected",
-                    tag: "span"
+                    tag: "span",
+                    scope: "global"
                   }, {
                     bold: withCtx(() => [
                       createBaseVNode("strong", null, toDisplayString(unref(locale).baseText("settings.sourceControl.protected.bold")), 1)

package/dist/assets/{SettingsSso-DpxORkrt.js → SettingsSso-CWX-T13W.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, ac as useRootStore, eQ as useSSOStore, a as useToast, ai as useDocumentTitle, al as usePageRedirectionHelper, x as computed, c as useI18n, r as ref, o as onMounted, O as resolveComponent, h as createElementBlock, g as openBlock, j as createBaseVNode, i as createVNode, f as createCommentVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, n as normalizeClass, eR as InfoTip, F as Fragment, y as renderList, e as createBlock, f2 as _sfc_main$1, bQ as withModifiers, f1 as N8nSelect, fQ as CopyInput, H as N8nRadioButtons, dH as N8nInput, $ as N8nTooltip, q as N8nButton, eS as N8nActionBox, aA as useMessage, aB as MODAL_CONFIRM, ay as useTelemetry, _ as _export_sfc } from "./index-B3p3789J.js";
+import { d as defineComponent, ad as useRootStore, fP as useSSOStore, a as useToast, aj as useDocumentTitle, am as usePageRedirectionHelper, x as computed, c as useI18n, r as ref, o as onMounted, O as resolveComponent, h as createElementBlock, g as openBlock, j as createBaseVNode, i as createVNode, f as createCommentVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, n as normalizeClass, er as InfoTip, F as Fragment, y as renderList, e as createBlock, cX as _sfc_main$1, bP as withModifiers, cW as N8nSelect, gK as CopyInput, H as N8nRadioButtons, dV as N8nInput, $ as N8nTooltip, q as N8nButton, fQ as N8nActionBox, aB as useMessage, aC as MODAL_CONFIRM, az as useTelemetry, _ as _export_sfc } from "./index-Cm5yBbby.js";
 const _hoisted_1 = { class: "pb-2xl" };
 const _hoisted_2 = {
   href: "https://docs.n8n.io/user-management/saml/",

package/dist/assets/{SettingsUsageAndPlan-DWu4RW1N.js → SettingsUsageAndPlan-Cnnf9k6X.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, fM as useUsageStore, a5 as useRoute, b as useRouter, T as useUIStore, u as useUsersStore, a as useToast, ai as useDocumentTitle, al as usePageRedirectionHelper, r as ref, x as computed, ao as hasPermission, am as getResourcePermissions, o as onMounted, fN as i18n, O as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, f as createCommentVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, e as createBlock, j as createBaseVNode, n as normalizeClass, $ as N8nTooltip, av as N8nBadge, q as N8nButton, dq as N8nNotice, p as N8nText, P as normalizeStyle, eR as InfoTip, bQ as withModifiers, dH as N8nInput, fO as COMMUNITY_PLUS_ENROLLMENT_MODAL, fP as telemetry, _ as _export_sfc } from "./index-B3p3789J.js";
+import { d as defineComponent, gH as useUsageStore, a6 as useRoute, b as useRouter, T as useUIStore, u as useUsersStore, a as useToast, aj as useDocumentTitle, am as usePageRedirectionHelper, r as ref, x as computed, ap as hasPermission, an as getResourcePermissions, o as onMounted, db as i18n, O as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, f as createCommentVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, e as createBlock, j as createBaseVNode, a1 as I18nT, n as normalizeClass, $ as N8nTooltip, aw as N8nBadge, q as N8nButton, da as N8nNotice, p as N8nText, P as normalizeStyle, er as InfoTip, bP as withModifiers, dV as N8nInput, gI as COMMUNITY_PLUS_ENROLLMENT_MODAL, gJ as telemetry, _ as _export_sfc } from "./index-Cm5yBbby.js";
 const _hoisted_1 = { class: "settings-usage-and-plan" };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 0 };
@@ -133,7 +133,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_n8n_heading = N8nHeading;
-      const _component_i18n_t = resolveComponent("i18n-t");
       const _component_N8nBadge = N8nBadge;
       const _component_N8nTooltip = N8nTooltip;
       const _component_N8nButton = N8nButton;
@@ -159,9 +158,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             size: "large"
           }, {
             default: withCtx(() => [
-              createVNode(_component_i18n_t, {
+              createVNode(unref(I18nT), {
                 keypath: "settings.usageAndPlan.description",
-                tag: "span"
+                tag: "span",
+                scope: "global"
               }, {
                 name: withCtx(() => [
                   createTextVNode(toDisplayString(badgedPlanName.value.name ?? unref(usageStore).planName), 1)
@@ -177,9 +177,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createVNode(_component_N8nTooltip, { placement: "top" }, {
                   content: withCtx(() => [
-                    isCommunityEditionRegistered.value ? (openBlock(), createBlock(_component_i18n_t, {
+                    isCommunityEditionRegistered.value ? (openBlock(), createBlock(unref(I18nT), {
                       key: 0,
-                      keypath: "settings.usageAndPlan.license.communityRegistered.tooltip"
+                      keypath: "settings.usageAndPlan.license.communityRegistered.tooltip",
+                      scope: "global"
                     })) : createCommentVNode("", true)
                   ]),
                   default: withCtx(() => [
@@ -202,7 +203,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             theme: "warning"
           }, {
             default: withCtx(() => [
-              createVNode(_component_i18n_t, { keypath: "settings.usageAndPlan.callOut" }, {
+              createVNode(unref(I18nT), {
+                keypath: "settings.usageAndPlan.callOut",
+                scope: "global"
+              }, {
                 link: withCtx(() => [
                   createVNode(_component_N8nButton, {
                     class: "pl-0 pr-0",
@@ -240,10 +244,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle({ width: `${unref(usageStore).executionPercentage}%` })
                 }, null, 6)
               ], 2)) : createCommentVNode("", true),
-              createVNode(_component_i18n_t, {
+              createVNode(unref(I18nT), {
                 tag: "span",
                 class: normalizeClass(_ctx.$style.count),
-                keypath: "settings.usageAndPlan.activeWorkflows.count"
+                keypath: "settings.usageAndPlan.activeWorkflows.count",
+                scope: "global"
               }, {
                 count: withCtx(() => [
                   createTextVNode(toDisplayString(unref(usageStore).activeWorkflowTriggersCount), 1)
@@ -372,7 +377,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const SettingsUsageAndPlan = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-74191f09"]]);
+const SettingsUsageAndPlan = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-6aff6da3"]]);
 export {
   SettingsUsageAndPlan as default
 };

package/dist/assets/{SettingsUsageAndPlan-D6TiPwUx.css → SettingsUsageAndPlan-ZZQpCmyQ.css}

@@ -320,14 +320,14 @@ div[class*=info] > span > span:last-child {
  -------------------------- */
 /* BEM
  -------------------------- */
-.settings-usage-and-plan[data-v-74191f09] .el-dialog__wrapper {
+.settings-usage-and-plan[data-v-6aff6da3] .el-dialog__wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.settings-usage-and-plan[data-v-74191f09] .el-dialog__wrapper .el-dialog {
+.settings-usage-and-plan[data-v-6aff6da3] .el-dialog__wrapper .el-dialog {
   margin: 0;
 }
-.settings-usage-and-plan[data-v-74191f09] .el-dialog__wrapper .el-dialog .el-dialog__footer button {
+.settings-usage-and-plan[data-v-6aff6da3] .el-dialog__wrapper .el-dialog .el-dialog__footer button {
   margin-left: var(--spacing-xs);
 }

package/dist/assets/{SettingsUsersView-r6-ZO8CO.js → SettingsUsersView-BLDi4lpv.js}

@@ -1,8 +1,8 @@
-import { d as defineComponent, r as ref, eZ as ROLE, x as computed, O as resolveComponent, h as createElementBlock, g as openBlock, e as createBlock, w as withCtx, p as N8nText, n as normalizeClass, k as createTextVNode, t as toDisplayString, j as createBaseVNode, i as createVNode, l as unref, N as N8nIcon, _ as _export_sfc, c as useI18n, f as createCommentVNode, F as Fragment, y as renderList, $ as N8nTooltip, f6 as N8nActionToggle, cT as mergeModels, cU as useModel, ao as hasPermission, C as N8nUserInfo, bY as normalizeProps, bZ as guardReactiveProps, c4 as useClipboard, a as useToast, v as useSettingsStore, T as useUIStore, u as useUsersStore, eQ as useSSOStore, ai as useDocumentTitle, al as usePageRedirectionHelper, o as onMounted, ap as EnterpriseEditionFeature, f7 as USERS_LIST_SORT_OPTIONS, m as N8nHeading, eS as N8nActionBox, a1 as N8nLink, dq as N8nNotice, dH as N8nInput, q as N8nButton, f8 as INVITE_USER_MODAL_KEY, f9 as DELETE_USER_MODAL_KEY, fa as useDebounceFn } from "./index-B3p3789J.js";
-import { N as N8nDataTableServer } from "./N8nDataTableServer-Dq5Mwh9d.js";
-import { N as N8nActionDropdown } from "./ActionDropdown-CiegfqhB.js";
+import { d as defineComponent, r as ref, fX as ROLE, x as computed, O as resolveComponent, h as createElementBlock, g as openBlock, e as createBlock, w as withCtx, p as N8nText, n as normalizeClass, k as createTextVNode, t as toDisplayString, j as createBaseVNode, i as createVNode, l as unref, N as N8nIcon, _ as _export_sfc, c as useI18n, f as createCommentVNode, F as Fragment, y as renderList, $ as N8nTooltip, g2 as N8nActionToggle, g3 as formatTimeAgo, cR as mergeModels, cS as useModel, ap as hasPermission, C as N8nUserInfo, bW as normalizeProps, bX as guardReactiveProps, c2 as useClipboard, a as useToast, v as useSettingsStore, T as useUIStore, u as useUsersStore, fP as useSSOStore, aj as useDocumentTitle, am as usePageRedirectionHelper, aq as EnterpriseEditionFeature, o as onMounted, g4 as USERS_LIST_SORT_OPTIONS, m as N8nHeading, fQ as N8nActionBox, a1 as I18nT, a2 as N8nLink, da as N8nNotice, aw as N8nBadge, dV as N8nInput, q as N8nButton, g5 as INVITE_USER_MODAL_KEY, g6 as DELETE_USER_MODAL_KEY, g7 as useDebounceFn } from "./index-Cm5yBbby.js";
+import { N as N8nDataTableServer } from "./N8nDataTableServer-9HerjyzX.js";
+import { N as N8nActionDropdown } from "./ActionDropdown-Ct6XJ0cl.js";
 const _hoisted_1$1 = { key: 1 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "SettingsUsersRoleCell",
   props: {
     data: {},
@@ -111,8 +111,8 @@ const style0$2 = {
 const cssModules$2 = {
   "$style": style0$2
 };
-const SettingsUsersRoleCell = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$2]]);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const SettingsUsersRoleCell = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$2]]);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "SettingsUsersProjectsCell",
   props: {
     data: {}
@@ -188,8 +188,8 @@ const style0$1 = {
 const cssModules$1 = {
   "$style": style0$1
 };
-const SettingsUsersProjectsCell = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$1]]);
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const SettingsUsersProjectsCell = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$1]]);
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "SettingsUsersActionsCell",
   props: {
     data: {},
@@ -219,6 +219,22 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SettingsUsersLastActiveCell",
+  props: {
+    data: {}
+  },
+  setup(__props) {
+    const i18n = useI18n();
+    const props = __props;
+    const formattedDate = computed(
+      () => props.data.lastActiveAt ? formatTimeAgo(props.data.lastActiveAt) : i18n.baseText("generic.never")
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", null, toDisplayString(formattedDate.value), 1);
+    };
+  }
+});
 const _hoisted_1 = { class: "pt-xs pb-xs" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "SettingsUsersTable",
@@ -256,6 +272,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         title: i18n.baseText("settings.users.table.header.accountType"),
         key: "role"
       },
+      {
+        title: i18n.baseText("settings.users.table.header.lastActive"),
+        key: "lastActiveAt",
+        value(row) {
+          return {
+            ...row,
+            // TODO: Fix N8nDataTableServer so it doesn't break sorting when `value` is of mixed type (for example, string or null)
+            lastActiveAt: row.lastActiveAt ?? ""
+          };
+        }
+      },
       {
         title: i18n.baseText("settings.users.table.header.2fa"),
         key: "mfaEnabled",
@@ -364,11 +391,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               _: 2
             }, 1024))
           ]),
+          [`item.lastActiveAt`]: withCtx(({ item }) => [
+            createVNode(_sfc_main$2, { data: item }, null, 8, ["data"])
+          ]),
           [`item.projects`]: withCtx(({ item }) => [
             createVNode(SettingsUsersProjectsCell, { data: item }, null, 8, ["data"])
           ]),
           [`item.actions`]: withCtx(({ item }) => [
-            createVNode(_sfc_main$2, {
+            createVNode(_sfc_main$3, {
               data: item,
               actions: filterActions(item),
               onAction: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("action", $event))
@@ -404,6 +434,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ]
     });
     const showUMSetupWarning = computed(() => hasPermission(["defaultUser"]));
+    const isEnforceMFAEnabled = computed(
+      () => settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.EnforceMFA]
+    );
     onMounted(async () => {
       documentTitle.set(i18n.baseText("settings.users"));
       if (!showUMSetupWarning.value) {
@@ -660,29 +693,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_n8n_heading = N8nHeading;
-      const _component_n8n_action_box = N8nActionBox;
-      const _component_n8n_link = N8nLink;
-      const _component_i18n_t = resolveComponent("i18n-t");
-      const _component_n8n_notice = N8nNotice;
-      const _component_n8n_text = N8nText;
+      const _component_N8nText = N8nText;
+      const _component_N8nHeading = N8nHeading;
+      const _component_N8nActionBox = N8nActionBox;
+      const _component_N8nLink = N8nLink;
+      const _component_N8nNotice = N8nNotice;
+      const _component_N8nBadge = N8nBadge;
       const _component_el_switch = resolveComponent("el-switch");
       const _component_N8nTooltip = N8nTooltip;
       const _component_EnterpriseEdition = resolveComponent("EnterpriseEdition");
-      const _component_n8n_icon = N8nIcon;
-      const _component_n8n_input = N8nInput;
-      const _component_n8n_button = N8nButton;
-      const _component_n8n_tooltip = N8nTooltip;
+      const _component_N8nIcon = N8nIcon;
+      const _component_N8nInput = N8nInput;
+      const _component_N8nButton = N8nButton;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
-        createVNode(_component_n8n_heading, {
+        createVNode(_component_N8nHeading, {
           tag: "h1",
           size: "2xlarge",
           class: "mb-xl"
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(i18n).baseText("settings.users")), 1)
+            createTextVNode(toDisplayString(unref(i18n).baseText("settings.users")) + " ", 1),
+            !showUMSetupWarning.value ? (openBlock(), createBlock(_component_N8nText, {
+              key: 0,
+              class: normalizeClass(_ctx.$style.userCount),
+              color: "text-light"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("settings.users.count", {
+                  interpolate: {
+                    count: unref(usersStore).usersList.state.count
+                  },
+                  adjustToNumber: unref(usersStore).usersList.state.count
+                })), 1)
+              ]),
+              _: 1
+            }, 8, ["class"])) : createCommentVNode("", true)
           ]),
           _: 1
         }),
@@ -690,24 +737,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           class: normalizeClass(_ctx.$style.setupInfoContainer)
         }, [
-          createVNode(_component_n8n_action_box, {
+          createVNode(_component_N8nActionBox, {
             heading: unref(i18n).baseText(unref(uiStore).contextBasedTranslationKeys.users.settings.unavailable.title),
             description: unref(i18n).baseText(unref(uiStore).contextBasedTranslationKeys.users.settings.unavailable.description),
             "button-text": unref(i18n).baseText(unref(uiStore).contextBasedTranslationKeys.users.settings.unavailable.button),
             "onClick:button": goToUpgrade
           }, null, 8, ["heading", "description", "button-text"])
         ], 2)) : createCommentVNode("", true),
-        !isAdvancedPermissionsEnabled.value ? (openBlock(), createBlock(_component_n8n_notice, { key: 1 }, {
+        !isAdvancedPermissionsEnabled.value ? (openBlock(), createBlock(_component_N8nNotice, { key: 1 }, {
           default: withCtx(() => [
-            createVNode(_component_i18n_t, { keypath: "settings.users.advancedPermissions.warning" }, {
+            createVNode(unref(I18nT), {
+              keypath: "settings.users.advancedPermissions.warning",
+              scope: "global"
+            }, {
               link: withCtx(() => [
-                createVNode(_component_n8n_link, {
+                createVNode(_component_N8nLink, {
                   "data-test-id": "upgrade-permissions-link",
                   size: "small",
                   onClick: goToUpgradeAdvancedPermissions
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(i18n).baseText("settings.users.advancedPermissions.warning.link")), 1)
+                    createTextVNode(toDisplayString(unref(i18n).baseText("generic.upgrade")), 1)
                   ]),
                   _: 1
                 })
@@ -723,13 +773,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.settingsContainerInfo)
           }, [
-            createVNode(_component_n8n_text, { bold: true }, {
+            createVNode(_component_N8nText, { bold: true }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("settings.personal.mfa.enforce.title")), 1)
+                createTextVNode(toDisplayString(unref(i18n).baseText("settings.personal.mfa.enforce.title")) + " ", 1),
+                !isEnforceMFAEnabled.value ? (openBlock(), createBlock(_component_N8nBadge, {
+                  key: 0,
+                  class: "ml-4xs"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(i18n).baseText("generic.upgrade")), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
               ]),
               _: 1
             }),
-            createVNode(_component_n8n_text, {
+            createVNode(_component_N8nText, {
               size: "small",
               color: "text-light"
             }, {
@@ -748,9 +807,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               fallback: withCtx(() => [
                 createVNode(_component_N8nTooltip, null, {
                   content: withCtx(() => [
-                    createVNode(_component_i18n_t, {
+                    createVNode(unref(I18nT), {
                       keypath: tooltipKey,
-                      tag: "span"
+                      tag: "span",
+                      scope: "global"
                     }, {
                       action: withCtx(() => [
                         createBaseVNode("a", { onClick: goToUpgrade }, toDisplayString(unref(i18n).baseText("settings.personal.mfa.enforce.unlicensed_tooltip.link")), 1)
@@ -762,8 +822,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createVNode(_component_el_switch, {
                       "model-value": unref(settingsStore).isMFAEnforced,
                       size: "large",
-                      disabled: true,
-                      "onUpdate:modelValue": onUpdateMfaEnforced
+                      disabled: true
                     }, null, 8, ["model-value"])
                   ]),
                   _: 1
@@ -785,7 +844,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 2,
           class: normalizeClass(_ctx.$style.buttonContainer)
         }, [
-          createVNode(_component_n8n_input, {
+          createVNode(_component_N8nInput, {
             class: normalizeClass(_ctx.$style.search),
             "model-value": search2.value,
             placeholder: unref(i18n).baseText("settings.users.search.placeholder"),
@@ -794,11 +853,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": onSearch
           }, {
             prefix: withCtx(() => [
-              createVNode(_component_n8n_icon, { icon: "search" })
+              createVNode(_component_N8nIcon, { icon: "search" })
             ]),
             _: 1
           }, 8, ["class", "model-value", "placeholder"]),
-          createVNode(_component_n8n_tooltip, {
+          createVNode(_component_N8nTooltip, {
             disabled: !unref(ssoStore).isSamlLoginEnabled
           }, {
             content: withCtx(() => [
@@ -806,7 +865,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             default: withCtx(() => [
               createBaseVNode("div", null, [
-                createVNode(_component_n8n_button, {
+                createVNode(_component_N8nButton, {
                   disabled: unref(ssoStore).isSamlLoginEnabled || !unref(usersStore).usersLimitNotReached,
                   label: unref(i18n).baseText("settings.users.invite"),
                   size: "large",
@@ -838,19 +897,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const buttonContainer = "_buttonContainer_iin51_123";
-const search = "_search_iin51_130";
-const setupInfoContainer = "_setupInfoContainer_iin51_134";
-const settingsContainer = "_settingsContainer_iin51_138";
-const settingsContainerInfo = "_settingsContainerInfo_iin51_149";
-const settingsContainerAction = "_settingsContainerAction_iin51_158";
+const userCount = "_userCount_1dht1_123";
+const buttonContainer = "_buttonContainer_1dht1_128";
+const search = "_search_1dht1_135";
+const setupInfoContainer = "_setupInfoContainer_1dht1_139";
+const settingsContainer = "_settingsContainer_1dht1_143";
+const settingsContainerInfo = "_settingsContainerInfo_1dht1_154";
+const settingsContainerAction = "_settingsContainerAction_1dht1_163";
+const container = "_container_1dht1_171";
 const style0 = {
+  userCount,
   buttonContainer,
   search,
   setupInfoContainer,
   settingsContainer,
   settingsContainerInfo,
-  settingsContainerAction
+  settingsContainerAction,
+  container
 };
 const cssModules = {
   "$style": style0

package/dist/assets/{SettingsUsersView-BuZbf1jq.css → SettingsUsersView-RQTdLxyb.css}

@@ -407,19 +407,23 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._buttonContainer_iin51_123 {
+._userCount_1dht1_123 {
+  display: block;
+  padding: var(--spacing-3xs) 0 0;
+}
+._buttonContainer_1dht1_128 {
   display: flex;
   justify-content: space-between;
   gap: var(--spacing-s);
   margin: 0 0 var(--spacing-s);
 }
-._search_iin51_130 {
+._search_1dht1_135 {
   max-width: 300px;
 }
-._setupInfoContainer_iin51_134 {
+._setupInfoContainer_1dht1_139 {
   max-width: 728px;
 }
-._settingsContainer_iin51_138 {
+._settingsContainer_1dht1_143 {
   display: flex;
   align-items: center;
   padding-left: var(--spacing-s);
@@ -429,7 +433,7 @@
   border-radius: 4px;
   border: 1px solid var(--Colors-Foreground---color-foreground-base, #d9dee8);
 }
-._settingsContainerInfo_iin51_149 {
+._settingsContainerInfo_1dht1_154 {
   display: flex;
   padding: 8px 0px;
   flex-direction: column;
@@ -437,10 +441,13 @@
   align-items: flex-start;
   gap: 1px;
 }
-._settingsContainerAction_iin51_158 {
+._settingsContainerAction_1dht1_163 {
   display: flex;
   padding: 20px 16px 20px 248px;
   justify-content: flex-end;
   align-items: center;
   flex-shrink: 0;
+}
+._container_1dht1_171 {
+  padding-bottom: 20px;
 }

package/dist/assets/{SettingsView-DoZ4920P.js → SettingsView-Dtc8MEv6.js}

@@ -1,4 +1,4 @@
-import { ao as hasPermission, d as defineComponent, b as useRouter, a5 as useRoute, ac as useRootStore, v as useSettingsStore, T as useUIStore, x as computed, V as VIEWS, c as useI18n, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, bi as N8nMenu, w as withCtx, j as createBaseVNode, a1 as N8nLink, l as unref, bk as ABOUT_MODAL_KEY, k as createTextVNode, t as toDisplayString, N as N8nIcon, m as N8nHeading, _ as _export_sfc, r as ref, o as onMounted, O as resolveComponent, D as mergeProps, eN as isRouteLocationRaw } from "./index-B3p3789J.js";
+import { ap as hasPermission, d as defineComponent, b as useRouter, a6 as useRoute, ad as useRootStore, v as useSettingsStore, T as useUIStore, x as computed, V as VIEWS, c as useI18n, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, bh as N8nMenu, w as withCtx, j as createBaseVNode, a2 as N8nLink, l as unref, bj as ABOUT_MODAL_KEY, k as createTextVNode, t as toDisplayString, N as N8nIcon, m as N8nHeading, _ as _export_sfc, r as ref, o as onMounted, O as resolveComponent, D as mergeProps, fM as isRouteLocationRaw } from "./index-Cm5yBbby.js";
 function useUserHelpers(router, route) {
   const canUserAccessRouteByName = (name) => {
     const resolvedRoute = router.resolve({ name });

package/dist/assets/{SetupView-Ca70rhsh.js → SetupView-C4C-2Idz.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, v as useSettingsStore, u as useUsersStore, a as useToast, b as useRouter, r as ref, ee as reactive, c as useI18n, e as createBlock, g as openBlock, V as VIEWS } from "./index-B3p3789J.js";
-import { A as AuthView } from "./AuthView-K2y2JXyp.js";
-import "./Logo-DFdhGUpH.js";
+import { d as defineComponent, v as useSettingsStore, u as useUsersStore, a as useToast, b as useRouter, r as ref, eI as reactive, c as useI18n, e as createBlock, g as openBlock, V as VIEWS } from "./index-Cm5yBbby.js";
+import { A as AuthView } from "./AuthView-dJdngoqx.js";
+import "./Logo-8g4P9vyv.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SetupView",
   setup(__props) {

package/dist/assets/{SetupWorkflowCredentialsButton-ujybntOa.js → SetupWorkflowCredentialsButton-Pzrxag-k.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a4 as useWorkflowsStore, bI as useNodeTypesStore, T as useUIStore, x as computed, il as doesNodeHaveAllCredentialsFilled, aa as watch, I as onBeforeUnmount, im as SETUP_CREDENTIALS_MODAL_KEY, e as createBlock, f as createCommentVNode, g as openBlock, l as unref, c as useI18n, q as N8nButton } from "./index-B3p3789J.js";
+import { d as defineComponent, a5 as useWorkflowsStore, bH as useNodeTypesStore, T as useUIStore, x as computed, iN as doesNodeHaveAllCredentialsFilled, ab as watch, I as onBeforeUnmount, iO as SETUP_CREDENTIALS_MODAL_KEY, e as createBlock, f as createCommentVNode, g as openBlock, l as unref, c as useI18n, q as N8nButton } from "./index-Cm5yBbby.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SetupWorkflowCredentialsButton",
   setup(__props) {

package/dist/assets/{SetupWorkflowFromTemplateView-KE6NTkHC.js → SetupWorkflowFromTemplateView-CRsZDYct.js}

@@ -1,6 +1,6 @@
-import { a2 as defineStore, r as ref, bd as useTemplatesStore, bI as useNodeTypesStore, dg as useCredentialsStore, ac as useRootStore, a4 as useWorkflowsStore, x as computed, fy as useCredentialSetupState, bf as useExternalHooks, ay as useTelemetry, V as VIEWS, ex as tryToParseNumber, d as defineComponent, a5 as useRoute, b as useRouter, aa as watch, o as onMounted, e as createBlock, g as openBlock, w as withCtx, j as createBaseVNode, n as normalizeClass, fz as AppsRequiringCredsNotice, l as unref, eF as N8nLoading, h as createElementBlock, F as Fragment, y as renderList, fA as SetupTemplateFormStep, i as createVNode, a1 as N8nLink, k as createTextVNode, t as toDisplayString, c as useI18n, $ as N8nTooltip, q as N8nButton, m as N8nHeading, _ as _export_sfc } from "./index-B3p3789J.js";
-import { c as createWorkflowFromTemplate } from "./templateActions-Ct4VGqHx.js";
-import { T as TemplatesView } from "./TemplatesView-DbW9D41Q.js";
+import { a3 as defineStore, r as ref, bc as useTemplatesStore, bH as useNodeTypesStore, du as useCredentialsStore, ad as useRootStore, a5 as useWorkflowsStore, x as computed, gt as useCredentialSetupState, be as useExternalHooks, az as useTelemetry, V as VIEWS, e_ as tryToParseNumber, d as defineComponent, a6 as useRoute, b as useRouter, ab as watch, o as onMounted, e as createBlock, g as openBlock, w as withCtx, j as createBaseVNode, n as normalizeClass, gu as AppsRequiringCredsNotice, l as unref, fE as N8nLoading, h as createElementBlock, F as Fragment, y as renderList, gv as SetupTemplateFormStep, i as createVNode, a2 as N8nLink, k as createTextVNode, t as toDisplayString, c as useI18n, $ as N8nTooltip, q as N8nButton, m as N8nHeading, _ as _export_sfc } from "./index-Cm5yBbby.js";
+import { c as createWorkflowFromTemplate } from "./templateActions-D9IAsJ2m.js";
+import { T as TemplatesView } from "./TemplatesView-Co-FQLhr.js";
 const useSetupTemplateStore = defineStore("setupTemplate", () => {
   const templateId = ref("");
   const isLoading = ref(true);

package/dist/assets/{SigninView-_rmKLSpx.js → SigninView-COyoSAUi.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, r as ref, fp as toRefs, v as useSettingsStore, o as onMounted, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, l as unref, w as withCtx, j as createBaseVNode, m as N8nHeading, k as createTextVNode, t as toDisplayString, c as useI18n, e as createBlock, f as createCommentVNode, eU as N8nFormInputs, p as N8nText, q as N8nButton, s as N8nCard, fq as MFA_FORM, M as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH, fr as MFA_AUTHENTICATION_RECOVERY_CODE_INPUT_MAX_LENGTH, fs as mfaEventBus, _ as _export_sfc, u as useUsersStore, eQ as useSSOStore, a5 as useRoute, b as useRouter, a as useToast, x as computed, ee as reactive, V as VIEWS, ay as useTelemetry, ft as MFA_AUTHENTICATION_REQUIRED_ERROR_CODE } from "./index-B3p3789J.js";
-import { A as AuthView } from "./AuthView-K2y2JXyp.js";
-import { L as Logo } from "./Logo-DFdhGUpH.js";
+import { d as defineComponent, r as ref, gk as toRefs, v as useSettingsStore, o as onMounted, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, l as unref, w as withCtx, j as createBaseVNode, m as N8nHeading, k as createTextVNode, t as toDisplayString, c as useI18n, e as createBlock, f as createCommentVNode, fS as N8nFormInputs, p as N8nText, q as N8nButton, s as N8nCard, gl as MFA_FORM, M as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH, gm as MFA_AUTHENTICATION_RECOVERY_CODE_INPUT_MAX_LENGTH, gn as mfaEventBus, _ as _export_sfc, u as useUsersStore, fP as useSSOStore, a6 as useRoute, b as useRouter, a as useToast, x as computed, eI as reactive, V as VIEWS, az as useTelemetry, go as MFA_AUTHENTICATION_REQUIRED_ERROR_CODE } from "./index-Cm5yBbby.js";
+import { A as AuthView } from "./AuthView-dJdngoqx.js";
+import { L as Logo } from "./Logo-8g4P9vyv.js";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "MfaView",
   props: {

package/dist/assets/{SignoutView-DYPGyBsZ.js → SignoutView-B0t9kc5s.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, o as onMounted, h as createElementBlock, g as openBlock, V as VIEWS, c as useI18n } from "./index-B3p3789J.js";
+import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, o as onMounted, h as createElementBlock, g as openBlock, V as VIEWS, c as useI18n } from "./index-Cm5yBbby.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SignoutView",
   setup(__props) {

package/dist/assets/{SignupView-BDSpYIB0.js → SignupView-BN8MCOnb.js}

@@ -1,6 +1,6 @@
-import { A as AuthView } from "./AuthView-K2y2JXyp.js";
-import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, a5 as useRoute, c as useI18n, r as ref, x as computed, o as onMounted, V as VIEWS, e as createBlock, g as openBlock } from "./index-B3p3789J.js";
-import "./Logo-DFdhGUpH.js";
+import { A as AuthView } from "./AuthView-dJdngoqx.js";
+import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, a6 as useRoute, c as useI18n, r as ref, x as computed, o as onMounted, V as VIEWS, e as createBlock, g as openBlock } from "./index-Cm5yBbby.js";
+import "./Logo-8g4P9vyv.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SignupView",
   setup(__props) {

package/dist/assets/{TableBase-Bz6zRvAL.js → TableBase-BmhIwPwZ.js}

@@ -1,4 +1,4 @@
-import { _ as _export_sfc, h as createElementBlock, g as openBlock, j as createBaseVNode, J as renderSlot, n as normalizeClass } from "./index-B3p3789J.js";
+import { _ as _export_sfc, h as createElementBlock, g as openBlock, j as createBaseVNode, J as renderSlot, n as normalizeClass } from "./index-Cm5yBbby.js";
 const n8nTableScroll = "_n8nTableScroll_28kfv_123";
 const n8nTable = "_n8nTable_28kfv_123";
 const style0 = {

package/dist/assets/{Tags-Doq3WsWA.js → Tags-DeTgaVsD.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, h as createElementBlock, g as openBlock, D as mergeProps, J as renderSlot, t as toDisplayString, _ as _export_sfc, r as ref, x as computed, n as normalizeClass, e as createBlock, f as createCommentVNode, F as Fragment, y as renderList, l as unref, a1 as N8nLink, bQ as withModifiers, w as withCtx, k as createTextVNode, gI as useI18n } from "./index-B3p3789J.js";
+import { d as defineComponent, h as createElementBlock, g as openBlock, D as mergeProps, J as renderSlot, t as toDisplayString, _ as _export_sfc, r as ref, x as computed, n as normalizeClass, e as createBlock, f as createCommentVNode, F as Fragment, y as renderList, l as unref, a2 as N8nLink, bP as withModifiers, w as withCtx, k as createTextVNode, h4 as useI18n } from "./index-Cm5yBbby.js";
 const _hoisted_1 = { key: 1 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{ name: "N8nTag" },

package/dist/assets/{TemplateDetails-BzDS-0Fd.js → TemplateDetails-Bh-WSvQ-.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, j as createBaseVNode, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, m as N8nHeading, J as renderSlot, _ as _export_sfc, b as useRouter, bd as useTemplatesStore, x as computed, e as createBlock, f as createCommentVNode, eF as N8nLoading, F as Fragment, y as renderList, bR as _sfc_main$2, l as unref, fv as filterTemplateNodes, c as useI18n, p as N8nText, fw as _sfc_main$3, fx as abbreviateNumber } from "./index-B3p3789J.js";
-import { T as Tags } from "./Tags-Doq3WsWA.js";
+import { d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, j as createBaseVNode, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, m as N8nHeading, J as renderSlot, _ as _export_sfc, b as useRouter, bc as useTemplatesStore, x as computed, e as createBlock, f as createCommentVNode, fE as N8nLoading, F as Fragment, y as renderList, bQ as _sfc_main$2, l as unref, gq as filterTemplateNodes, c as useI18n, p as N8nText, gr as _sfc_main$3, gs as abbreviateNumber } from "./index-Cm5yBbby.js";
+import { T as Tags } from "./Tags-DeTgaVsD.js";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "TemplateDetailsBlock",
   props: {

package/dist/assets/{TemplateList-D_XBHKQu.js → TemplateList-DxvJMjPE.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, x as computed, fv as filterTemplateNodes, h as createElementBlock, g as openBlock, n as normalizeClass, f as createCommentVNode, F as Fragment, y as renderList, i as createVNode, bR as _sfc_main$3, t as toDisplayString, _ as _export_sfc, eF as N8nLoading, w as withCtx, k as createTextVNode, m as N8nHeading, e as createBlock, N as N8nIcon, l as unref, fx as abbreviateNumber, p as N8nText, fw as _sfc_main$4, c as useI18n, q as N8nButton, bQ as withModifiers, r as ref, o as onMounted, I as onBeforeUnmount, j as createBaseVNode } from "./index-B3p3789J.js";
+import { d as defineComponent, x as computed, gq as filterTemplateNodes, h as createElementBlock, g as openBlock, n as normalizeClass, f as createCommentVNode, F as Fragment, y as renderList, i as createVNode, bQ as _sfc_main$3, t as toDisplayString, _ as _export_sfc, fE as N8nLoading, w as withCtx, k as createTextVNode, m as N8nHeading, e as createBlock, N as N8nIcon, l as unref, gs as abbreviateNumber, p as N8nText, gr as _sfc_main$4, c as useI18n, q as N8nButton, bP as withModifiers, r as ref, o as onMounted, I as onBeforeUnmount, j as createBaseVNode } from "./index-Cm5yBbby.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "NodeList",
   props: {