From ffcbb0702f30c3d5461c43682706c9bcb8848b70 Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Tue, 7 Oct 2025 21:45:52 +0300
Subject: [PATCH] refactor(editor): Extract `logStreaming` code into features
 (no-changelog) (#20488)

---
 packages/frontend/editor-ui/src/components/Modals.vue     | 2 +-
 .../logStreaming.ee/components/EventDestinationCard.vue}  | 3 ++-
 .../components/EventDestinationSettingsModal.vue}         | 8 ++++----
 .../logStreaming.ee/components/EventSelection.spec.ts}    | 4 ++--
 .../logStreaming.ee/components/EventSelection.vue}        | 2 +-
 .../logStreaming.ee/logStreaming.constants.ts}            | 0
 .../logStreaming.ee}/logStreaming.store.test.ts           | 0
 .../logStreaming.ee}/logStreaming.store.ts                | 0
 .../logStreaming.ee/logStreaming.utils.ts}                | 0
 .../logStreaming.ee}/views/SettingsLogStreamingView.vue   | 4 ++--
 packages/frontend/editor-ui/src/router.ts                 | 3 ++-
 11 files changed, 14 insertions(+), 12 deletions(-)
 rename packages/frontend/editor-ui/src/{components/SettingsLogStreaming/EventDestinationCard.ee.vue => features/logStreaming.ee/components/EventDestinationCard.vue} (98%)
 rename packages/frontend/editor-ui/src/{components/SettingsLogStreaming/EventDestinationSettingsModal.ee.vue => features/logStreaming.ee/components/EventDestinationSettingsModal.vue} (98%)
 rename packages/frontend/editor-ui/src/{components/SettingsLogStreaming/EventSelection.ee.spec.ts => features/logStreaming.ee/components/EventSelection.spec.ts} (98%)
 rename packages/frontend/editor-ui/src/{components/SettingsLogStreaming/EventSelection.ee.vue => features/logStreaming.ee/components/EventSelection.vue} (98%)
 rename packages/frontend/editor-ui/src/{components/SettingsLogStreaming/descriptions.ee.ts => features/logStreaming.ee/logStreaming.constants.ts} (100%)
 rename packages/frontend/editor-ui/src/{stores => features/logStreaming.ee}/logStreaming.store.test.ts (100%)
 rename packages/frontend/editor-ui/src/{stores => features/logStreaming.ee}/logStreaming.store.ts (100%)
 rename packages/frontend/editor-ui/src/{components/SettingsLogStreaming/Helpers.ee.ts => features/logStreaming.ee/logStreaming.utils.ts} (100%)
 rename packages/frontend/editor-ui/src/{ => features/logStreaming.ee}/views/SettingsLogStreamingView.vue (98%)

diff --git a/packages/frontend/editor-ui/src/components/Modals.vue b/packages/frontend/editor-ui/src/components/Modals.vue
index e75a446041f..ebeabd50ea9 100644
--- a/packages/frontend/editor-ui/src/components/Modals.vue
+++ b/packages/frontend/editor-ui/src/components/Modals.vue
@@ -79,7 +79,7 @@ import NpsSurvey from '@/components/NpsSurvey.vue';
 import PersonalizationModal from '@/components/PersonalizationModal.vue';
 import PreBuiltAgentsModal from '@/components/PreBuiltAgentsModal.vue';
 import ProjectMoveResourceModal from '@/components/Projects/ProjectMoveResourceModal.vue';
-import EventDestinationSettingsModal from '@/components/SettingsLogStreaming/EventDestinationSettingsModal.ee.vue';
+import EventDestinationSettingsModal from '@/features/logStreaming.ee/components/EventDestinationSettingsModal.vue';
 import SetupWorkflowCredentialsModal from '@/features/templates/components/SetupWorkflowCredentialsModal.vue';
 import SourceControlPullModal from '@/features/sourceControl.ee/components/SourceControlPullModal.vue';
 import SourceControlPushModal from '@/features/sourceControl.ee/components/SourceControlPushModal.vue';
diff --git a/packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventDestinationCard.ee.vue b/packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventDestinationCard.vue
similarity index 98%
rename from packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventDestinationCard.ee.vue
rename to packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventDestinationCard.vue
index d31f301192d..3a8a72265b6 100644
--- a/packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventDestinationCard.ee.vue
+++ b/packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventDestinationCard.vue
@@ -2,7 +2,7 @@
 import { computed, onBeforeMount, onMounted, ref } from 'vue';
 import { MODAL_CONFIRM } from '@/constants';
 import { useMessage } from '@/composables/useMessage';
-import { useLogStreamingStore } from '@/stores/logStreaming.store';
+import { useLogStreamingStore } from '../logStreaming.store';
 import type { MessageEventBusDestinationOptions } from 'n8n-workflow';
 import { deepCopy, defaultMessageEventBusDestinationOptions } from 'n8n-workflow';
 import type { BaseTextKey } from '@n8n/i18n';
@@ -12,6 +12,7 @@ import { assert } from '@n8n/utils/assert';
 
 import { ElSwitch } from 'element-plus';
 import { N8nActionToggle, N8nCard, N8nHeading, N8nText } from '@n8n/design-system';
+
 const DESTINATION_LIST_ITEM_ACTIONS = {
 	OPEN: 'open',
 	DELETE: 'delete',
diff --git a/packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventDestinationSettingsModal.ee.vue b/packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventDestinationSettingsModal.vue
similarity index 98%
rename from packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventDestinationSettingsModal.ee.vue
rename to packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventDestinationSettingsModal.vue
index 097cf294a83..0da9e9099e4 100644
--- a/packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventDestinationSettingsModal.ee.vue
+++ b/packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventDestinationSettingsModal.vue
@@ -25,7 +25,7 @@ import {
 import type { EventBus } from '@n8n/utils/event-bus';
 import { createEventBus } from '@n8n/utils/event-bus';
 
-import { useLogStreamingStore } from '@/stores/logStreaming.store';
+import { useLogStreamingStore } from '../logStreaming.store';
 import { useNDVStore } from '@/stores/ndv.store';
 import { useWorkflowsStore } from '@/stores/workflows.store';
 import ParameterInputList from '@/components/ParameterInputList.vue';
@@ -36,10 +36,10 @@ import { useI18n } from '@n8n/i18n';
 import { useMessage } from '@/composables/useMessage';
 import { useUIStore } from '@/stores/ui.store';
 import { hasPermission } from '@/utils/rbac/permissions';
-import { destinationToFakeINodeUi } from '@/components/SettingsLogStreaming/Helpers.ee';
+import { destinationToFakeINodeUi } from '../logStreaming.utils';
 import type { BaseTextKey } from '@n8n/i18n';
 import SaveButton from '@/components/SaveButton.vue';
-import EventSelection from '@/components/SettingsLogStreaming/EventSelection.ee.vue';
+import EventSelection from './EventSelection.vue';
 import { useTelemetry } from '@/composables/useTelemetry';
 import { useRootStore } from '@n8n/stores/useRootStore';
 
@@ -47,7 +47,7 @@ import {
 	webhookModalDescription,
 	sentryModalDescription,
 	syslogModalDescription,
-} from './descriptions.ee';
+} from '../logStreaming.constants';
 import { useElementSize } from '@vueuse/core';
 
 import {
diff --git a/packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventSelection.ee.spec.ts b/packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventSelection.spec.ts
similarity index 98%
rename from packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventSelection.ee.spec.ts
rename to packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventSelection.spec.ts
index 28d0c99f905..bc3878dd557 100644
--- a/packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventSelection.ee.spec.ts
+++ b/packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventSelection.spec.ts
@@ -1,8 +1,8 @@
 import { createTestingPinia } from '@pinia/testing';
 import { createComponentRenderer } from '@/__tests__/render';
 import { mockedStore, type MockedStore } from '@/__tests__/utils';
-import EventSelection from '@/components/SettingsLogStreaming/EventSelection.ee.vue';
-import { useLogStreamingStore } from '@/stores/logStreaming.store';
+import EventSelection from './EventSelection.vue';
+import { useLogStreamingStore } from '../logStreaming.store';
 
 const renderComponent = createComponentRenderer(EventSelection);
 
diff --git a/packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventSelection.ee.vue b/packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventSelection.vue
similarity index 98%
rename from packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventSelection.ee.vue
rename to packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventSelection.vue
index 95a37b716cf..3d071c05515 100644
--- a/packages/frontend/editor-ui/src/components/SettingsLogStreaming/EventSelection.ee.vue
+++ b/packages/frontend/editor-ui/src/features/logStreaming.ee/components/EventSelection.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { BaseTextKey } from '@n8n/i18n';
-import { useLogStreamingStore } from '@/stores/logStreaming.store';
+import { useLogStreamingStore } from '../logStreaming.store';
 import { computed } from 'vue';
 import { useI18n } from '@n8n/i18n';
 
diff --git a/packages/frontend/editor-ui/src/components/SettingsLogStreaming/descriptions.ee.ts b/packages/frontend/editor-ui/src/features/logStreaming.ee/logStreaming.constants.ts
similarity index 100%
rename from packages/frontend/editor-ui/src/components/SettingsLogStreaming/descriptions.ee.ts
rename to packages/frontend/editor-ui/src/features/logStreaming.ee/logStreaming.constants.ts
diff --git a/packages/frontend/editor-ui/src/stores/logStreaming.store.test.ts b/packages/frontend/editor-ui/src/features/logStreaming.ee/logStreaming.store.test.ts
similarity index 100%
rename from packages/frontend/editor-ui/src/stores/logStreaming.store.test.ts
rename to packages/frontend/editor-ui/src/features/logStreaming.ee/logStreaming.store.test.ts
diff --git a/packages/frontend/editor-ui/src/stores/logStreaming.store.ts b/packages/frontend/editor-ui/src/features/logStreaming.ee/logStreaming.store.ts
similarity index 100%
rename from packages/frontend/editor-ui/src/stores/logStreaming.store.ts
rename to packages/frontend/editor-ui/src/features/logStreaming.ee/logStreaming.store.ts
diff --git a/packages/frontend/editor-ui/src/components/SettingsLogStreaming/Helpers.ee.ts b/packages/frontend/editor-ui/src/features/logStreaming.ee/logStreaming.utils.ts
similarity index 100%
rename from packages/frontend/editor-ui/src/components/SettingsLogStreaming/Helpers.ee.ts
rename to packages/frontend/editor-ui/src/features/logStreaming.ee/logStreaming.utils.ts
diff --git a/packages/frontend/editor-ui/src/views/SettingsLogStreamingView.vue b/packages/frontend/editor-ui/src/features/logStreaming.ee/views/SettingsLogStreamingView.vue
similarity index 98%
rename from packages/frontend/editor-ui/src/views/SettingsLogStreamingView.vue
rename to packages/frontend/editor-ui/src/features/logStreaming.ee/views/SettingsLogStreamingView.vue
index f8b73564cf0..1146b342865 100644
--- a/packages/frontend/editor-ui/src/views/SettingsLogStreamingView.vue
+++ b/packages/frontend/editor-ui/src/features/logStreaming.ee/views/SettingsLogStreamingView.vue
@@ -4,13 +4,13 @@ import { v4 as uuid } from 'uuid';
 import { useWorkflowsStore } from '@/stores/workflows.store';
 import { hasPermission } from '@/utils/rbac/permissions';
 import { useCredentialsStore } from '@/stores/credentials.store';
-import { useLogStreamingStore } from '@/stores/logStreaming.store';
+import { useLogStreamingStore } from '../logStreaming.store';
 import { useSettingsStore } from '@/stores/settings.store';
 import { useUIStore } from '@/stores/ui.store';
 import { LOG_STREAM_MODAL_KEY, EnterpriseEditionFeature } from '@/constants';
 import type { MessageEventBusDestinationOptions } from 'n8n-workflow';
 import { deepCopy, defaultMessageEventBusDestinationOptions } from 'n8n-workflow';
-import EventDestinationCard from '@/components/SettingsLogStreaming/EventDestinationCard.ee.vue';
+import EventDestinationCard from '../components/EventDestinationCard.vue';
 import { createEventBus } from '@n8n/utils/event-bus';
 import { useDocumentTitle } from '@/composables/useDocumentTitle';
 import { useI18n } from '@n8n/i18n';
diff --git a/packages/frontend/editor-ui/src/router.ts b/packages/frontend/editor-ui/src/router.ts
index b3cfd403923..4875d9753b9 100644
--- a/packages/frontend/editor-ui/src/router.ts
+++ b/packages/frontend/editor-ui/src/router.ts
@@ -43,7 +43,8 @@ const SettingsUsersView = async () => await import('./views/SettingsUsersView.vu
 const SettingsCommunityNodesView = async () =>
 	await import('./views/SettingsCommunityNodesView.vue');
 const SettingsApiView = async () => await import('./views/SettingsApiView.vue');
-const SettingsLogStreamingView = async () => await import('./views/SettingsLogStreamingView.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');