n8n-editor-ui 1.115.1 → 1.116.1

package/dist/assets/{SettingsMCPView-D3BOHCtS.js → SettingsMCPView-Bbdsa8lu.js}

@@ -1,56 +1,72 @@
-import { fS as makeRestApiRequest, a0 as defineStore, a2 as useWorkflowsStore, au as useRootStore, v as useSettingsStore, x as computed, hP as isWorkflowListItem, hQ as MCP_STORE, d as defineComponent, cI as useClipboard, h as createElementBlock, g as openBlock, n as normalizeClass, j as createBaseVNode, i as createVNode, t as toDisplayString, k as unref, c as useI18n, aa as N8nTooltip, w as withCtx, e as createBlock, f as createCommentVNode, q as N8nButton, l as createTextVNode, C as N8nLink, fp as N8nMarkdown, p as N8nText, _ as _export_sfc, a as useToast, ay as useDocumentTitle, u as useUsersStore, r as ref, o as onMounted, m as N8nHeading, e$ as ElSwitch, eo as N8nLoading, eB as N8nActionBox, eV as N8nActionToggle, N as N8nIcon, hR as router, V as VIEWS, gd as ProjectIcon, eZ as N8nDataTableServer, gc as isIconOrEmoji } from "./index-MTM6BbvW.js";
-import { N as N8nInfoAccordion } from "./InfoAccordion-BpibqNsS.js";
-async function updateMcpSettings(context, enabled) {
-  return await makeRestApiRequest(context, "PATCH", "/mcp/settings", {
-    mcpAccessEnabled: enabled
-  });
-}
-const useMCPStore = defineStore(MCP_STORE, () => {
-  const workflowsStore = useWorkflowsStore();
-  const rootStore = useRootStore();
-  const settingsStore = useSettingsStore();
-  const mcpAccessEnabled = computed(() => !!settingsStore.moduleSettings.mcp?.mcpAccessEnabled);
-  async function fetchWorkflowsAvailableForMCP(page = 1, pageSize = 50) {
-    const workflows = await workflowsStore.fetchWorkflowsPage(
-      void 0,
-      // projectId
-      page,
-      pageSize,
-      "updatedAt:desc",
-      { isArchived: false, availableInMCP: true },
-      false,
-      // includeFolders
-      false
-      // includeAllVersions
-    );
-    return workflows.filter(isWorkflowListItem);
-  }
-  async function setMcpAccessEnabled(enabled) {
-    const { mcpAccessEnabled: updated } = await updateMcpSettings(
-      rootStore.restApiContext,
-      enabled
-    );
-    settingsStore.moduleSettings.mcp = {
-      ...settingsStore.moduleSettings.mcp ?? {},
-      mcpAccessEnabled: updated
+import { d as defineComponent, bZ as useClipboard, h as createElementBlock, g as openBlock, ap as normalizeStyle, n as normalizeClass, j as createBaseVNode, t as toDisplayString, Y as renderSlot, i as createVNode, k as unref, aa as N8nTooltip, c as useI18n, w as withCtx, e as createBlock, f as createCommentVNode, q as N8nButton, _ as _export_sfc, x as computed, dI as N8nLoading, cK as InfoTip, l as createTextVNode, e5 as N8nNotice, eL as N8nMarkdown, p as N8nText, a as useToast, ay as useDocumentTitle, a2 as useWorkflowsStore, u as useUsersStore, au as useRootStore, r as ref, o as onMounted, m as N8nHeading, ek as ElSwitch, dW as N8nActionBox, ee as N8nActionToggle, N as N8nIcon, C as N8nLink, hX as router, V as VIEWS, fB as ProjectIcon, ei as N8nDataTableServer, fA as isIconOrEmoji, hY as LOADING_INDICATOR_TIMEOUT } from "./index-C2iJCVYf.js";
+import { u as useMCPStore } from "./mcp.store-LrK5gI5Y.js";
+import { N as N8nInfoAccordion } from "./InfoAccordion-B_T19Esx.js";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ConnectionParameter",
+  props: {
+    value: {},
+    allowCopy: { type: Boolean, default: true },
+    maxWidth: { default: void 0 }
+  },
+  setup(__props) {
+    const { copy, copied, isSupported } = useClipboard();
+    const i18n = useI18n();
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.container),
+        style: normalizeStyle({ maxWidth: props.maxWidth ? props.maxWidth + "px" : "none" })
+      }, [
+        createBaseVNode("code", null, toDisplayString(props.value), 1),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style["copy-button-wrapper"])
+        }, [
+          renderSlot(_ctx.$slots, "customActions"),
+          createVNode(unref(N8nTooltip), {
+            disables: !unref(isSupported),
+            content: unref(copied) ? unref(i18n).baseText("generic.copied") : unref(i18n).baseText("generic.copy"),
+            placement: "right"
+          }, {
+            default: withCtx(() => [
+              props.allowCopy && unref(isSupported) ? (openBlock(), createBlock(unref(N8nButton), {
+                key: 0,
+                type: "tertiary",
+                icon: unref(copied) ? "clipboard-check" : "clipboard",
+                square: true,
+                class: normalizeClass(_ctx.$style["copy-button"]),
+                onClick: _cache[0] || (_cache[0] = ($event) => unref(copy)(props.value))
+              }, null, 8, ["icon", "class"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["disables", "content"])
+        ], 2)
+      ], 6);
     };
-    return updated;
   }
-  return {
-    mcpAccessEnabled,
-    fetchWorkflowsAvailableForMCP,
-    setMcpAccessEnabled
-  };
 });
+const container$2 = "_container_9i963_123";
+const style0$2 = {
+  container: container$2,
+  "copy-button-wrapper": "_copy-button-wrapper_9i963_157",
+  "copy-button": "_copy-button_9i963_157"
+};
+const cssModules$2 = {
+  "$style": style0$2
+};
+const ConnectionParameter = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
 const MCP_ENDPOINT = "mcp-server/http";
 const DOCS_URL = "https://docs.n8n.io/";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "MCPConnectionInstructions",
   props: {
-    baseUrl: {}
+    baseUrl: {},
+    apiKey: {},
+    loadingApiKey: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["rotateKey"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const { copy, copied, isSupported } = useClipboard();
     const i18n = useI18n();
     const connectionString2 = computed(() => {
@@ -65,88 +81,110 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         "--streamableHttp",
         "${props.baseUrl}${MCP_ENDPOINT}",
         "--header",
-        "authorization:Bearer <YOUR_N8N_API_KEY>"
+        "authorization:Bearer ${apiKeyText.value}"
       ]
     }
   }
 }
 `;
     });
+    const isKeyRedacted = computed(() => {
+      return props.apiKey.apiKey.includes("******");
+    });
     const connectionCode = computed(() => {
       return `\`\`\`json${connectionString2.value}\`\`\``;
     });
     const fullServerUrl = computed(() => {
       return props.baseUrl + MCP_ENDPOINT;
     });
+    const apiKeyText = computed(() => {
+      if (props.loadingApiKey) {
+        return `<${i18n.baseText("generic.loading")}...>`;
+      }
+      return isKeyRedacted.value ? "<YOUR_ACCESS_TOKEN_HERE>" : props.apiKey.apiKey;
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
-        createBaseVNode("ol", {
-          class: normalizeClass(_ctx.$style.instructions)
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style["instructions-container"])
         }, [
-          createBaseVNode("li", null, [
-            createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.item)
-            }, [
-              createBaseVNode("span", {
-                class: normalizeClass(_ctx.$style.label)
-              }, toDisplayString(unref(i18n).baseText("settings.mcp.instructions.enableAccess")), 3)
-            ], 2)
-          ]),
-          createBaseVNode("li", null, [
-            createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.item)
-            }, [
-              createBaseVNode("span", {
-                class: normalizeClass(_ctx.$style.label)
-              }, toDisplayString(unref(i18n).baseText("settings.mcp.instructions.serverUrl")) + ": ", 3),
-              createBaseVNode("span", {
-                class: normalizeClass(_ctx.$style.url)
+          createBaseVNode("ol", {
+            class: normalizeClass(_ctx.$style.instructions)
+          }, [
+            createBaseVNode("li", null, [
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.item)
               }, [
-                createBaseVNode("code", null, toDisplayString(fullServerUrl.value), 1),
-                createVNode(unref(N8nTooltip), {
-                  disables: !unref(isSupported),
-                  content: unref(copied) ? unref(i18n).baseText("generic.copied") : unref(i18n).baseText("generic.copy"),
-                  placement: "right"
+                createBaseVNode("span", {
+                  class: normalizeClass(_ctx.$style.label)
+                }, toDisplayString(unref(i18n).baseText("settings.mcp.instructions.enableAccess")), 3)
+              ], 2)
+            ]),
+            createBaseVNode("li", null, [
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.item)
+              }, [
+                createBaseVNode("span", {
+                  class: normalizeClass(_ctx.$style.label)
+                }, toDisplayString(unref(i18n).baseText("settings.mcp.instructions.serverUrl")) + ": ", 3),
+                createVNode(ConnectionParameter, { value: fullServerUrl.value }, null, 8, ["value"])
+              ], 2)
+            ]),
+            createBaseVNode("li", null, [
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.item)
+              }, [
+                createBaseVNode("span", {
+                  class: normalizeClass(_ctx.$style.label)
+                }, toDisplayString(unref(i18n).baseText("settings.mcp.instructions.apiKey.label")) + ": ", 3),
+                props.loadingApiKey ? (openBlock(), createBlock(unref(N8nLoading), {
+                  key: 0,
+                  loading: props.loadingApiKey,
+                  class: normalizeClass(_ctx.$style["api-key-loader"])
+                }, null, 8, ["loading", "class"])) : (openBlock(), createBlock(ConnectionParameter, {
+                  key: 1,
+                  value: props.apiKey.apiKey,
+                  "max-width": 400,
+                  "allow-copy": !isKeyRedacted.value
                 }, {
-                  default: withCtx(() => [
-                    createBaseVNode("div", {
-                      class: normalizeClass(_ctx.$style["copy-url-wrapper"])
-                    }, [
-                      unref(isSupported) ? (openBlock(), createBlock(unref(N8nButton), {
-                        key: 0,
-                        type: "tertiary",
-                        icon: unref(copied) ? "clipboard-check" : "clipboard",
-                        square: true,
-                        class: normalizeClass(_ctx.$style["copy-url-button"]),
-                        onClick: _cache[0] || (_cache[0] = ($event) => unref(copy)(fullServerUrl.value))
-                      }, null, 8, ["icon", "class"])) : createCommentVNode("", true)
-                    ], 2)
+                  customActions: withCtx(() => [
+                    createVNode(unref(N8nTooltip), {
+                      content: unref(i18n).baseText("settings.mcp.instructions.rotateKey.tooltip")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(N8nButton), {
+                          type: "tertiary",
+                          icon: "refresh-cw",
+                          square: true,
+                          onClick: _cache[0] || (_cache[0] = ($event) => emit("rotateKey"))
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["content"])
                   ]),
                   _: 1
-                }, 8, ["disables", "content"])
-              ], 2)
-            ], 2)
-          ]),
-          createBaseVNode("li", null, [
-            createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.item)
-            }, [
-              createBaseVNode("span", {
-                class: normalizeClass(_ctx.$style.label)
-              }, [
-                createTextVNode(toDisplayString(unref(i18n).baseText("settings.mcp.instructions.apiKey.part1")) + " ", 1),
-                createVNode(unref(N8nLink), { to: "/settings/api" }, {
+                }, 8, ["value", "allow-copy"])),
+                !props.loadingApiKey ? (openBlock(), createBlock(unref(InfoTip), {
+                  key: 2,
+                  type: "tooltip",
+                  "tooltip-placement": "right"
+                }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(i18n).baseText("generic.apiKey")), 1)
+                    createTextVNode(toDisplayString(unref(i18n).baseText("settings.mcp.instructions.apiKey.tip")), 1)
                   ]),
                   _: 1
-                }),
-                createTextVNode(". " + toDisplayString(unref(i18n).baseText("settings.mcp.instructions.apiKey.part2")), 1)
+                })) : createCommentVNode("", true)
               ], 2)
-            ], 2)
-          ])
+            ])
+          ], 2),
+          !isKeyRedacted.value && !props.loadingApiKey ? (openBlock(), createBlock(unref(N8nNotice), {
+            key: 0,
+            theme: "warning",
+            class: normalizeClass(_ctx.$style["copy-key-notice"]),
+            content: unref(i18n).baseText("settings.mcp.newKey.notice")
+          }, null, 8, ["class", "content"])) : createCommentVNode("", true)
         ], 2),
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.connectionString)
@@ -161,7 +199,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 content: unref(copied) ? unref(i18n).baseText("generic.copied") : unref(i18n).baseText("generic.copy")
               }, {
                 default: withCtx(() => [
-                  unref(isSupported) ? (openBlock(), createBlock(unref(N8nButton), {
+                  unref(isSupported) && !props.loadingApiKey ? (openBlock(), createBlock(unref(N8nButton), {
                     key: 0,
                     type: "tertiary",
                     icon: unref(copied) ? "clipboard-check" : "clipboard",
@@ -193,22 +231,23 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$1 = "_container_14ac1_123";
-const instructions = "_instructions_14ac1_128";
-const item = "_item_14ac1_135";
-const label = "_label_14ac1_140";
-const url = "_url_14ac1_143";
-const connectionString = "_connectionString_14ac1_175";
+const container$1 = "_container_fzkkx_123";
+const instructions = "_instructions_fzkkx_128";
+const item = "_item_fzkkx_142";
+const label = "_label_fzkkx_152";
+const url = "_url_fzkkx_156";
+const connectionString = "_connectionString_fzkkx_188";
 const style0$1 = {
   container: container$1,
+  "instructions-container": "_instructions-container_fzkkx_128",
   instructions,
   item,
   label,
   url,
-  "copy-url-wrapper": "_copy-url-wrapper_14ac1_159",
-  "copy-url-button": "_copy-url-button_14ac1_164",
+  "copy-url-wrapper": "_copy-url-wrapper_fzkkx_172",
+  "copy-url-button": "_copy-url-button_fzkkx_177",
   connectionString,
-  "copy-json-button": "_copy-json-button_14ac1_186"
+  "copy-json-button": "_copy-json-button_fzkkx_199"
 };
 const cssModules$1 = {
   "$style": style0$1
@@ -232,6 +271,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const rootStore = useRootStore();
     const workflowsLoading = ref(false);
     const mcpStatusLoading = ref(false);
+    const mcpKeyLoading = ref(false);
     const availableWorkflows = ref([]);
     const tableHeaders = ref([
       {
@@ -286,6 +326,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         value: "removeFromMCP"
       }
     ]);
+    const apiKey = computed(() => mcpStore.currentUserMCPKey);
     const isOwner = computed(() => usersStore.isInstanceOwner);
     const isAdmin = computed(() => usersStore.isAdmin);
     const canToggleMCP = computed(() => isOwner.value || isAdmin.value);
@@ -310,7 +351,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const workflows = await mcpStore.fetchWorkflowsAvailableForMCP(1, 200);
         availableWorkflows.value = workflows;
       } catch (error) {
-        toast.showError(error, "Error fetching workflows");
+        toast.showError(error, i18n.baseText("workflows.list.error.fetching"));
       } finally {
         workflowsLoading.value = false;
       }
@@ -322,6 +363,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const updated = await mcpStore.setMcpAccessEnabled(boolValue);
         if (updated) {
           await fetchAvailableWorkflows();
+          await fetchApiKey();
         } else {
           workflowsLoading.value = false;
         }
@@ -344,9 +386,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           break;
       }
     };
+    const fetchApiKey = async () => {
+      try {
+        mcpKeyLoading.value = true;
+        await mcpStore.getOrCreateApiKey();
+      } catch (error) {
+        toast.showError(error, i18n.baseText("settings.mcp.error.fetching.apiKey"));
+      } finally {
+        setTimeout(() => {
+          mcpKeyLoading.value = false;
+        }, LOADING_INDICATOR_TIMEOUT);
+      }
+    };
+    const rotateKey = async () => {
+      try {
+        mcpKeyLoading.value = true;
+        await mcpStore.generateNewApiKey();
+      } catch (error) {
+        toast.showError(error, i18n.baseText("settings.mcp.error.rotating.apiKey"));
+      } finally {
+        setTimeout(() => {
+          mcpKeyLoading.value = false;
+        }, LOADING_INDICATOR_TIMEOUT);
+      }
+    };
     onMounted(async () => {
       documentTitle.set(i18n.baseText("settings.mcp"));
-      if (mcpStore.mcpAccessEnabled) await fetchAvailableWorkflows();
+      if (!mcpStore.mcpAccessEnabled) {
+        return;
+      }
+      await fetchAvailableWorkflows();
+      await fetchApiKey();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -422,9 +492,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(MCPConnectionInstructions, {
-              "base-url": unref(rootStore).urlBaseEditor
-            }, null, 8, ["base-url"])
+            apiKey.value ? (openBlock(), createBlock(MCPConnectionInstructions, {
+              key: 0,
+              "loading-api-key": mcpKeyLoading.value,
+              "base-url": unref(rootStore).urlBaseEditor,
+              "api-key": apiKey.value,
+              onRotateKey: rotateKey
+            }, null, 8, ["loading-api-key", "base-url", "api-key"])) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style["workflow-list-container"]),
@@ -617,12 +691,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_he5p1_123";
-const headingContainer = "_headingContainer_he5p1_132";
-const mainToggleContainer = "_mainToggleContainer_he5p1_136";
-const mainToggleInfo = "_mainToggleInfo_he5p1_146";
-const mainTooggle = "_mainTooggle_he5p1_153";
-const header = "_header_he5p1_160";
+const container = "_container_1ofc3_123";
+const headingContainer = "_headingContainer_1ofc3_132";
+const mainToggleContainer = "_mainToggleContainer_1ofc3_136";
+const mainToggleInfo = "_mainToggleInfo_1ofc3_146";
+const mainTooggle = "_mainTooggle_1ofc3_153";
+const header = "_header_1ofc3_160";
 const style0 = {
   container,
   headingContainer,
@@ -630,11 +704,11 @@ const style0 = {
   mainToggleInfo,
   mainTooggle,
   header,
-  "workflow-table": "_workflow-table_he5p1_166",
-  "table-link": "_table-link_he5p1_170",
-  "link-icon": "_link-icon_he5p1_178",
-  "project-link": "_project-link_he5p1_184",
-  "folder-cell": "_folder-cell_he5p1_191"
+  "workflow-table": "_workflow-table_1ofc3_166",
+  "table-link": "_table-link_1ofc3_170",
+  "link-icon": "_link-icon_1ofc3_178",
+  "project-link": "_project-link_1ofc3_184",
+  "folder-cell": "_folder-cell_1ofc3_191"
 };
 const cssModules = {
   "$style": style0

package/dist/assets/{SettingsPersonalView-Bt8bL5tJ.css → SettingsPersonalView-D6LtKnaF.css}

@@ -120,60 +120,60 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_rhsfz_123 {
+._container_z7g8k_123 {
   padding-bottom: 100px;
 }
-._container_rhsfz_123 > * {
-  margin-bottom: var(--spacing-2xl);
+._container_z7g8k_123 > * {
+  margin-bottom: var(--spacing--2xl);
 }
-._header_rhsfz_130 {
+._header_z7g8k_130 {
   display: flex;
   align-items: center;
   white-space: nowrap;
 }
-._header_rhsfz_130 *:first-child {
+._header_z7g8k_130 *:first-child {
   flex-grow: 1;
 }
-._user_rhsfz_139 {
+._user_z7g8k_139 {
   display: flex;
   align-items: center;
 }
 @media (max-width: 600px) {
-._user_rhsfz_139 {
+._user_z7g8k_139 {
     display: none;
 }
 }
-._username_rhsfz_149 {
+._username_z7g8k_149 {
   display: grid;
   grid-template-columns: 1fr;
-  margin-right: var(--spacing-s);
+  margin-right: var(--spacing--sm);
 }
 @media (max-width: 992px) {
-._username_rhsfz_149 {
+._username_z7g8k_149 {
     max-width: 100px;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 }
-._tooltip_rhsfz_162 {
+._tooltip_z7g8k_162 {
   justify-self: start;
 }
-._disableMfaButton_rhsfz_166 {
-  --button-color: var(--color-danger);
+._disableMfaButton_z7g8k_166 {
+  --button-color: var(--color--danger);
 }
-._disableMfaButton_rhsfz_166 > span {
-  font-weight: var(--font-weight-bold);
+._disableMfaButton_z7g8k_166 > span {
+  font-weight: var(--font-weight--bold);
 }
-._button_rhsfz_173 {
-  font-size: var(--spacing-xs);
+._button_z7g8k_173 {
+  font-size: var(--spacing--xs);
 }
-._button_rhsfz_173 > span {
-  font-weight: var(--font-weight-bold);
+._button_z7g8k_173 > span {
+  font-weight: var(--font-weight--bold);
 }
-._infoText_rhsfz_180 {
-  font-size: var(--font-size-2xs);
-  color: var(--color-text-light);
+._infoText_z7g8k_180 {
+  font-size: var(--font-size--2xs);
+  color: var(--color--text--tint-1);
 }
-._themeSelect_rhsfz_185 {
+._themeSelect_z7g8k_185 {
   max-width: 50%;
 }

package/dist/assets/{SettingsPersonalView-Bbn0olns.js → SettingsPersonalView-VU8Kh83i.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a as useToast, ay as useDocumentTitle, r as ref, Q as useUIStore, u as useUsersStore, v as useSettingsStore, eA as useSSOStore, bK as useCloudPlanStore, x as computed, c as useI18n, eI as ROLE, o as onMounted, X as onBeforeUnmount, eJ as promptMfaCodeBus, h as createElementBlock, g as openBlock, j as createBaseVNode, f as createCommentVNode, i as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, k as unref, m as N8nHeading, n as normalizeClass, p as N8nText, aa as N8nTooltip, G as N8nAvatar, e as createBlock, eC as createFormEventBus, eD as N8nFormInputs, C as N8nLink, eK as N8nInputLabel, eL as MFA_DOCS_URL, eM as N8nNotice, q as N8nButton, eN as N8nSelect, F as Fragment, A as renderList, eO as _sfc_main$1, eP as CHANGE_PASSWORD_MODAL_KEY, eQ as PROMPT_MFA_CODE_MODAL_KEY, eR as CONFIRM_PASSWORD_MODAL_KEY, eS as confirmPasswordEventBus, eT as MFA_SETUP_MODAL_KEY, _ as _export_sfc } from "./index-MTM6BbvW.js";
+import { d as defineComponent, a as useToast, ay as useDocumentTitle, r as ref, Q as useUIStore, u as useUsersStore, v as useSettingsStore, dV as useSSOStore, b9 as useCloudPlanStore, x as computed, c as useI18n, e1 as ROLE, o as onMounted, X as onBeforeUnmount, e2 as promptMfaCodeBus, h as createElementBlock, g as openBlock, j as createBaseVNode, f as createCommentVNode, i as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, k as unref, m as N8nHeading, n as normalizeClass, p as N8nText, aa as N8nTooltip, G as N8nAvatar, e as createBlock, dX as createFormEventBus, dY as N8nFormInputs, C as N8nLink, e3 as N8nInputLabel, e4 as MFA_DOCS_URL, e5 as N8nNotice, q as N8nButton, e6 as N8nSelect, F as Fragment, A as renderList, e7 as _sfc_main$1, e8 as CHANGE_PASSWORD_MODAL_KEY, e9 as PROMPT_MFA_CODE_MODAL_KEY, ea as CONFIRM_PASSWORD_MODAL_KEY, eb as confirmPasswordEventBus, ec as MFA_SETUP_MODAL_KEY, _ as _export_sfc } from "./index-C2iJCVYf.js";
 const _hoisted_1 = { class: "mb-s" };
 const _hoisted_2 = { "data-test-id": "personal-data-form" };
 const _hoisted_3 = { key: 0 };
@@ -448,15 +448,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_rhsfz_123";
-const header = "_header_rhsfz_130";
-const user = "_user_rhsfz_139";
-const username = "_username_rhsfz_149";
-const tooltip = "_tooltip_rhsfz_162";
-const disableMfaButton = "_disableMfaButton_rhsfz_166";
-const button = "_button_rhsfz_173";
-const infoText = "_infoText_rhsfz_180";
-const themeSelect = "_themeSelect_rhsfz_185";
+const container = "_container_z7g8k_123";
+const header = "_header_z7g8k_130";
+const user = "_user_z7g8k_139";
+const username = "_username_z7g8k_149";
+const tooltip = "_tooltip_z7g8k_162";
+const disableMfaButton = "_disableMfaButton_z7g8k_166";
+const button = "_button_z7g8k_173";
+const infoText = "_infoText_z7g8k_180";
+const themeSelect = "_themeSelect_z7g8k_185";
 const style0 = {
   container,
   header,