refactor(editor): Clean up feature flag for the log view (#15606)

packages/frontend/editor-ui/src/components/canvas/composables/useViewportAutoAdjust.test.ts

@@ -2,10 +2,6 @@ import { ref } from 'vue';
 import { useViewportAutoAdjust } from './useViewportAutoAdjust';
 import { waitFor } from '@testing-library/vue';
 
-vi.mock('@/stores/settings.store', () => ({
-	useSettingsStore: vi.fn(() => ({ isNewLogsEnabled: true })),
-}));
-
 describe(useViewportAutoAdjust, () => {
 	afterAll(() => {
 		vi.clearAllMocks();

packages/frontend/editor-ui/src/components/canvas/composables/useViewportAutoAdjust.ts

@@ -1,4 +1,3 @@
-import { useSettingsStore } from '@/stores/settings.store';
 import type { Rect, SetViewport, ViewportTransform } from '@vue-flow/core';
 import { type Ref, ref, watch } from 'vue';
 
@@ -10,48 +9,44 @@ export function useViewportAutoAdjust(
 	viewport: Ref<ViewportTransform>,
 	setViewport: SetViewport,
 ) {
-	const settingsStore = useSettingsStore();
+	const canvasRect = ref<Rect>();
 
-	if (settingsStore.isNewLogsEnabled) {
-		const canvasRect = ref<Rect>();
-
-		watch(
-			viewportRef,
-			(vp, _, onCleanUp) => {
-				if (!vp) {
-					return;
-				}
-
-				const resizeObserver = new ResizeObserver((entries) => {
-					const entry = entries[0];
-
-					if (entry) {
-						canvasRect.value = entry.contentRect;
-					}
-				});
-
-				canvasRect.value = {
-					x: vp.offsetLeft,
-					y: vp.offsetTop,
-					width: vp.offsetWidth,
-					height: vp.offsetHeight,
-				};
-				resizeObserver.observe(vp);
-				onCleanUp(() => resizeObserver.disconnect());
-			},
-			{ immediate: true },
-		);
-
-		watch(canvasRect, async (newRect, oldRect) => {
-			if (!newRect || !oldRect) {
+	watch(
+		viewportRef,
+		(vp, _, onCleanUp) => {
+			if (!vp) {
 				return;
 			}
 
-			await setViewport({
-				x: viewport.value.x + (newRect.width - oldRect.width) / 2,
-				y: viewport.value.y + (newRect.height - oldRect.height) / 2,
-				zoom: viewport.value.zoom,
+			const resizeObserver = new ResizeObserver((entries) => {
+				const entry = entries[0];
+
+				if (entry) {
+					canvasRect.value = entry.contentRect;
+				}
 			});
+
+			canvasRect.value = {
+				x: vp.offsetLeft,
+				y: vp.offsetTop,
+				width: vp.offsetWidth,
+				height: vp.offsetHeight,
+			};
+			resizeObserver.observe(vp);
+			onCleanUp(() => resizeObserver.disconnect());
+		},
+		{ immediate: true },
+	);
+
+	watch(canvasRect, async (newRect, oldRect) => {
+		if (!newRect || !oldRect) {
+			return;
+		}
+
+		await setViewport({
+			x: viewport.value.x + (newRect.width - oldRect.width) / 2,
+			y: viewport.value.y + (newRect.height - oldRect.height) / 2,
+			zoom: viewport.value.zoom,
 		});
-	}
+	});
 }

packages/frontend/editor-ui/src/components/canvas/elements/buttons/CanvasRunWorkflowButton.vue

@@ -6,7 +6,7 @@ import { type ActionDropdownItem, N8nActionDropdown, N8nButton, N8nText } from '
 import { useI18n } from '@n8n/i18n';
 import { type INodeTypeDescription } from 'n8n-workflow';
 import { computed } from 'vue';
-import { isChatNode } from '@/components/CanvasChat/utils';
+import { isChatNode } from '@/utils/aiUtils';
 
 const emit = defineEmits<{
 	mouseenter: [event: MouseEvent];