From f752081c4fbe82bd82ea61a655ba18ad99ab85a4 Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Mon, 13 Oct 2025 16:47:55 +0300
Subject: [PATCH] refactor(editor): Extract `auth` code into features
 (no-changelog) (#20644)

---
 .../confirm-password.event-bus.ts                | 11 -----------
 .../frontend/editor-ui/src/components/Modals.vue |  8 ++++----
 .../frontend/editor-ui/src/event-bus/index.ts    |  1 -
 .../mfa.ts => features/auth/auth.eventBus.ts}    | 10 ++++++++++
 .../auth}/components/ChangePasswordModal.test.ts |  2 +-
 .../auth}/components/ChangePasswordModal.vue     |  2 +-
 .../components}/ConfirmPasswordModal.test.ts     |  4 ++--
 .../auth/components}/ConfirmPasswordModal.vue    |  4 ++--
 .../auth}/components/MfaSetupModal.vue           |  6 +++---
 .../auth/components}/PromptMfaCodeModal.vue      |  4 ++--
 .../ChangePasswordModal.test.ts.snap             |  6 ++++++
 .../ConfirmPasswordModal.test.ts.snap            |  0
 .../{ => features/auth}/views/AuthView.test.ts   |  2 +-
 .../src/{ => features/auth}/views/AuthView.vue   |  0
 .../auth}/views/ChangePasswordView.vue           |  2 +-
 .../auth}/views/ForgotMyPasswordView.test.ts     |  2 +-
 .../auth}/views/ForgotMyPasswordView.vue         |  0
 .../src/{ => features/auth}/views/MfaView.vue    |  2 +-
 .../auth}/views/SettingsPersonalView.test.ts     |  2 +-
 .../auth}/views/SettingsPersonalView.vue         |  8 ++++----
 .../src/{ => features/auth}/views/SetupView.vue  |  2 +-
 .../{ => features/auth}/views/SigninView.test.ts |  2 +-
 .../src/{ => features/auth}/views/SigninView.vue |  0
 .../{ => features/auth}/views/SignoutView.vue    |  0
 .../{ => features/auth}/views/SignupView.test.ts |  2 +-
 .../src/{ => features/auth}/views/SignupView.vue |  2 +-
 packages/frontend/editor-ui/src/router.ts        | 16 +++++++++-------
 .../editor-ui/src/views/SamlOnboarding.vue       |  2 +-
 28 files changed, 54 insertions(+), 48 deletions(-)
 delete mode 100644 packages/frontend/editor-ui/src/components/ConfirmPasswordModal/confirm-password.event-bus.ts
 rename packages/frontend/editor-ui/src/{event-bus/mfa.ts => features/auth/auth.eventBus.ts} (67%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/components/ChangePasswordModal.test.ts (87%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/components/ChangePasswordModal.vue (98%)
 rename packages/frontend/editor-ui/src/{components/ConfirmPasswordModal => features/auth/components}/ConfirmPasswordModal.test.ts (92%)
 rename packages/frontend/editor-ui/src/{components/ConfirmPasswordModal => features/auth/components}/ConfirmPasswordModal.vue (93%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/components/MfaSetupModal.vue (98%)
 rename packages/frontend/editor-ui/src/{components/PromptMfaCodeModal => features/auth/components}/PromptMfaCodeModal.vue (95%)
 create mode 100644 packages/frontend/editor-ui/src/features/auth/components/__snapshots__/ChangePasswordModal.test.ts.snap
 rename packages/frontend/editor-ui/src/{components/ConfirmPasswordModal => features/auth/components}/__snapshots__/ConfirmPasswordModal.test.ts.snap (100%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/AuthView.test.ts (95%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/AuthView.vue (100%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/ChangePasswordView.vue (98%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/ForgotMyPasswordView.test.ts (98%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/ForgotMyPasswordView.vue (100%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/MfaView.vue (99%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/SettingsPersonalView.test.ts (98%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/SettingsPersonalView.vue (97%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/SetupView.vue (98%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/SigninView.test.ts (99%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/SigninView.vue (100%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/SignoutView.vue (100%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/SignupView.test.ts (98%)
 rename packages/frontend/editor-ui/src/{ => features/auth}/views/SignupView.vue (98%)

diff --git a/packages/frontend/editor-ui/src/components/ConfirmPasswordModal/confirm-password.event-bus.ts b/packages/frontend/editor-ui/src/components/ConfirmPasswordModal/confirm-password.event-bus.ts
deleted file mode 100644
index 5866028ee3d..00000000000
--- a/packages/frontend/editor-ui/src/components/ConfirmPasswordModal/confirm-password.event-bus.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { createEventBus } from '@n8n/utils/event-bus';
-
-export interface ConfirmPasswordClosedEventPayload {
-	currentPassword: string;
-}
-
-export interface ConfirmPasswordModalEvents {
-	close: ConfirmPasswordClosedEventPayload | undefined;
-}
-
-export const confirmPasswordEventBus = createEventBus<ConfirmPasswordModalEvents>();
diff --git a/packages/frontend/editor-ui/src/components/Modals.vue b/packages/frontend/editor-ui/src/components/Modals.vue
index 11c0f6d4ff5..a868202f30a 100644
--- a/packages/frontend/editor-ui/src/components/Modals.vue
+++ b/packages/frontend/editor-ui/src/components/Modals.vue
@@ -55,8 +55,8 @@ import AboutModal from '@/components/AboutModal.vue';
 import ActivationModal from '@/components/ActivationModal.vue';
 import ApiKeyCreateOrEditModal from '@/components/ApiKeyCreateOrEditModal.vue';
 import NewAssistantSessionModal from '@/features/assistant/components/Chat/NewAssistantSessionModal.vue';
-import ChangePasswordModal from '@/components/ChangePasswordModal.vue';
-import ConfirmPasswordModal from '@/components/ConfirmPasswordModal/ConfirmPasswordModal.vue';
+import ChangePasswordModal from '@/features/auth/components/ChangePasswordModal.vue';
+import ConfirmPasswordModal from '@/features/auth/components/ConfirmPasswordModal.vue';
 import ChatEmbedModal from '@/components/ChatEmbedModal.vue';
 import CommunityPackageInstallModal from '@/components/CommunityPackageInstallModal.vue';
 import CommunityPackageManageConfirmModal from '@/components/CommunityPackageManageConfirmModal.vue';
@@ -74,7 +74,7 @@ import FromAiParametersModal from '@/components/FromAiParametersModal.vue';
 import ImportCurlModal from '@/components/ImportCurlModal.vue';
 import ImportWorkflowUrlModal from '@/components/ImportWorkflowUrlModal.vue';
 import InviteUsersModal from '@/components/InviteUsersModal.vue';
-import MfaSetupModal from '@/components/MfaSetupModal.vue';
+import MfaSetupModal from '@/features/auth/components/MfaSetupModal.vue';
 import ModalRoot from '@/components/ModalRoot.vue';
 import NpsSurvey from '@/components/NpsSurvey.vue';
 import PersonalizationModal from '@/components/PersonalizationModal.vue';
@@ -95,7 +95,7 @@ import WorkflowSettings from '@/components/WorkflowSettings.vue';
 import WorkflowShareModal from '@/components/WorkflowShareModal.ee.vue';
 import WorkflowDiffModal from '@/features/workflow-diff/WorkflowDiffModal.vue';
 import type { EventBus } from '@n8n/utils/event-bus';
-import PromptMfaCodeModal from './PromptMfaCodeModal/PromptMfaCodeModal.vue';
+import PromptMfaCodeModal from '@/features/auth/components/PromptMfaCodeModal.vue';
 import DynamicModalLoader from './DynamicModalLoader.vue';
 import NodeRecommendationModalV2 from '@/experiments/templateRecoV2/components/NodeRecommendationModal.vue';
 import NodeRecommendationModalV3 from '@/experiments/personalizedTemplatesV3/components/NodeRecommendationModal.vue';
diff --git a/packages/frontend/editor-ui/src/event-bus/index.ts b/packages/frontend/editor-ui/src/event-bus/index.ts
index b094684a942..bf933015db1 100644
--- a/packages/frontend/editor-ui/src/event-bus/index.ts
+++ b/packages/frontend/editor-ui/src/event-bus/index.ts
@@ -4,5 +4,4 @@ export * from './global-link-actions';
 export * from './html-editor';
 export * from './import-curl';
 export * from './node-view';
-export * from './mfa';
 export * from './ndv';
diff --git a/packages/frontend/editor-ui/src/event-bus/mfa.ts b/packages/frontend/editor-ui/src/features/auth/auth.eventBus.ts
similarity index 67%
rename from packages/frontend/editor-ui/src/event-bus/mfa.ts
rename to packages/frontend/editor-ui/src/features/auth/auth.eventBus.ts
index eb012eafbd0..a3bd2796079 100644
--- a/packages/frontend/editor-ui/src/event-bus/mfa.ts
+++ b/packages/frontend/editor-ui/src/features/auth/auth.eventBus.ts
@@ -1,5 +1,15 @@
 import { createEventBus } from '@n8n/utils/event-bus';
 
+export interface ConfirmPasswordClosedEventPayload {
+	currentPassword: string;
+}
+
+export interface ConfirmPasswordModalEvents {
+	close: ConfirmPasswordClosedEventPayload | undefined;
+}
+
+export const confirmPasswordEventBus = createEventBus<ConfirmPasswordModalEvents>();
+
 export const mfaEventBus = createEventBus();
 
 export interface MfaModalClosedEventPayload {
diff --git a/packages/frontend/editor-ui/src/components/ChangePasswordModal.test.ts b/packages/frontend/editor-ui/src/features/auth/components/ChangePasswordModal.test.ts
similarity index 87%
rename from packages/frontend/editor-ui/src/components/ChangePasswordModal.test.ts
rename to packages/frontend/editor-ui/src/features/auth/components/ChangePasswordModal.test.ts
index 7248774c81e..04a5e3dd26a 100644
--- a/packages/frontend/editor-ui/src/components/ChangePasswordModal.test.ts
+++ b/packages/frontend/editor-ui/src/features/auth/components/ChangePasswordModal.test.ts
@@ -1,5 +1,5 @@
 import { createTestingPinia } from '@pinia/testing';
-import ChangePasswordModal from '@/components/ChangePasswordModal.vue';
+import ChangePasswordModal from './ChangePasswordModal.vue';
 import type { createPinia } from 'pinia';
 import { createComponentRenderer } from '@/__tests__/render';
 
diff --git a/packages/frontend/editor-ui/src/components/ChangePasswordModal.vue b/packages/frontend/editor-ui/src/features/auth/components/ChangePasswordModal.vue
similarity index 98%
rename from packages/frontend/editor-ui/src/components/ChangePasswordModal.vue
rename to packages/frontend/editor-ui/src/features/auth/components/ChangePasswordModal.vue
index bb46eb8428c..2e6b65138fe 100644
--- a/packages/frontend/editor-ui/src/components/ChangePasswordModal.vue
+++ b/packages/frontend/editor-ui/src/features/auth/components/ChangePasswordModal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
 import { useToast } from '@/composables/useToast';
-import { CHANGE_PASSWORD_MODAL_KEY } from '../constants';
+import { CHANGE_PASSWORD_MODAL_KEY } from '@/constants';
 import Modal from '@/components/Modal.vue';
 import { useUsersStore } from '@/stores/users.store';
 import { createFormEventBus } from '@n8n/design-system/utils';
diff --git a/packages/frontend/editor-ui/src/components/ConfirmPasswordModal/ConfirmPasswordModal.test.ts b/packages/frontend/editor-ui/src/features/auth/components/ConfirmPasswordModal.test.ts
similarity index 92%
rename from packages/frontend/editor-ui/src/components/ConfirmPasswordModal/ConfirmPasswordModal.test.ts
rename to packages/frontend/editor-ui/src/features/auth/components/ConfirmPasswordModal.test.ts
index 1b8ce3b8dab..a20a2d2b861 100644
--- a/packages/frontend/editor-ui/src/components/ConfirmPasswordModal/ConfirmPasswordModal.test.ts
+++ b/packages/frontend/editor-ui/src/features/auth/components/ConfirmPasswordModal.test.ts
@@ -1,12 +1,12 @@
 import { createTestingPinia } from '@pinia/testing';
-import ConfirmPasswordModal from '@/components/ConfirmPasswordModal/ConfirmPasswordModal.vue';
+import ConfirmPasswordModal from './ConfirmPasswordModal.vue';
 import type { createPinia } from 'pinia';
 import { createComponentRenderer } from '@/__tests__/render';
 import userEvent from '@testing-library/user-event';
 import { waitFor } from '@testing-library/vue';
 import { describe, it, expect, beforeEach, vi } from 'vitest';
 import { CONFIRM_PASSWORD_MODAL_KEY } from '@/constants';
-import { confirmPasswordEventBus } from './confirm-password.event-bus';
+import { confirmPasswordEventBus } from '../auth.eventBus';
 import { STORES } from '@n8n/stores';
 
 const renderModal = createComponentRenderer(ConfirmPasswordModal);
diff --git a/packages/frontend/editor-ui/src/components/ConfirmPasswordModal/ConfirmPasswordModal.vue b/packages/frontend/editor-ui/src/features/auth/components/ConfirmPasswordModal.vue
similarity index 93%
rename from packages/frontend/editor-ui/src/components/ConfirmPasswordModal/ConfirmPasswordModal.vue
rename to packages/frontend/editor-ui/src/features/auth/components/ConfirmPasswordModal.vue
index 29a168810ed..b8af88f7e5a 100644
--- a/packages/frontend/editor-ui/src/components/ConfirmPasswordModal/ConfirmPasswordModal.vue
+++ b/packages/frontend/editor-ui/src/features/auth/components/ConfirmPasswordModal.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
-import { CONFIRM_PASSWORD_MODAL_KEY } from '../../constants';
+import { CONFIRM_PASSWORD_MODAL_KEY } from '@/constants';
 import Modal from '@/components/Modal.vue';
 import { createFormEventBus } from '@n8n/design-system/utils';
 import type { IFormInputs, IFormInput, FormValues } from '@/Interface';
 import { useI18n } from '@n8n/i18n';
-import { confirmPasswordEventBus } from './confirm-password.event-bus';
+import { confirmPasswordEventBus } from '../auth.eventBus';
 
 import { N8nButton, N8nFormInputs, N8nText } from '@n8n/design-system';
 const config = ref<IFormInputs | null>(null);
diff --git a/packages/frontend/editor-ui/src/components/MfaSetupModal.vue b/packages/frontend/editor-ui/src/features/auth/components/MfaSetupModal.vue
similarity index 98%
rename from packages/frontend/editor-ui/src/components/MfaSetupModal.vue
rename to packages/frontend/editor-ui/src/features/auth/components/MfaSetupModal.vue
index e6e6f687a76..632013195e8 100644
--- a/packages/frontend/editor-ui/src/components/MfaSetupModal.vue
+++ b/packages/frontend/editor-ui/src/features/auth/components/MfaSetupModal.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import Modal from './Modal.vue';
+import Modal from '@/components/Modal.vue';
 import {
 	MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH,
 	MFA_AUTHENTICATION_CODE_WINDOW_EXPIRED,
 	MFA_SETUP_MODAL_KEY,
 	VIEWS,
-} from '../constants';
+} from '@/constants';
 import { ref, onMounted } from 'vue';
 import { useUsersStore } from '@/stores/users.store';
-import { mfaEventBus } from '@/event-bus';
+import { mfaEventBus } from '../auth.eventBus';
 import { useToast } from '@/composables/useToast';
 //@ts-ignore
 import QrcodeVue from 'qrcode.vue';
diff --git a/packages/frontend/editor-ui/src/components/PromptMfaCodeModal/PromptMfaCodeModal.vue b/packages/frontend/editor-ui/src/features/auth/components/PromptMfaCodeModal.vue
similarity index 95%
rename from packages/frontend/editor-ui/src/components/PromptMfaCodeModal/PromptMfaCodeModal.vue
rename to packages/frontend/editor-ui/src/features/auth/components/PromptMfaCodeModal.vue
index d730b5bac25..1bdf5513d91 100644
--- a/packages/frontend/editor-ui/src/components/PromptMfaCodeModal/PromptMfaCodeModal.vue
+++ b/packages/frontend/editor-ui/src/features/auth/components/PromptMfaCodeModal.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import Modal from '../Modal.vue';
+import Modal from '@/components/Modal.vue';
 import { PROMPT_MFA_CODE_MODAL_KEY } from '@/constants';
 import { useI18n } from '@n8n/i18n';
-import { promptMfaCodeBus } from '@/event-bus';
+import { promptMfaCodeBus } from '../auth.eventBus';
 import { type IFormInput } from '@/Interface';
 import { createFormEventBus } from '@n8n/design-system/utils';
 import { validate as validateUuid } from 'uuid';
diff --git a/packages/frontend/editor-ui/src/features/auth/components/__snapshots__/ChangePasswordModal.test.ts.snap b/packages/frontend/editor-ui/src/features/auth/components/__snapshots__/ChangePasswordModal.test.ts.snap
new file mode 100644
index 00000000000..db656032b2c
--- /dev/null
+++ b/packages/frontend/editor-ui/src/features/auth/components/__snapshots__/ChangePasswordModal.test.ts.snap
@@ -0,0 +1,6 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ChangePasswordModal > should render correctly 1`] = `
+"<!--teleport start-->
+<!--teleport end-->"
+`;
diff --git a/packages/frontend/editor-ui/src/components/ConfirmPasswordModal/__snapshots__/ConfirmPasswordModal.test.ts.snap b/packages/frontend/editor-ui/src/features/auth/components/__snapshots__/ConfirmPasswordModal.test.ts.snap
similarity index 100%
rename from packages/frontend/editor-ui/src/components/ConfirmPasswordModal/__snapshots__/ConfirmPasswordModal.test.ts.snap
rename to packages/frontend/editor-ui/src/features/auth/components/__snapshots__/ConfirmPasswordModal.test.ts.snap
diff --git a/packages/frontend/editor-ui/src/views/AuthView.test.ts b/packages/frontend/editor-ui/src/features/auth/views/AuthView.test.ts
similarity index 95%
rename from packages/frontend/editor-ui/src/views/AuthView.test.ts
rename to packages/frontend/editor-ui/src/features/auth/views/AuthView.test.ts
index e776e86942c..e8e290f2536 100644
--- a/packages/frontend/editor-ui/src/views/AuthView.test.ts
+++ b/packages/frontend/editor-ui/src/features/auth/views/AuthView.test.ts
@@ -1,5 +1,5 @@
 import { createTestingPinia } from '@pinia/testing';
-import AuthView from '@/views/AuthView.vue';
+import AuthView from './AuthView.vue';
 import { createComponentRenderer } from '@/__tests__/render';
 
 const renderComponent = createComponentRenderer(AuthView, {
diff --git a/packages/frontend/editor-ui/src/views/AuthView.vue b/packages/frontend/editor-ui/src/features/auth/views/AuthView.vue
similarity index 100%
rename from packages/frontend/editor-ui/src/views/AuthView.vue
rename to packages/frontend/editor-ui/src/features/auth/views/AuthView.vue
diff --git a/packages/frontend/editor-ui/src/views/ChangePasswordView.vue b/packages/frontend/editor-ui/src/features/auth/views/ChangePasswordView.vue
similarity index 98%
rename from packages/frontend/editor-ui/src/views/ChangePasswordView.vue
rename to packages/frontend/editor-ui/src/features/auth/views/ChangePasswordView.vue
index 1a748002522..bdfa81c141a 100644
--- a/packages/frontend/editor-ui/src/views/ChangePasswordView.vue
+++ b/packages/frontend/editor-ui/src/features/auth/views/ChangePasswordView.vue
@@ -2,7 +2,7 @@
 import { onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
-import AuthView from '@/views/AuthView.vue';
+import AuthView from './AuthView.vue';
 
 import { useI18n } from '@n8n/i18n';
 import { useToast } from '@/composables/useToast';
diff --git a/packages/frontend/editor-ui/src/views/ForgotMyPasswordView.test.ts b/packages/frontend/editor-ui/src/features/auth/views/ForgotMyPasswordView.test.ts
similarity index 98%
rename from packages/frontend/editor-ui/src/views/ForgotMyPasswordView.test.ts
rename to packages/frontend/editor-ui/src/features/auth/views/ForgotMyPasswordView.test.ts
index 61e4103c902..7d7e39d2f67 100644
--- a/packages/frontend/editor-ui/src/views/ForgotMyPasswordView.test.ts
+++ b/packages/frontend/editor-ui/src/features/auth/views/ForgotMyPasswordView.test.ts
@@ -2,7 +2,7 @@ import { createComponentRenderer } from '@/__tests__/render';
 import { mockedStore } from '@/__tests__/utils';
 import { createTestingPinia } from '@pinia/testing';
 import userEvent from '@testing-library/user-event';
-import ForgotMyPasswordView from '@/views/ForgotMyPasswordView.vue';
+import ForgotMyPasswordView from './ForgotMyPasswordView.vue';
 import { useToast } from '@/composables/useToast';
 import { useUsersStore } from '@/stores/users.store';
 import { useSettingsStore } from '@/stores/settings.store';
diff --git a/packages/frontend/editor-ui/src/views/ForgotMyPasswordView.vue b/packages/frontend/editor-ui/src/features/auth/views/ForgotMyPasswordView.vue
similarity index 100%
rename from packages/frontend/editor-ui/src/views/ForgotMyPasswordView.vue
rename to packages/frontend/editor-ui/src/features/auth/views/ForgotMyPasswordView.vue
diff --git a/packages/frontend/editor-ui/src/views/MfaView.vue b/packages/frontend/editor-ui/src/features/auth/views/MfaView.vue
similarity index 99%
rename from packages/frontend/editor-ui/src/views/MfaView.vue
rename to packages/frontend/editor-ui/src/features/auth/views/MfaView.vue
index b3bb69151d5..ce3938cfd36 100644
--- a/packages/frontend/editor-ui/src/views/MfaView.vue
+++ b/packages/frontend/editor-ui/src/features/auth/views/MfaView.vue
@@ -6,7 +6,7 @@ import {
 	MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH,
 	MFA_FORM,
 } from '@/constants';
-import { mfaEventBus } from '@/event-bus';
+import { mfaEventBus } from '../auth.eventBus';
 import { onMounted, ref } from 'vue';
 import { useI18n } from '@n8n/i18n';
 import { toRefs } from '@vueuse/core';
diff --git a/packages/frontend/editor-ui/src/views/SettingsPersonalView.test.ts b/packages/frontend/editor-ui/src/features/auth/views/SettingsPersonalView.test.ts
similarity index 98%
rename from packages/frontend/editor-ui/src/views/SettingsPersonalView.test.ts
rename to packages/frontend/editor-ui/src/features/auth/views/SettingsPersonalView.test.ts
index 813162f8c55..5618de2870e 100644
--- a/packages/frontend/editor-ui/src/views/SettingsPersonalView.test.ts
+++ b/packages/frontend/editor-ui/src/features/auth/views/SettingsPersonalView.test.ts
@@ -1,7 +1,7 @@
 import userEvent from '@testing-library/user-event';
 import { createPinia } from 'pinia';
 import { waitAllPromises } from '@/__tests__/utils';
-import SettingsPersonalView from '@/views/SettingsPersonalView.vue';
+import SettingsPersonalView from './SettingsPersonalView.vue';
 import { useSettingsStore } from '@/stores/settings.store';
 import { useUsersStore } from '@/stores/users.store';
 import { createComponentRenderer } from '@/__tests__/render';
diff --git a/packages/frontend/editor-ui/src/views/SettingsPersonalView.vue b/packages/frontend/editor-ui/src/features/auth/views/SettingsPersonalView.vue
similarity index 97%
rename from packages/frontend/editor-ui/src/views/SettingsPersonalView.vue
rename to packages/frontend/editor-ui/src/features/auth/views/SettingsPersonalView.vue
index 7729d7fad87..50b33aa9eb0 100644
--- a/packages/frontend/editor-ui/src/views/SettingsPersonalView.vue
+++ b/packages/frontend/editor-ui/src/features/auth/views/SettingsPersonalView.vue
@@ -18,12 +18,12 @@ import { useUsersStore } from '@/stores/users.store';
 import { useSettingsStore } from '@/stores/settings.store';
 import { useCloudPlanStore } from '@/stores/cloudPlan.store';
 import { createFormEventBus } from '@n8n/design-system/utils';
-import type { MfaModalEvents } from '@/event-bus/mfa';
-import { promptMfaCodeBus } from '@/event-bus/mfa';
+import type { MfaModalEvents } from '../auth.eventBus';
+import { promptMfaCodeBus } from '../auth.eventBus';
 import type { BaseTextKey } from '@n8n/i18n';
 import { useSSOStore } from '@/features/sso/sso.store';
-import type { ConfirmPasswordModalEvents } from '@/components/ConfirmPasswordModal/confirm-password.event-bus';
-import { confirmPasswordEventBus } from '@/components/ConfirmPasswordModal/confirm-password.event-bus';
+import type { ConfirmPasswordModalEvents } from '../auth.eventBus';
+import { confirmPasswordEventBus } from '../auth.eventBus';
 
 import {
 	N8nAvatar,
diff --git a/packages/frontend/editor-ui/src/views/SetupView.vue b/packages/frontend/editor-ui/src/features/auth/views/SetupView.vue
similarity index 98%
rename from packages/frontend/editor-ui/src/views/SetupView.vue
rename to packages/frontend/editor-ui/src/features/auth/views/SetupView.vue
index 005d3c658f9..a478c6ba74c 100644
--- a/packages/frontend/editor-ui/src/views/SetupView.vue
+++ b/packages/frontend/editor-ui/src/features/auth/views/SetupView.vue
@@ -11,7 +11,7 @@ import { useUsersStore } from '@/stores/users.store';
 import type { IFormBoxConfig } from '@/Interface';
 import { VIEWS } from '@/constants';
 
-import AuthView from '@/views/AuthView.vue';
+import AuthView from './AuthView.vue';
 
 const settingsStore = useSettingsStore();
 const usersStore = useUsersStore();
diff --git a/packages/frontend/editor-ui/src/views/SigninView.test.ts b/packages/frontend/editor-ui/src/features/auth/views/SigninView.test.ts
similarity index 99%
rename from packages/frontend/editor-ui/src/views/SigninView.test.ts
rename to packages/frontend/editor-ui/src/features/auth/views/SigninView.test.ts
index f4cbc228f53..ac9582983e8 100644
--- a/packages/frontend/editor-ui/src/views/SigninView.test.ts
+++ b/packages/frontend/editor-ui/src/features/auth/views/SigninView.test.ts
@@ -3,7 +3,7 @@ import { mockedStore } from '@/__tests__/utils';
 import { createTestingPinia } from '@pinia/testing';
 import userEvent from '@testing-library/user-event';
 import { useRouter, useRoute } from 'vue-router';
-import SigninView from '@/views/SigninView.vue';
+import SigninView from './SigninView.vue';
 import { useUsersStore } from '@/stores/users.store';
 import { useSettingsStore } from '@/stores/settings.store';
 import { useTelemetry } from '@/composables/useTelemetry';
diff --git a/packages/frontend/editor-ui/src/views/SigninView.vue b/packages/frontend/editor-ui/src/features/auth/views/SigninView.vue
similarity index 100%
rename from packages/frontend/editor-ui/src/views/SigninView.vue
rename to packages/frontend/editor-ui/src/features/auth/views/SigninView.vue
diff --git a/packages/frontend/editor-ui/src/views/SignoutView.vue b/packages/frontend/editor-ui/src/features/auth/views/SignoutView.vue
similarity index 100%
rename from packages/frontend/editor-ui/src/views/SignoutView.vue
rename to packages/frontend/editor-ui/src/features/auth/views/SignoutView.vue
diff --git a/packages/frontend/editor-ui/src/views/SignupView.test.ts b/packages/frontend/editor-ui/src/features/auth/views/SignupView.test.ts
similarity index 98%
rename from packages/frontend/editor-ui/src/views/SignupView.test.ts
rename to packages/frontend/editor-ui/src/features/auth/views/SignupView.test.ts
index e9eb69478f4..342c6add9c0 100644
--- a/packages/frontend/editor-ui/src/views/SignupView.test.ts
+++ b/packages/frontend/editor-ui/src/features/auth/views/SignupView.test.ts
@@ -3,7 +3,7 @@ import { createComponentRenderer } from '@/__tests__/render';
 import { createTestingPinia } from '@pinia/testing';
 import userEvent from '@testing-library/user-event';
 import { useToast } from '@/composables/useToast';
-import SignupView from '@/views/SignupView.vue';
+import SignupView from './SignupView.vue';
 import { VIEWS } from '@/constants';
 import { useUsersStore } from '@/stores/users.store';
 import { mockedStore } from '@/__tests__/utils';
diff --git a/packages/frontend/editor-ui/src/views/SignupView.vue b/packages/frontend/editor-ui/src/features/auth/views/SignupView.vue
similarity index 98%
rename from packages/frontend/editor-ui/src/views/SignupView.vue
rename to packages/frontend/editor-ui/src/features/auth/views/SignupView.vue
index da124251e2b..b618e8d7424 100644
--- a/packages/frontend/editor-ui/src/views/SignupView.vue
+++ b/packages/frontend/editor-ui/src/features/auth/views/SignupView.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import AuthView from '@/views/AuthView.vue';
+import AuthView from './AuthView.vue';
 import { useToast } from '@/composables/useToast';
 
 import { computed, onMounted, ref } from 'vue';
diff --git a/packages/frontend/editor-ui/src/router.ts b/packages/frontend/editor-ui/src/router.ts
index 080f7a30efb..7e5b4ab7341 100644
--- a/packages/frontend/editor-ui/src/router.ts
+++ b/packages/frontend/editor-ui/src/router.ts
@@ -21,11 +21,12 @@ import { projectsRoutes } from '@/features/projects/projects.routes';
 import { MfaRequiredError } from '@n8n/rest-api-client';
 import { useCalloutHelpers } from './composables/useCalloutHelpers';
 
-const ChangePasswordView = async () => await import('./views/ChangePasswordView.vue');
+const ChangePasswordView = async () => await import('@/features/auth/views/ChangePasswordView.vue');
 const ErrorView = async () => await import('./views/ErrorView.vue');
 const EntityNotFound = async () => await import('./views/EntityNotFound.vue');
 const EntityUnAuthorised = async () => await import('./views/EntityUnAuthorised.vue');
-const ForgotMyPasswordView = async () => await import('./views/ForgotMyPasswordView.vue');
+const ForgotMyPasswordView = async () =>
+	await import('@/features/auth/views/ForgotMyPasswordView.vue');
 const MainHeader = async () => await import('@/components/MainHeader/MainHeader.vue');
 const MainSidebar = async () => await import('@/components/MainSidebar.vue');
 const LogsPanel = async () => await import('@/features/logs/components/LogsPanel.vue');
@@ -38,16 +39,17 @@ const WorkflowExecutionsPreview = async () =>
 	await import('@/components/executions/workflow/WorkflowExecutionsPreview.vue');
 const SettingsView = async () => await import('./views/SettingsView.vue');
 const SettingsLdapView = async () => await import('@/features/sso/views/SettingsLdapView.vue');
-const SettingsPersonalView = async () => await import('./views/SettingsPersonalView.vue');
+const SettingsPersonalView = async () =>
+	await import('@/features/auth/views/SettingsPersonalView.vue');
 const SettingsUsersView = async () => await import('./views/SettingsUsersView.vue');
 const SettingsCommunityNodesView = async () =>
 	await import('./views/SettingsCommunityNodesView.vue');
 const SettingsApiView = async () => await import('./views/SettingsApiView.vue');
 const SettingsLogStreamingView = async () =>
 	await import('@/features/logStreaming.ee/views/SettingsLogStreamingView.vue');
-const SetupView = async () => await import('./views/SetupView.vue');
-const SigninView = async () => await import('./views/SigninView.vue');
-const SignupView = async () => await import('./views/SignupView.vue');
+const SetupView = async () => await import('@/features/auth/views/SetupView.vue');
+const SigninView = async () => await import('@/features/auth/views/SigninView.vue');
+const SignupView = async () => await import('@/features/auth/views/SignupView.vue');
 const TemplatesCollectionView = async () =>
 	await import('@/features/templates/views/TemplatesCollectionView.vue');
 const TemplatesWorkflowView = async () =>
@@ -60,7 +62,7 @@ const VariablesView = async () =>
 	await import('@/features/environments.ee/views/VariablesView.vue');
 const SettingsUsageAndPlan = async () => await import('./views/SettingsUsageAndPlan.vue');
 const SettingsSso = async () => await import('@/features/sso/views/SettingsSso.vue');
-const SignoutView = async () => await import('@/views/SignoutView.vue');
+const SignoutView = async () => await import('@/features/auth/views/SignoutView.vue');
 const SamlOnboarding = async () => await import('@/views/SamlOnboarding.vue');
 const SettingsSourceControl = async () =>
 	await import('@/features/sourceControl.ee/views/SettingsSourceControl.vue');
diff --git a/packages/frontend/editor-ui/src/views/SamlOnboarding.vue b/packages/frontend/editor-ui/src/views/SamlOnboarding.vue
index a3fdf7ed832..183d7a13e2a 100644
--- a/packages/frontend/editor-ui/src/views/SamlOnboarding.vue
+++ b/packages/frontend/editor-ui/src/views/SamlOnboarding.vue
@@ -2,7 +2,7 @@
 import { reactive, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import type { IFormBoxConfig } from '@n8n/design-system';
-import AuthView from '@/views/AuthView.vue';
+import AuthView from '@/features/auth/views/AuthView.vue';
 import { VIEWS } from '@/constants';
 import { useI18n } from '@n8n/i18n';
 import { useToast } from '@/composables/useToast';