From 4e0958cd24985ab02a5c2d227a1c6ff0f6ef948f Mon Sep 17 00:00:00 2001
From: oleg <me@olegivaniv.com>
Date: Mon, 12 Feb 2024 10:45:05 +0100
Subject: [PATCH] refactor(editor): Refactor workflowHelpers mixin to
 composable (no-changelog) (#8600)

---
 .../AssignmentCollection/Assignment.vue       |    2 +-
 .../__tests__/AssignmentCollection.test.ts    |    2 +-
 .../components/AssignmentCollection/utils.ts  |    2 +-
 .../CodeNodeEditor/CodeNodeEditor.vue         |    3 +-
 .../src/components/ContactPromptModal.vue     |    2 -
 .../components/DuplicateWorkflowDialog.vue    |   12 +-
 .../ExecutionsInfoAccordion.vue               |   14 +-
 .../ExecutionsView/ExecutionsList.vue         |   11 +-
 .../ExpressionEditorModalInput.vue            |    3 +-
 .../components/FilterConditions/Condition.vue |    4 +-
 .../FilterConditions/FilterConditions.vue     |    2 +-
 .../InlineExpressionEditorInput.vue           |    3 +-
 .../editor-ui/src/components/InputPanel.vue   |    5 +-
 .../src/components/MainHeader/MainHeader.vue  |    5 +-
 .../components/MainHeader/WorkflowDetails.vue |   16 +-
 packages/editor-ui/src/components/Node.vue    |    3 +-
 .../src/components/NodeDetailsView.vue        |   12 +-
 .../src/components/NodeExecuteButton.vue      |    2 +-
 .../editor-ui/src/components/NodeWebhooks.vue |   16 +-
 .../src/components/ParameterInput.vue         |   13 +-
 .../src/components/ParameterInputList.vue     |   11 +-
 .../src/components/ParameterInputWrapper.vue  |   14 +-
 .../src/components/PersonalizationModal.vue   |    2 -
 .../ResourceLocator/ResourceLocator.vue       |   21 +-
 .../ResourceMapper/ResourceMapper.vue         |    2 +-
 packages/editor-ui/src/components/Sticky.vue  |    5 +-
 .../editor-ui/src/components/TriggerPanel.vue |   30 +-
 .../editor-ui/src/components/ValueSurvey.vue  |    2 -
 .../src/components/VariableSelector.vue       |   22 +-
 .../src/components/WorkflowLMChat.vue         |   22 +-
 .../__tests__/ResourceMapper.test.ts          |    2 +-
 .../editor-ui/src/composables/useDebounce.ts  |    2 +-
 .../src/composables/useWorkflowHelpers.ts     | 1211 +++++++++++++++++
 .../mixins/__tests__/workflowHelpers.spec.ts  |    2 +-
 .../editor-ui/src/mixins/expressionManager.ts |    6 +-
 .../editor-ui/src/mixins/pushConnection.ts    |   19 +-
 .../editor-ui/src/mixins/workflowActivate.ts  |   11 +-
 .../editor-ui/src/mixins/workflowHelpers.ts   | 1211 -----------------
 packages/editor-ui/src/mixins/workflowRun.ts  |   22 +-
 .../completions/__tests__/completions.test.ts |    2 +-
 .../completions/bracketAccess.completions.ts  |    2 +-
 .../completions/datatype.completions.ts       |    2 +-
 .../plugins/codemirror/completions/types.ts   |    2 +-
 .../plugins/codemirror/completions/utils.ts   |    2 +-
 packages/editor-ui/src/views/NodeView.vue     |  127 +-
 .../src/views/TemplatesCollectionView.vue     |    2 -
 .../src/views/TemplatesWorkflowView.vue       |    2 -
 47 files changed, 1487 insertions(+), 1403 deletions(-)
 create mode 100644 packages/editor-ui/src/composables/useWorkflowHelpers.ts
 delete mode 100644 packages/editor-ui/src/mixins/workflowHelpers.ts

diff --git a/packages/editor-ui/src/components/AssignmentCollection/Assignment.vue b/packages/editor-ui/src/components/AssignmentCollection/Assignment.vue
index 1d5d166fba0361..6634e747a6fd1e 100644
--- a/packages/editor-ui/src/components/AssignmentCollection/Assignment.vue
+++ b/packages/editor-ui/src/components/AssignmentCollection/Assignment.vue
@@ -4,7 +4,7 @@ import InputTriple from '@/components/InputTriple/InputTriple.vue';
 import ParameterInputFull from '@/components/ParameterInputFull.vue';
 import ParameterInputHint from '@/components/ParameterInputHint.vue';
 import ParameterIssues from '@/components/ParameterIssues.vue';
-import { resolveParameter } from '@/mixins/workflowHelpers';
+import { resolveParameter } from '@/composables/useWorkflowHelpers';
 import { isExpression } from '@/utils/expressions';
 import { isObject } from '@jsplumb/util';
 import type { AssignmentValue, INodeProperties } from 'n8n-workflow';
diff --git a/packages/editor-ui/src/components/AssignmentCollection/__tests__/AssignmentCollection.test.ts b/packages/editor-ui/src/components/AssignmentCollection/__tests__/AssignmentCollection.test.ts
index fb425a6bc0617e..28b2e1755633f6 100644
--- a/packages/editor-ui/src/components/AssignmentCollection/__tests__/AssignmentCollection.test.ts
+++ b/packages/editor-ui/src/components/AssignmentCollection/__tests__/AssignmentCollection.test.ts
@@ -3,7 +3,7 @@ import { useNDVStore } from '@/stores/ndv.store';
 import { createTestingPinia } from '@pinia/testing';
 import userEvent from '@testing-library/user-event';
 import { fireEvent, within } from '@testing-library/vue';
-import * as workflowHelpers from '@/mixins/workflowHelpers';
+import * as workflowHelpers from '@/composables/useWorkflowHelpers';
 import AssignmentCollection from '../AssignmentCollection.vue';
 import { createPinia, setActivePinia } from 'pinia';
 
diff --git a/packages/editor-ui/src/components/AssignmentCollection/utils.ts b/packages/editor-ui/src/components/AssignmentCollection/utils.ts
index d4845aa59839e9..cb2ddd4b3c1ac7 100644
--- a/packages/editor-ui/src/components/AssignmentCollection/utils.ts
+++ b/packages/editor-ui/src/components/AssignmentCollection/utils.ts
@@ -1,6 +1,6 @@
 import { isObject } from 'lodash-es';
 import type { AssignmentValue, IDataObject } from 'n8n-workflow';
-import { resolveParameter } from '@/mixins/workflowHelpers';
+import { resolveParameter } from '@/composables/useWorkflowHelpers';
 import { v4 as uuid } from 'uuid';
 
 export function nameFromExpression(expression: string): string {
diff --git a/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue b/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
index d45468210bf96f..8925f6e9cc8c96 100644
--- a/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
+++ b/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
@@ -63,7 +63,6 @@ import { python } from '@codemirror/lang-python';
 import type { CodeExecutionMode, CodeNodeEditorLanguage } from 'n8n-workflow';
 import { CODE_EXECUTION_MODES, CODE_LANGUAGES } from 'n8n-workflow';
 
-import { workflowHelpers } from '@/mixins/workflowHelpers'; // for json field completions
 import { ASK_AI_EXPERIMENT, CODE_NODE_TYPE } from '@/constants';
 import { codeNodeEditorEventBus } from '@/event-bus';
 import { useRootStore } from '@/stores/n8nRoot.store';
@@ -83,7 +82,7 @@ export default defineComponent({
 	components: {
 		AskAI,
 	},
-	mixins: [linterExtension, completerExtension, workflowHelpers],
+	mixins: [linterExtension, completerExtension],
 	props: {
 		aiButtonEnabled: {
 			type: Boolean,
diff --git a/packages/editor-ui/src/components/ContactPromptModal.vue b/packages/editor-ui/src/components/ContactPromptModal.vue
index c0ee2f70da50d9..dcf1e975980900 100644
--- a/packages/editor-ui/src/components/ContactPromptModal.vue
+++ b/packages/editor-ui/src/components/ContactPromptModal.vue
@@ -37,7 +37,6 @@ import { defineComponent } from 'vue';
 import { mapStores } from 'pinia';
 import type { IN8nPromptResponse } from '@/Interface';
 import { VALID_EMAIL_REGEX } from '@/constants';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import Modal from '@/components/Modal.vue';
 import { useSettingsStore } from '@/stores/settings.store';
 import { useRootStore } from '@/stores/n8nRoot.store';
@@ -47,7 +46,6 @@ import { useToast } from '@/composables/useToast';
 export default defineComponent({
 	name: 'ContactPromptModal',
 	components: { Modal },
-	mixins: [workflowHelpers],
 	props: ['modalName'],
 	setup() {
 		return {
diff --git a/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue b/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue
index d769d8955fa049..20469d02258c99 100644
--- a/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue
+++ b/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue
@@ -51,7 +51,6 @@
 import { defineComponent } from 'vue';
 import { mapStores } from 'pinia';
 import { MAX_WORKFLOW_NAME_LENGTH, PLACEHOLDER_EMPTY_WORKFLOW_ID } from '@/constants';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { useToast } from '@/composables/useToast';
 import TagsDropdown from '@/components/TagsDropdown.vue';
 import Modal from '@/components/Modal.vue';
@@ -63,15 +62,20 @@ import { getWorkflowPermissions } from '@/permissions';
 import { useUsersStore } from '@/stores/users.store';
 import { createEventBus } from 'n8n-design-system/utils';
 import { useCredentialsStore } from '@/stores/credentials.store';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
+import { useRouter } from 'vue-router';
 
 export default defineComponent({
 	name: 'DuplicateWorkflow',
 	components: { TagsDropdown, Modal },
-	mixins: [workflowHelpers],
 	props: ['modalName', 'isActive', 'data'],
 	setup() {
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
+
 		return {
 			...useToast(),
+			workflowHelpers,
 		};
 	},
 	data() {
@@ -156,13 +160,13 @@ export default defineComponent({
 						await this.workflowsStore.fetchWorkflow(this.data.id);
 					workflowToUpdate = workflow;
 
-					this.removeForeignCredentialsFromWorkflow(
+					this.workflowHelpers.removeForeignCredentialsFromWorkflow(
 						workflowToUpdate,
 						this.credentialsStore.allCredentials,
 					);
 				}
 
-				const saved = await this.saveAsNewWorkflow({
+				const saved = await this.workflowHelpers.saveAsNewWorkflow({
 					name,
 					data: workflowToUpdate,
 					tags: this.currentTagIds,
diff --git a/packages/editor-ui/src/components/ExecutionsView/ExecutionsInfoAccordion.vue b/packages/editor-ui/src/components/ExecutionsView/ExecutionsInfoAccordion.vue
index 318ff4f5ba39f7..2b1cccc15156ce 100644
--- a/packages/editor-ui/src/components/ExecutionsView/ExecutionsInfoAccordion.vue
+++ b/packages/editor-ui/src/components/ExecutionsView/ExecutionsInfoAccordion.vue
@@ -45,7 +45,8 @@ import { useWorkflowsStore } from '@/stores/workflows.store';
 import { PLACEHOLDER_EMPTY_WORKFLOW_ID, WORKFLOW_SETTINGS_MODAL_KEY } from '@/constants';
 import type { IWorkflowSettings } from 'n8n-workflow';
 import { deepCopy } from 'n8n-workflow';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
+import { useRouter } from 'vue-router';
 
 interface IWorkflowSaveSettings {
 	saveFailedExecutions: boolean;
@@ -55,13 +56,20 @@ interface IWorkflowSaveSettings {
 
 export default defineComponent({
 	name: 'ExecutionsInfoAccordion',
-	mixins: [workflowHelpers],
 	props: {
 		initiallyExpanded: {
 			type: Boolean,
 			default: false,
 		},
 	},
+	setup() {
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
+
+		return {
+			workflowHelpers,
+		};
+	},
 	data() {
 		return {
 			defaultValues: {
@@ -211,7 +219,7 @@ export default defineComponent({
 			} else if (this.$route.params.name && this.$route.params.name !== 'new') {
 				currentId = this.$route.params.name;
 			}
-			const saved = await this.saveCurrentWorkflow({
+			const saved = await this.workflowHelpers.saveCurrentWorkflow({
 				id: currentId,
 				name: this.workflowName,
 				tags: this.currentWorkflowTagIds,
diff --git a/packages/editor-ui/src/components/ExecutionsView/ExecutionsList.vue b/packages/editor-ui/src/components/ExecutionsView/ExecutionsList.vue
index 9b90bb4c58cb00..4a20a89a05e492 100644
--- a/packages/editor-ui/src/components/ExecutionsView/ExecutionsList.vue
+++ b/packages/editor-ui/src/components/ExecutionsView/ExecutionsList.vue
@@ -55,12 +55,11 @@ import { NodeHelpers } from 'n8n-workflow';
 import { useMessage } from '@/composables/useMessage';
 import { useToast } from '@/composables/useToast';
 import { v4 as uuid } from 'uuid';
-import type { Route } from 'vue-router';
+import { useRouter, type Route } from 'vue-router';
 import { executionHelpers } from '@/mixins/executionsHelpers';
 import { range as _range } from 'lodash-es';
 import { NO_NETWORK_ERROR_CODE } from '@/utils/apiUtils';
 import { getNodeViewTab } from '@/utils/canvasUtils';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { useWorkflowsStore } from '@/stores/workflows.store';
 import { useUIStore } from '@/stores/ui.store';
 import { useSettingsStore } from '@/stores/settings.store';
@@ -69,6 +68,7 @@ import { useTagsStore } from '@/stores/tags.store';
 import { executionFilterToQueryFilter } from '@/utils/executionUtils';
 import { useExternalHooks } from '@/composables/useExternalHooks';
 import { useDebounce } from '@/composables/useDebounce';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 
 // Number of execution pages that are fetched before temporary execution card is shown
 const MAX_LOADING_ATTEMPTS = 5;
@@ -80,13 +80,16 @@ export default defineComponent({
 	components: {
 		ExecutionsSidebar,
 	},
-	mixins: [executionHelpers, workflowHelpers],
+	mixins: [executionHelpers],
 	setup() {
 		const externalHooks = useExternalHooks();
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
 		const { callDebounced } = useDebounce();
 
 		return {
 			externalHooks,
+			workflowHelpers,
 			callDebounced,
 			...useToast(),
 			...useMessage(),
@@ -168,7 +171,7 @@ export default defineComponent({
 			);
 
 			if (confirmModal === MODAL_CONFIRM) {
-				const saved = await this.saveCurrentWorkflow({}, false);
+				const saved = await this.workflowHelpers.saveCurrentWorkflow({}, false);
 				if (saved) {
 					await this.settingsStore.fetchPromptsData();
 				}
diff --git a/packages/editor-ui/src/components/ExpressionEditorModal/ExpressionEditorModalInput.vue b/packages/editor-ui/src/components/ExpressionEditorModal/ExpressionEditorModalInput.vue
index 52bac85329ceb9..a08d3d964a7996 100644
--- a/packages/editor-ui/src/components/ExpressionEditorModal/ExpressionEditorModalInput.vue
+++ b/packages/editor-ui/src/components/ExpressionEditorModal/ExpressionEditorModalInput.vue
@@ -8,7 +8,6 @@ import { EditorView, keymap } from '@codemirror/view';
 import { EditorState, Prec } from '@codemirror/state';
 import { history, redo, undo } from '@codemirror/commands';
 
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { expressionManager } from '@/mixins/expressionManager';
 import { completionManager } from '@/mixins/completionManager';
 import { expressionInputHandler } from '@/plugins/codemirror/inputHandlers/expression.inputHandler';
@@ -22,7 +21,7 @@ import type { IVariableItemSelected } from '@/Interface';
 
 export default defineComponent({
 	name: 'ExpressionEditorModalInput',
-	mixins: [expressionManager, completionManager, workflowHelpers],
+	mixins: [expressionManager, completionManager],
 	props: {
 		modelValue: {
 			type: String,
diff --git a/packages/editor-ui/src/components/FilterConditions/Condition.vue b/packages/editor-ui/src/components/FilterConditions/Condition.vue
index 98ecc417e628ad..7f6978c3a07b10 100644
--- a/packages/editor-ui/src/components/FilterConditions/Condition.vue
+++ b/packages/editor-ui/src/components/FilterConditions/Condition.vue
@@ -4,7 +4,7 @@ import InputTriple from '@/components/InputTriple/InputTriple.vue';
 import ParameterInputFull from '@/components/ParameterInputFull.vue';
 import ParameterIssues from '@/components/ParameterIssues.vue';
 import { useI18n } from '@/composables/useI18n';
-import { resolveParameter } from '@/mixins/workflowHelpers';
+import { resolveParameter } from '@/composables/useWorkflowHelpers';
 import { DateTime } from 'luxon';
 import {
 	FilterError,
@@ -240,7 +240,7 @@ const onBlur = (): void => {
 					@operatorChange="onOperatorChange"
 				></OperatorSelect>
 			</template>
-			<template #right="{ breakpoint }" v-if="!operator.singleValue">
+			<template v-if="!operator.singleValue" #right="{ breakpoint }">
 				<ParameterInputFull
 					:key="rightParameter.type"
 					display-options
diff --git a/packages/editor-ui/src/components/FilterConditions/FilterConditions.vue b/packages/editor-ui/src/components/FilterConditions/FilterConditions.vue
index 698aff50c0611c..9c4d519996ad99 100644
--- a/packages/editor-ui/src/components/FilterConditions/FilterConditions.vue
+++ b/packages/editor-ui/src/components/FilterConditions/FilterConditions.vue
@@ -21,7 +21,7 @@ import { useI18n } from '@/composables/useI18n';
 import { useDebounce } from '@/composables/useDebounce';
 import Condition from './Condition.vue';
 import CombinatorSelect from './CombinatorSelect.vue';
-import { resolveParameter } from '@/mixins/workflowHelpers';
+import { resolveParameter } from '@/composables/useWorkflowHelpers';
 import { v4 as uuid } from 'uuid';
 
 interface Props {
diff --git a/packages/editor-ui/src/components/InlineExpressionEditor/InlineExpressionEditorInput.vue b/packages/editor-ui/src/components/InlineExpressionEditor/InlineExpressionEditorInput.vue
index 6e31365b8cf650..d34ef873e6ad15 100644
--- a/packages/editor-ui/src/components/InlineExpressionEditor/InlineExpressionEditorInput.vue
+++ b/packages/editor-ui/src/components/InlineExpressionEditor/InlineExpressionEditorInput.vue
@@ -12,7 +12,6 @@ import { history, redo, undo } from '@codemirror/commands';
 import { acceptCompletion, autocompletion, completionStatus } from '@codemirror/autocomplete';
 
 import { useNDVStore } from '@/stores/ndv.store';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { expressionManager } from '@/mixins/expressionManager';
 import { highlighter } from '@/plugins/codemirror/resolvableHighlighter';
 import { expressionInputHandler } from '@/plugins/codemirror/inputHandlers/expression.inputHandler';
@@ -25,7 +24,7 @@ const editableConf = new Compartment();
 
 export default defineComponent({
 	name: 'InlineExpressionEditorInput',
-	mixins: [completionManager, expressionManager, workflowHelpers],
+	mixins: [completionManager, expressionManager],
 	props: {
 		modelValue: {
 			type: String,
diff --git a/packages/editor-ui/src/components/InputPanel.vue b/packages/editor-ui/src/components/InputPanel.vue
index e0d50a2bac6f43..c3160143b07207 100644
--- a/packages/editor-ui/src/components/InputPanel.vue
+++ b/packages/editor-ui/src/components/InputPanel.vue
@@ -174,7 +174,6 @@ import type {
 	Workflow,
 } from 'n8n-workflow';
 import RunData from './RunData.vue';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import NodeExecuteButton from './NodeExecuteButton.vue';
 import WireMeUp from './WireMeUp.vue';
 import {
@@ -186,13 +185,13 @@ import {
 import { useWorkflowsStore } from '@/stores/workflows.store';
 import { useNDVStore } from '@/stores/ndv.store';
 import { useNodeTypesStore } from '@/stores/nodeTypes.store';
+import { useUIStore } from '@/stores/ui.store';
 
 type MappingMode = 'debugging' | 'mapping';
 
 export default defineComponent({
 	name: 'InputPanel',
 	components: { RunData, NodeExecuteButton, WireMeUp },
-	mixins: [workflowHelpers],
 	props: {
 		currentNodeName: {
 			type: String,
@@ -236,7 +235,7 @@ export default defineComponent({
 		};
 	},
 	computed: {
-		...mapStores(useNodeTypesStore, useNDVStore, useWorkflowsStore),
+		...mapStores(useNodeTypesStore, useNDVStore, useWorkflowsStore, useUIStore),
 		focusedMappableInput(): string {
 			return this.ndvStore.focusedMappableInput;
 		},
diff --git a/packages/editor-ui/src/components/MainHeader/MainHeader.vue b/packages/editor-ui/src/components/MainHeader/MainHeader.vue
index f7cffe5f160efc..08c54978464a3d 100644
--- a/packages/editor-ui/src/components/MainHeader/MainHeader.vue
+++ b/packages/editor-ui/src/components/MainHeader/MainHeader.vue
@@ -29,7 +29,6 @@ import {
 	VIEWS,
 } from '@/constants';
 import type { INodeUi, ITabBarItem } from '@/Interface';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { useNDVStore } from '@/stores/ndv.store';
 import { useSourceControlStore } from '@/stores/sourceControl.store';
 import { useUIStore } from '@/stores/ui.store';
@@ -40,13 +39,11 @@ export default defineComponent({
 		WorkflowDetails,
 		TabBar,
 	},
-	mixins: [pushConnection, workflowHelpers],
+	mixins: [pushConnection],
 	setup(props, ctx) {
 		return {
 			// eslint-disable-next-line @typescript-eslint/no-misused-promises
 			...pushConnection.setup?.(props, ctx),
-			// eslint-disable-next-line @typescript-eslint/no-misused-promises
-			...workflowHelpers.setup?.(props, ctx),
 		};
 	},
 	data() {
diff --git a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
index c405bf6146b32d..6958642c8a5121 100644
--- a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
+++ b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
@@ -158,7 +158,6 @@ import ShortenName from '@/components/ShortenName.vue';
 import TagsContainer from '@/components/TagsContainer.vue';
 import PushConnectionTracker from '@/components/PushConnectionTracker.vue';
 import WorkflowActivator from '@/components/WorkflowActivator.vue';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import SaveButton from '@/components/SaveButton.vue';
 import TagsDropdown from '@/components/TagsDropdown.vue';
 import InlineTextEdit from '@/components/InlineTextEdit.vue';
@@ -185,6 +184,8 @@ import { createEventBus } from 'n8n-design-system/utils';
 import { nodeViewEventBus } from '@/event-bus';
 import { hasPermission } from '@/rbac/permissions';
 import { useCanvasStore } from '@/stores/canvas.store';
+import { useRouter } from 'vue-router';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 
 const hasChanged = (prev: string[], curr: string[]) => {
 	if (prev.length !== curr.length) {
@@ -208,7 +209,6 @@ export default defineComponent({
 		BreakpointsObserver,
 		CollaborationPane,
 	},
-	mixins: [workflowHelpers],
 	props: {
 		readOnly: {
 			type: Boolean,
@@ -216,7 +216,11 @@ export default defineComponent({
 		},
 	},
 	setup() {
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
+
 		return {
+			workflowHelpers,
 			...useTitleChange(),
 			...useToast(),
 			...useMessage(),
@@ -390,7 +394,7 @@ export default defineComponent({
 			} else if (this.$route.params.name && this.$route.params.name !== 'new') {
 				currentId = this.$route.params.name;
 			}
-			const saved = await this.saveCurrentWorkflow({
+			const saved = await this.workflowHelpers.saveCurrentWorkflow({
 				id: currentId,
 				name: this.workflowName,
 				tags: this.currentWorkflowTagIds,
@@ -443,7 +447,7 @@ export default defineComponent({
 			}
 			this.tagsSaving = true;
 
-			const saved = await this.saveCurrentWorkflow({ tags });
+			const saved = await this.workflowHelpers.saveCurrentWorkflow({ tags });
 			this.$telemetry.track('User edited workflow tags', {
 				workflow_id: this.currentWorkflowId,
 				new_tag_count: tags.length,
@@ -494,7 +498,7 @@ export default defineComponent({
 				return;
 			}
 
-			const saved = await this.saveCurrentWorkflow({ name });
+			const saved = await this.workflowHelpers.saveCurrentWorkflow({ name });
 			if (saved) {
 				this.isNameEditEnabled = false;
 			}
@@ -539,7 +543,7 @@ export default defineComponent({
 					break;
 				}
 				case WORKFLOW_MENU_ACTIONS.DOWNLOAD: {
-					const workflowData = await this.getWorkflowDataToSave();
+					const workflowData = await this.workflowHelpers.getWorkflowDataToSave();
 					const { tags, ...data } = workflowData;
 					const exportData: IWorkflowToShare = {
 						...data,
diff --git a/packages/editor-ui/src/components/Node.vue b/packages/editor-ui/src/components/Node.vue
index 8d23b7e8b4e89c..071eb1476d4d61 100644
--- a/packages/editor-ui/src/components/Node.vue
+++ b/packages/editor-ui/src/components/Node.vue
@@ -189,7 +189,6 @@ import {
 	WAIT_TIME_UNLIMITED,
 } from '@/constants';
 import { nodeBase } from '@/mixins/nodeBase';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import type {
 	ConnectionTypes,
 	IExecutionsSummary,
@@ -227,7 +226,7 @@ export default defineComponent({
 		FontAwesomeIcon,
 		NodeIcon,
 	},
-	mixins: [nodeBase, workflowHelpers],
+	mixins: [nodeBase],
 	props: {
 		isProductionExecutionPreview: {
 			type: Boolean,
diff --git a/packages/editor-ui/src/components/NodeDetailsView.vue b/packages/editor-ui/src/components/NodeDetailsView.vue
index e27744d3873205..48ef6a4df762b1 100644
--- a/packages/editor-ui/src/components/NodeDetailsView.vue
+++ b/packages/editor-ui/src/components/NodeDetailsView.vue
@@ -146,7 +146,6 @@ import type {
 } from 'n8n-workflow';
 import { jsonParse, NodeHelpers, NodeConnectionType } from 'n8n-workflow';
 import type { IExecutionResponse, INodeUi, IUpdateInformation, TargetItem } from '@/Interface';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 
 import NodeSettings from '@/components/NodeSettings.vue';
 import NDVDraggablePanels from './NDVDraggablePanels.vue';
@@ -174,6 +173,8 @@ import { useNodeHelpers } from '@/composables/useNodeHelpers';
 import { useMessage } from '@/composables/useMessage';
 import { useExternalHooks } from '@/composables/useExternalHooks';
 import { usePinnedData } from '@/composables/usePinnedData';
+import { useRouter } from 'vue-router';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 
 export default defineComponent({
 	name: 'NodeDetailsView',
@@ -184,7 +185,7 @@ export default defineComponent({
 		NDVDraggablePanels,
 		TriggerPanel,
 	},
-	mixins: [workflowHelpers, workflowActivate],
+	mixins: [workflowActivate],
 	props: {
 		readOnly: {
 			type: Boolean,
@@ -203,11 +204,14 @@ export default defineComponent({
 		const nodeHelpers = useNodeHelpers();
 		const { activeNode } = storeToRefs(ndvStore);
 		const pinnedData = usePinnedData(activeNode);
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
 
 		return {
 			externalHooks,
 			nodeHelpers,
 			pinnedData,
+			workflowHelpers,
 			...useDeviceSupport(),
 			...useMessage(),
 			// eslint-disable-next-line @typescript-eslint/no-misused-promises
@@ -289,7 +293,7 @@ export default defineComponent({
 			);
 		},
 		workflow(): Workflow {
-			return this.getCurrentWorkflow();
+			return this.workflowHelpers.getCurrentWorkflow();
 		},
 		hasOutputConnection() {
 			if (!this.activeNode) return false;
@@ -482,7 +486,7 @@ export default defineComponent({
 					nodeSubtitle: this.nodeHelpers.getNodeSubtitle(
 						node,
 						this.activeNodeType,
-						this.getCurrentWorkflow(),
+						this.workflowHelpers.getCurrentWorkflow(),
 					),
 				});
 
diff --git a/packages/editor-ui/src/components/NodeExecuteButton.vue b/packages/editor-ui/src/components/NodeExecuteButton.vue
index 794bc89032d438..50447374e4d016 100644
--- a/packages/editor-ui/src/components/NodeExecuteButton.vue
+++ b/packages/editor-ui/src/components/NodeExecuteButton.vue
@@ -14,8 +14,8 @@
 					:size="size"
 					:icon="!isListeningForEvents && 'flask'"
 					:transparent-background="transparent"
-					@click="onClick"
 					:title="!isTriggerNode ? $locale.baseText('ndv.execute.testNode.description') : ''"
+					@click="onClick"
 				/>
 			</div>
 		</n8n-tooltip>
diff --git a/packages/editor-ui/src/components/NodeWebhooks.vue b/packages/editor-ui/src/components/NodeWebhooks.vue
index ab54748d17a575..ecdd0857f17f25 100644
--- a/packages/editor-ui/src/components/NodeWebhooks.vue
+++ b/packages/editor-ui/src/components/NodeWebhooks.vue
@@ -29,7 +29,7 @@
 					<div v-if="isWebhookMethodVisible(webhook)" class="webhook-wrapper">
 						<div class="http-field">
 							<div class="http-method">
-								{{ getWebhookExpressionValue(webhook, 'httpMethod') }}<br />
+								{{ workflowHelpers.getWebhookExpressionValue(webhook, 'httpMethod') }}<br />
 							</div>
 						</div>
 						<div class="url-field">
@@ -62,21 +62,23 @@ import {
 	OPEN_URL_PANEL_TRIGGER_NODE_TYPES,
 	PRODUCTION_ONLY_TRIGGER_NODE_TYPES,
 } from '@/constants';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { useClipboard } from '@/composables/useClipboard';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
+import { useRouter } from 'vue-router';
 
 export default defineComponent({
 	name: 'NodeWebhooks',
-	mixins: [workflowHelpers],
 	props: [
 		'node', // NodeUi
 		'nodeType', // INodeTypeDescription
 	],
 	setup() {
+		const router = useRouter();
 		const clipboard = useClipboard();
-
+		const workflowHelpers = useWorkflowHelpers(router);
 		return {
 			clipboard,
+			workflowHelpers,
 			...useToast(),
 		};
 	},
@@ -102,7 +104,7 @@ export default defineComponent({
 		visibleWebhookUrls(): IWebhookDescription[] {
 			return this.webhooksNode.filter((webhook) => {
 				if (typeof webhook.ndvHideUrl === 'string') {
-					return !this.getWebhookExpressionValue(webhook, 'ndvHideUrl');
+					return !this.workflowHelpers.getWebhookExpressionValue(webhook, 'ndvHideUrl');
 				}
 
 				return !webhook.ndvHideUrl;
@@ -184,7 +186,7 @@ export default defineComponent({
 		},
 		getWebhookUrlDisplay(webhookData: IWebhookDescription): string {
 			if (this.node) {
-				return this.getWebhookUrl(
+				return this.workflowHelpers.getWebhookUrl(
 					webhookData,
 					this.node,
 					this.isProductionOnly ? 'production' : this.showUrlFor,
@@ -194,7 +196,7 @@ export default defineComponent({
 		},
 		isWebhookMethodVisible(webhook: IWebhookDescription): boolean {
 			if (typeof webhook.ndvHideMethod === 'string') {
-				return !this.getWebhookExpressionValue(webhook, 'ndvHideMethod');
+				return !this.workflowHelpers.getWebhookExpressionValue(webhook, 'ndvHideMethod');
 			}
 
 			return !webhook.ndvHideMethod;
diff --git a/packages/editor-ui/src/components/ParameterInput.vue b/packages/editor-ui/src/components/ParameterInput.vue
index b22139753d85c8..84d7f162256262 100644
--- a/packages/editor-ui/src/components/ParameterInput.vue
+++ b/packages/editor-ui/src/components/ParameterInput.vue
@@ -502,7 +502,6 @@ import JsEditor from '@/components/JsEditor/JsEditor.vue';
 import JsonEditor from '@/components/JsonEditor/JsonEditor.vue';
 import SqlEditor from '@/components/SqlEditor/SqlEditor.vue';
 
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { hasExpressionMapping, isValueExpression } from '@/utils/nodeTypesUtils';
 import { isResourceLocatorValue } from '@/utils/typeGuards';
 
@@ -523,6 +522,8 @@ import type { N8nInput } from 'n8n-design-system';
 import { isCredentialOnlyNodeType } from '@/utils/credentialOnlyNodes';
 import { useExternalHooks } from '@/composables/useExternalHooks';
 import { useDebounce } from '@/composables/useDebounce';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
+import { useRouter } from 'vue-router';
 
 type Picker = { $emit: (arg0: string, arg1: Date) => void };
 
@@ -541,7 +542,6 @@ export default defineComponent({
 		ResourceLocator,
 		TextEdit,
 	},
-	mixins: [workflowHelpers],
 	props: {
 		additionalExpressionData: {
 			type: Object as PropType<IDataObject>,
@@ -618,11 +618,14 @@ export default defineComponent({
 		const i18n = useI18n();
 		const nodeHelpers = useNodeHelpers();
 		const { callDebounced } = useDebounce();
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
 
 		return {
 			externalHooks,
 			i18n,
 			nodeHelpers,
+			workflowHelpers,
 			callDebounced,
 		};
 	},
@@ -724,7 +727,7 @@ export default defineComponent({
 			// Get the resolved parameter values of the current node
 			const currentNodeParameters = this.ndvStore.activeNode?.parameters;
 			try {
-				const resolvedNodeParameters = this.resolveParameter(currentNodeParameters);
+				const resolvedNodeParameters = this.workflowHelpers.resolveParameter(currentNodeParameters);
 
 				const returnValues: string[] = [];
 				for (const parameterPath of loadOptionsDependsOn) {
@@ -969,7 +972,7 @@ export default defineComponent({
 			return shortPath.join('.');
 		},
 		workflow(): Workflow {
-			return this.getCurrentWorkflow();
+			return this.workflowHelpers.getCurrentWorkflow();
 		},
 		isResourceLocatorParameter(): boolean {
 			return this.parameter.type === 'resourceLocator';
@@ -1092,7 +1095,7 @@ export default defineComponent({
 
 			try {
 				const currentNodeParameters = (this.ndvStore.activeNode as INodeUi).parameters;
-				const resolvedNodeParameters = this.resolveRequiredParameters(
+				const resolvedNodeParameters = this.workflowHelpers.resolveRequiredParameters(
 					this.parameter,
 					currentNodeParameters,
 				) as INodeParameters;
diff --git a/packages/editor-ui/src/components/ParameterInputList.vue b/packages/editor-ui/src/components/ParameterInputList.vue
index 0822aca9e218ac..5a05ac12ad62de 100644
--- a/packages/editor-ui/src/components/ParameterInputList.vue
+++ b/packages/editor-ui/src/components/ParameterInputList.vue
@@ -182,7 +182,6 @@ import ResourceMapper from '@/components/ResourceMapper/ResourceMapper.vue';
 import FilterConditions from '@/components/FilterConditions/FilterConditions.vue';
 import AssignmentCollection from '@/components/AssignmentCollection/AssignmentCollection.vue';
 import { KEEP_AUTH_IN_NDV_FOR_NODES } from '@/constants';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { useNDVStore } from '@/stores/ndv.store';
 import { useNodeTypesStore } from '@/stores/nodeTypes.store';
 import {
@@ -192,6 +191,8 @@ import {
 } from '@/utils/nodeTypesUtils';
 import { get, set } from 'lodash-es';
 import { useNodeHelpers } from '@/composables/useNodeHelpers';
+import { useRouter } from 'vue-router';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 
 const FixedCollectionParameter = defineAsyncComponent(
 	async () => await import('./FixedCollectionParameter.vue'),
@@ -212,7 +213,6 @@ export default defineComponent({
 		FilterConditions,
 		AssignmentCollection,
 	},
-	mixins: [workflowHelpers],
 	props: {
 		nodeValues: {
 			type: Object as PropType<INodeParameters>,
@@ -250,6 +250,8 @@ export default defineComponent({
 	setup() {
 		const nodeHelpers = useNodeHelpers();
 		const asyncLoadingError = ref(false);
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
 
 		// This will catch errors in async components
 		onErrorCaptured((e, component) => {
@@ -274,6 +276,7 @@ export default defineComponent({
 		return {
 			nodeHelpers,
 			asyncLoadingError,
+			workflowHelpers,
 		};
 	},
 	computed: {
@@ -482,7 +485,7 @@ export default defineComponent({
 					} else {
 						// Contains probably no expression with a missing parameter so resolve
 						try {
-							nodeValues[key] = this.resolveExpression(
+							nodeValues[key] = this.workflowHelpers.resolveExpression(
 								rawValues[key],
 								nodeValues,
 							) as NodeParameterValue;
@@ -559,7 +562,7 @@ export default defineComponent({
 			// Get the resolved parameter values of the current node
 			const currentNodeParameters = this.ndvStore.activeNode?.parameters;
 			try {
-				const resolvedNodeParameters = this.resolveParameter(currentNodeParameters);
+				const resolvedNodeParameters = this.workflowHelpers.resolveParameter(currentNodeParameters);
 
 				const returnValues: string[] = [];
 				for (const parameterPath of loadOptionsDependsOn) {
diff --git a/packages/editor-ui/src/components/ParameterInputWrapper.vue b/packages/editor-ui/src/components/ParameterInputWrapper.vue
index b446bfe2e41450..090660c23dacdf 100644
--- a/packages/editor-ui/src/components/ParameterInputWrapper.vue
+++ b/packages/editor-ui/src/components/ParameterInputWrapper.vue
@@ -53,7 +53,6 @@ import { defineComponent } from 'vue';
 import type { INodeUi, IUpdateInformation, TargetItem } from '@/Interface';
 import ParameterInput from '@/components/ParameterInput.vue';
 import InputHint from '@/components/ParameterInputHint.vue';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { useEnvironmentsStore } from '@/stores/environments.ee.store';
 import { useExternalSecretsStore } from '@/stores/externalSecrets.ee.store';
 import { useNDVStore } from '@/stores/ndv.store';
@@ -71,6 +70,8 @@ import { isResourceLocatorValue } from 'n8n-workflow';
 import { get } from 'lodash-es';
 import type { EventBus } from 'n8n-design-system/utils';
 import { createEventBus } from 'n8n-design-system/utils';
+import { useRouter } from 'vue-router';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 
 export default defineComponent({
 	name: 'ParameterInputWrapper',
@@ -78,7 +79,6 @@ export default defineComponent({
 		ParameterInput,
 		InputHint,
 	},
-	mixins: [workflowHelpers],
 	props: {
 		additionalExpressionData: {
 			type: Object as PropType<IDataObject>,
@@ -149,6 +149,14 @@ export default defineComponent({
 			default: () => createEventBus(),
 		},
 	},
+	setup() {
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
+
+		return {
+			workflowHelpers,
+		};
+	},
 	computed: {
 		...mapStores(useNDVStore, useExternalSecretsStore, useEnvironmentsStore),
 		isValueExpression() {
@@ -209,7 +217,7 @@ export default defineComponent({
 					};
 				}
 
-				return { ok: true, result: this.resolveExpression(value, undefined, opts) };
+				return { ok: true, result: this.workflowHelpers.resolveExpression(value, undefined, opts) };
 			} catch (error) {
 				return { ok: false, error };
 			}
diff --git a/packages/editor-ui/src/components/PersonalizationModal.vue b/packages/editor-ui/src/components/PersonalizationModal.vue
index 3ff7ca0941a548..a07e680ee528f5 100644
--- a/packages/editor-ui/src/components/PersonalizationModal.vue
+++ b/packages/editor-ui/src/components/PersonalizationModal.vue
@@ -139,7 +139,6 @@ import {
 	REPORTED_SOURCE_OTHER_KEY,
 	VIEWS,
 } from '@/constants';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { useToast } from '@/composables/useToast';
 import Modal from '@/components/Modal.vue';
 import type { IFormInputs, IPersonalizationLatestVersion, IUser } from '@/Interface';
@@ -160,7 +159,6 @@ const SURVEY_VERSION = 'v4';
 export default defineComponent({
 	name: 'PersonalizationModal',
 	components: { Modal },
-	mixins: [workflowHelpers],
 	props: {
 		teleported: {
 			type: Boolean,
diff --git a/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue b/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue
index e51a486bd00ed5..5467ca5c1bb3f4 100644
--- a/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue
+++ b/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue
@@ -148,7 +148,6 @@ import type { IResourceLocatorReqParams, IResourceLocatorResultExpanded } from '
 import DraggableTarget from '@/components/DraggableTarget.vue';
 import ExpressionParameterInput from '@/components/ExpressionParameterInput.vue';
 import ParameterIssues from '@/components/ParameterIssues.vue';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { useRootStore } from '@/stores/n8nRoot.store';
 import { useNDVStore } from '@/stores/ndv.store';
 import { useNodeTypesStore } from '@/stores/nodeTypes.store';
@@ -174,6 +173,8 @@ import type { PropType } from 'vue';
 import { defineComponent } from 'vue';
 import ResourceLocatorDropdown from './ResourceLocatorDropdown.vue';
 import { useDebounce } from '@/composables/useDebounce';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
+import { useRouter } from 'vue-router';
 
 interface IResourceLocatorQuery {
 	results: INodeListSearchItems[];
@@ -190,7 +191,6 @@ export default defineComponent({
 		ParameterIssues,
 		ResourceLocatorDropdown,
 	},
-	mixins: [workflowHelpers],
 	props: {
 		parameter: {
 			type: Object as PropType<INodeProperties>,
@@ -257,6 +257,14 @@ export default defineComponent({
 			default: () => createEventBus(),
 		},
 	},
+	setup() {
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
+
+		const { callDebounced } = useDebounce();
+
+		return { callDebounced, workflowHelpers };
+	},
 	data() {
 		return {
 			resourceDropdownVisible: false,
@@ -267,11 +275,6 @@ export default defineComponent({
 			width: 0,
 		};
 	},
-	setup() {
-		const { callDebounced } = useDebounce();
-
-		return { callDebounced };
-	},
 	computed: {
 		...mapStores(useNodeTypesStore, useNDVStore, useRootStore, useUIStore, useWorkflowsStore),
 		appName(): string {
@@ -370,7 +373,7 @@ export default defineComponent({
 				const value = this.isValueExpression ? this.expressionComputedValue : this.valueToDisplay;
 				if (typeof value === 'string') {
 					const expression = this.currentMode.url.replace(/\{\{\$value\}\}/g, value);
-					const resolved = this.resolveExpression(expression);
+					const resolved = this.workflowHelpers.resolveExpression(expression);
 
 					return typeof resolved === 'string' ? resolved : null;
 				}
@@ -683,7 +686,7 @@ export default defineComponent({
 					});
 				}
 
-				const resolvedNodeParameters = this.resolveRequiredParameters(
+				const resolvedNodeParameters = this.workflowHelpers.resolveRequiredParameters(
 					this.parameter,
 					params.parameters,
 				) as INodeParameters;
diff --git a/packages/editor-ui/src/components/ResourceMapper/ResourceMapper.vue b/packages/editor-ui/src/components/ResourceMapper/ResourceMapper.vue
index 4305657efec82f..2c64046b4d328f 100644
--- a/packages/editor-ui/src/components/ResourceMapper/ResourceMapper.vue
+++ b/packages/editor-ui/src/components/ResourceMapper/ResourceMapper.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { IUpdateInformation, ResourceMapperReqParams } from '@/Interface';
-import { resolveRequiredParameters } from '@/mixins/workflowHelpers';
+import { resolveRequiredParameters } from '@/composables/useWorkflowHelpers';
 import { useNodeTypesStore } from '@/stores/nodeTypes.store';
 import type {
 	INode,
diff --git a/packages/editor-ui/src/components/Sticky.vue b/packages/editor-ui/src/components/Sticky.vue
index 65664239885a1e..586d2fb976612b 100644
--- a/packages/editor-ui/src/components/Sticky.vue
+++ b/packages/editor-ui/src/components/Sticky.vue
@@ -106,7 +106,6 @@ import { defineComponent, ref } from 'vue';
 import { mapStores } from 'pinia';
 
 import { nodeBase } from '@/mixins/nodeBase';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { isNumber, isString } from '@/utils/typeGuards';
 import type {
 	INodeUi,
@@ -126,7 +125,7 @@ import { useDeviceSupport } from 'n8n-design-system';
 
 export default defineComponent({
 	name: 'Sticky',
-	mixins: [nodeBase, workflowHelpers],
+	mixins: [nodeBase],
 	props: {
 		nodeViewScale: {
 			type: Number,
@@ -320,7 +319,7 @@ export default defineComponent({
 			this.workflowsStore.updateNodeProperties(updateInformation);
 		},
 		touchStart() {
-			if (this.deviceSupport.isTouchDevice === true && !this.isMacOs && !this.isTouchActive) {
+			if (this.deviceSupport.isTouchDevice && !this.isMacOs && !this.isTouchActive) {
 				this.isTouchActive = true;
 				setTimeout(() => {
 					this.isTouchActive = false;
diff --git a/packages/editor-ui/src/components/TriggerPanel.vue b/packages/editor-ui/src/components/TriggerPanel.vue
index ea1a7ac1df1d95..0fa78c109c0603 100644
--- a/packages/editor-ui/src/components/TriggerPanel.vue
+++ b/packages/editor-ui/src/components/TriggerPanel.vue
@@ -46,7 +46,7 @@
 						</n8n-text>
 					</div>
 					<div v-if="displayChatButton">
-						<n8n-button @click="openWebhookUrl()" class="mb-xl">
+						<n8n-button class="mb-xl" @click="openWebhookUrl()">
 							{{ $locale.baseText('ndv.trigger.chatTrigger.openChat') }}
 						</n8n-button>
 					</div>
@@ -121,7 +121,6 @@ import type { INodeUi } from '@/Interface';
 import type { INodeTypeDescription } from 'n8n-workflow';
 import { getTriggerNodeServiceName } from '@/utils/nodeTypesUtils';
 import NodeExecuteButton from '@/components/NodeExecuteButton.vue';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import CopyInput from '@/components/CopyInput.vue';
 import NodeIcon from '@/components/NodeIcon.vue';
 import { useUIStore } from '@/stores/ui.store';
@@ -129,6 +128,8 @@ import { useWorkflowsStore } from '@/stores/workflows.store';
 import { useNDVStore } from '@/stores/ndv.store';
 import { useNodeTypesStore } from '@/stores/nodeTypes.store';
 import { createEventBus } from 'n8n-design-system/utils';
+import { useRouter } from 'vue-router';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 
 export default defineComponent({
 	name: 'TriggerPanel',
@@ -137,7 +138,6 @@ export default defineComponent({
 		CopyInput,
 		NodeIcon,
 	},
-	mixins: [workflowHelpers],
 	props: {
 		nodeName: {
 			type: String,
@@ -146,6 +146,14 @@ export default defineComponent({
 			type: String,
 		},
 	},
+	setup() {
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
+
+		return {
+			workflowHelpers,
+		};
+	},
 	data: () => {
 		return {
 			executionsHelpEventBus: createEventBus(),
@@ -178,12 +186,9 @@ export default defineComponent({
 				}
 
 				if (this.node) {
-					const hideContentValue = this.getCurrentWorkflow().expression.getSimpleParameterValue(
-						this.node,
-						hideContent,
-						'internal',
-						{},
-					);
+					const hideContentValue = this.workflowHelpers
+						.getCurrentWorkflow()
+						.expression.getSimpleParameterValue(this.node, hideContent, 'internal', {});
 
 					if (typeof hideContentValue === 'boolean') {
 						return hideContentValue;
@@ -220,14 +225,17 @@ export default defineComponent({
 				return undefined;
 			}
 
-			return this.getWebhookExpressionValue(this.nodeType.webhooks[0], 'httpMethod');
+			return this.workflowHelpers.getWebhookExpressionValue(
+				this.nodeType.webhooks[0],
+				'httpMethod',
+			);
 		},
 		webhookTestUrl(): string | undefined {
 			if (!this.node || !this.nodeType?.webhooks?.length) {
 				return undefined;
 			}
 
-			return this.getWebhookUrl(this.nodeType.webhooks[0], this.node, 'test');
+			return this.workflowHelpers.getWebhookUrl(this.nodeType.webhooks[0], this.node, 'test');
 		},
 		isWebhookBasedNode(): boolean {
 			return Boolean(this.nodeType?.webhooks?.length);
diff --git a/packages/editor-ui/src/components/ValueSurvey.vue b/packages/editor-ui/src/components/ValueSurvey.vue
index 89c52270af4cd9..dcf0a7e5457588 100644
--- a/packages/editor-ui/src/components/ValueSurvey.vue
+++ b/packages/editor-ui/src/components/ValueSurvey.vue
@@ -62,7 +62,6 @@ import type { IN8nPromptResponse } from '@/Interface';
 
 import ModalDrawer from '@/components/ModalDrawer.vue';
 
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { useSettingsStore } from '@/stores/settings.store';
 import { useRootStore } from '@/stores/n8nRoot.store';
 import { createEventBus } from 'n8n-design-system/utils';
@@ -79,7 +78,6 @@ export default defineComponent({
 	components: {
 		ModalDrawer,
 	},
-	mixins: [workflowHelpers],
 	props: ['isActive'],
 	setup() {
 		return {
diff --git a/packages/editor-ui/src/components/VariableSelector.vue b/packages/editor-ui/src/components/VariableSelector.vue
index 3f31ae1654347f..9862a42b86c0ac 100644
--- a/packages/editor-ui/src/components/VariableSelector.vue
+++ b/packages/editor-ui/src/components/VariableSelector.vue
@@ -45,11 +45,11 @@ import { NodeConnectionType, WorkflowDataProxy } from 'n8n-workflow';
 import VariableSelectorItem from '@/components/VariableSelectorItem.vue';
 import type { INodeUi, IVariableItemSelected, IVariableSelectorOption } from '@/Interface';
 
-import { workflowHelpers } from '@/mixins/workflowHelpers';
-
 import { useWorkflowsStore } from '@/stores/workflows.store';
 import { useRootStore } from '@/stores/n8nRoot.store';
 import { useNDVStore } from '@/stores/ndv.store';
+import { useRouter } from 'vue-router';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 
 // Node types that should not be displayed in variable selector
 const SKIPPED_NODE_TYPES = [STICKY_NODE_TYPE];
@@ -59,8 +59,15 @@ export default defineComponent({
 	components: {
 		VariableSelectorItem,
 	},
-	mixins: [workflowHelpers],
 	props: ['path', 'redactValues'],
+	setup() {
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
+
+		return {
+			workflowHelpers,
+		};
+	},
 	data() {
 		return {
 			variableFilter: '',
@@ -74,7 +81,10 @@ export default defineComponent({
 			if (!activeNode) {
 				return null;
 			}
-			return this.getParentMainInputNode(this.getCurrentWorkflow(), activeNode);
+			return this.workflowHelpers.getParentMainInputNode(
+				this.workflowHelpers.getCurrentWorkflow(),
+				activeNode,
+			);
 		},
 		extendAll(): boolean {
 			if (this.variableFilter) {
@@ -87,7 +97,7 @@ export default defineComponent({
 			return this.getFilterResults(this.variableFilter.toLowerCase(), 0);
 		},
 		workflow(): Workflow {
-			return this.getCurrentWorkflow();
+			return this.workflowHelpers.getCurrentWorkflow();
 		},
 	},
 	methods: {
@@ -482,7 +492,7 @@ export default defineComponent({
 				parentNode[0],
 				inputName,
 			);
-			const connectionInputData = this.connectionInputData(
+			const connectionInputData = this.workflowHelpers.connectionInputData(
 				parentNode,
 				nodeName,
 				inputName,
diff --git a/packages/editor-ui/src/components/WorkflowLMChat.vue b/packages/editor-ui/src/components/WorkflowLMChat.vue
index f60c83277bbabf..1c2b78e4d21f39 100644
--- a/packages/editor-ui/src/components/WorkflowLMChat.vue
+++ b/packages/editor-ui/src/components/WorkflowLMChat.vue
@@ -64,7 +64,7 @@
 							</div>
 						</div>
 					</div>
-					<MessageTyping ref="messageContainer" v-if="isLoading" />
+					<MessageTyping v-if="isLoading" ref="messageContainer" />
 				</div>
 				<div v-if="node" class="logs-wrapper" data-test-id="lm-chat-logs">
 					<n8n-text class="logs-title" tag="p" size="large">{{
@@ -149,6 +149,9 @@ import { useExternalHooks } from '@/composables/useExternalHooks';
 
 // eslint-disable-next-line import/no-unresolved
 import MessageTyping from '@n8n/chat/components/MessageTyping.vue';
+import { useRouter } from 'vue-router';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
+import { useNodeTypesStore } from '@/stores/nodeTypes.store';
 
 const RunDataAi = defineAsyncComponent(
 	async () => await import('@/components/RunDataAi/RunDataAi.vue'),
@@ -181,9 +184,12 @@ export default defineComponent({
 	mixins: [workflowRun],
 	setup(props, ctx) {
 		const externalHooks = useExternalHooks();
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
 
 		return {
 			externalHooks,
+			workflowHelpers,
 			...useToast(),
 			// eslint-disable-next-line @typescript-eslint/no-misused-promises
 			...workflowRun.setup?.(props, ctx),
@@ -201,7 +207,7 @@ export default defineComponent({
 	},
 
 	computed: {
-		...mapStores(useWorkflowsStore, useUIStore),
+		...mapStores(useWorkflowsStore, useUIStore, useNodeTypesStore),
 		isLoading(): boolean {
 			return this.uiStore.isActionActive('workflowRunning');
 		},
@@ -213,7 +219,7 @@ export default defineComponent({
 	},
 	methods: {
 		displayExecution(executionId: string) {
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 			const route = this.$router.resolve({
 				name: VIEWS.EXECUTION_PREVIEW,
 				params: { name: workflow.id, executionId },
@@ -264,9 +270,9 @@ export default defineComponent({
 				);
 				return;
 			}
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 
-			const chatNode = this.workflowsStore.getNodes().find((node: INodeUi): boolean => {
+			const chatNode = this.workflowHelpers.getNodes().find((node: INodeUi): boolean => {
 				const nodeType = this.nodeTypesStore.getNodeType(node.type, node.typeVersion);
 				if (!nodeType) return false;
 
@@ -317,7 +323,7 @@ export default defineComponent({
 		getChatMessages(): ChatMessage[] {
 			if (!this.connectedNode) return [];
 
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 			const connectedMemoryInputs =
 				workflow.connectionsByDestinationNode[this.connectedNode.name][NodeConnectionType.AiMemory];
 			if (!connectedMemoryInputs) return [];
@@ -369,7 +375,7 @@ export default defineComponent({
 				return;
 			}
 
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 			const childNodes = workflow.getChildNodes(triggerNode.name);
 
 			for (const childNode of childNodes) {
@@ -389,7 +395,7 @@ export default defineComponent({
 		},
 
 		getTriggerNode(): INode | null {
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 			const triggerNode = workflow.queryNodes((nodeType: INodeType) =>
 				[CHAT_TRIGGER_NODE_TYPE, MANUAL_CHAT_TRIGGER_NODE_TYPE].includes(nodeType.description.name),
 			);
diff --git a/packages/editor-ui/src/components/__tests__/ResourceMapper.test.ts b/packages/editor-ui/src/components/__tests__/ResourceMapper.test.ts
index 762f333bba27c9..9e56cccc7ae06f 100644
--- a/packages/editor-ui/src/components/__tests__/ResourceMapper.test.ts
+++ b/packages/editor-ui/src/components/__tests__/ResourceMapper.test.ts
@@ -6,7 +6,7 @@ import {
 } from './utils/ResourceMapper.utils';
 import { useNodeTypesStore } from '@/stores/nodeTypes.store';
 import { waitAllPromises } from '@/__tests__/utils';
-import * as workflowHelpers from '@/mixins/workflowHelpers';
+import * as workflowHelpers from '@/composables/useWorkflowHelpers';
 import ResourceMapper from '@/components/ResourceMapper/ResourceMapper.vue';
 import userEvent from '@testing-library/user-event';
 import { createComponentRenderer } from '@/__tests__/render';
diff --git a/packages/editor-ui/src/composables/useDebounce.ts b/packages/editor-ui/src/composables/useDebounce.ts
index 457f85d154fc94..8d22974058f50f 100644
--- a/packages/editor-ui/src/composables/useDebounce.ts
+++ b/packages/editor-ui/src/composables/useDebounce.ts
@@ -44,7 +44,7 @@ export function useDebounce() {
 	): ReturnType<T> => {
 		const debouncedFn = debounce(fn, options);
 
-		return debouncedFn(...inputParameters) as ReturnType<T>;
+		return debouncedFn(...inputParameters);
 	};
 
 	return {
diff --git a/packages/editor-ui/src/composables/useWorkflowHelpers.ts b/packages/editor-ui/src/composables/useWorkflowHelpers.ts
new file mode 100644
index 00000000000000..98d6cc34754821
--- /dev/null
+++ b/packages/editor-ui/src/composables/useWorkflowHelpers.ts
@@ -0,0 +1,1211 @@
+import {
+	EnterpriseEditionFeature,
+	HTTP_REQUEST_NODE_TYPE,
+	MODAL_CONFIRM,
+	PLACEHOLDER_EMPTY_WORKFLOW_ID,
+	PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
+	VIEWS,
+	WEBHOOK_NODE_TYPE,
+} from '@/constants';
+import { computed } from 'vue';
+
+import type {
+	IConnections,
+	IDataObject,
+	IExecuteData,
+	INode,
+	INodeConnection,
+	INodeCredentials,
+	INodeExecutionData,
+	INodeIssues,
+	INodeParameters,
+	INodeProperties,
+	INodeType,
+	INodeTypes,
+	IRunExecutionData,
+	IWebhookDescription,
+	IWorkflowDataProxyAdditionalKeys,
+	IWorkflowIssues,
+	IWorkflowSettings,
+	NodeParameterValue,
+	Workflow,
+} from 'n8n-workflow';
+import { NodeConnectionType, ExpressionEvaluatorProxy, NodeHelpers } from 'n8n-workflow';
+
+import type {
+	ICredentialsResponse,
+	INodeTypesMaxCount,
+	INodeUi,
+	ITag,
+	IWorkflowData,
+	IWorkflowDataUpdate,
+	IWorkflowDb,
+	TargetItem,
+	XYPosition,
+} from '@/Interface';
+
+import { useMessage } from '@/composables/useMessage';
+import { useToast } from '@/composables/useToast';
+import { useNodeHelpers } from '@/composables/useNodeHelpers';
+
+import { get, isEqual } from 'lodash-es';
+
+import type { IPermissions } from '@/permissions';
+import { getWorkflowPermissions } from '@/permissions';
+import { useEnvironmentsStore } from '@/stores/environments.ee.store';
+import { useRootStore } from '@/stores/n8nRoot.store';
+import { useNDVStore } from '@/stores/ndv.store';
+import { useNodeTypesStore } from '@/stores/nodeTypes.store';
+import { useTemplatesStore } from '@/stores/templates.store';
+import { useUIStore } from '@/stores/ui.store';
+import { useUsersStore } from '@/stores/users.store';
+import { useWorkflowsEEStore } from '@/stores/workflows.ee.store';
+import { useWorkflowsStore } from '@/stores/workflows.store';
+import { getSourceItems } from '@/utils/pairedItemUtils';
+import { v4 as uuid } from 'uuid';
+import { useSettingsStore } from '@/stores/settings.store';
+import { getCredentialTypeName, isCredentialOnlyNodeType } from '@/utils/credentialOnlyNodes';
+import { useExternalHooks } from '@/composables/useExternalHooks';
+import { useCanvasStore } from '@/stores/canvas.store';
+import { useSourceControlStore } from '@/stores/sourceControl.store';
+import { tryToParseNumber } from '@/utils/typesUtils';
+import { useI18n } from '@/composables/useI18n';
+import type { Router } from 'vue-router';
+import { useTelemetry } from '@/composables/useTelemetry';
+
+export function getParentMainInputNode(workflow: Workflow, node: INode): INode {
+	const nodeType = useNodeTypesStore().getNodeType(node.type);
+	if (nodeType) {
+		const outputs = NodeHelpers.getNodeOutputs(workflow, node, nodeType);
+
+		if (!!outputs.find((output) => output !== NodeConnectionType.Main)) {
+			// Get the first node which is connected to a non-main output
+			const nonMainNodesConnected = outputs?.reduce((acc, outputName) => {
+				const parentNodes = workflow.getChildNodes(node.name, outputName);
+				if (parentNodes.length > 0) {
+					acc.push(...parentNodes);
+				}
+				return acc;
+			}, [] as string[]);
+
+			if (nonMainNodesConnected.length) {
+				const returnNode = workflow.getNode(nonMainNodesConnected[0]);
+				if (returnNode === null) {
+					// This should theoretically never happen as the node is connected
+					// but who knows and it makes TS happy
+					throw new Error(
+						`The node "${nonMainNodesConnected[0]}" which is a connection of "${node.name}" could not be found!`,
+					);
+				}
+
+				// The chain of non-main nodes is potentially not finished yet so
+				// keep on going
+				return getParentMainInputNode(workflow, returnNode);
+			}
+		}
+	}
+
+	return node;
+}
+
+export function resolveParameter(
+	parameter: NodeParameterValue | INodeParameters | NodeParameterValue[] | INodeParameters[],
+	opts: {
+		targetItem?: TargetItem;
+		inputNodeName?: string;
+		inputRunIndex?: number;
+		inputBranchIndex?: number;
+		additionalKeys?: IWorkflowDataProxyAdditionalKeys;
+	} = {},
+): IDataObject | null {
+	let itemIndex = opts?.targetItem?.itemIndex || 0;
+
+	const inputName = NodeConnectionType.Main;
+	const activeNode = useNDVStore().activeNode;
+	let contextNode = activeNode;
+
+	const workflow = getCurrentWorkflow();
+
+	if (activeNode) {
+		contextNode = getParentMainInputNode(workflow, activeNode);
+	}
+
+	const workflowRunData = useWorkflowsStore().getWorkflowRunData;
+	let parentNode = workflow.getParentNodes(contextNode!.name, inputName, 1);
+	const executionData = useWorkflowsStore().getWorkflowExecution;
+
+	let runIndexParent = opts?.inputRunIndex ?? 0;
+	const nodeConnection = workflow.getNodeConnectionIndexes(contextNode!.name, parentNode[0]);
+	if (opts.targetItem && opts?.targetItem?.nodeName === contextNode!.name && executionData) {
+		const sourceItems = getSourceItems(executionData, opts.targetItem);
+		if (!sourceItems.length) {
+			return null;
+		}
+		parentNode = [sourceItems[0].nodeName];
+		runIndexParent = sourceItems[0].runIndex;
+		itemIndex = sourceItems[0].itemIndex;
+		if (nodeConnection) {
+			nodeConnection.sourceIndex = sourceItems[0].outputIndex;
+		}
+	} else {
+		parentNode = opts.inputNodeName ? [opts.inputNodeName] : parentNode;
+		if (nodeConnection) {
+			nodeConnection.sourceIndex = opts.inputBranchIndex ?? nodeConnection.sourceIndex;
+		}
+
+		if (opts?.inputRunIndex === undefined && workflowRunData !== null && parentNode.length) {
+			const firstParentWithWorkflowRunData = parentNode.find(
+				(parentNodeName) => workflowRunData[parentNodeName],
+			);
+			if (firstParentWithWorkflowRunData) {
+				runIndexParent = workflowRunData[firstParentWithWorkflowRunData].length - 1;
+			}
+		}
+	}
+
+	let _connectionInputData = connectionInputData(
+		parentNode,
+		contextNode!.name,
+		inputName,
+		runIndexParent,
+		nodeConnection,
+	);
+
+	if (_connectionInputData === null && contextNode && activeNode?.name !== contextNode.name) {
+		// For Sub-Nodes connected to Trigger-Nodes use the data of the root-node
+		// (Gets for example used by the Memory connected to the Chat-Trigger-Node)
+		const _executeData = executeData([contextNode.name], contextNode.name, inputName, 0);
+		_connectionInputData = get(_executeData, ['data', inputName, 0], null);
+	}
+
+	let runExecutionData: IRunExecutionData;
+	if (!executionData?.data) {
+		runExecutionData = {
+			resultData: {
+				runData: {},
+			},
+		};
+	} else {
+		runExecutionData = executionData.data;
+	}
+
+	if (_connectionInputData === null) {
+		_connectionInputData = [];
+	}
+
+	const additionalKeys: IWorkflowDataProxyAdditionalKeys = {
+		$execution: {
+			id: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
+			mode: 'test',
+			resumeUrl: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
+			resumeFormUrl: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
+		},
+		$vars: useEnvironmentsStore().variablesAsObject,
+
+		// deprecated
+		$executionId: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
+		$resumeWebhookUrl: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
+
+		...opts.additionalKeys,
+	};
+
+	if (activeNode?.type === HTTP_REQUEST_NODE_TYPE) {
+		// Add $response for HTTP Request-Nodes as it is used
+		// in pagination expressions
+		additionalKeys.$response = get(
+			executionData,
+			`data.executionData.contextData['node:${activeNode.name}'].response`,
+			{},
+		);
+	}
+
+	let runIndexCurrent = opts?.targetItem?.runIndex ?? 0;
+	if (
+		opts?.targetItem === undefined &&
+		workflowRunData !== null &&
+		workflowRunData[contextNode!.name]
+	) {
+		runIndexCurrent = workflowRunData[contextNode!.name].length - 1;
+	}
+	const _executeData = executeData(parentNode, contextNode!.name, inputName, runIndexCurrent);
+
+	ExpressionEvaluatorProxy.setEvaluator(
+		useSettingsStore().settings.expressions?.evaluator ?? 'tmpl',
+	);
+
+	return workflow.expression.getParameterValue(
+		parameter,
+		runExecutionData,
+		runIndexCurrent,
+		itemIndex,
+		activeNode!.name,
+		_connectionInputData,
+		'manual',
+		additionalKeys,
+		_executeData,
+		false,
+		{},
+		contextNode!.name,
+	) as IDataObject;
+}
+
+export function resolveRequiredParameters(
+	currentParameter: INodeProperties,
+	parameters: INodeParameters,
+	opts: {
+		targetItem?: TargetItem;
+		inputNodeName?: string;
+		inputRunIndex?: number;
+		inputBranchIndex?: number;
+	} = {},
+): IDataObject | null {
+	const loadOptionsDependsOn = new Set(currentParameter?.typeOptions?.loadOptionsDependsOn ?? []);
+
+	const resolvedParameters = Object.fromEntries(
+		Object.entries(parameters).map(([name, parameter]): [string, IDataObject | null] => {
+			const required = loadOptionsDependsOn.has(name);
+
+			if (required) {
+				return [name, resolveParameter(parameter as NodeParameterValue, opts)];
+			} else {
+				try {
+					return [name, resolveParameter(parameter as NodeParameterValue, opts)];
+				} catch (error) {
+					// ignore any expressions errors for non required parameters
+					return [name, null];
+				}
+			}
+		}),
+	);
+
+	return resolvedParameters;
+}
+
+function getCurrentWorkflow(copyData?: boolean): Workflow {
+	return useWorkflowsStore().getCurrentWorkflow(copyData);
+}
+
+function getConnectedNodes(
+	direction: 'upstream' | 'downstream',
+	workflow: Workflow,
+	nodeName: string,
+): string[] {
+	let checkNodes: string[];
+	if (direction === 'downstream') {
+		checkNodes = workflow.getChildNodes(nodeName);
+	} else if (direction === 'upstream') {
+		checkNodes = workflow.getParentNodes(nodeName);
+	} else {
+		throw new Error(`The direction "${direction}" is not supported!`);
+	}
+
+	// Find also all nodes which are connected to the child nodes via a non-main input
+	let connectedNodes: string[] = [];
+	checkNodes.forEach((checkNode) => {
+		connectedNodes = [
+			...connectedNodes,
+			checkNode,
+			...workflow.getParentNodes(checkNode, 'ALL_NON_MAIN'),
+		];
+	});
+
+	// Remove duplicates
+	return [...new Set(connectedNodes)];
+}
+
+function getNodes(): INodeUi[] {
+	return useWorkflowsStore().getNodes();
+}
+
+// Returns a workflow instance.
+function getWorkflow(nodes: INodeUi[], connections: IConnections, copyData?: boolean): Workflow {
+	return useWorkflowsStore().getWorkflow(nodes, connections, copyData);
+}
+
+function getNodeTypes(): INodeTypes {
+	return useWorkflowsStore().getNodeTypes();
+}
+
+// Returns connectionInputData to be able to execute an expression.
+function connectionInputData(
+	parentNode: string[],
+	currentNode: string,
+	inputName: string,
+	runIndex: number,
+	nodeConnection: INodeConnection = { sourceIndex: 0, destinationIndex: 0 },
+): INodeExecutionData[] | null {
+	let connectionInputData: INodeExecutionData[] | null = null;
+	const _executeData = executeData(parentNode, currentNode, inputName, runIndex);
+	if (parentNode.length) {
+		if (
+			!Object.keys(_executeData.data).length ||
+			_executeData.data[inputName].length <= nodeConnection.sourceIndex
+		) {
+			connectionInputData = [];
+		} else {
+			connectionInputData = _executeData.data[inputName][nodeConnection.sourceIndex];
+
+			if (connectionInputData !== null) {
+				// Update the pairedItem information on items
+				connectionInputData = connectionInputData.map((item, itemIndex) => {
+					return {
+						...item,
+						pairedItem: {
+							item: itemIndex,
+							input: nodeConnection.destinationIndex,
+						},
+					};
+				});
+			}
+		}
+	}
+
+	const workflowsStore = useWorkflowsStore();
+
+	if (workflowsStore.shouldReplaceInputDataWithPinData) {
+		const parentPinData = parentNode.reduce<INodeExecutionData[]>((acc, parentNodeName, index) => {
+			const pinData = workflowsStore.pinDataByNodeName(parentNodeName);
+
+			if (pinData) {
+				acc.push({
+					json: pinData[0],
+					pairedItem: {
+						item: index,
+						input: 1,
+					},
+				});
+			}
+
+			return acc;
+		}, []);
+
+		if (parentPinData.length > 0) {
+			if (connectionInputData && connectionInputData.length > 0) {
+				parentPinData.forEach((parentPinDataEntry) => {
+					connectionInputData![0].json = {
+						...connectionInputData![0].json,
+						...parentPinDataEntry.json,
+					};
+				});
+			} else {
+				connectionInputData = parentPinData;
+			}
+		}
+	}
+
+	return connectionInputData;
+}
+
+export function executeData(
+	parentNodes: string[],
+	currentNode: string,
+	inputName: string,
+	runIndex: number,
+): IExecuteData {
+	const executeData = {
+		node: {},
+		data: {},
+		source: null,
+	} as IExecuteData;
+
+	const workflowsStore = useWorkflowsStore();
+
+	// Find the parent node which has data
+	for (const parentNodeName of parentNodes) {
+		if (workflowsStore.shouldReplaceInputDataWithPinData) {
+			const parentPinData = workflowsStore.pinnedWorkflowData![parentNodeName];
+
+			// populate `executeData` from `pinData`
+
+			if (parentPinData) {
+				executeData.data = { main: [parentPinData] };
+				executeData.source = { main: [{ previousNode: parentNodeName }] };
+
+				return executeData;
+			}
+		}
+
+		// populate `executeData` from `runData`
+		const workflowRunData = workflowsStore.getWorkflowRunData;
+		if (workflowRunData === null) {
+			return executeData;
+		}
+
+		if (
+			!workflowRunData[parentNodeName] ||
+			workflowRunData[parentNodeName].length <= runIndex ||
+			!workflowRunData[parentNodeName][runIndex] ||
+			!workflowRunData[parentNodeName][runIndex].hasOwnProperty('data') ||
+			workflowRunData[parentNodeName][runIndex].data === undefined ||
+			!workflowRunData[parentNodeName][runIndex].data!.hasOwnProperty(inputName)
+		) {
+			executeData.data = {};
+		} else {
+			executeData.data = workflowRunData[parentNodeName][runIndex].data!;
+			if (workflowRunData[currentNode] && workflowRunData[currentNode][runIndex]) {
+				executeData.source = {
+					[inputName]: workflowRunData[currentNode][runIndex].source,
+				};
+			} else {
+				const workflow = getCurrentWorkflow();
+
+				let previousNodeOutput: number | undefined;
+				// As the node can be connected through either of the outputs find the correct one
+				// and set it to make pairedItem work on not executed nodes
+				if (workflow.connectionsByDestinationNode[currentNode]?.main) {
+					mainConnections: for (const mainConnections of workflow.connectionsByDestinationNode[
+						currentNode
+					].main) {
+						for (const connection of mainConnections) {
+							if (
+								connection.type === NodeConnectionType.Main &&
+								connection.node === parentNodeName
+							) {
+								previousNodeOutput = connection.index;
+								break mainConnections;
+							}
+						}
+					}
+				}
+
+				// The current node did not get executed in UI yet so build data manually
+				executeData.source = {
+					[inputName]: [
+						{
+							previousNode: parentNodeName,
+							previousNodeOutput,
+						},
+					],
+				};
+			}
+			return executeData;
+		}
+	}
+
+	return executeData;
+}
+
+export function useWorkflowHelpers(router: Router) {
+	const nodeTypesStore = useNodeTypesStore();
+	const rootStore = useRootStore();
+	const templatesStore = useTemplatesStore();
+	const workflowsStore = useWorkflowsStore();
+	const workflowsEEStore = useWorkflowsEEStore();
+	const usersStore = useUsersStore();
+	const uiStore = useUIStore();
+	const nodeHelpers = useNodeHelpers();
+
+	const toast = useToast();
+	const message = useMessage();
+	const i18n = useI18n();
+	const telemetry = useTelemetry();
+
+	const workflowPermissions = computed<IPermissions>(() => {
+		return getWorkflowPermissions(usersStore.currentUser, workflowsStore.workflow);
+	});
+
+	function getNodeTypesMaxCount() {
+		const nodes = workflowsStore.allNodes;
+
+		const returnData: INodeTypesMaxCount = {};
+
+		const nodeTypes = nodeTypesStore.allNodeTypes;
+		for (const nodeType of nodeTypes) {
+			if (nodeType.maxNodes !== undefined) {
+				returnData[nodeType.name] = {
+					exist: 0,
+					max: nodeType.maxNodes,
+					nodeNames: [],
+				};
+			}
+		}
+
+		for (const node of nodes) {
+			if (returnData[node.type] !== undefined) {
+				returnData[node.type].exist += 1;
+				returnData[node.type].nodeNames.push(node.name);
+			}
+		}
+
+		return returnData;
+	}
+
+	function getNodeTypeCount(nodeType: string) {
+		const nodes = workflowsStore.allNodes;
+
+		let count = 0;
+
+		for (const node of nodes) {
+			if (node.type === nodeType) {
+				count++;
+			}
+		}
+
+		return count;
+	}
+
+	// Checks if everything in the workflow is complete and ready to be executed
+	function checkReadyForExecution(workflow: Workflow, lastNodeName?: string) {
+		let node: INode;
+		let nodeType: INodeType | undefined;
+		let nodeIssues: INodeIssues | null = null;
+		const workflowIssues: IWorkflowIssues = {};
+
+		let checkNodes = Object.keys(workflow.nodes);
+		if (lastNodeName) {
+			checkNodes = workflow.getParentNodes(lastNodeName);
+			checkNodes.push(lastNodeName);
+		} else {
+			// As webhook nodes always take precedence check first
+			// if there are any
+			let checkWebhook: string[] = [];
+			for (const nodeName of Object.keys(workflow.nodes)) {
+				if (
+					workflow.nodes[nodeName].disabled !== true &&
+					workflow.nodes[nodeName].type === WEBHOOK_NODE_TYPE
+				) {
+					const childNodes = workflow.getChildNodes(nodeName);
+					checkWebhook = [nodeName, ...checkWebhook, ...childNodes];
+				}
+			}
+
+			if (checkWebhook.length) {
+				checkNodes = checkWebhook;
+			} else {
+				// If no webhook nodes got found try to find another trigger node
+				const startNode = workflow.getStartNode();
+				if (startNode !== undefined) {
+					checkNodes = [...workflow.getChildNodes(startNode.name), startNode.name];
+
+					// For the short-listed checkNodes, we also need to check them for any
+					// connected sub-nodes
+					for (const nodeName of checkNodes) {
+						const childNodes = workflow.getParentNodes(nodeName, 'ALL_NON_MAIN');
+						checkNodes.push(...childNodes);
+					}
+				}
+			}
+		}
+
+		for (const nodeName of checkNodes) {
+			nodeIssues = null;
+			node = workflow.nodes[nodeName];
+
+			if (node.disabled === true) {
+				// Ignore issues on disabled nodes
+				continue;
+			}
+
+			nodeType = workflow.nodeTypes.getByNameAndVersion(node.type, node.typeVersion);
+
+			if (nodeType === undefined) {
+				// Node type is not known
+				nodeIssues = {
+					typeUnknown: true,
+				};
+			} else {
+				nodeIssues = nodeHelpers.getNodeIssues(nodeType.description, node, workflow, ['execution']);
+			}
+
+			if (nodeIssues !== null) {
+				workflowIssues[node.name] = nodeIssues;
+			}
+		}
+
+		if (Object.keys(workflowIssues).length === 0) {
+			return null;
+		}
+
+		return workflowIssues;
+	}
+
+	async function getWorkflowDataToSave() {
+		const workflowNodes = workflowsStore.allNodes;
+		const workflowConnections = workflowsStore.allConnections;
+
+		let nodeData;
+
+		const nodes: INode[] = [];
+		for (let nodeIndex = 0; nodeIndex < workflowNodes.length; nodeIndex++) {
+			// @ts-ignore
+			nodeData = getNodeDataToSave(workflowNodes[nodeIndex]);
+
+			nodes.push(nodeData);
+		}
+
+		const data: IWorkflowData = {
+			name: workflowsStore.workflowName,
+			nodes,
+			pinData: workflowsStore.pinnedWorkflowData,
+			connections: workflowConnections,
+			active: workflowsStore.isWorkflowActive,
+			settings: workflowsStore.workflow.settings,
+			tags: workflowsStore.workflowTags,
+			versionId: workflowsStore.workflow.versionId,
+			meta: workflowsStore.workflow.meta,
+		};
+
+		const workflowId = workflowsStore.workflowId;
+		if (workflowId !== PLACEHOLDER_EMPTY_WORKFLOW_ID) {
+			data.id = workflowId;
+		}
+
+		return data;
+	}
+
+	function getNodeDataToSave(node: INodeUi): INodeUi {
+		const skipKeys = [
+			'color',
+			'continueOnFail',
+			'credentials',
+			'disabled',
+			'issues',
+			'onError',
+			'notes',
+			'parameters',
+			'status',
+		];
+
+		// @ts-ignore
+		const nodeData: INodeUi = {
+			parameters: {},
+		};
+
+		for (const key in node) {
+			if (key.charAt(0) !== '_' && skipKeys.indexOf(key) === -1) {
+				// @ts-ignore
+				nodeData[key] = node[key];
+			}
+		}
+
+		// Get the data of the node type that we can get the default values
+		// TODO: Later also has to care about the node-type-version as defaults could be different
+		const nodeType = nodeTypesStore.getNodeType(node.type, node.typeVersion);
+
+		if (nodeType !== null) {
+			const isCredentialOnly = isCredentialOnlyNodeType(nodeType.name);
+
+			if (isCredentialOnly) {
+				nodeData.type = HTTP_REQUEST_NODE_TYPE;
+				nodeData.extendsCredential = getCredentialTypeName(nodeType.name);
+			}
+
+			// Node-Type is known so we can save the parameters correctly
+			const nodeParameters = NodeHelpers.getNodeParameters(
+				nodeType.properties,
+				node.parameters,
+				isCredentialOnly,
+				false,
+				node,
+			);
+			nodeData.parameters = nodeParameters !== null ? nodeParameters : {};
+
+			// Add the node credentials if there are some set and if they should be displayed
+			if (node.credentials !== undefined && nodeType.credentials !== undefined) {
+				const saveCredentials: INodeCredentials = {};
+				for (const nodeCredentialTypeName of Object.keys(node.credentials)) {
+					if (
+						nodeHelpers.hasProxyAuth(node) ||
+						Object.keys(node.parameters).includes('genericAuthType')
+					) {
+						saveCredentials[nodeCredentialTypeName] = node.credentials[nodeCredentialTypeName];
+						continue;
+					}
+
+					const credentialTypeDescription = nodeType.credentials
+						// filter out credentials with same name in different node versions
+						.filter((c) => nodeHelpers.displayParameter(node.parameters, c, '', node))
+						.find((c) => c.name === nodeCredentialTypeName);
+
+					if (credentialTypeDescription === undefined) {
+						// Credential type is not know so do not save
+						continue;
+					}
+
+					if (!nodeHelpers.displayParameter(node.parameters, credentialTypeDescription, '', node)) {
+						// Credential should not be displayed so do also not save
+						continue;
+					}
+
+					saveCredentials[nodeCredentialTypeName] = node.credentials[nodeCredentialTypeName];
+				}
+
+				// Set credential property only if it has content
+				if (Object.keys(saveCredentials).length !== 0) {
+					nodeData.credentials = saveCredentials;
+				}
+			}
+		} else {
+			// Node-Type is not known so save the data as it is
+			nodeData.credentials = node.credentials;
+			nodeData.parameters = node.parameters;
+			if (nodeData.color !== undefined) {
+				nodeData.color = node.color;
+			}
+		}
+
+		// Save the disabled property, continueOnFail and onError only when is set
+		if (node.disabled === true) {
+			nodeData.disabled = true;
+		}
+		if (node.continueOnFail === true) {
+			nodeData.continueOnFail = true;
+		}
+		if (node.onError !== 'stopWorkflow') {
+			nodeData.onError = node.onError;
+		}
+		// Save the notes only if when they contain data
+		if (![undefined, ''].includes(node.notes)) {
+			nodeData.notes = node.notes;
+		}
+
+		return nodeData;
+	}
+
+	function getWebhookExpressionValue(webhookData: IWebhookDescription, key: string): string {
+		if (webhookData[key] === undefined) {
+			return 'empty';
+		}
+		try {
+			return resolveExpression(webhookData[key] as string) as string;
+		} catch (e) {
+			return i18n.baseText('nodeWebhooks.invalidExpression');
+		}
+	}
+
+	function getWebhookUrl(
+		webhookData: IWebhookDescription,
+		node: INode,
+		showUrlFor?: string,
+	): string {
+		const { isForm, restartWebhook } = webhookData;
+		if (restartWebhook === true) {
+			return isForm ? '$execution.resumeFormUrl' : '$execution.resumeUrl';
+		}
+
+		let baseUrl;
+		if (showUrlFor === 'test') {
+			baseUrl = isForm ? rootStore.getFormTestUrl : rootStore.getWebhookTestUrl;
+		} else {
+			baseUrl = isForm ? rootStore.getFormUrl : rootStore.getWebhookUrl;
+		}
+
+		const workflowId = workflowsStore.workflowId;
+		const path = getWebhookExpressionValue(webhookData, 'path');
+		const isFullPath =
+			(getWebhookExpressionValue(webhookData, 'isFullPath') as unknown as boolean) || false;
+
+		return NodeHelpers.getNodeWebhookUrl(baseUrl, workflowId, node, path, isFullPath);
+	}
+
+	function resolveExpression(
+		expression: string,
+		siblingParameters: INodeParameters = {},
+		opts: {
+			targetItem?: TargetItem;
+			inputNodeName?: string;
+			inputRunIndex?: number;
+			inputBranchIndex?: number;
+			c?: number;
+			additionalKeys?: IWorkflowDataProxyAdditionalKeys;
+		} = {},
+	) {
+		const parameters = {
+			__xxxxxxx__: expression,
+			...siblingParameters,
+		};
+		const returnData: IDataObject | null = resolveParameter(parameters, opts);
+		if (!returnData) {
+			return null;
+		}
+
+		const obj = returnData.__xxxxxxx__;
+		if (typeof obj === 'object') {
+			const proxy = obj as { isProxy: boolean; toJSON?: () => unknown } | null;
+			if (proxy?.isProxy && proxy.toJSON) return JSON.stringify(proxy.toJSON());
+			const workflow = getCurrentWorkflow();
+			return workflow.expression.convertObjectValueToString(obj as object);
+		}
+		return obj;
+	}
+
+	async function updateWorkflow(
+		{ workflowId, active }: { workflowId: string; active?: boolean },
+		partialData = false,
+	) {
+		let data: IWorkflowDataUpdate = {};
+
+		const isCurrentWorkflow = workflowId === workflowsStore.workflowId;
+		if (isCurrentWorkflow) {
+			data = partialData
+				? { versionId: workflowsStore.workflowVersionId }
+				: await getWorkflowDataToSave();
+		} else {
+			const { versionId } = await workflowsStore.fetchWorkflow(workflowId);
+			data.versionId = versionId;
+		}
+
+		if (active !== undefined) {
+			data.active = active;
+		}
+
+		const workflow = await workflowsStore.updateWorkflow(workflowId, data);
+		workflowsStore.setWorkflowVersionId(workflow.versionId);
+
+		if (isCurrentWorkflow) {
+			workflowsStore.setActive(!!workflow.active);
+			uiStore.stateIsDirty = false;
+		}
+
+		if (workflow.active) {
+			workflowsStore.setWorkflowActive(workflowId);
+		} else {
+			workflowsStore.setWorkflowInactive(workflowId);
+		}
+	}
+
+	async function saveCurrentWorkflow(
+		{ id, name, tags }: { id?: string; name?: string; tags?: string[] } = {},
+		redirect = true,
+		forceSave = false,
+	): Promise<boolean> {
+		const readOnlyEnv = useSourceControlStore().preferences.branchReadOnly;
+		if (readOnlyEnv) {
+			return false;
+		}
+
+		const isLoading = useCanvasStore().isLoading;
+		const currentWorkflow = id || (router.currentRoute.value.params.name as string);
+
+		if (!currentWorkflow || ['new', PLACEHOLDER_EMPTY_WORKFLOW_ID].includes(currentWorkflow)) {
+			return await saveAsNewWorkflow({ name, tags }, redirect);
+		}
+
+		// Workflow exists already so update it
+		try {
+			if (!forceSave && isLoading) {
+				return true;
+			}
+			uiStore.addActiveAction('workflowSaving');
+
+			const workflowDataRequest: IWorkflowDataUpdate = await getWorkflowDataToSave();
+
+			if (name) {
+				workflowDataRequest.name = name.trim();
+			}
+
+			if (tags) {
+				workflowDataRequest.tags = tags;
+			}
+
+			workflowDataRequest.versionId = workflowsStore.workflowVersionId;
+
+			const workflowData = await workflowsStore.updateWorkflow(
+				currentWorkflow,
+				workflowDataRequest,
+				forceSave,
+			);
+			workflowsStore.setWorkflowVersionId(workflowData.versionId);
+
+			if (name) {
+				workflowsStore.setWorkflowName({ newName: workflowData.name, setStateDirty: false });
+			}
+
+			if (tags) {
+				const createdTags = (workflowData.tags || []) as ITag[];
+				const tagIds = createdTags.map((tag: ITag): string => tag.id);
+				workflowsStore.setWorkflowTagIds(tagIds);
+			}
+
+			uiStore.stateIsDirty = false;
+			uiStore.removeActiveAction('workflowSaving');
+			void useExternalHooks().run('workflow.afterUpdate', { workflowData });
+
+			return true;
+		} catch (error) {
+			console.error(error);
+
+			uiStore.removeActiveAction('workflowSaving');
+
+			if (error.errorCode === 100) {
+				telemetry.track('User attempted to save locked workflow', {
+					workflowId: currentWorkflow,
+					sharing_role: workflowPermissions.value.isOwner ? 'owner' : 'sharee',
+				});
+
+				const url = router.resolve({
+					name: VIEWS.WORKFLOW,
+					params: { name: currentWorkflow },
+				}).href;
+
+				const overwrite = await message.confirm(
+					i18n.baseText('workflows.concurrentChanges.confirmMessage.message', {
+						interpolate: {
+							url,
+						},
+					}),
+					i18n.baseText('workflows.concurrentChanges.confirmMessage.title'),
+					{
+						dangerouslyUseHTMLString: true,
+						confirmButtonText: i18n.baseText(
+							'workflows.concurrentChanges.confirmMessage.confirmButtonText',
+						),
+						cancelButtonText: i18n.baseText(
+							'workflows.concurrentChanges.confirmMessage.cancelButtonText',
+						),
+					},
+				);
+
+				if (overwrite === MODAL_CONFIRM) {
+					return await saveCurrentWorkflow({ id, name, tags }, redirect, true);
+				}
+
+				return false;
+			}
+
+			toast.showMessage({
+				title: i18n.baseText('workflowHelpers.showMessage.title'),
+				message: error.message,
+				type: 'error',
+			});
+
+			return false;
+		}
+	}
+
+	async function saveAsNewWorkflow(
+		{
+			name,
+			tags,
+			resetWebhookUrls,
+			resetNodeIds,
+			openInNewWindow,
+			data,
+		}: {
+			name?: string;
+			tags?: string[];
+			resetWebhookUrls?: boolean;
+			openInNewWindow?: boolean;
+			resetNodeIds?: boolean;
+			data?: IWorkflowDataUpdate;
+		} = {},
+		redirect = true,
+	): Promise<boolean> {
+		try {
+			uiStore.addActiveAction('workflowSaving');
+
+			const workflowDataRequest: IWorkflowDataUpdate = data || (await getWorkflowDataToSave());
+			const changedNodes = {} as IDataObject;
+
+			if (resetNodeIds) {
+				workflowDataRequest.nodes = workflowDataRequest.nodes!.map((node) => {
+					node.id = uuid();
+
+					return node;
+				});
+			}
+
+			if (resetWebhookUrls) {
+				workflowDataRequest.nodes = workflowDataRequest.nodes!.map((node) => {
+					if (node.webhookId) {
+						node.webhookId = uuid();
+						changedNodes[node.name] = node.webhookId;
+					}
+					return node;
+				});
+			}
+
+			if (name) {
+				workflowDataRequest.name = name.trim();
+			}
+
+			if (tags) {
+				workflowDataRequest.tags = tags;
+			}
+			const workflowData = await workflowsStore.createNewWorkflow(workflowDataRequest);
+
+			workflowsStore.addWorkflow(workflowData);
+			if (
+				useSettingsStore().isEnterpriseFeatureEnabled(EnterpriseEditionFeature.Sharing) &&
+				usersStore.currentUser
+			) {
+				workflowsEEStore.setWorkflowOwnedBy({
+					workflowId: workflowData.id,
+					ownedBy: usersStore.currentUser,
+				});
+			}
+
+			if (openInNewWindow) {
+				const routeData = router.resolve({
+					name: VIEWS.WORKFLOW,
+					params: { name: workflowData.id },
+				});
+				window.open(routeData.href, '_blank');
+				uiStore.removeActiveAction('workflowSaving');
+				return true;
+			}
+
+			workflowsStore.setActive(workflowData.active || false);
+			workflowsStore.setWorkflowId(workflowData.id);
+			workflowsStore.setWorkflowVersionId(workflowData.versionId);
+			workflowsStore.setWorkflowName({ newName: workflowData.name, setStateDirty: false });
+			workflowsStore.setWorkflowSettings((workflowData.settings as IWorkflowSettings) || {});
+			uiStore.stateIsDirty = false;
+			Object.keys(changedNodes).forEach((nodeName) => {
+				const changes = {
+					key: 'webhookId',
+					value: changedNodes[nodeName],
+					name: nodeName,
+				};
+				workflowsStore.setNodeValue(changes);
+			});
+
+			const createdTags = (workflowData.tags || []) as ITag[];
+			const tagIds = createdTags.map((tag: ITag): string => tag.id);
+			workflowsStore.setWorkflowTagIds(tagIds);
+
+			const templateId = router.currentRoute.value.query.templateId;
+			if (templateId) {
+				telemetry.track('User saved new workflow from template', {
+					template_id: tryToParseNumber(String(templateId)),
+					workflow_id: workflowData.id,
+					wf_template_repo_session_id: templatesStore.previousSessionId,
+				});
+			}
+
+			if (redirect) {
+				void router.replace({
+					name: VIEWS.WORKFLOW,
+					params: { name: workflowData.id, action: 'workflowSave' },
+				});
+			}
+
+			uiStore.removeActiveAction('workflowSaving');
+			uiStore.stateIsDirty = false;
+			void useExternalHooks().run('workflow.afterUpdate', { workflowData });
+
+			getCurrentWorkflow(true); // refresh cache
+			return true;
+		} catch (e) {
+			uiStore.removeActiveAction('workflowSaving');
+
+			toast.showMessage({
+				title: $locale.baseText('workflowHelpers.showMessage.title'),
+				message: (e as Error).message,
+				type: 'error',
+			});
+
+			return false;
+		}
+	}
+
+	// Updates the position of all the nodes that the top-left node
+	// is at the given position
+	function updateNodePositions(
+		workflowData: IWorkflowData | IWorkflowDataUpdate,
+		position: XYPosition,
+	): void {
+		if (workflowData.nodes === undefined) {
+			return;
+		}
+
+		// Find most top-left node
+		const minPosition = [99999999, 99999999];
+		for (const node of workflowData.nodes) {
+			if (node.position[1] < minPosition[1]) {
+				minPosition[0] = node.position[0];
+				minPosition[1] = node.position[1];
+			} else if (node.position[1] === minPosition[1]) {
+				if (node.position[0] < minPosition[0]) {
+					minPosition[0] = node.position[0];
+					minPosition[1] = node.position[1];
+				}
+			}
+		}
+
+		// Update the position on all nodes so that the
+		// most top-left one is at given position
+		const offsetPosition = [position[0] - minPosition[0], position[1] - minPosition[1]];
+		for (const node of workflowData.nodes) {
+			node.position[0] += offsetPosition[0];
+			node.position[1] += offsetPosition[1];
+		}
+	}
+
+	async function dataHasChanged(id: string) {
+		const currentData = await getWorkflowDataToSave();
+
+		const data: IWorkflowDb = await workflowsStore.fetchWorkflow(id);
+
+		if (data !== undefined) {
+			const x = {
+				nodes: data.nodes,
+				connections: data.connections,
+				settings: data.settings,
+				name: data.name,
+			};
+			const y = {
+				nodes: currentData.nodes,
+				connections: currentData.connections,
+				settings: currentData.settings,
+				name: currentData.name,
+			};
+			return !isEqual(x, y);
+		}
+
+		return true;
+	}
+
+	function removeForeignCredentialsFromWorkflow(
+		workflow: IWorkflowData | IWorkflowDataUpdate,
+		usableCredentials: ICredentialsResponse[],
+	): void {
+		(workflow.nodes ?? []).forEach((node: INode) => {
+			if (!node.credentials) {
+				return;
+			}
+
+			node.credentials = Object.entries(node.credentials).reduce<INodeCredentials>(
+				(acc, [credentialType, credential]) => {
+					const isUsableCredential = usableCredentials.some(
+						(ownCredential) => `${ownCredential.id}` === `${credential.id}`,
+					);
+					if (credential.id && isUsableCredential) {
+						acc[credentialType] = node.credentials![credentialType];
+					}
+
+					return acc;
+				},
+				{},
+			);
+		});
+	}
+
+	return {
+		resolveParameter,
+		resolveRequiredParameters,
+		getCurrentWorkflow,
+		getConnectedNodes,
+		getNodes,
+		getParentMainInputNode,
+		getWorkflow,
+		getNodeTypes,
+		connectionInputData,
+		executeData,
+		getNodeTypesMaxCount,
+		getNodeTypeCount,
+		checkReadyForExecution,
+		getWorkflowDataToSave,
+		getNodeDataToSave,
+		getWebhookExpressionValue,
+		getWebhookUrl,
+		resolveExpression,
+		updateWorkflow,
+		saveCurrentWorkflow,
+		saveAsNewWorkflow,
+		updateNodePositions,
+		dataHasChanged,
+		removeForeignCredentialsFromWorkflow,
+		workflowPermissions,
+	};
+}
diff --git a/packages/editor-ui/src/mixins/__tests__/workflowHelpers.spec.ts b/packages/editor-ui/src/mixins/__tests__/workflowHelpers.spec.ts
index 8870976fb54bd1..48dd163c915322 100644
--- a/packages/editor-ui/src/mixins/__tests__/workflowHelpers.spec.ts
+++ b/packages/editor-ui/src/mixins/__tests__/workflowHelpers.spec.ts
@@ -2,7 +2,7 @@ import { createPinia, setActivePinia } from 'pinia';
 import { useSettingsStore } from '@/stores/settings.store';
 import { useWorkflowsStore } from '@/stores/workflows.store';
 import { setupServer } from '@/__tests__/server';
-import { executeData } from '@/mixins/workflowHelpers';
+import { executeData } from '@/composables/useWorkflowHelpers';
 import type { IExecutionResponse } from '@/Interface';
 
 describe('workflowHelpers', () => {
diff --git a/packages/editor-ui/src/mixins/expressionManager.ts b/packages/editor-ui/src/mixins/expressionManager.ts
index afdaf146e7da05..2e7b79efa1305d 100644
--- a/packages/editor-ui/src/mixins/expressionManager.ts
+++ b/packages/editor-ui/src/mixins/expressionManager.ts
@@ -6,16 +6,15 @@ import type { IDataObject } from 'n8n-workflow';
 import { Expression, ExpressionExtensions } from 'n8n-workflow';
 import { ensureSyntaxTree } from '@codemirror/language';
 
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { useNDVStore } from '@/stores/ndv.store';
 import { EXPRESSION_EDITOR_PARSER_TIMEOUT } from '@/constants';
 
 import type { EditorView } from '@codemirror/view';
 import type { TargetItem } from '@/Interface';
 import type { Html, Plaintext, RawSegment, Resolvable, Segment } from '@/types/expressions';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 
 export const expressionManager = defineComponent({
-	mixins: [workflowHelpers],
 	props: {
 		targetItem: {
 			type: Object as PropType<TargetItem | null>,
@@ -197,6 +196,7 @@ export const expressionManager = defineComponent({
 
 			try {
 				const ndvStore = useNDVStore();
+				const workflowHelpers = useWorkflowHelpers(this.$router);
 				if (!ndvStore.activeNode) {
 					// e.g. credential modal
 					result.resolved = Expression.resolveWithoutWorkflow(resolvable, this.additionalData);
@@ -211,7 +211,7 @@ export const expressionManager = defineComponent({
 							additionalKeys: this.additionalData,
 						};
 					}
-					result.resolved = this.resolveExpression('=' + resolvable, undefined, opts);
+					result.resolved = workflowHelpers.resolveExpression('=' + resolvable, undefined, opts);
 				}
 			} catch (error) {
 				result.resolved = `[${error.message}]`;
diff --git a/packages/editor-ui/src/mixins/pushConnection.ts b/packages/editor-ui/src/mixins/pushConnection.ts
index 86d2cb2d2a9078..624a8597951b6d 100644
--- a/packages/editor-ui/src/mixins/pushConnection.ts
+++ b/packages/editor-ui/src/mixins/pushConnection.ts
@@ -8,7 +8,6 @@ import type {
 import { useNodeHelpers } from '@/composables/useNodeHelpers';
 import { useTitleChange } from '@/composables/useTitleChange';
 import { useToast } from '@/composables/useToast';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 
 import type {
 	ExpressionError,
@@ -39,14 +38,19 @@ import { useOrchestrationStore } from '@/stores/orchestration.store';
 import { usePushConnectionStore } from '@/stores/pushConnection.store';
 import { useCollaborationStore } from '@/stores/collaboration.store';
 import { useExternalHooks } from '@/composables/useExternalHooks';
+import { useRouter } from 'vue-router';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 
 export const pushConnection = defineComponent({
-	mixins: [workflowHelpers],
 	setup() {
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
+		const nodeHelpers = useNodeHelpers();
 		return {
 			...useTitleChange(),
 			...useToast(),
-			nodeHelpers: useNodeHelpers(),
+			nodeHelpers,
+			workflowHelpers,
 		};
 	},
 	data() {
@@ -312,7 +316,7 @@ export const pushConnection = defineComponent({
 
 				codeNodeEditorEventBus.emit('error-line-number', lineNumber || 'final');
 
-				const workflow = this.getCurrentWorkflow();
+				const workflow = this.workflowHelpers.getCurrentWorkflow();
 				if (runDataExecuted.waitTill !== undefined) {
 					const activeExecutionId = this.workflowsStore.activeExecutionId;
 					const workflowSettings = this.workflowsStore.workflowSettings;
@@ -328,7 +332,8 @@ export const pushConnection = defineComponent({
 						globalLinkActionsEventBus.emit('registerGlobalLinkAction', {
 							key: 'open-settings',
 							action: async () => {
-								if (this.workflowsStore.isNewWorkflow) await this.saveAsNewWorkflow();
+								if (this.workflowsStore.isNewWorkflow)
+									await this.workflowHelpers.saveAsNewWorkflow();
 								this.uiStore.openModal(WORKFLOW_SETTINGS_MODAL_KEY);
 							},
 						});
@@ -357,7 +362,7 @@ export const pushConnection = defineComponent({
 					) {
 						const error = runDataExecuted.data.resultData.error as ExpressionError;
 
-						void this.getWorkflowDataToSave().then((workflowData) => {
+						void this.workflowHelpers.getWorkflowDataToSave().then((workflowData) => {
 							const eventData: IDataObject = {
 								caused_by_credential: false,
 								error_message: error.description,
@@ -366,7 +371,7 @@ export const pushConnection = defineComponent({
 								node_graph_string: JSON.stringify(
 									TelemetryHelpers.generateNodesGraph(
 										workflowData as IWorkflowBase,
-										this.getNodeTypes(),
+										this.workflowHelpers.getNodeTypes(),
 									).nodeGraph,
 								),
 								workflow_id: this.workflowsStore.workflowId,
diff --git a/packages/editor-ui/src/mixins/workflowActivate.ts b/packages/editor-ui/src/mixins/workflowActivate.ts
index 5772fed0962c9f..e7666e4cf90c77 100644
--- a/packages/editor-ui/src/mixins/workflowActivate.ts
+++ b/packages/editor-ui/src/mixins/workflowActivate.ts
@@ -2,7 +2,6 @@ import { defineComponent } from 'vue';
 import { mapStores } from 'pinia';
 import { useStorage } from '@/composables/useStorage';
 
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { useToast } from '@/composables/useToast';
 
 import {
@@ -14,11 +13,15 @@ import { useUIStore } from '@/stores/ui.store';
 import { useSettingsStore } from '@/stores/settings.store';
 import { useWorkflowsStore } from '@/stores/workflows.store';
 import { useExternalHooks } from '@/composables/useExternalHooks';
+import { useRouter } from 'vue-router';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 
 export const workflowActivate = defineComponent({
-	mixins: [workflowHelpers],
 	setup() {
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
 		return {
+			workflowHelpers,
 			...useToast(),
 		};
 	},
@@ -45,7 +48,7 @@ export const workflowActivate = defineComponent({
 
 			let currWorkflowId: string | undefined = workflowId;
 			if (!currWorkflowId || currWorkflowId === PLACEHOLDER_EMPTY_WORKFLOW_ID) {
-				const saved = await this.saveCurrentWorkflow();
+				const saved = await this.workflowHelpers.saveCurrentWorkflow();
 				if (!saved) {
 					this.updatingWorkflowActivation = false;
 					return;
@@ -92,7 +95,7 @@ export const workflowActivate = defineComponent({
 					return;
 				}
 
-				await this.updateWorkflow(
+				await this.workflowHelpers.updateWorkflow(
 					{ workflowId: currWorkflowId, active: newActiveState },
 					!this.uiStore.stateIsDirty,
 				);
diff --git a/packages/editor-ui/src/mixins/workflowHelpers.ts b/packages/editor-ui/src/mixins/workflowHelpers.ts
deleted file mode 100644
index 05c51e886d4794..00000000000000
--- a/packages/editor-ui/src/mixins/workflowHelpers.ts
+++ /dev/null
@@ -1,1211 +0,0 @@
-import {
-	EnterpriseEditionFeature,
-	HTTP_REQUEST_NODE_TYPE,
-	MODAL_CONFIRM,
-	PLACEHOLDER_EMPTY_WORKFLOW_ID,
-	PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
-	VIEWS,
-	WEBHOOK_NODE_TYPE,
-} from '@/constants';
-import { mapStores } from 'pinia';
-import { defineComponent } from 'vue';
-
-import type {
-	IConnections,
-	IDataObject,
-	IExecuteData,
-	INode,
-	INodeConnection,
-	INodeCredentials,
-	INodeExecutionData,
-	INodeIssues,
-	INodeParameters,
-	INodeProperties,
-	INodeType,
-	INodeTypes,
-	IRunExecutionData,
-	IWebhookDescription,
-	IWorkflowDataProxyAdditionalKeys,
-	IWorkflowIssues,
-	IWorkflowSettings,
-	NodeParameterValue,
-	Workflow,
-} from 'n8n-workflow';
-import { NodeConnectionType, ExpressionEvaluatorProxy, NodeHelpers } from 'n8n-workflow';
-
-import type {
-	ICredentialsResponse,
-	INodeTypesMaxCount,
-	INodeUi,
-	ITag,
-	IWorkflowData,
-	IWorkflowDataUpdate,
-	IWorkflowDb,
-	TargetItem,
-	XYPosition,
-} from '@/Interface';
-
-import { useMessage } from '@/composables/useMessage';
-import { useToast } from '@/composables/useToast';
-import { useNodeHelpers } from '@/composables/useNodeHelpers';
-
-import { get, isEqual } from 'lodash-es';
-
-import type { IPermissions } from '@/permissions';
-import { getWorkflowPermissions } from '@/permissions';
-import { useEnvironmentsStore } from '@/stores/environments.ee.store';
-import { useRootStore } from '@/stores/n8nRoot.store';
-import { useNDVStore } from '@/stores/ndv.store';
-import { useNodeTypesStore } from '@/stores/nodeTypes.store';
-import { useTemplatesStore } from '@/stores/templates.store';
-import { useUIStore } from '@/stores/ui.store';
-import { useUsersStore } from '@/stores/users.store';
-import { useWorkflowsEEStore } from '@/stores/workflows.ee.store';
-import { useWorkflowsStore } from '@/stores/workflows.store';
-import { getSourceItems } from '@/utils/pairedItemUtils';
-import { v4 as uuid } from 'uuid';
-import { useSettingsStore } from '@/stores/settings.store';
-import { getCredentialTypeName, isCredentialOnlyNodeType } from '@/utils/credentialOnlyNodes';
-import { useExternalHooks } from '@/composables/useExternalHooks';
-import { useCanvasStore } from '@/stores/canvas.store';
-import { useSourceControlStore } from '@/stores/sourceControl.store';
-import { tryToParseNumber } from '@/utils/typesUtils';
-
-export function getParentMainInputNode(workflow: Workflow, node: INode): INode {
-	const nodeType = useNodeTypesStore().getNodeType(node.type);
-	if (nodeType) {
-		const outputs = NodeHelpers.getNodeOutputs(workflow, node, nodeType);
-
-		if (!!outputs.find((output) => output !== NodeConnectionType.Main)) {
-			// Get the first node which is connected to a non-main output
-			const nonMainNodesConnected = outputs?.reduce((acc, outputName) => {
-				const parentNodes = workflow.getChildNodes(node.name, outputName);
-				if (parentNodes.length > 0) {
-					acc.push(...parentNodes);
-				}
-				return acc;
-			}, [] as string[]);
-
-			if (nonMainNodesConnected.length) {
-				const returnNode = workflow.getNode(nonMainNodesConnected[0]);
-				if (returnNode === null) {
-					// This should theoretically never happen as the node is connected
-					// but who knows and it makes TS happy
-					throw new Error(
-						`The node "${nonMainNodesConnected[0]}" which is a connection of "${node.name}" could not be found!`,
-					);
-				}
-
-				// The chain of non-main nodes is potentially not finished yet so
-				// keep on going
-				return getParentMainInputNode(workflow, returnNode);
-			}
-		}
-	}
-
-	return node;
-}
-
-export function resolveParameter(
-	parameter: NodeParameterValue | INodeParameters | NodeParameterValue[] | INodeParameters[],
-	opts: {
-		targetItem?: TargetItem;
-		inputNodeName?: string;
-		inputRunIndex?: number;
-		inputBranchIndex?: number;
-		additionalKeys?: IWorkflowDataProxyAdditionalKeys;
-	} = {},
-): IDataObject | null {
-	let itemIndex = opts?.targetItem?.itemIndex || 0;
-
-	const inputName = NodeConnectionType.Main;
-	const activeNode = useNDVStore().activeNode;
-	let contextNode = activeNode;
-
-	const workflow = getCurrentWorkflow();
-
-	if (activeNode) {
-		contextNode = getParentMainInputNode(workflow, activeNode);
-	}
-
-	const workflowRunData = useWorkflowsStore().getWorkflowRunData;
-	let parentNode = workflow.getParentNodes(contextNode!.name, inputName, 1);
-	const executionData = useWorkflowsStore().getWorkflowExecution;
-
-	let runIndexParent = opts?.inputRunIndex ?? 0;
-	const nodeConnection = workflow.getNodeConnectionIndexes(contextNode!.name, parentNode[0]);
-	if (opts.targetItem && opts?.targetItem?.nodeName === contextNode!.name && executionData) {
-		const sourceItems = getSourceItems(executionData, opts.targetItem);
-		if (!sourceItems.length) {
-			return null;
-		}
-		parentNode = [sourceItems[0].nodeName];
-		runIndexParent = sourceItems[0].runIndex;
-		itemIndex = sourceItems[0].itemIndex;
-		if (nodeConnection) {
-			nodeConnection.sourceIndex = sourceItems[0].outputIndex;
-		}
-	} else {
-		parentNode = opts.inputNodeName ? [opts.inputNodeName] : parentNode;
-		if (nodeConnection) {
-			nodeConnection.sourceIndex = opts.inputBranchIndex ?? nodeConnection.sourceIndex;
-		}
-
-		if (opts?.inputRunIndex === undefined && workflowRunData !== null && parentNode.length) {
-			const firstParentWithWorkflowRunData = parentNode.find(
-				(parentNodeName) => workflowRunData[parentNodeName],
-			);
-			if (firstParentWithWorkflowRunData) {
-				runIndexParent = workflowRunData[firstParentWithWorkflowRunData].length - 1;
-			}
-		}
-	}
-
-	let _connectionInputData = connectionInputData(
-		parentNode,
-		contextNode!.name,
-		inputName,
-		runIndexParent,
-		nodeConnection,
-	);
-
-	if (_connectionInputData === null && contextNode && activeNode?.name !== contextNode.name) {
-		// For Sub-Nodes connected to Trigger-Nodes use the data of the root-node
-		// (Gets for example used by the Memory connected to the Chat-Trigger-Node)
-		const _executeData = executeData([contextNode.name], contextNode.name, inputName, 0);
-		_connectionInputData = get(_executeData, ['data', inputName, 0], null);
-	}
-
-	let runExecutionData: IRunExecutionData;
-	if (!executionData?.data) {
-		runExecutionData = {
-			resultData: {
-				runData: {},
-			},
-		};
-	} else {
-		runExecutionData = executionData.data;
-	}
-
-	if (_connectionInputData === null) {
-		_connectionInputData = [];
-	}
-
-	const additionalKeys: IWorkflowDataProxyAdditionalKeys = {
-		$execution: {
-			id: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
-			mode: 'test',
-			resumeUrl: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
-			resumeFormUrl: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
-		},
-		$vars: useEnvironmentsStore().variablesAsObject,
-
-		// deprecated
-		$executionId: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
-		$resumeWebhookUrl: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
-
-		...opts.additionalKeys,
-	};
-
-	if (activeNode?.type === HTTP_REQUEST_NODE_TYPE) {
-		// Add $response for HTTP Request-Nodes as it is used
-		// in pagination expressions
-		additionalKeys.$response = get(
-			executionData,
-			`data.executionData.contextData['node:${activeNode.name}'].response`,
-			{},
-		);
-	}
-
-	let runIndexCurrent = opts?.targetItem?.runIndex ?? 0;
-	if (
-		opts?.targetItem === undefined &&
-		workflowRunData !== null &&
-		workflowRunData[contextNode!.name]
-	) {
-		runIndexCurrent = workflowRunData[contextNode!.name].length - 1;
-	}
-	const _executeData = executeData(parentNode, contextNode!.name, inputName, runIndexCurrent);
-
-	ExpressionEvaluatorProxy.setEvaluator(
-		useSettingsStore().settings.expressions?.evaluator ?? 'tmpl',
-	);
-
-	return workflow.expression.getParameterValue(
-		parameter,
-		runExecutionData,
-		runIndexCurrent,
-		itemIndex,
-		activeNode!.name,
-		_connectionInputData,
-		'manual',
-		additionalKeys,
-		_executeData,
-		false,
-		{},
-		contextNode!.name,
-	) as IDataObject;
-}
-
-export function resolveRequiredParameters(
-	currentParameter: INodeProperties,
-	parameters: INodeParameters,
-	opts: {
-		targetItem?: TargetItem;
-		inputNodeName?: string;
-		inputRunIndex?: number;
-		inputBranchIndex?: number;
-	} = {},
-): IDataObject | null {
-	const loadOptionsDependsOn = new Set(currentParameter?.typeOptions?.loadOptionsDependsOn ?? []);
-
-	const resolvedParameters = Object.fromEntries(
-		Object.entries(parameters).map(([name, parameter]): [string, IDataObject | null] => {
-			const required = loadOptionsDependsOn.has(name);
-
-			if (required) {
-				return [name, resolveParameter(parameter as NodeParameterValue, opts)];
-			} else {
-				try {
-					return [name, resolveParameter(parameter as NodeParameterValue, opts)];
-				} catch (error) {
-					// ignore any expressions errors for non required parameters
-					return [name, null];
-				}
-			}
-		}),
-	);
-
-	return resolvedParameters;
-}
-
-function getCurrentWorkflow(copyData?: boolean): Workflow {
-	return useWorkflowsStore().getCurrentWorkflow(copyData);
-}
-
-function getConnectedNodes(
-	direction: 'upstream' | 'downstream',
-	workflow: Workflow,
-	nodeName: string,
-): string[] {
-	let checkNodes: string[];
-	if (direction === 'downstream') {
-		checkNodes = workflow.getChildNodes(nodeName);
-	} else if (direction === 'upstream') {
-		checkNodes = workflow.getParentNodes(nodeName);
-	} else {
-		throw new Error(`The direction "${direction}" is not supported!`);
-	}
-
-	// Find also all nodes which are connected to the child nodes via a non-main input
-	let connectedNodes: string[] = [];
-	checkNodes.forEach((checkNode) => {
-		connectedNodes = [
-			...connectedNodes,
-			checkNode,
-			...workflow.getParentNodes(checkNode, 'ALL_NON_MAIN'),
-		];
-	});
-
-	// Remove duplicates
-	return [...new Set(connectedNodes)];
-}
-
-function getNodes(): INodeUi[] {
-	return useWorkflowsStore().getNodes();
-}
-
-// Returns a workflow instance.
-function getWorkflow(nodes: INodeUi[], connections: IConnections, copyData?: boolean): Workflow {
-	return useWorkflowsStore().getWorkflow(nodes, connections, copyData);
-}
-
-function getNodeTypes(): INodeTypes {
-	return useWorkflowsStore().getNodeTypes();
-}
-
-// Returns connectionInputData to be able to execute an expression.
-function connectionInputData(
-	parentNode: string[],
-	currentNode: string,
-	inputName: string,
-	runIndex: number,
-	nodeConnection: INodeConnection = { sourceIndex: 0, destinationIndex: 0 },
-): INodeExecutionData[] | null {
-	let connectionInputData: INodeExecutionData[] | null = null;
-	const _executeData = executeData(parentNode, currentNode, inputName, runIndex);
-	if (parentNode.length) {
-		if (
-			!Object.keys(_executeData.data).length ||
-			_executeData.data[inputName].length <= nodeConnection.sourceIndex
-		) {
-			connectionInputData = [];
-		} else {
-			connectionInputData = _executeData.data[inputName][nodeConnection.sourceIndex];
-
-			if (connectionInputData !== null) {
-				// Update the pairedItem information on items
-				connectionInputData = connectionInputData.map((item, itemIndex) => {
-					return {
-						...item,
-						pairedItem: {
-							item: itemIndex,
-							input: nodeConnection.destinationIndex,
-						},
-					};
-				});
-			}
-		}
-	}
-
-	const workflowsStore = useWorkflowsStore();
-
-	if (workflowsStore.shouldReplaceInputDataWithPinData) {
-		const parentPinData = parentNode.reduce<INodeExecutionData[]>((acc, parentNodeName, index) => {
-			const pinData = workflowsStore.pinDataByNodeName(parentNodeName);
-
-			if (pinData) {
-				acc.push({
-					json: pinData[0],
-					pairedItem: {
-						item: index,
-						input: 1,
-					},
-				});
-			}
-
-			return acc;
-		}, []);
-
-		if (parentPinData.length > 0) {
-			if (connectionInputData && connectionInputData.length > 0) {
-				parentPinData.forEach((parentPinDataEntry) => {
-					connectionInputData![0].json = {
-						...connectionInputData![0].json,
-						...parentPinDataEntry.json,
-					};
-				});
-			} else {
-				connectionInputData = parentPinData;
-			}
-		}
-	}
-
-	return connectionInputData;
-}
-
-export function executeData(
-	parentNodes: string[],
-	currentNode: string,
-	inputName: string,
-	runIndex: number,
-): IExecuteData {
-	const executeData = {
-		node: {},
-		data: {},
-		source: null,
-	} as IExecuteData;
-
-	const workflowsStore = useWorkflowsStore();
-
-	// Find the parent node which has data
-	for (const parentNodeName of parentNodes) {
-		if (workflowsStore.shouldReplaceInputDataWithPinData) {
-			const parentPinData = workflowsStore.pinnedWorkflowData![parentNodeName];
-
-			// populate `executeData` from `pinData`
-
-			if (parentPinData) {
-				executeData.data = { main: [parentPinData] };
-				executeData.source = { main: [{ previousNode: parentNodeName }] };
-
-				return executeData;
-			}
-		}
-
-		// populate `executeData` from `runData`
-		const workflowRunData = workflowsStore.getWorkflowRunData;
-		if (workflowRunData === null) {
-			return executeData;
-		}
-
-		if (
-			!workflowRunData[parentNodeName] ||
-			workflowRunData[parentNodeName].length <= runIndex ||
-			!workflowRunData[parentNodeName][runIndex] ||
-			!workflowRunData[parentNodeName][runIndex].hasOwnProperty('data') ||
-			workflowRunData[parentNodeName][runIndex].data === undefined ||
-			!workflowRunData[parentNodeName][runIndex].data!.hasOwnProperty(inputName)
-		) {
-			executeData.data = {};
-		} else {
-			executeData.data = workflowRunData[parentNodeName][runIndex].data!;
-			if (workflowRunData[currentNode] && workflowRunData[currentNode][runIndex]) {
-				executeData.source = {
-					[inputName]: workflowRunData[currentNode][runIndex].source,
-				};
-			} else {
-				const workflow = getCurrentWorkflow();
-
-				let previousNodeOutput: number | undefined;
-				// As the node can be connected through either of the outputs find the correct one
-				// and set it to make pairedItem work on not executed nodes
-				if (workflow.connectionsByDestinationNode[currentNode]?.main) {
-					mainConnections: for (const mainConnections of workflow.connectionsByDestinationNode[
-						currentNode
-					].main) {
-						for (const connection of mainConnections) {
-							if (
-								connection.type === NodeConnectionType.Main &&
-								connection.node === parentNodeName
-							) {
-								previousNodeOutput = connection.index;
-								break mainConnections;
-							}
-						}
-					}
-				}
-
-				// The current node did not get executed in UI yet so build data manually
-				executeData.source = {
-					[inputName]: [
-						{
-							previousNode: parentNodeName,
-							previousNodeOutput,
-						},
-					],
-				};
-			}
-			return executeData;
-		}
-	}
-
-	return executeData;
-}
-
-export const workflowHelpers = defineComponent({
-	setup() {
-		const nodeHelpers = useNodeHelpers();
-
-		return {
-			...useToast(),
-			...useMessage(),
-			nodeHelpers,
-		};
-	},
-	computed: {
-		...mapStores(
-			useNodeTypesStore,
-			useNDVStore,
-			useRootStore,
-			useTemplatesStore,
-			useWorkflowsStore,
-			useWorkflowsEEStore,
-			useUsersStore,
-			useUIStore,
-		),
-		workflowPermissions(): IPermissions {
-			return getWorkflowPermissions(this.usersStore.currentUser, this.workflowsStore.workflow);
-		},
-	},
-	methods: {
-		resolveParameter,
-		resolveRequiredParameters,
-		getCurrentWorkflow,
-		getConnectedNodes,
-		getNodes,
-		getParentMainInputNode,
-		getWorkflow,
-		getNodeTypes,
-		connectionInputData,
-		executeData,
-
-		// Returns data about nodeTypes which have a "maxNodes" limit set.
-		// For each such type does it return how high the limit is, how many
-		// already exist and the name of this nodes.
-		getNodeTypesMaxCount(): INodeTypesMaxCount {
-			const nodes = this.workflowsStore.allNodes;
-
-			const returnData: INodeTypesMaxCount = {};
-
-			const nodeTypes = this.nodeTypesStore.allNodeTypes;
-			for (const nodeType of nodeTypes) {
-				if (nodeType.maxNodes !== undefined) {
-					returnData[nodeType.name] = {
-						exist: 0,
-						max: nodeType.maxNodes,
-						nodeNames: [],
-					};
-				}
-			}
-
-			for (const node of nodes) {
-				if (returnData[node.type] !== undefined) {
-					returnData[node.type].exist += 1;
-					returnData[node.type].nodeNames.push(node.name);
-				}
-			}
-
-			return returnData;
-		},
-
-		// Returns how many nodes of the given type currently exist
-		getNodeTypeCount(nodeType: string): number {
-			const nodes = this.workflowsStore.allNodes;
-
-			let count = 0;
-
-			for (const node of nodes) {
-				if (node.type === nodeType) {
-					count++;
-				}
-			}
-
-			return count;
-		},
-
-		// Checks if everything in the workflow is complete and ready to be executed
-		checkReadyForExecution(workflow: Workflow, lastNodeName?: string) {
-			let node: INode;
-			let nodeType: INodeType | undefined;
-			let nodeIssues: INodeIssues | null = null;
-			const workflowIssues: IWorkflowIssues = {};
-
-			let checkNodes = Object.keys(workflow.nodes);
-			if (lastNodeName) {
-				checkNodes = workflow.getParentNodes(lastNodeName);
-				checkNodes.push(lastNodeName);
-			} else {
-				// As webhook nodes always take precedence check first
-				// if there are any
-				let checkWebhook: string[] = [];
-				for (const nodeName of Object.keys(workflow.nodes)) {
-					if (
-						workflow.nodes[nodeName].disabled !== true &&
-						workflow.nodes[nodeName].type === WEBHOOK_NODE_TYPE
-					) {
-						const childNodes = workflow.getChildNodes(nodeName);
-						checkWebhook = [nodeName, ...checkWebhook, ...childNodes];
-					}
-				}
-
-				if (checkWebhook.length) {
-					checkNodes = checkWebhook;
-				} else {
-					// If no webhook nodes got found try to find another trigger node
-					const startNode = workflow.getStartNode();
-					if (startNode !== undefined) {
-						checkNodes = [...workflow.getChildNodes(startNode.name), startNode.name];
-
-						// For the short-listed checkNodes, we also need to check them for any
-						// connected sub-nodes
-						for (const nodeName of checkNodes) {
-							const childNodes = workflow.getParentNodes(nodeName, 'ALL_NON_MAIN');
-							checkNodes.push(...childNodes);
-						}
-					}
-				}
-			}
-
-			for (const nodeName of checkNodes) {
-				nodeIssues = null;
-				node = workflow.nodes[nodeName];
-
-				if (node.disabled === true) {
-					// Ignore issues on disabled nodes
-					continue;
-				}
-
-				nodeType = workflow.nodeTypes.getByNameAndVersion(node.type, node.typeVersion);
-
-				if (nodeType === undefined) {
-					// Node type is not known
-					nodeIssues = {
-						typeUnknown: true,
-					};
-				} else {
-					nodeIssues = useNodeHelpers().getNodeIssues(nodeType.description, node, workflow, [
-						'execution',
-					]);
-				}
-
-				if (nodeIssues !== null) {
-					workflowIssues[node.name] = nodeIssues;
-				}
-			}
-
-			if (Object.keys(workflowIssues).length === 0) {
-				return null;
-			}
-
-			return workflowIssues;
-		},
-
-		// Returns the currently loaded workflow as JSON.
-		async getWorkflowDataToSave(): Promise<IWorkflowData> {
-			const workflowNodes = this.workflowsStore.allNodes;
-			const workflowConnections = this.workflowsStore.allConnections;
-
-			let nodeData;
-
-			const nodes = [];
-			for (let nodeIndex = 0; nodeIndex < workflowNodes.length; nodeIndex++) {
-				// @ts-ignore
-				nodeData = this.getNodeDataToSave(workflowNodes[nodeIndex]);
-
-				nodes.push(nodeData);
-			}
-
-			const data: IWorkflowData = {
-				name: this.workflowsStore.workflowName,
-				nodes,
-				pinData: this.workflowsStore.pinnedWorkflowData,
-				connections: workflowConnections,
-				active: this.workflowsStore.isWorkflowActive,
-				settings: this.workflowsStore.workflow.settings,
-				tags: this.workflowsStore.workflowTags,
-				versionId: this.workflowsStore.workflow.versionId,
-				meta: this.workflowsStore.workflow.meta,
-			};
-
-			const workflowId = this.workflowsStore.workflowId;
-			if (workflowId !== PLACEHOLDER_EMPTY_WORKFLOW_ID) {
-				data.id = workflowId;
-			}
-
-			return data;
-		},
-
-		// Returns all node-types
-		getNodeDataToSave(node: INodeUi): INodeUi {
-			const skipKeys = [
-				'color',
-				'continueOnFail',
-				'credentials',
-				'disabled',
-				'issues',
-				'onError',
-				'notes',
-				'parameters',
-				'status',
-			];
-
-			// @ts-ignore
-			const nodeData: INodeUi = {
-				parameters: {},
-			};
-
-			for (const key in node) {
-				if (key.charAt(0) !== '_' && skipKeys.indexOf(key) === -1) {
-					// @ts-ignore
-					nodeData[key] = node[key];
-				}
-			}
-
-			// Get the data of the node type that we can get the default values
-			// TODO: Later also has to care about the node-type-version as defaults could be different
-			const nodeType = this.nodeTypesStore.getNodeType(node.type, node.typeVersion);
-
-			if (nodeType !== null) {
-				const isCredentialOnly = isCredentialOnlyNodeType(nodeType.name);
-
-				if (isCredentialOnly) {
-					nodeData.type = HTTP_REQUEST_NODE_TYPE;
-					nodeData.extendsCredential = getCredentialTypeName(nodeType.name);
-				}
-
-				// Node-Type is known so we can save the parameters correctly
-				const nodeParameters = NodeHelpers.getNodeParameters(
-					nodeType.properties,
-					node.parameters,
-					isCredentialOnly,
-					false,
-					node,
-				);
-				nodeData.parameters = nodeParameters !== null ? nodeParameters : {};
-
-				// Add the node credentials if there are some set and if they should be displayed
-				if (node.credentials !== undefined && nodeType.credentials !== undefined) {
-					const saveCredentials: INodeCredentials = {};
-					for (const nodeCredentialTypeName of Object.keys(node.credentials)) {
-						if (
-							useNodeHelpers().hasProxyAuth(node) ||
-							Object.keys(node.parameters).includes('genericAuthType')
-						) {
-							saveCredentials[nodeCredentialTypeName] = node.credentials[nodeCredentialTypeName];
-							continue;
-						}
-
-						const credentialTypeDescription = nodeType.credentials
-							// filter out credentials with same name in different node versions
-							.filter((c) => useNodeHelpers().displayParameter(node.parameters, c, '', node))
-							.find((c) => c.name === nodeCredentialTypeName);
-
-						if (credentialTypeDescription === undefined) {
-							// Credential type is not know so do not save
-							continue;
-						}
-
-						if (
-							!useNodeHelpers().displayParameter(
-								node.parameters,
-								credentialTypeDescription,
-								'',
-								node,
-							)
-						) {
-							// Credential should not be displayed so do also not save
-							continue;
-						}
-
-						saveCredentials[nodeCredentialTypeName] = node.credentials[nodeCredentialTypeName];
-					}
-
-					// Set credential property only if it has content
-					if (Object.keys(saveCredentials).length !== 0) {
-						nodeData.credentials = saveCredentials;
-					}
-				}
-			} else {
-				// Node-Type is not known so save the data as it is
-				nodeData.credentials = node.credentials;
-				nodeData.parameters = node.parameters;
-				if (nodeData.color !== undefined) {
-					nodeData.color = node.color;
-				}
-			}
-
-			// Save the disabled property, continueOnFail and onError only when is set
-			if (node.disabled === true) {
-				nodeData.disabled = true;
-			}
-			if (node.continueOnFail === true) {
-				nodeData.continueOnFail = true;
-			}
-			if (node.onError !== 'stopWorkflow') {
-				nodeData.onError = node.onError;
-			}
-			// Save the notes only if when they contain data
-			if (![undefined, ''].includes(node.notes)) {
-				nodeData.notes = node.notes;
-			}
-
-			return nodeData;
-		},
-
-		getWebhookExpressionValue(webhookData: IWebhookDescription, key: string): string {
-			if (webhookData[key] === undefined) {
-				return 'empty';
-			}
-			try {
-				return this.resolveExpression(webhookData[key] as string) as string;
-			} catch (e) {
-				return this.$locale.baseText('nodeWebhooks.invalidExpression');
-			}
-		},
-
-		getWebhookUrl(webhookData: IWebhookDescription, node: INode, showUrlFor?: string): string {
-			const { isForm, restartWebhook } = webhookData;
-			if (restartWebhook === true) {
-				return isForm ? '$execution.resumeFormUrl' : '$execution.resumeUrl';
-			}
-
-			let baseUrl;
-			if (showUrlFor === 'test') {
-				baseUrl = isForm ? this.rootStore.getFormTestUrl : this.rootStore.getWebhookTestUrl;
-			} else {
-				baseUrl = isForm ? this.rootStore.getFormUrl : this.rootStore.getWebhookUrl;
-			}
-
-			const workflowId = this.workflowsStore.workflowId;
-			const path = this.getWebhookExpressionValue(webhookData, 'path');
-			const isFullPath =
-				(this.getWebhookExpressionValue(webhookData, 'isFullPath') as unknown as boolean) || false;
-
-			return NodeHelpers.getNodeWebhookUrl(baseUrl, workflowId, node, path, isFullPath);
-		},
-
-		resolveExpression(
-			expression: string,
-			siblingParameters: INodeParameters = {},
-			opts: {
-				targetItem?: TargetItem;
-				inputNodeName?: string;
-				inputRunIndex?: number;
-				inputBranchIndex?: number;
-				c?: number;
-				additionalKeys?: IWorkflowDataProxyAdditionalKeys;
-			} = {},
-		) {
-			const parameters = {
-				__xxxxxxx__: expression,
-				...siblingParameters,
-			};
-			const returnData: IDataObject | null = resolveParameter(parameters, opts);
-			if (!returnData) {
-				return null;
-			}
-
-			const obj = returnData.__xxxxxxx__;
-			if (typeof obj === 'object') {
-				const proxy = obj as { isProxy: boolean; toJSON?: () => unknown } | null;
-				if (proxy?.isProxy && proxy.toJSON) return JSON.stringify(proxy.toJSON());
-				const workflow = getCurrentWorkflow();
-				return workflow.expression.convertObjectValueToString(obj as object);
-			}
-			return obj;
-		},
-
-		async updateWorkflow(
-			{ workflowId, active }: { workflowId: string; active?: boolean },
-			partialData = false,
-		) {
-			let data: IWorkflowDataUpdate = {};
-
-			const isCurrentWorkflow = workflowId === this.workflowsStore.workflowId;
-			if (isCurrentWorkflow) {
-				data = partialData
-					? { versionId: this.workflowsStore.workflowVersionId }
-					: await this.getWorkflowDataToSave();
-			} else {
-				const { versionId } = await this.workflowsStore.fetchWorkflow(workflowId);
-				data.versionId = versionId;
-			}
-
-			if (active !== undefined) {
-				data.active = active;
-			}
-
-			const workflow = await this.workflowsStore.updateWorkflow(workflowId, data);
-			this.workflowsStore.setWorkflowVersionId(workflow.versionId);
-
-			if (isCurrentWorkflow) {
-				this.workflowsStore.setActive(!!workflow.active);
-				this.uiStore.stateIsDirty = false;
-			}
-
-			if (workflow.active) {
-				this.workflowsStore.setWorkflowActive(workflowId);
-			} else {
-				this.workflowsStore.setWorkflowInactive(workflowId);
-			}
-		},
-
-		async saveCurrentWorkflow(
-			{ id, name, tags }: { id?: string; name?: string; tags?: string[] } = {},
-			redirect = true,
-			forceSave = false,
-		): Promise<boolean> {
-			const readOnlyEnv = useSourceControlStore().preferences.branchReadOnly;
-			if (readOnlyEnv) {
-				return false;
-			}
-
-			const isLoading = useCanvasStore().isLoading;
-			const currentWorkflow = id || this.$route.params.name;
-
-			if (!currentWorkflow || ['new', PLACEHOLDER_EMPTY_WORKFLOW_ID].includes(currentWorkflow)) {
-				return await this.saveAsNewWorkflow({ name, tags }, redirect);
-			}
-
-			// Workflow exists already so update it
-			try {
-				if (!forceSave && isLoading) {
-					return true;
-				}
-				this.uiStore.addActiveAction('workflowSaving');
-
-				const workflowDataRequest: IWorkflowDataUpdate = await this.getWorkflowDataToSave();
-
-				if (name) {
-					workflowDataRequest.name = name.trim();
-				}
-
-				if (tags) {
-					workflowDataRequest.tags = tags;
-				}
-
-				workflowDataRequest.versionId = this.workflowsStore.workflowVersionId;
-
-				const workflowData = await this.workflowsStore.updateWorkflow(
-					currentWorkflow,
-					workflowDataRequest,
-					forceSave,
-				);
-				this.workflowsStore.setWorkflowVersionId(workflowData.versionId);
-
-				if (name) {
-					this.workflowsStore.setWorkflowName({ newName: workflowData.name, setStateDirty: false });
-				}
-
-				if (tags) {
-					const createdTags = (workflowData.tags || []) as ITag[];
-					const tagIds = createdTags.map((tag: ITag): string => tag.id);
-					this.workflowsStore.setWorkflowTagIds(tagIds);
-				}
-
-				this.uiStore.stateIsDirty = false;
-				this.uiStore.removeActiveAction('workflowSaving');
-				void useExternalHooks().run('workflow.afterUpdate', { workflowData });
-
-				return true;
-			} catch (error) {
-				console.error(error);
-
-				this.uiStore.removeActiveAction('workflowSaving');
-
-				if (error.errorCode === 100) {
-					this.$telemetry.track('User attempted to save locked workflow', {
-						workflowId: currentWorkflow,
-						sharing_role: this.workflowPermissions.isOwner ? 'owner' : 'sharee',
-					});
-
-					const url = this.$router.resolve({
-						name: VIEWS.WORKFLOW,
-						params: { name: currentWorkflow },
-					}).href;
-
-					const overwrite = await this.confirm(
-						this.$locale.baseText('workflows.concurrentChanges.confirmMessage.message', {
-							interpolate: {
-								url,
-							},
-						}),
-						this.$locale.baseText('workflows.concurrentChanges.confirmMessage.title'),
-						{
-							dangerouslyUseHTMLString: true,
-							confirmButtonText: this.$locale.baseText(
-								'workflows.concurrentChanges.confirmMessage.confirmButtonText',
-							),
-							cancelButtonText: this.$locale.baseText(
-								'workflows.concurrentChanges.confirmMessage.cancelButtonText',
-							),
-						},
-					);
-
-					if (overwrite === MODAL_CONFIRM) {
-						return await this.saveCurrentWorkflow({ id, name, tags }, redirect, true);
-					}
-
-					return false;
-				}
-
-				this.showMessage({
-					title: this.$locale.baseText('workflowHelpers.showMessage.title'),
-					message: error.message,
-					type: 'error',
-				});
-
-				return false;
-			}
-		},
-
-		async saveAsNewWorkflow(
-			{
-				name,
-				tags,
-				resetWebhookUrls,
-				resetNodeIds,
-				openInNewWindow,
-				data,
-			}: {
-				name?: string;
-				tags?: string[];
-				resetWebhookUrls?: boolean;
-				openInNewWindow?: boolean;
-				resetNodeIds?: boolean;
-				data?: IWorkflowDataUpdate;
-			} = {},
-			redirect = true,
-		): Promise<boolean> {
-			try {
-				this.uiStore.addActiveAction('workflowSaving');
-
-				const workflowDataRequest: IWorkflowDataUpdate =
-					data || (await this.getWorkflowDataToSave());
-				const changedNodes = {} as IDataObject;
-
-				if (resetNodeIds) {
-					workflowDataRequest.nodes = workflowDataRequest.nodes!.map((node) => {
-						node.id = uuid();
-
-						return node;
-					});
-				}
-
-				if (resetWebhookUrls) {
-					workflowDataRequest.nodes = workflowDataRequest.nodes!.map((node) => {
-						if (node.webhookId) {
-							node.webhookId = uuid();
-							changedNodes[node.name] = node.webhookId;
-						}
-						return node;
-					});
-				}
-
-				if (name) {
-					workflowDataRequest.name = name.trim();
-				}
-
-				if (tags) {
-					workflowDataRequest.tags = tags;
-				}
-				const workflowData = await this.workflowsStore.createNewWorkflow(workflowDataRequest);
-
-				this.workflowsStore.addWorkflow(workflowData);
-				if (
-					useSettingsStore().isEnterpriseFeatureEnabled(EnterpriseEditionFeature.Sharing) &&
-					this.usersStore.currentUser
-				) {
-					this.workflowsEEStore.setWorkflowOwnedBy({
-						workflowId: workflowData.id,
-						ownedBy: this.usersStore.currentUser,
-					});
-				}
-
-				if (openInNewWindow) {
-					const routeData = this.$router.resolve({
-						name: VIEWS.WORKFLOW,
-						params: { name: workflowData.id },
-					});
-					window.open(routeData.href, '_blank');
-					this.uiStore.removeActiveAction('workflowSaving');
-					return true;
-				}
-
-				this.workflowsStore.setActive(workflowData.active || false);
-				this.workflowsStore.setWorkflowId(workflowData.id);
-				this.workflowsStore.setWorkflowVersionId(workflowData.versionId);
-				this.workflowsStore.setWorkflowName({ newName: workflowData.name, setStateDirty: false });
-				this.workflowsStore.setWorkflowSettings((workflowData.settings as IWorkflowSettings) || {});
-				this.uiStore.stateIsDirty = false;
-				Object.keys(changedNodes).forEach((nodeName) => {
-					const changes = {
-						key: 'webhookId',
-						value: changedNodes[nodeName],
-						name: nodeName,
-					};
-					this.workflowsStore.setNodeValue(changes);
-				});
-
-				const createdTags = (workflowData.tags || []) as ITag[];
-				const tagIds = createdTags.map((tag: ITag): string => tag.id);
-				this.workflowsStore.setWorkflowTagIds(tagIds);
-
-				const templateId = this.$route.query.templateId;
-				if (templateId) {
-					this.$telemetry.track('User saved new workflow from template', {
-						template_id: tryToParseNumber(String(templateId)),
-						workflow_id: workflowData.id,
-						wf_template_repo_session_id: this.templatesStore.previousSessionId,
-					});
-				}
-
-				if (redirect) {
-					void this.$router.replace({
-						name: VIEWS.WORKFLOW,
-						params: { name: workflowData.id, action: 'workflowSave' },
-					});
-				}
-
-				this.uiStore.removeActiveAction('workflowSaving');
-				this.uiStore.stateIsDirty = false;
-				void useExternalHooks().run('workflow.afterUpdate', { workflowData });
-
-				getCurrentWorkflow(true); // refresh cache
-				return true;
-			} catch (e) {
-				this.uiStore.removeActiveAction('workflowSaving');
-
-				this.showMessage({
-					title: this.$locale.baseText('workflowHelpers.showMessage.title'),
-					message: (e as Error).message,
-					type: 'error',
-				});
-
-				return false;
-			}
-		},
-
-		// Updates the position of all the nodes that the top-left node
-		// is at the given position
-		updateNodePositions(
-			workflowData: IWorkflowData | IWorkflowDataUpdate,
-			position: XYPosition,
-		): void {
-			if (workflowData.nodes === undefined) {
-				return;
-			}
-
-			// Find most top-left node
-			const minPosition = [99999999, 99999999];
-			for (const node of workflowData.nodes) {
-				if (node.position[1] < minPosition[1]) {
-					minPosition[0] = node.position[0];
-					minPosition[1] = node.position[1];
-				} else if (node.position[1] === minPosition[1]) {
-					if (node.position[0] < minPosition[0]) {
-						minPosition[0] = node.position[0];
-						minPosition[1] = node.position[1];
-					}
-				}
-			}
-
-			// Update the position on all nodes so that the
-			// most top-left one is at given position
-			const offsetPosition = [position[0] - minPosition[0], position[1] - minPosition[1]];
-			for (const node of workflowData.nodes) {
-				node.position[0] += offsetPosition[0];
-				node.position[1] += offsetPosition[1];
-			}
-		},
-		async dataHasChanged(id: string) {
-			const currentData = await this.getWorkflowDataToSave();
-
-			const data: IWorkflowDb = await this.workflowsStore.fetchWorkflow(id);
-
-			if (data !== undefined) {
-				const x = {
-					nodes: data.nodes,
-					connections: data.connections,
-					settings: data.settings,
-					name: data.name,
-				};
-				const y = {
-					nodes: currentData.nodes,
-					connections: currentData.connections,
-					settings: currentData.settings,
-					name: currentData.name,
-				};
-				return !isEqual(x, y);
-			}
-
-			return true;
-		},
-
-		removeForeignCredentialsFromWorkflow(
-			workflow: IWorkflowData | IWorkflowDataUpdate,
-			usableCredentials: ICredentialsResponse[],
-		): void {
-			workflow.nodes.forEach((node: INode) => {
-				if (!node.credentials) {
-					return;
-				}
-
-				node.credentials = Object.entries(node.credentials).reduce<INodeCredentials>(
-					(acc, [credentialType, credential]) => {
-						const isUsableCredential = usableCredentials.some(
-							(ownCredential) => `${ownCredential.id}` === `${credential.id}`,
-						);
-						if (credential.id && isUsableCredential) {
-							acc[credentialType] = node.credentials![credentialType];
-						}
-
-						return acc;
-					},
-					{},
-				);
-			});
-		},
-	},
-});
diff --git a/packages/editor-ui/src/mixins/workflowRun.ts b/packages/editor-ui/src/mixins/workflowRun.ts
index 58842f6a137d20..fbc725f16beec2 100644
--- a/packages/editor-ui/src/mixins/workflowRun.ts
+++ b/packages/editor-ui/src/mixins/workflowRun.ts
@@ -18,7 +18,6 @@ import {
 
 import { useToast } from '@/composables/useToast';
 import { useNodeHelpers } from '@/composables/useNodeHelpers';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 
 import { FORM_TRIGGER_NODE_TYPE, WAIT_NODE_TYPE } from '@/constants';
 import { useTitleChange } from '@/composables/useTitleChange';
@@ -27,16 +26,20 @@ import { useUIStore } from '@/stores/ui.store';
 import { useWorkflowsStore } from '@/stores/workflows.store';
 import { openPopUpWindow } from '@/utils/executionUtils';
 import { useExternalHooks } from '@/composables/useExternalHooks';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
+import { useRouter } from 'vue-router';
 
 export const workflowRun = defineComponent({
-	mixins: [workflowHelpers],
 	setup() {
 		const nodeHelpers = useNodeHelpers();
+		const router = useRouter();
+		const workflowHelpers = useWorkflowHelpers(router);
 
 		return {
 			...useTitleChange(),
 			...useToast(),
 			nodeHelpers,
+			workflowHelpers,
 		};
 	},
 	computed: {
@@ -81,7 +84,7 @@ export const workflowRun = defineComponent({
 				| { triggerNode: string; nodeData: ITaskData; source?: string }
 				| { source?: string },
 		): Promise<IExecutionPushResponse | undefined> {
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 
 			if (this.uiStore.isActionActive('workflowRunning')) {
 				return;
@@ -97,7 +100,10 @@ export const workflowRun = defineComponent({
 				const issuesExist = this.workflowsStore.nodesIssuesExist;
 				if (issuesExist) {
 					// If issues exist get all of the issues of all nodes
-					const workflowIssues = this.checkReadyForExecution(workflow, options.destinationNode);
+					const workflowIssues = this.workflowHelpers.checkReadyForExecution(
+						workflow,
+						options.destinationNode,
+					);
 					if (workflowIssues !== null) {
 						const errorMessages = [];
 						let nodeIssues: string[];
@@ -143,7 +149,7 @@ export const workflowRun = defineComponent({
 							nodeName: options.destinationNode,
 						});
 
-						await this.getWorkflowDataToSave().then((workflowData) => {
+						await this.workflowHelpers.getWorkflowDataToSave().then((workflowData) => {
 							this.$telemetry.track('Workflow execution preflight failed', {
 								workflow_id: workflow.id,
 								workflow_name: workflow.name,
@@ -152,7 +158,7 @@ export const workflowRun = defineComponent({
 								node_graph_string: JSON.stringify(
 									TelemetryHelpers.generateNodesGraph(
 										workflowData as IWorkflowBase,
-										this.getNodeTypes(),
+										this.workflowHelpers.getNodeTypes(),
 									).nodeGraph,
 								),
 								error_node_types: JSON.stringify(trackErrorNodeTypes),
@@ -231,10 +237,10 @@ export const workflowRun = defineComponent({
 				}
 
 				if (this.workflowsStore.isNewWorkflow) {
-					await this.saveCurrentWorkflow();
+					await this.workflowHelpers.saveCurrentWorkflow();
 				}
 
-				const workflowData = await this.getWorkflowDataToSave();
+				const workflowData = await this.workflowHelpers.getWorkflowDataToSave();
 
 				const startRunData: IStartRunData = {
 					workflowData,
diff --git a/packages/editor-ui/src/plugins/codemirror/completions/__tests__/completions.test.ts b/packages/editor-ui/src/plugins/codemirror/completions/__tests__/completions.test.ts
index 2ca9c0bf9c8e92..c7e5f3af362444 100644
--- a/packages/editor-ui/src/plugins/codemirror/completions/__tests__/completions.test.ts
+++ b/packages/editor-ui/src/plugins/codemirror/completions/__tests__/completions.test.ts
@@ -2,7 +2,7 @@ import { createTestingPinia } from '@pinia/testing';
 import { createPinia, setActivePinia } from 'pinia';
 import { DateTime } from 'luxon';
 
-import * as workflowHelpers from '@/mixins/workflowHelpers';
+import * as workflowHelpers from '@/composables/useWorkflowHelpers';
 import { dollarOptions } from '@/plugins/codemirror/completions/dollar.completions';
 import * as utils from '@/plugins/codemirror/completions/utils';
 import {
diff --git a/packages/editor-ui/src/plugins/codemirror/completions/bracketAccess.completions.ts b/packages/editor-ui/src/plugins/codemirror/completions/bracketAccess.completions.ts
index 26f579c760ea39..7557280732b269 100644
--- a/packages/editor-ui/src/plugins/codemirror/completions/bracketAccess.completions.ts
+++ b/packages/editor-ui/src/plugins/codemirror/completions/bracketAccess.completions.ts
@@ -1,4 +1,4 @@
-import { resolveParameter } from '@/mixins/workflowHelpers';
+import { resolveParameter } from '@/composables/useWorkflowHelpers';
 import { prefixMatch, longestCommonPrefix } from './utils';
 import type { IDataObject } from 'n8n-workflow';
 import type { Completion, CompletionContext, CompletionResult } from '@codemirror/autocomplete';
diff --git a/packages/editor-ui/src/plugins/codemirror/completions/datatype.completions.ts b/packages/editor-ui/src/plugins/codemirror/completions/datatype.completions.ts
index fc19938242026e..d7e22f56cfde81 100644
--- a/packages/editor-ui/src/plugins/codemirror/completions/datatype.completions.ts
+++ b/packages/editor-ui/src/plugins/codemirror/completions/datatype.completions.ts
@@ -2,7 +2,7 @@ import type { IDataObject, DocMetadata, NativeDoc } from 'n8n-workflow';
 import { Expression, ExpressionExtensions, NativeMethods } from 'n8n-workflow';
 import { DateTime } from 'luxon';
 import { i18n } from '@/plugins/i18n';
-import { resolveParameter } from '@/mixins/workflowHelpers';
+import { resolveParameter } from '@/composables/useWorkflowHelpers';
 import {
 	setRank,
 	hasNoParams,
diff --git a/packages/editor-ui/src/plugins/codemirror/completions/types.ts b/packages/editor-ui/src/plugins/codemirror/completions/types.ts
index e85f05196e9bca..2a3749a1b17ff6 100644
--- a/packages/editor-ui/src/plugins/codemirror/completions/types.ts
+++ b/packages/editor-ui/src/plugins/codemirror/completions/types.ts
@@ -1,4 +1,4 @@
-import type { resolveParameter } from '@/mixins/workflowHelpers';
+import type { resolveParameter } from '@/composables/useWorkflowHelpers';
 import type { DocMetadata } from 'n8n-workflow';
 
 export type Resolved = ReturnType<typeof resolveParameter>;
diff --git a/packages/editor-ui/src/plugins/codemirror/completions/utils.ts b/packages/editor-ui/src/plugins/codemirror/completions/utils.ts
index abec2b58bebbb0..ec68d1ff35132e 100644
--- a/packages/editor-ui/src/plugins/codemirror/completions/utils.ts
+++ b/packages/editor-ui/src/plugins/codemirror/completions/utils.ts
@@ -1,7 +1,7 @@
 import { NODE_TYPES_EXCLUDED_FROM_AUTOCOMPLETION } from '@/components/CodeNodeEditor/constants';
 import { CREDENTIAL_EDIT_MODAL_KEY, SPLIT_IN_BATCHES_NODE_TYPE } from '@/constants';
 import { useWorkflowsStore } from '@/stores/workflows.store';
-import { resolveParameter } from '@/mixins/workflowHelpers';
+import { resolveParameter } from '@/composables/useWorkflowHelpers';
 import { useNDVStore } from '@/stores/ndv.store';
 import { useUIStore } from '@/stores/ui.store';
 import type { Completion, CompletionContext } from '@codemirror/autocomplete';
diff --git a/packages/editor-ui/src/views/NodeView.vue b/packages/editor-ui/src/views/NodeView.vue
index 689cd1146d4810..a1fa81c85b935b 100644
--- a/packages/editor-ui/src/views/NodeView.vue
+++ b/packages/editor-ui/src/views/NodeView.vue
@@ -1,5 +1,5 @@
 <template>
-	<div :class="$style['content']" ref="nodeViewRootRef">
+	<div ref="nodeViewRootRef" :class="$style['content']">
 		<div
 			id="node-view-root"
 			class="node-view-root do-not-select"
@@ -258,7 +258,6 @@ import { useUniqueNodeName } from '@/composables/useUniqueNodeName';
 import { useI18n } from '@/composables/useI18n';
 import { useMessage } from '@/composables/useMessage';
 import { useToast } from '@/composables/useToast';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { workflowRun } from '@/mixins/workflowRun';
 
 import NodeDetailsView from '@/components/NodeDetailsView.vue';
@@ -316,7 +315,7 @@ import type {
 	ToggleNodeCreatorOptions,
 } from '@/Interface';
 
-import type { Route, RawLocation } from 'vue-router';
+import { type Route, type RawLocation, useRouter } from 'vue-router';
 import { dataPinningEventBus, nodeViewEventBus } from '@/event-bus';
 import { useCanvasStore } from '@/stores/canvas.store';
 import { useCollaborationStore } from '@/stores/collaboration.store';
@@ -381,6 +380,7 @@ import { useDeviceSupport } from 'n8n-design-system';
 import { useDebounce } from '@/composables/useDebounce';
 import { useCanvasPanning } from '@/composables/useCanvasPanning';
 import { tryToParseNumber } from '@/utils/typesUtils';
+import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 
 interface AddNodeOptions {
 	position?: XYPosition;
@@ -412,7 +412,7 @@ export default defineComponent({
 		ContextMenu,
 		SetupWorkflowCredentialsButton,
 	},
-	mixins: [workflowHelpers, workflowRun],
+	mixins: [workflowRun],
 	async beforeRouteLeave(to, from, next) {
 		if (
 			getNodeViewTab(to) === MAIN_HEADER_TABS.EXECUTIONS ||
@@ -440,7 +440,7 @@ export default defineComponent({
 			if (confirmModal === MODAL_CONFIRM) {
 				// Make sure workflow id is empty when leaving the editor
 				this.workflowsStore.setWorkflowId(PLACEHOLDER_EMPTY_WORKFLOW_ID);
-				const saved = await this.saveCurrentWorkflow({}, false);
+				const saved = await this.workflowHelpers.saveCurrentWorkflow({}, false);
 				if (saved) {
 					await this.settingsStore.fetchPromptsData();
 				}
@@ -477,6 +477,7 @@ export default defineComponent({
 		const nodeViewRootRef = ref(null);
 		const nodeViewRef = ref(null);
 		const onMouseMoveEnd = ref(null);
+		const router = useRouter();
 
 		const ndvStore = useNDVStore();
 		const externalHooks = useExternalHooks();
@@ -490,6 +491,7 @@ export default defineComponent({
 		const deviceSupport = useDeviceSupport();
 		const { callDebounced } = useDebounce();
 		const canvasPanning = useCanvasPanning(nodeViewRootRef, { onMouseMoveEnd });
+		const workflowHelpers = useWorkflowHelpers(router);
 
 		return {
 			locale,
@@ -504,6 +506,7 @@ export default defineComponent({
 			nodeViewRootRef,
 			nodeViewRef,
 			onMouseMoveEnd,
+			workflowHelpers,
 			callDebounced,
 			...useCanvasMouseSelect(),
 			...useGlobalLinkActions(),
@@ -1068,12 +1071,14 @@ export default defineComponent({
 			this.uiStore.openModal(WORKFLOW_LM_CHAT_MODAL_KEY);
 		},
 		async onRunWorkflow() {
-			void this.getWorkflowDataToSave().then((workflowData) => {
+			void this.workflowHelpers.getWorkflowDataToSave().then((workflowData) => {
 				const telemetryPayload = {
 					workflow_id: this.workflowsStore.workflowId,
 					node_graph_string: JSON.stringify(
-						TelemetryHelpers.generateNodesGraph(workflowData as IWorkflowBase, this.getNodeTypes())
-							.nodeGraph,
+						TelemetryHelpers.generateNodesGraph(
+							workflowData as IWorkflowBase,
+							this.workflowHelpers.getNodeTypes(),
+						).nodeGraph,
 					),
 				};
 				this.$telemetry.track('User clicked execute workflow button', telemetryPayload);
@@ -1150,7 +1155,7 @@ export default defineComponent({
 			this.nodeHelpers.updateNodesExecutionIssues();
 		},
 		async onSaveKeyboardShortcut(e: KeyboardEvent) {
-			let saved = await this.saveCurrentWorkflow();
+			let saved = await this.workflowHelpers.saveCurrentWorkflow();
 			if (saved) {
 				await this.settingsStore.fetchPromptsData();
 
@@ -1636,7 +1641,7 @@ export default defineComponent({
 					return;
 				}
 
-				const workflow = this.getCurrentWorkflow();
+				const workflow = this.workflowHelpers.getCurrentWorkflow();
 
 				if (!workflow.connectionsByDestinationNode.hasOwnProperty(lastSelectedNode.name)) {
 					return;
@@ -1664,7 +1669,7 @@ export default defineComponent({
 					return;
 				}
 
-				const workflow = this.getCurrentWorkflow();
+				const workflow = this.workflowHelpers.getCurrentWorkflow();
 
 				if (!workflow.connectionsByDestinationNode.hasOwnProperty(lastSelectedNode.name)) {
 					return;
@@ -1793,9 +1798,13 @@ export default defineComponent({
 			this.deselectAllNodes();
 
 			// Get all upstream nodes and select them
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 
-			const checkNodes = this.getConnectedNodes('upstream', workflow, lastSelectedNode.name);
+			const checkNodes = this.workflowHelpers.getConnectedNodes(
+				'upstream',
+				workflow,
+				lastSelectedNode.name,
+			);
 			for (const nodeName of checkNodes) {
 				this.nodeSelectedByName(nodeName);
 			}
@@ -1812,9 +1821,13 @@ export default defineComponent({
 			this.deselectAllNodes();
 
 			// Get all downstream nodes and select them
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 
-			const checkNodes = this.getConnectedNodes('downstream', workflow, lastSelectedNode.name);
+			const checkNodes = this.workflowHelpers.getConnectedNodes(
+				'downstream',
+				workflow,
+				lastSelectedNode.name,
+			);
 			for (const nodeName of checkNodes) {
 				this.nodeSelectedByName(nodeName);
 			}
@@ -1826,9 +1839,13 @@ export default defineComponent({
 		pushDownstreamNodes(sourceNodeName: string, margin: number, recordHistory = false) {
 			const sourceNode = this.workflowsStore.nodesByName[sourceNodeName];
 
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 
-			const checkNodes = this.getConnectedNodes('downstream', workflow, sourceNodeName);
+			const checkNodes = this.workflowHelpers.getConnectedNodes(
+				'downstream',
+				workflow,
+				sourceNodeName,
+			);
 			for (const nodeName of checkNodes) {
 				const node = this.workflowsStore.nodesByName[nodeName];
 				const oldPosition = node.position;
@@ -1877,7 +1894,7 @@ export default defineComponent({
 					...data,
 				};
 
-				this.removeForeignCredentialsFromWorkflow(
+				this.workflowHelpers.removeForeignCredentialsFromWorkflow(
 					workflowToCopy,
 					this.credentialsStore.allCredentials,
 				);
@@ -1962,12 +1979,14 @@ export default defineComponent({
 			}
 			this.stopExecutionInProgress = false;
 
-			void this.getWorkflowDataToSave().then((workflowData) => {
+			void this.workflowHelpers.getWorkflowDataToSave().then((workflowData) => {
 				const trackProps = {
 					workflow_id: this.workflowsStore.workflowId,
 					node_graph_string: JSON.stringify(
-						TelemetryHelpers.generateNodesGraph(workflowData as IWorkflowBase, this.getNodeTypes())
-							.nodeGraph,
+						TelemetryHelpers.generateNodesGraph(
+							workflowData as IWorkflowBase,
+							this.workflowHelpers.getNodeTypes(),
+						).nodeGraph,
 					),
 				};
 
@@ -2090,9 +2109,9 @@ export default defineComponent({
 					workflowData.nodes.forEach((node: INode) => {
 						//generate new webhookId if workflow already contains a node with the same webhookId
 						if (node.webhookId && UPDATE_WEBHOOK_ID_NODE_TYPES.includes(node.type)) {
-							const isDuplicate = Object.values(this.getCurrentWorkflow().nodes).some(
-								(n) => n.webhookId === node.webhookId,
-							);
+							const isDuplicate = Object.values(
+								this.workflowHelpers.getCurrentWorkflow().nodes,
+							).some((n) => n.webhookId === node.webhookId);
 							if (isDuplicate) {
 								node.webhookId = uuid();
 							}
@@ -2114,13 +2133,17 @@ export default defineComponent({
 				const currInstanceId = this.rootStore.instanceId;
 
 				const nodeGraph = JSON.stringify(
-					TelemetryHelpers.generateNodesGraph(workflowData as IWorkflowBase, this.getNodeTypes(), {
-						nodeIdMap,
-						sourceInstanceId:
-							workflowData.meta && workflowData.meta.instanceId !== currInstanceId
-								? workflowData.meta.instanceId
-								: '',
-					}).nodeGraph,
+					TelemetryHelpers.generateNodesGraph(
+						workflowData as IWorkflowBase,
+						this.workflowHelpers.getNodeTypes(),
+						{
+							nodeIdMap,
+							sourceInstanceId:
+								workflowData.meta && workflowData.meta.instanceId !== currInstanceId
+									? workflowData.meta.instanceId
+									: '',
+						},
+					).nodeGraph,
 				);
 				if (source === 'paste') {
 					this.$telemetry.track('User pasted nodes', {
@@ -2147,7 +2170,7 @@ export default defineComponent({
 				// Fix the node position as it could be totally offscreen
 				// and the pasted nodes would so not be directly visible to
 				// the user
-				this.updateNodePositions(
+				this.workflowHelpers.updateNodePositions(
 					workflowData,
 					NodeViewUtils.getNewNodePosition(this.nodes, this.lastClickPosition),
 				);
@@ -2387,7 +2410,7 @@ export default defineComponent({
 
 			if (
 				nodeTypeData.maxNodes !== undefined &&
-				this.getNodeTypeCount(nodeTypeName) >= nodeTypeData.maxNodes
+				this.workflowHelpers.getNodeTypeCount(nodeTypeName) >= nodeTypeData.maxNodes
 			) {
 				this.showMaxNodeTypeError(nodeTypeData);
 				return;
@@ -2428,7 +2451,7 @@ export default defineComponent({
 					this.canvasStore.newNodeInsertPosition = null;
 				} else {
 					let yOffset = 0;
-					const workflow = this.getCurrentWorkflow();
+					const workflow = this.workflowHelpers.getCurrentWorkflow();
 
 					if (lastSelectedConnection) {
 						const sourceNodeType = this.nodeTypesStore.getNodeType(
@@ -2487,8 +2510,8 @@ export default defineComponent({
 						const lastSelectedNodeWorkflow = workflow.getNode(lastSelectedNode.name);
 						const lastSelectedInputs = NodeHelpers.getNodeInputs(
 							workflow,
-							lastSelectedNodeWorkflow!,
-							lastSelectedNodeType!,
+							lastSelectedNodeWorkflow,
+							lastSelectedNodeType,
 						);
 						const lastSelectedInputTypes = NodeHelpers.getConnectionTypes(lastSelectedInputs);
 
@@ -2512,7 +2535,7 @@ export default defineComponent({
 						const inputs = NodeHelpers.getNodeInputs(
 							workflow,
 							lastSelectedNode,
-							lastSelectedNodeType!,
+							lastSelectedNodeType,
 						);
 						const inputsTypes = NodeHelpers.getConnectionTypes(inputs);
 
@@ -2698,7 +2721,7 @@ export default defineComponent({
 				if (
 					lastSelectedEndpoint &&
 					this.checkNodeConnectionAllowed(
-						lastSelectedNode!,
+						lastSelectedNode,
 						newNodeData,
 						lastSelectedEndpoint.scope as NodeConnectionType,
 					)
@@ -2752,7 +2775,7 @@ export default defineComponent({
 		},
 		getNodeCreatorFilter(nodeName: string, outputType?: NodeConnectionType) {
 			let filter;
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 			const workflowNode = workflow.getNode(nodeName);
 			if (!workflowNode) return { nodes: [] };
 
@@ -2884,11 +2907,11 @@ export default defineComponent({
 			);
 
 			if (targetNodeType?.inputs?.length) {
-				const workflow = this.getCurrentWorkflow();
+				const workflow = this.workflowHelpers.getCurrentWorkflow();
 				const workflowNode = workflow.getNode(targetNode.name);
 				let inputs: Array<ConnectionTypes | INodeInputConfiguration> = [];
 				if (targetNodeType) {
-					inputs = NodeHelpers.getNodeInputs(workflow, workflowNode!, targetNodeType);
+					inputs = NodeHelpers.getNodeInputs(workflow, workflowNode, targetNodeType);
 				}
 
 				for (const input of inputs || []) {
@@ -3543,7 +3566,7 @@ export default defineComponent({
 						},
 					);
 					if (confirmModal === MODAL_CONFIRM) {
-						const saved = await this.saveCurrentWorkflow();
+						const saved = await this.workflowHelpers.saveCurrentWorkflow();
 						if (saved) await this.settingsStore.fetchPromptsData();
 					} else if (confirmModal === MODAL_CLOSE) {
 						return;
@@ -3869,13 +3892,13 @@ export default defineComponent({
 			// connect nodes before/after deleted node
 			const nodeType = this.nodeTypesStore.getNodeType(node.type, node.typeVersion);
 
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 			const workflowNode = workflow.getNode(node.name);
 			let inputs: Array<ConnectionTypes | INodeInputConfiguration> = [];
 			let outputs: Array<ConnectionTypes | INodeOutputConfiguration> = [];
 			if (nodeType) {
-				inputs = NodeHelpers.getNodeInputs(workflow, workflowNode!, nodeType);
-				outputs = NodeHelpers.getNodeOutputs(workflow, workflowNode!, nodeType);
+				inputs = NodeHelpers.getNodeInputs(workflow, workflowNode, nodeType);
+				outputs = NodeHelpers.getNodeOutputs(workflow, workflowNode, nodeType);
 			}
 
 			if (outputs.length === 1 && inputs.length === 1) {
@@ -4000,7 +4023,7 @@ export default defineComponent({
 				this.historyStore.startRecordingUndo();
 			}
 
-			const activeNodeName = this.activeNode && this.activeNode.name;
+			const activeNodeName = this.activeNode?.name;
 			const isActive = activeNodeName === currentName;
 			if (isActive) {
 				this.renamingActive = true;
@@ -4009,7 +4032,7 @@ export default defineComponent({
 			newName = this.uniqueNodeName(newName);
 
 			// Rename the node and update the connections
-			const workflow = this.getCurrentWorkflow(true);
+			const workflow = this.workflowHelpers.getCurrentWorkflow(true);
 			workflow.renameNode(currentName, newName);
 
 			if (trackHistory) {
@@ -4249,7 +4272,7 @@ export default defineComponent({
 
 			// Get how many of the nodes of the types which have
 			// a max limit set already exist
-			const nodeTypesCount = this.getNodeTypesMaxCount();
+			const nodeTypesCount = this.workflowHelpers.getNodeTypesMaxCount();
 
 			let oldName: string;
 			let newName: string;
@@ -4334,7 +4357,7 @@ export default defineComponent({
 
 			// Create a workflow with the new nodes and connections that we can use
 			// the rename method
-			const tempWorkflow: Workflow = this.getWorkflow(createNodes, newConnections);
+			const tempWorkflow: Workflow = this.workflowHelpers.getWorkflow(createNodes, newConnections);
 
 			// Rename all the nodes of which the name changed
 			for (oldName in nodeNameTable) {
@@ -4398,7 +4421,7 @@ export default defineComponent({
 			const exportNodeNames: string[] = [];
 
 			for (const node of nodes) {
-				nodeData = this.getNodeDataToSave(node);
+				nodeData = this.workflowHelpers.getNodeDataToSave(node);
 				exportNodeNames.push(node.name);
 
 				data.nodes.push(nodeData);
@@ -4728,7 +4751,7 @@ export default defineComponent({
 			}
 
 			const lastAddedNode = this.nodes[this.nodes.length - 1];
-			const workflow = this.getCurrentWorkflow();
+			const workflow = this.workflowHelpers.getCurrentWorkflow();
 			const lastNodeInputs = workflow.getParentNodesByDepth(lastAddedNode.name, 1);
 
 			// If the last added node has multiple inputs, move them down
@@ -4748,7 +4771,7 @@ export default defineComponent({
 		},
 
 		async saveCurrentWorkflowExternal(callback: () => void) {
-			await this.saveCurrentWorkflow();
+			await this.workflowHelpers.saveCurrentWorkflow();
 			callback?.();
 		},
 		setSuspendRecordingDetachedConnections(suspend: boolean) {
diff --git a/packages/editor-ui/src/views/TemplatesCollectionView.vue b/packages/editor-ui/src/views/TemplatesCollectionView.vue
index bd94e8211753cd..d750696747742b 100644
--- a/packages/editor-ui/src/views/TemplatesCollectionView.vue
+++ b/packages/editor-ui/src/views/TemplatesCollectionView.vue
@@ -57,7 +57,6 @@ import TemplateDetails from '@/components/TemplateDetails.vue';
 import TemplateList from '@/components/TemplateList.vue';
 import TemplatesView from './TemplatesView.vue';
 
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import type {
 	ITemplatesCollection,
 	ITemplatesCollectionFull,
@@ -80,7 +79,6 @@ export default defineComponent({
 		TemplateList,
 		TemplatesView,
 	},
-	mixins: [workflowHelpers],
 	setup() {
 		const externalHooks = useExternalHooks();
 
diff --git a/packages/editor-ui/src/views/TemplatesWorkflowView.vue b/packages/editor-ui/src/views/TemplatesWorkflowView.vue
index c760f7d77e79ee..d66a81c75a10f1 100644
--- a/packages/editor-ui/src/views/TemplatesWorkflowView.vue
+++ b/packages/editor-ui/src/views/TemplatesWorkflowView.vue
@@ -64,7 +64,6 @@ import TemplatesView from './TemplatesView.vue';
 import WorkflowPreview from '@/components/WorkflowPreview.vue';
 
 import type { ITemplatesWorkflowFull } from '@/Interface';
-import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { setPageTitle } from '@/utils/htmlUtils';
 import { useTemplatesStore } from '@/stores/templates.store';
 import { usePostHog } from '@/stores/posthog.store';
@@ -79,7 +78,6 @@ export default defineComponent({
 		TemplatesView,
 		WorkflowPreview,
 	},
-	mixins: [workflowHelpers],
 	setup() {
 		const externalHooks = useExternalHooks();