diff --git a/packages/editor-ui/src/App.vue b/packages/editor-ui/src/App.vue
index 626e262452..3fdf8495bd 100644
--- a/packages/editor-ui/src/App.vue
+++ b/packages/editor-ui/src/App.vue
@@ -33,11 +33,11 @@ import Telemetry from './components/Telemetry.vue';
 import { HIRING_BANNER, LOCAL_STORAGE_THEME, VIEWS } from './constants';
 
 import mixins from 'vue-typed-mixins';
-import { showMessage } from './components/mixins/showMessage';
-import { userHelpers } from './components/mixins/userHelpers';
+import { showMessage } from '@/mixins/showMessage';
+import { userHelpers } from '@/mixins/userHelpers';
 import { loadLanguage } from './plugins/i18n';
-import { restApi } from '@/components/mixins/restApi';
-import { globalLinkActions } from '@/components/mixins/globalLinkActions';
+import { restApi } from '@/mixins/restApi';
+import { globalLinkActions } from '@/mixins/globalLinkActions';
 import { mapStores } from 'pinia';
 import { useUIStore } from './stores/ui';
 import { useSettingsStore } from './stores/settings';
diff --git a/packages/editor-ui/src/api/api-keys.ts b/packages/editor-ui/src/api/api-keys.ts
index 27598149be..738d3f23fb 100644
--- a/packages/editor-ui/src/api/api-keys.ts
+++ b/packages/editor-ui/src/api/api-keys.ts
@@ -1,5 +1,5 @@
 import {IRestApiContext} from "@/Interface";
-import {makeRestApiRequest} from "@/api/helpers";
+import {makeRestApiRequest} from "@/utils";
 
 export function getApiKey(context: IRestApiContext): Promise<{ apiKey: string | null }> {
 	return makeRestApiRequest(context, 'GET', '/me/api-key');
diff --git a/packages/editor-ui/src/api/communityNodes.ts b/packages/editor-ui/src/api/communityNodes.ts
index 3e2d116e01..5ed6b1a7ea 100644
--- a/packages/editor-ui/src/api/communityNodes.ts
+++ b/packages/editor-ui/src/api/communityNodes.ts
@@ -1,6 +1,6 @@
 import { IRestApiContext } from '@/Interface';
 import { PublicInstalledPackage } from 'n8n-workflow';
-import { get, post, makeRestApiRequest } from './helpers';
+import { get, post, makeRestApiRequest } from '@/utils';
 
 export async function getInstalledCommunityNodes(context: IRestApiContext): Promise<PublicInstalledPackage[]> {
 	const response = await get(context.baseUrl, '/nodes');
diff --git a/packages/editor-ui/src/api/credentials.ee.ts b/packages/editor-ui/src/api/credentials.ee.ts
index 3673e4e0f7..3706b8527e 100644
--- a/packages/editor-ui/src/api/credentials.ee.ts
+++ b/packages/editor-ui/src/api/credentials.ee.ts
@@ -3,7 +3,7 @@ import {
 	IRestApiContext,
 	IShareCredentialsPayload,
 } from '@/Interface';
-import { makeRestApiRequest } from './helpers';
+import { makeRestApiRequest } from '@/utils';
 import {
 	IDataObject,
 } from 'n8n-workflow';
diff --git a/packages/editor-ui/src/api/credentials.ts b/packages/editor-ui/src/api/credentials.ts
index 60a81e061e..a4aa6d50d0 100644
--- a/packages/editor-ui/src/api/credentials.ts
+++ b/packages/editor-ui/src/api/credentials.ts
@@ -1,5 +1,5 @@
 import { ICredentialsDecryptedResponse, ICredentialsResponse, IRestApiContext } from '@/Interface';
-import { makeRestApiRequest } from './helpers';
+import { makeRestApiRequest } from '@/utils';
 import {
 	ICredentialsDecrypted,
 	ICredentialType,
diff --git a/packages/editor-ui/src/api/curlHelper.ts b/packages/editor-ui/src/api/curlHelper.ts
index cbdd1ac6c7..a7bc84bdbe 100644
--- a/packages/editor-ui/src/api/curlHelper.ts
+++ b/packages/editor-ui/src/api/curlHelper.ts
@@ -1,5 +1,5 @@
 import {CurlToJSONResponse, IRestApiContext} from "@/Interface";
-import {makeRestApiRequest} from "@/api/helpers";
+import {makeRestApiRequest} from "@/utils";
 
 export function getCurlToJson(context: IRestApiContext,  curlCommand: string): Promise<CurlToJSONResponse> {
 	return makeRestApiRequest(context, 'POST', '/curl-to-json', { curlCommand });
diff --git a/packages/editor-ui/src/api/nodeTypes.ts b/packages/editor-ui/src/api/nodeTypes.ts
index b6ebfe8f2b..b5553c64cb 100644
--- a/packages/editor-ui/src/api/nodeTypes.ts
+++ b/packages/editor-ui/src/api/nodeTypes.ts
@@ -1,4 +1,4 @@
-import { makeRestApiRequest } from './helpers';
+import { makeRestApiRequest } from '@/utils';
 import type {
 	INodeTranslationHeaders,
 	IResourceLocatorReqParams,
diff --git a/packages/editor-ui/src/api/settings.ts b/packages/editor-ui/src/api/settings.ts
index f7917ef9e6..9595eab8bc 100644
--- a/packages/editor-ui/src/api/settings.ts
+++ b/packages/editor-ui/src/api/settings.ts
@@ -1,5 +1,5 @@
 import { IRestApiContext, IN8nPrompts, IN8nValueSurveyData, IN8nUISettings, IN8nPromptResponse } from '../Interface';
-import { makeRestApiRequest, get, post } from './helpers';
+import { makeRestApiRequest, get, post } from '@/utils';
 import { N8N_IO_BASE_URL, NPM_COMMUNITY_NODE_SEARCH_API_URL  } from '@/constants';
 
 export function getSettings(context: IRestApiContext): Promise<IN8nUISettings> {
diff --git a/packages/editor-ui/src/api/tags.ts b/packages/editor-ui/src/api/tags.ts
index 8e12b5e13f..290d79534e 100644
--- a/packages/editor-ui/src/api/tags.ts
+++ b/packages/editor-ui/src/api/tags.ts
@@ -1,5 +1,5 @@
 import { IRestApiContext, ITag } from '@/Interface';
-import { makeRestApiRequest } from './helpers';
+import { makeRestApiRequest } from '@/utils';
 
 export async function getTags(context: IRestApiContext, withUsageCount = false): Promise<ITag[]> {
 	return await makeRestApiRequest(context, 'GET', '/tags', { withUsageCount });
diff --git a/packages/editor-ui/src/api/templates.ts b/packages/editor-ui/src/api/templates.ts
index 15efc8e8d7..ec7fc854b4 100644
--- a/packages/editor-ui/src/api/templates.ts
+++ b/packages/editor-ui/src/api/templates.ts
@@ -1,6 +1,6 @@
 import { ITemplatesCategory, ITemplatesCollection, ITemplatesQuery, ITemplatesWorkflow, ITemplatesCollectionResponse, ITemplatesWorkflowResponse, IWorkflowTemplate } from '@/Interface';
 import { IDataObject } from 'n8n-workflow';
-import { get } from './helpers';
+import { get } from '@/utils';
 
 function stringifyArray(arr: number[]) {
 	return arr.join(',');
diff --git a/packages/editor-ui/src/api/users.ts b/packages/editor-ui/src/api/users.ts
index e7326ec340..1ffe5852b7 100644
--- a/packages/editor-ui/src/api/users.ts
+++ b/packages/editor-ui/src/api/users.ts
@@ -1,6 +1,6 @@
 import { IInviteResponse, IPersonalizationLatestVersion, IRestApiContext, IUserResponse } from '@/Interface';
 import { IDataObject } from 'n8n-workflow';
-import { makeRestApiRequest } from './helpers';
+import { makeRestApiRequest } from '@/utils';
 
 export function loginCurrentUser(context: IRestApiContext): Promise<IUserResponse | null> {
 	return makeRestApiRequest(context, 'GET', '/login');
diff --git a/packages/editor-ui/src/api/versions.ts b/packages/editor-ui/src/api/versions.ts
index 009f6bc4b7..07abd13955 100644
--- a/packages/editor-ui/src/api/versions.ts
+++ b/packages/editor-ui/src/api/versions.ts
@@ -1,7 +1,6 @@
 import { IVersion } from '@/Interface';
 import { INSTANCE_ID_HEADER } from '@/constants';
-import { IDataObject } from 'n8n-workflow';
-import { get } from './helpers';
+import { get } from '@/utils';
 
 export async function getNextVersions(endpoint: string, version: string, instanceId: string): Promise<IVersion[]> {
 	const headers = {[INSTANCE_ID_HEADER as string] : instanceId};
diff --git a/packages/editor-ui/src/api/workflow-webhooks.ts b/packages/editor-ui/src/api/workflow-webhooks.ts
index 236d72deb6..52ad98c747 100644
--- a/packages/editor-ui/src/api/workflow-webhooks.ts
+++ b/packages/editor-ui/src/api/workflow-webhooks.ts
@@ -1,5 +1,5 @@
 import { IOnboardingCallPrompt, IOnboardingCallPromptResponse, IUser } from "@/Interface";
-import { get, post } from "./helpers";
+import { get, post } from "@/utils";
 
 const N8N_API_BASE_URL = 'https://api.n8n.io/api';
 const ONBOARDING_PROMPTS_ENDPOINT = '/prompts/onboarding';
diff --git a/packages/editor-ui/src/api/workflows.ee.ts b/packages/editor-ui/src/api/workflows.ee.ts
index 34ef341b61..d935c60b4e 100644
--- a/packages/editor-ui/src/api/workflows.ee.ts
+++ b/packages/editor-ui/src/api/workflows.ee.ts
@@ -3,7 +3,7 @@ import {
 	IShareWorkflowsPayload,
 	IWorkflowsShareResponse,
 } from '@/Interface';
-import { makeRestApiRequest } from './helpers';
+import { makeRestApiRequest } from '@/utils';
 import {
 	IDataObject,
 } from 'n8n-workflow';
diff --git a/packages/editor-ui/src/api/workflows.ts b/packages/editor-ui/src/api/workflows.ts
index 84276436c9..f476f03a86 100644
--- a/packages/editor-ui/src/api/workflows.ts
+++ b/packages/editor-ui/src/api/workflows.ts
@@ -1,6 +1,6 @@
 import { IRestApiContext } from '@/Interface';
 import { IDataObject } from 'n8n-workflow';
-import { makeRestApiRequest } from './helpers';
+import { makeRestApiRequest } from '@/utils';
 
 export async function getNewWorkflow(context: IRestApiContext, name?: string) {
 	const response = await makeRestApiRequest(context, 'GET', `/workflows/new`, name ? { name } : {});
diff --git a/packages/editor-ui/src/components/ActivationModal.vue b/packages/editor-ui/src/components/ActivationModal.vue
index 9934c5e6e6..b76fa44d31 100644
--- a/packages/editor-ui/src/components/ActivationModal.vue
+++ b/packages/editor-ui/src/components/ActivationModal.vue
@@ -38,8 +38,7 @@ import Vue from 'vue';
 
 import Modal from '@/components/Modal.vue';
 import { WORKFLOW_ACTIVE_MODAL_KEY, WORKFLOW_SETTINGS_MODAL_KEY, LOCAL_STORAGE_ACTIVATION_FLAG, VIEWS } from '../constants';
-import { getActivatableTriggerNodes, getTriggerNodeServiceName } from './helpers';
-import { INodeTypeDescription } from 'n8n-workflow';
+import { getActivatableTriggerNodes, getTriggerNodeServiceName } from '@/utils';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 import { useWorkflowsStore } from '@/stores/workflows';
diff --git a/packages/editor-ui/src/components/BinaryDataDisplay.vue b/packages/editor-ui/src/components/BinaryDataDisplay.vue
index 2c9d63a510..59aac23200 100644
--- a/packages/editor-ui/src/components/BinaryDataDisplay.vue
+++ b/packages/editor-ui/src/components/BinaryDataDisplay.vue
@@ -23,15 +23,14 @@
 import {
 	IBinaryData,
 	IRunData,
-	IRunExecutionData,
 } from 'n8n-workflow';
 
 import BinaryDataDisplayEmbed from '@/components/BinaryDataDisplayEmbed.vue';
 
-import { nodeHelpers } from '@/components/mixins/nodeHelpers';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
 
 import mixins from 'vue-typed-mixins';
-import { restApi } from '@/components/mixins/restApi';
+import { restApi } from '@/mixins/restApi';
 import { mapStores } from 'pinia';
 import { useWorkflowsStore } from '@/stores/workflows';
 
diff --git a/packages/editor-ui/src/components/BinaryDataDisplayEmbed.vue b/packages/editor-ui/src/components/BinaryDataDisplayEmbed.vue
index 0caa82c2ff..61ac83ae11 100644
--- a/packages/editor-ui/src/components/BinaryDataDisplayEmbed.vue
+++ b/packages/editor-ui/src/components/BinaryDataDisplayEmbed.vue
@@ -20,7 +20,7 @@
 
 
 import mixins from 'vue-typed-mixins';
-import { restApi } from '@/components/mixins/restApi';
+import { restApi } from '@/mixins/restApi';
 
 export default mixins(
 	restApi,
diff --git a/packages/editor-ui/src/components/BreakpointsObserver.vue b/packages/editor-ui/src/components/BreakpointsObserver.vue
index bad6647408..9be77b8b65 100644
--- a/packages/editor-ui/src/components/BreakpointsObserver.vue
+++ b/packages/editor-ui/src/components/BreakpointsObserver.vue
@@ -22,8 +22,8 @@ import {
  */
 
 import mixins from "vue-typed-mixins";
-import { genericHelpers } from "@/components/mixins/genericHelpers";
-import { debounceHelper } from "./mixins/debounce";
+import { genericHelpers } from "@/mixins/genericHelpers";
+import { debounceHelper } from "@/mixins/debounce";
 
 export default mixins(genericHelpers, debounceHelper).extend({
 	name: "BreakpointsObserver",
diff --git a/packages/editor-ui/src/components/ChangePasswordModal.vue b/packages/editor-ui/src/components/ChangePasswordModal.vue
index 934042a9f4..151e2f3cb0 100644
--- a/packages/editor-ui/src/components/ChangePasswordModal.vue
+++ b/packages/editor-ui/src/components/ChangePasswordModal.vue
@@ -26,7 +26,7 @@
 <script lang="ts">
 import mixins from "vue-typed-mixins";
 
-import { showMessage } from "@/components/mixins/showMessage";
+import { showMessage } from "@/mixins/showMessage";
 import Modal from "./Modal.vue";
 import Vue from "vue";
 import { IFormInputs } from "@/Interface";
diff --git a/packages/editor-ui/src/components/CodeEdit.vue b/packages/editor-ui/src/components/CodeEdit.vue
index 62fee3168b..ec69711c62 100644
--- a/packages/editor-ui/src/components/CodeEdit.vue
+++ b/packages/editor-ui/src/components/CodeEdit.vue
@@ -14,8 +14,8 @@
 </template>
 
 <script lang="ts">
-import { genericHelpers } from '@/components/mixins/genericHelpers';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { genericHelpers } from '@/mixins/genericHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 
 import mixins from 'vue-typed-mixins';
 import { IExecutionResponse, INodeUi } from '@/Interface';
diff --git a/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue b/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
index d014afb2ab..9c734f2666 100644
--- a/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
+++ b/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
@@ -13,7 +13,7 @@ import { baseExtensions } from './baseExtensions';
 import { linterExtension } from './linter';
 import { completerExtension } from './completer';
 import { CODE_NODE_EDITOR_THEME } from './theme';
-import { workflowHelpers } from '../mixins/workflowHelpers'; // for json field completions
+import { workflowHelpers } from '@/mixins/workflowHelpers'; // for json field completions
 import { codeNodeEditorEventBus } from '@/event-bus/code-node-editor-event-bus';
 import { CODE_NODE_TYPE } from '@/constants';
 import { ALL_ITEMS_PLACEHOLDER, EACH_ITEM_PLACEHOLDER } from './constants';
diff --git a/packages/editor-ui/src/components/CollectionCard.vue b/packages/editor-ui/src/components/CollectionCard.vue
index 0a50a20186..eb78a4f374 100644
--- a/packages/editor-ui/src/components/CollectionCard.vue
+++ b/packages/editor-ui/src/components/CollectionCard.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts">
-import { genericHelpers } from '@/components/mixins/genericHelpers';
+import { genericHelpers } from '@/mixins/genericHelpers';
 import Card from '@/components/CollectionWorkflowCard.vue';
 import mixins from 'vue-typed-mixins';
 import NodeList from '@/components/NodeList.vue';
diff --git a/packages/editor-ui/src/components/CollectionParameter.vue b/packages/editor-ui/src/components/CollectionParameter.vue
index ebc87dcfcf..e2f83b8c5b 100644
--- a/packages/editor-ui/src/components/CollectionParameter.vue
+++ b/packages/editor-ui/src/components/CollectionParameter.vue
@@ -43,7 +43,7 @@ import {
 	INodePropertyOptions,
 } from 'n8n-workflow';
 
-import { nodeHelpers } from '@/components/mixins/nodeHelpers';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
 
 import { get } from 'lodash';
 
diff --git a/packages/editor-ui/src/components/CollectionWorkflowCard.vue b/packages/editor-ui/src/components/CollectionWorkflowCard.vue
index 12c1c0cee5..7824bd9356 100644
--- a/packages/editor-ui/src/components/CollectionWorkflowCard.vue
+++ b/packages/editor-ui/src/components/CollectionWorkflowCard.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts">
-import { genericHelpers } from '@/components/mixins/genericHelpers';
+import { genericHelpers } from '@/mixins/genericHelpers';
 import mixins from 'vue-typed-mixins';
 
 export default mixins(genericHelpers).extend({
diff --git a/packages/editor-ui/src/components/CollectionsCarousel.vue b/packages/editor-ui/src/components/CollectionsCarousel.vue
index e48d4fdd4e..c45d99a74d 100644
--- a/packages/editor-ui/src/components/CollectionsCarousel.vue
+++ b/packages/editor-ui/src/components/CollectionsCarousel.vue
@@ -25,7 +25,7 @@ import Card from '@/components/CollectionWorkflowCard.vue';
 import CollectionCard from '@/components/CollectionCard.vue';
 import VueAgile from 'vue-agile';
 
-import { genericHelpers } from '@/components/mixins/genericHelpers';
+import { genericHelpers } from '@/mixins/genericHelpers';
 import mixins from 'vue-typed-mixins';
 
 export default mixins(genericHelpers).extend({
diff --git a/packages/editor-ui/src/components/CommunityPackageCard.vue b/packages/editor-ui/src/components/CommunityPackageCard.vue
index c5c1038a7f..37247054ac 100644
--- a/packages/editor-ui/src/components/CommunityPackageCard.vue
+++ b/packages/editor-ui/src/components/CommunityPackageCard.vue
@@ -69,7 +69,7 @@ import {
 	NPM_PACKAGE_DOCS_BASE_URL,
 	COMMUNITY_PACKAGE_MANAGE_ACTIONS,
 } from '../constants';
-import { showMessage } from './mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 
 export default mixins(
 	showMessage,
diff --git a/packages/editor-ui/src/components/CommunityPackageInstallModal.vue b/packages/editor-ui/src/components/CommunityPackageInstallModal.vue
index adc033bab5..2cd8fb63c6 100644
--- a/packages/editor-ui/src/components/CommunityPackageInstallModal.vue
+++ b/packages/editor-ui/src/components/CommunityPackageInstallModal.vue
@@ -91,7 +91,7 @@ import {
 	COMMUNITY_NODES_RISKS_DOCS_URL,
 } from '../constants';
 import mixins from 'vue-typed-mixins';
-import { showMessage } from './mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import { mapStores } from 'pinia';
 import { useCommunityNodesStore } from '@/stores/communityNodes';
 
diff --git a/packages/editor-ui/src/components/CommunityPackageManageConfirmModal.vue b/packages/editor-ui/src/components/CommunityPackageManageConfirmModal.vue
index a205f50b9d..0080691ff2 100644
--- a/packages/editor-ui/src/components/CommunityPackageManageConfirmModal.vue
+++ b/packages/editor-ui/src/components/CommunityPackageManageConfirmModal.vue
@@ -36,7 +36,7 @@ import Vue from 'vue';
 import mixins from 'vue-typed-mixins';
 import Modal from './Modal.vue';
 import { COMMUNITY_PACKAGE_CONFIRM_MODAL_KEY, COMMUNITY_PACKAGE_MANAGE_ACTIONS } from '../constants';
-import { showMessage } from './mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import { mapStores } from 'pinia';
 import { useCommunityNodesStore } from '@/stores/communityNodes';
 
diff --git a/packages/editor-ui/src/components/ContactPromptModal.vue b/packages/editor-ui/src/components/ContactPromptModal.vue
index 5b5594c550..8e010f64f1 100644
--- a/packages/editor-ui/src/components/ContactPromptModal.vue
+++ b/packages/editor-ui/src/components/ContactPromptModal.vue
@@ -38,7 +38,7 @@ import mixins from 'vue-typed-mixins';
 
 import { IN8nPromptResponse } from '@/Interface';
 import { VALID_EMAIL_REGEX } from '@/constants';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 import Modal from './Modal.vue';
 import { mapStores } from 'pinia';
 import { useSettingsStore } from '@/stores/settings';
diff --git a/packages/editor-ui/src/components/CopyInput.vue b/packages/editor-ui/src/components/CopyInput.vue
index 0d7b7592de..8861d86b15 100644
--- a/packages/editor-ui/src/components/CopyInput.vue
+++ b/packages/editor-ui/src/components/CopyInput.vue
@@ -12,8 +12,8 @@
 
 <script lang="ts">
 import mixins from 'vue-typed-mixins';
-import { copyPaste } from './mixins/copyPaste';
-import { showMessage } from './mixins/showMessage';
+import { copyPaste } from '@/mixins/copyPaste';
+import { showMessage } from '@/mixins/showMessage';
 
 export default mixins(copyPaste, showMessage).extend({
 	props: {
diff --git a/packages/editor-ui/src/components/CredentialCard.vue b/packages/editor-ui/src/components/CredentialCard.vue
index 7543974759..5d5759d90d 100644
--- a/packages/editor-ui/src/components/CredentialCard.vue
+++ b/packages/editor-ui/src/components/CredentialCard.vue
@@ -44,7 +44,7 @@ import mixins from 'vue-typed-mixins';
 import {ICredentialsResponse, IUser} from "@/Interface";
 import {ICredentialType} from "n8n-workflow";
 import {EnterpriseEditionFeature} from '@/constants';
-import {showMessage} from "@/components/mixins/showMessage";
+import {showMessage} from "@/mixins/showMessage";
 import CredentialIcon from '@/components/CredentialIcon.vue';
 import {getCredentialPermissions, IPermissions} from "@/permissions";
 import dateformat from "dateformat";
diff --git a/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue b/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue
index eb72666044..9724654c2b 100644
--- a/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue
+++ b/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue
@@ -91,13 +91,13 @@
 
 <script lang="ts">
 import { ICredentialType } from 'n8n-workflow';
-import { getAppNameFromCredType, isCommunityPackageName } from '../helpers';
+import { getAppNameFromCredType, isCommunityPackageName } from '@/utils';
 
 import Banner from '../Banner.vue';
 import CopyInput from '../CopyInput.vue';
 import CredentialInputs from './CredentialInputs.vue';
 import OauthButton from './OauthButton.vue';
-import { restApi } from '@/components/mixins/restApi';
+import { restApi } from '@/mixins/restApi';
 import { addCredentialTranslation } from '@/plugins/i18n';
 import mixins from 'vue-typed-mixins';
 import { BUILTIN_CREDENTIALS_DOCS_URL, EnterpriseEditionFeature } from '@/constants';
diff --git a/packages/editor-ui/src/components/CredentialEdit/CredentialEdit.vue b/packages/editor-ui/src/components/CredentialEdit/CredentialEdit.vue
index d2d67ccf0f..e00da60bcc 100644
--- a/packages/editor-ui/src/components/CredentialEdit/CredentialEdit.vue
+++ b/packages/editor-ui/src/components/CredentialEdit/CredentialEdit.vue
@@ -130,8 +130,8 @@ import {
 import CredentialIcon from '../CredentialIcon.vue';
 
 import mixins from 'vue-typed-mixins';
-import { nodeHelpers } from '../mixins/nodeHelpers';
-import { showMessage } from '../mixins/showMessage';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
+import { showMessage } from '@/mixins/showMessage';
 
 import CredentialConfig from './CredentialConfig.vue';
 import CredentialInfo from './CredentialInfo.vue';
@@ -152,7 +152,7 @@ import { useUsersStore } from '@/stores/users';
 import { useWorkflowsStore } from '@/stores/workflows';
 import { useNDVStore } from '@/stores/ndv';
 import { useCredentialsStore } from '@/stores/credentials';
-import { isValidCredentialResponse } from '@/typeGuards';
+import { isValidCredentialResponse } from '@/utils';
 
 interface NodeAccessMap {
 	[nodeType: string]: ICredentialNodeAccess | null;
diff --git a/packages/editor-ui/src/components/CredentialEdit/CredentialSharing.ee.vue b/packages/editor-ui/src/components/CredentialEdit/CredentialSharing.ee.vue
index 123c67a00b..f7f4fa9d95 100644
--- a/packages/editor-ui/src/components/CredentialEdit/CredentialSharing.ee.vue
+++ b/packages/editor-ui/src/components/CredentialEdit/CredentialSharing.ee.vue
@@ -36,7 +36,7 @@
 <script lang="ts">
 import {IUser} from "@/Interface";
 import mixins from "vue-typed-mixins";
-import {showMessage} from "@/components/mixins/showMessage";
+import {showMessage} from "@/mixins/showMessage";
 import { mapStores } from 'pinia';
 import { useUsersStore } from '@/stores/users';
 import { useCredentialsStore } from "@/stores/credentials";
diff --git a/packages/editor-ui/src/components/CredentialsSelectModal.vue b/packages/editor-ui/src/components/CredentialsSelectModal.vue
index d25b6a6447..79476d8a90 100644
--- a/packages/editor-ui/src/components/CredentialsSelectModal.vue
+++ b/packages/editor-ui/src/components/CredentialsSelectModal.vue
@@ -59,7 +59,7 @@ import mixins from 'vue-typed-mixins';
 
 import Modal from './Modal.vue';
 import { CREDENTIAL_SELECT_MODAL_KEY } from '../constants';
-import { externalHooks } from '@/components/mixins/externalHooks';
+import { externalHooks } from '@/mixins/externalHooks';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 import { useWorkflowsStore } from '@/stores/workflows';
diff --git a/packages/editor-ui/src/components/DeleteUserModal.vue b/packages/editor-ui/src/components/DeleteUserModal.vue
index 3ba7496af5..010d224a20 100644
--- a/packages/editor-ui/src/components/DeleteUserModal.vue
+++ b/packages/editor-ui/src/components/DeleteUserModal.vue
@@ -49,7 +49,7 @@
 <script lang="ts">
 import mixins from "vue-typed-mixins";
 
-import { showMessage } from "@/components/mixins/showMessage";
+import { showMessage } from "@/mixins/showMessage";
 import Modal from "./Modal.vue";
 import Vue from "vue";
 import { IUser } from "../Interface";
diff --git a/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue b/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue
index 7c2af9fb36..d81a4e5f55 100644
--- a/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue
+++ b/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue
@@ -42,11 +42,11 @@ import Vue from "vue";
 import mixins from "vue-typed-mixins";
 
 import { MAX_WORKFLOW_NAME_LENGTH, PLACEHOLDER_EMPTY_WORKFLOW_ID } from "@/constants";
-import { workflowHelpers } from "@/components/mixins/workflowHelpers";
-import { showMessage } from "@/components/mixins/showMessage";
+import { workflowHelpers } from "@/mixins/workflowHelpers";
+import { showMessage } from "@/mixins/showMessage";
 import TagsDropdown from "@/components/TagsDropdown.vue";
 import Modal from "./Modal.vue";
-import {restApi} from "@/components/mixins/restApi";
+import {restApi} from "@/mixins/restApi";
 import { mapStores } from "pinia";
 import { useSettingsStore } from "@/stores/settings";
 import { useWorkflowsStore } from "@/stores/workflows";
diff --git a/packages/editor-ui/src/components/Error/NodeErrorView.vue b/packages/editor-ui/src/components/Error/NodeErrorView.vue
index 9b61bcdc4c..6323fd769b 100644
--- a/packages/editor-ui/src/components/Error/NodeErrorView.vue
+++ b/packages/editor-ui/src/components/Error/NodeErrorView.vue
@@ -100,8 +100,8 @@
 <script lang="ts">
 //@ts-ignore
 import VueJsonPretty from 'vue-json-pretty';
-import { copyPaste } from '@/components/mixins/copyPaste';
-import { showMessage } from '@/components/mixins/showMessage';
+import { copyPaste } from '@/mixins/copyPaste';
+import { showMessage } from '@/mixins/showMessage';
 import mixins from 'vue-typed-mixins';
 import {
 	MAX_DISPLAY_DATA_SIZE,
@@ -114,7 +114,6 @@ import {
 	INodeProperties,
 	INodePropertyCollection,
 	INodePropertyOptions,
-	INodeTypeDescription,
 } from 'n8n-workflow';
 import { sanitizeHtml } from '@/utils';
 import { mapStores } from 'pinia';
diff --git a/packages/editor-ui/src/components/ExecutionTime.vue b/packages/editor-ui/src/components/ExecutionTime.vue
index 867c233a5c..1bf6b16a84 100644
--- a/packages/editor-ui/src/components/ExecutionTime.vue
+++ b/packages/editor-ui/src/components/ExecutionTime.vue
@@ -6,7 +6,7 @@
 
 <script lang="ts">
 
-import { genericHelpers } from '@/components/mixins/genericHelpers';
+import { genericHelpers } from '@/mixins/genericHelpers';
 
 import mixins from 'vue-typed-mixins';
 
diff --git a/packages/editor-ui/src/components/ExecutionsList.vue b/packages/editor-ui/src/components/ExecutionsList.vue
index 686072e06b..a952fbf5b2 100644
--- a/packages/editor-ui/src/components/ExecutionsList.vue
+++ b/packages/editor-ui/src/components/ExecutionsList.vue
@@ -179,12 +179,12 @@ import ExecutionTime from '@/components/ExecutionTime.vue';
 import WorkflowActivator from '@/components/WorkflowActivator.vue';
 import Modal from '@/components/Modal.vue';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
+import { externalHooks } from '@/mixins/externalHooks';
 import { WAIT_TIME_UNLIMITED, EXECUTIONS_MODAL_KEY, VIEWS } from '@/constants';
 
-import { restApi } from '@/components/mixins/restApi';
-import { genericHelpers } from '@/components/mixins/genericHelpers';
-import { showMessage } from '@/components/mixins/showMessage';
+import { restApi } from '@/mixins/restApi';
+import { genericHelpers } from '@/mixins/genericHelpers';
+import { showMessage } from '@/mixins/showMessage';
 import {
 	IExecutionsCurrentSummaryExtended,
 	IExecutionDeleteFilter,
@@ -196,7 +196,7 @@ import {
 
 import {
 	convertToDisplayDate,
-} from './helpers';
+} from '@/utils';
 
 import {
 	IDataObject,
diff --git a/packages/editor-ui/src/components/ExecutionsView/ExecutionCard.vue b/packages/editor-ui/src/components/ExecutionsView/ExecutionCard.vue
index 5e38b74472..a2a596a193 100644
--- a/packages/editor-ui/src/components/ExecutionsView/ExecutionCard.vue
+++ b/packages/editor-ui/src/components/ExecutionsView/ExecutionCard.vue
@@ -53,10 +53,10 @@
 <script lang="ts">
 import { IExecutionsSummary } from '@/Interface';
 import mixins from 'vue-typed-mixins';
-import { executionHelpers, IExecutionUIData } from '../mixins/executionsHelpers';
-import { VIEWS } from '../../constants';
-import { showMessage } from '../mixins/showMessage';
-import { restApi } from '../mixins/restApi';
+import { executionHelpers, IExecutionUIData } from '@/mixins/executionsHelpers';
+import { VIEWS } from '@/constants';
+import { showMessage } from '@/mixins/showMessage';
+import { restApi } from '@/mixins/restApi';
 import ExecutionTime from '@/components/ExecutionTime.vue';
 
 export default mixins(
diff --git a/packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue b/packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue
index 5a57fc61f3..32ed85692d 100644
--- a/packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue
+++ b/packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue
@@ -66,11 +66,11 @@
 
 <script lang="ts">
 import mixins from 'vue-typed-mixins';
-import { restApi } from '@/components/mixins/restApi';
-import { showMessage } from '../mixins/showMessage';
+import { restApi } from '@/mixins/restApi';
+import { showMessage } from '@/mixins/showMessage';
 import WorkflowPreview from '@/components/WorkflowPreview.vue';
-import { executionHelpers, IExecutionUIData } from '../mixins/executionsHelpers';
-import { VIEWS } from '../../constants';
+import { executionHelpers, IExecutionUIData } from '@/mixins/executionsHelpers';
+import { VIEWS } from '@/constants';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 import ElDropdown from 'element-ui/lib/dropdown';
diff --git a/packages/editor-ui/src/components/ExecutionsView/ExecutionsInfoAccordion.vue b/packages/editor-ui/src/components/ExecutionsView/ExecutionsInfoAccordion.vue
index 5e76a1616a..6b54b75654 100644
--- a/packages/editor-ui/src/components/ExecutionsView/ExecutionsInfoAccordion.vue
+++ b/packages/editor-ui/src/components/ExecutionsView/ExecutionsInfoAccordion.vue
@@ -36,7 +36,7 @@ import { mapStores } from 'pinia';
 import { PLACEHOLDER_EMPTY_WORKFLOW_ID, WORKFLOW_SETTINGS_MODAL_KEY } from '@/constants';
 import { deepCopy, IWorkflowSettings } from 'n8n-workflow';
 import mixins from 'vue-typed-mixins';
-import { workflowHelpers } from '../mixins/workflowHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 
 interface IWorkflowSaveSettings {
 	saveFailedExecutions: boolean,
diff --git a/packages/editor-ui/src/components/ExecutionsView/ExecutionsView.vue b/packages/editor-ui/src/components/ExecutionsView/ExecutionsView.vue
index 5804ea36e7..2830785b81 100644
--- a/packages/editor-ui/src/components/ExecutionsView/ExecutionsView.vue
+++ b/packages/editor-ui/src/components/ExecutionsView/ExecutionsView.vue
@@ -33,15 +33,15 @@ import { MODAL_CANCEL, MODAL_CLOSE, MODAL_CONFIRMED, PLACEHOLDER_EMPTY_WORKFLOW_
 import { IExecutionsListResponse, IExecutionsSummary, INodeUi, ITag, IWorkflowDb } from '@/Interface';
 import { IConnection, IConnections, IDataObject, INodeTypeDescription, INodeTypeNameVersion, NodeHelpers } from 'n8n-workflow';
 import mixins from 'vue-typed-mixins';
-import { restApi } from '../mixins/restApi';
-import { showMessage } from '../mixins/showMessage';
+import { restApi } from '@/mixins/restApi';
+import { showMessage } from '@/mixins/showMessage';
 import { v4 as uuid } from 'uuid';
 import { Route } from 'vue-router';
-import { executionHelpers } from '../mixins/executionsHelpers';
+import { executionHelpers } from '@/mixins/executionsHelpers';
 import { range as _range } from 'lodash';
-import { debounceHelper } from '../mixins/debounce';
-import { getNodeViewTab } from '../helpers';
-import { workflowHelpers } from '../mixins/workflowHelpers';
+import { debounceHelper } from '@/mixins/debounce';
+import { getNodeViewTab } from '@/utils';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { mapStores } from 'pinia';
 import { useWorkflowsStore } from '@/stores/workflows';
 import { useUIStore } from '@/stores/ui';
diff --git a/packages/editor-ui/src/components/ExpressionEdit.vue b/packages/editor-ui/src/components/ExpressionEdit.vue
index 5379eb1a05..7e5918a8f1 100644
--- a/packages/editor-ui/src/components/ExpressionEdit.vue
+++ b/packages/editor-ui/src/components/ExpressionEdit.vue
@@ -48,12 +48,12 @@ import VariableSelector from '@/components/VariableSelector.vue';
 
 import { IVariableItemSelected } from '@/Interface';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { genericHelpers } from '@/components/mixins/genericHelpers';
+import { externalHooks } from '@/mixins/externalHooks';
+import { genericHelpers } from '@/mixins/genericHelpers';
 
 import mixins from 'vue-typed-mixins';
-import { hasExpressionMapping } from './helpers';
-import { debounceHelper } from './mixins/debounce';
+import { hasExpressionMapping } from '@/utils';
+import { debounceHelper } from '@/mixins/debounce';
 import { mapStores } from 'pinia';
 import { useWorkflowsStore } from '@/stores/workflows';
 import { useNDVStore } from '@/stores/ndv';
diff --git a/packages/editor-ui/src/components/ExpressionInput.vue b/packages/editor-ui/src/components/ExpressionInput.vue
index af1d64a8d3..2b1d6dce7b 100644
--- a/packages/editor-ui/src/components/ExpressionInput.vue
+++ b/packages/editor-ui/src/components/ExpressionInput.vue
@@ -23,8 +23,8 @@ import {
 import {
 	IVariableItemSelected,
 } from '@/Interface';
-import { genericHelpers } from '@/components/mixins/genericHelpers';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { genericHelpers } from '@/mixins/genericHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 
 import mixins from 'vue-typed-mixins';
 
diff --git a/packages/editor-ui/src/components/ImportCurlModal.vue b/packages/editor-ui/src/components/ImportCurlModal.vue
index da2f007350..a0ddd73d07 100644
--- a/packages/editor-ui/src/components/ImportCurlModal.vue
+++ b/packages/editor-ui/src/components/ImportCurlModal.vue
@@ -47,7 +47,7 @@ import {
 	CURL_IMPORT_NOT_SUPPORTED_PROTOCOLS,
 	CURL_IMPORT_NODES_PROTOCOLS,
 } from '../constants';
-import { showMessage } from './mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import mixins from 'vue-typed-mixins';
 import { INodeUi } from '@/Interface';
 import { mapStores } from 'pinia';
diff --git a/packages/editor-ui/src/components/ImportParameter.vue b/packages/editor-ui/src/components/ImportParameter.vue
index 5dee146874..2c68127e37 100644
--- a/packages/editor-ui/src/components/ImportParameter.vue
+++ b/packages/editor-ui/src/components/ImportParameter.vue
@@ -15,7 +15,7 @@ import { IMPORT_CURL_MODAL_KEY } from '@/constants';
 import { useUIStore } from '@/stores/ui';
 import { mapStores } from 'pinia';
 import mixins from 'vue-typed-mixins';
-import { showMessage } from './mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 
 export default mixins(showMessage).extend({
 	name: 'import-parameter',
diff --git a/packages/editor-ui/src/components/InlineNameEdit.vue b/packages/editor-ui/src/components/InlineNameEdit.vue
index 252189589c..7b52ebd838 100644
--- a/packages/editor-ui/src/components/InlineNameEdit.vue
+++ b/packages/editor-ui/src/components/InlineNameEdit.vue
@@ -36,7 +36,7 @@
 
 <script lang="ts">
 import mixins from 'vue-typed-mixins';
-import { showMessage } from './mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 
 export default mixins(showMessage).extend({
 	name: 'InlineNameEdit',
diff --git a/packages/editor-ui/src/components/InputPanel.vue b/packages/editor-ui/src/components/InputPanel.vue
index e70507fa17..eb04e9b246 100644
--- a/packages/editor-ui/src/components/InputPanel.vue
+++ b/packages/editor-ui/src/components/InputPanel.vue
@@ -74,7 +74,7 @@
 import { INodeUi } from '@/Interface';
 import { IConnectedNode, INodeTypeDescription, Workflow } from 'n8n-workflow';
 import RunData from './RunData.vue';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 import mixins from 'vue-typed-mixins';
 import NodeExecuteButton from './NodeExecuteButton.vue';
 import WireMeUp from './WireMeUp.vue';
diff --git a/packages/editor-ui/src/components/IntersectionObserved.vue b/packages/editor-ui/src/components/IntersectionObserved.vue
index 386944a30e..ad319d3da3 100644
--- a/packages/editor-ui/src/components/IntersectionObserved.vue
+++ b/packages/editor-ui/src/components/IntersectionObserved.vue
@@ -7,7 +7,7 @@
 <script lang="ts">
 
 import mixins from 'vue-typed-mixins';
-import emitter from '@/components/mixins/emitter';
+import emitter from '@/mixins/emitter';
 
 export default mixins(emitter).extend({
 	name: 'IntersectionObserved',
diff --git a/packages/editor-ui/src/components/InviteUsersModal.vue b/packages/editor-ui/src/components/InviteUsersModal.vue
index b6f5a45d50..d0e5887af7 100644
--- a/packages/editor-ui/src/components/InviteUsersModal.vue
+++ b/packages/editor-ui/src/components/InviteUsersModal.vue
@@ -26,12 +26,12 @@
 <script lang="ts">
 import mixins from "vue-typed-mixins";
 
-import { showMessage } from "@/components/mixins/showMessage";
+import { showMessage } from "@/mixins/showMessage";
 import Modal from "./Modal.vue";
 import Vue from "vue";
 import { IFormInputs, IInviteResponse } from "@/Interface";
 import { VALID_EMAIL_REGEX, INVITE_USER_MODAL_KEY } from "@/constants";
-import { ROLE } from "@/stores/userHelpers";
+import { ROLE } from '@/utils';
 import { mapStores } from "pinia";
 import { useUsersStore } from "@/stores/users";
 
diff --git a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
index 0d1f58ef61..394645d8c8 100644
--- a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
+++ b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
@@ -45,7 +45,7 @@ import mixins from "vue-typed-mixins";
 
 import { IExecutionResponse, IExecutionsSummary } from "../../../Interface";
 
-import { titleChange } from "@/components/mixins/titleChange";
+import { titleChange } from "@/mixins/titleChange";
 
 import ShortenName from "@/components/ShortenName.vue";
 import ReadOnly from "@/components/MainHeader/ExecutionDetails/ReadOnly.vue";
diff --git a/packages/editor-ui/src/components/MainHeader/MainHeader.vue b/packages/editor-ui/src/components/MainHeader/MainHeader.vue
index bf20c19a8e..3be8028c64 100644
--- a/packages/editor-ui/src/components/MainHeader/MainHeader.vue
+++ b/packages/editor-ui/src/components/MainHeader/MainHeader.vue
@@ -12,13 +12,13 @@
 
 <script lang="ts">
 import mixins from 'vue-typed-mixins';
-import { pushConnection } from '@/components/mixins/pushConnection';
+import { pushConnection } from '@/mixins/pushConnection';
 import WorkflowDetails from '@/components/MainHeader/WorkflowDetails.vue';
 import ExecutionDetails from '@/components/MainHeader/ExecutionDetails/ExecutionDetails.vue';
 import TabBar from '@/components/MainHeader/TabBar.vue';
 import { MAIN_HEADER_TABS, PLACEHOLDER_EMPTY_WORKFLOW_ID, STICKY_NODE_TYPE, VIEWS } from '@/constants';
 import { IExecutionsSummary, INodeUi, ITabBarItem } from '@/Interface';
-import { workflowHelpers } from '../mixins/workflowHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { Route } from 'vue-router';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
diff --git a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
index 3522742c02..a6007010b1 100644
--- a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
+++ b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
@@ -108,7 +108,7 @@ 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 "@/components/mixins/workflowHelpers";
+import { workflowHelpers } from "@/mixins/workflowHelpers";
 import SaveButton from "@/components/SaveButton.vue";
 import TagsDropdown from "@/components/TagsDropdown.vue";
 import InlineTextEdit from "@/components/InlineTextEdit.vue";
@@ -116,7 +116,7 @@ import BreakpointsObserver from "@/components/BreakpointsObserver.vue";
 import {IWorkflowDataUpdate, IWorkflowDb, IWorkflowToShare} from "@/Interface";
 
 import { saveAs } from 'file-saver';
-import { titleChange } from "../mixins/titleChange";
+import { titleChange } from "@/mixins/titleChange";
 import type { MessageBoxInputData } from 'element-ui/types/message-box';
 import { mapStores } from "pinia";
 import { useUIStore } from "@/stores/ui";
diff --git a/packages/editor-ui/src/components/MainSidebar.vue b/packages/editor-ui/src/components/MainSidebar.vue
index e3a9f9960a..375f4fee1b 100644
--- a/packages/editor-ui/src/components/MainSidebar.vue
+++ b/packages/editor-ui/src/components/MainSidebar.vue
@@ -64,12 +64,12 @@ import ExecutionsList from '@/components/ExecutionsList.vue';
 import GiftNotificationIcon from './GiftNotificationIcon.vue';
 import WorkflowSettings from '@/components/WorkflowSettings.vue';
 
-import { genericHelpers } from '@/components/mixins/genericHelpers';
-import { restApi } from '@/components/mixins/restApi';
-import { showMessage } from '@/components/mixins/showMessage';
-import { titleChange } from '@/components/mixins/titleChange';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
-import { workflowRun } from '@/components/mixins/workflowRun';
+import { genericHelpers } from '@/mixins/genericHelpers';
+import { restApi } from '@/mixins/restApi';
+import { showMessage } from '@/mixins/showMessage';
+import { titleChange } from '@/mixins/titleChange';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
+import { workflowRun } from '@/mixins/workflowRun';
 
 import mixins from 'vue-typed-mixins';
 import {
@@ -82,8 +82,8 @@ import {
 	VIEWS,
 	PLACEHOLDER_EMPTY_WORKFLOW_ID,
 } from '@/constants';
-import { userHelpers } from './mixins/userHelpers';
-import { debounceHelper } from './mixins/debounce';
+import { userHelpers } from '@/mixins/userHelpers';
+import { debounceHelper } from '@/mixins/debounce';
 import Vue from 'vue';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
diff --git a/packages/editor-ui/src/components/NDVDraggablePanels.vue b/packages/editor-ui/src/components/NDVDraggablePanels.vue
index 4bf9b75242..b444bdbdbe 100644
--- a/packages/editor-ui/src/components/NDVDraggablePanels.vue
+++ b/packages/editor-ui/src/components/NDVDraggablePanels.vue
@@ -48,7 +48,7 @@ import {
 	MAIN_NODE_PANEL_WIDTH,
 } from '@/constants';
 import mixins from 'vue-typed-mixins';
-import { debounceHelper } from './mixins/debounce';
+import { debounceHelper } from '@/mixins/debounce';
 import { mapStores } from 'pinia';
 import { useNDVStore } from '@/stores/ndv';
 import { nodePanelType } from '@/Interface';
diff --git a/packages/editor-ui/src/components/Node.vue b/packages/editor-ui/src/components/Node.vue
index 41198a1040..845c5acca1 100644
--- a/packages/editor-ui/src/components/Node.vue
+++ b/packages/editor-ui/src/components/Node.vue
@@ -98,11 +98,11 @@
 
 import Vue from 'vue';
 import { CUSTOM_API_CALL_KEY, LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, WAIT_TIME_UNLIMITED, MANUAL_TRIGGER_NODE_TYPE } from '@/constants';
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { nodeBase } from '@/components/mixins/nodeBase';
-import { nodeHelpers } from '@/components/mixins/nodeHelpers';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
-import { pinData } from '@/components/mixins/pinData';
+import { externalHooks } from '@/mixins/externalHooks';
+import { nodeBase } from '@/mixins/nodeBase';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
+import { pinData } from '@/mixins/pinData';
 
 import {
 	INodeTypeDescription,
@@ -116,9 +116,9 @@ import TitledList from '@/components/TitledList.vue';
 import mixins from 'vue-typed-mixins';
 
 import { get } from 'lodash';
-import { getStyleTokenValue, getTriggerNodeServiceName } from './helpers';
+import { getStyleTokenValue, getTriggerNodeServiceName } from '@/utils';
 import { IExecutionsSummary, INodeUi, XYPosition } from '@/Interface';
-import { debounceHelper } from './mixins/debounce';
+import { debounceHelper } from '@/mixins/debounce';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 import { useWorkflowsStore } from '@/stores/workflows';
diff --git a/packages/editor-ui/src/components/Node/NodeCreation.vue b/packages/editor-ui/src/components/Node/NodeCreation.vue
index 693d25ce14..54fab7ee1a 100644
--- a/packages/editor-ui/src/components/Node/NodeCreation.vue
+++ b/packages/editor-ui/src/components/Node/NodeCreation.vue
@@ -18,7 +18,7 @@
 
 <script lang="ts">
 import Vue from "vue";
-import * as CanvasHelpers from "@/views/canvasHelpers";
+import { getMidCanvasPosition } from '@/utils';
 import {DEFAULT_STICKY_HEIGHT, DEFAULT_STICKY_WIDTH, STICKY_NODE_TYPE} from "@/constants";
 import { mapStores } from "pinia";
 import { useUIStore } from "@/stores/ui";
@@ -80,7 +80,7 @@ export default Vue.extend({
 
 			const offset: [number, number] = [...(this.uiStore.nodeViewOffsetPosition)];
 
-			const position = CanvasHelpers.getMidCanvasPosition(this.nodeViewScale, offset);
+			const position = getMidCanvasPosition(this.nodeViewScale, offset);
 			position[0] -= DEFAULT_STICKY_WIDTH / 2;
 			position[1] -= DEFAULT_STICKY_HEIGHT / 2;
 
diff --git a/packages/editor-ui/src/components/Node/NodeCreator/CategorizedItems.vue b/packages/editor-ui/src/components/Node/NodeCreator/CategorizedItems.vue
index 24722b3141..36dc5032d9 100644
--- a/packages/editor-ui/src/components/Node/NodeCreator/CategorizedItems.vue
+++ b/packages/editor-ui/src/components/Node/NodeCreator/CategorizedItems.vue
@@ -94,8 +94,8 @@
 import Vue, { PropType } from 'vue';
 import camelcase from 'lodash.camelcase';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { globalLinkActions } from '@/components/mixins/globalLinkActions';
+import { externalHooks } from '@/mixins/externalHooks';
+import { globalLinkActions } from '@/mixins/globalLinkActions';
 
 import mixins from 'vue-typed-mixins';
 import ItemIterator from './ItemIterator.vue';
@@ -103,10 +103,8 @@ import NoResults from './NoResults.vue';
 import SearchBar from './SearchBar.vue';
 import { INodeCreateElement, INodeItemProps, ISubcategoryItemProps, ICategoriesWithNodes, ICategoryItemProps, INodeFilterType } from '@/Interface';
 import { WEBHOOK_NODE_TYPE, HTTP_REQUEST_NODE_TYPE, ALL_NODE_FILTER, TRIGGER_NODE_FILTER, REGULAR_NODE_FILTER, NODE_TYPE_COUNT_MAPPER } from '@/constants';
-import { matchesNodeType, matchesSelectType } from './helpers';
 import { BaseTextKey } from '@/plugins/i18n';
-import { intersection } from '@/utils';
-import { sublimeSearch } from './sortUtils';
+import { intersection, sublimeSearch, matchesNodeType, matchesSelectType  } from '@/utils';
 import { mapStores } from 'pinia';
 import { useWorkflowsStore } from '@/stores/workflows';
 import { useRootStore } from '@/stores/n8nRootStore';
diff --git a/packages/editor-ui/src/components/Node/NodeCreator/MainPanel.vue b/packages/editor-ui/src/components/Node/NodeCreator/MainPanel.vue
index 9fdad64e8c..3d363927ac 100644
--- a/packages/editor-ui/src/components/Node/NodeCreator/MainPanel.vue
+++ b/packages/editor-ui/src/components/Node/NodeCreator/MainPanel.vue
@@ -30,7 +30,7 @@
 
 <script lang="ts">
 import { PropType } from 'vue';
-import { externalHooks } from '@/components/mixins/externalHooks';
+import { externalHooks } from '@/mixins/externalHooks';
 import mixins from 'vue-typed-mixins';
 import TriggerHelperPanel from './TriggerHelperPanel.vue';
 import { ALL_NODE_FILTER, TRIGGER_NODE_FILTER, OTHER_TRIGGER_NODES_SUBCATEGORY, CORE_NODES_CATEGORY } from '@/constants';
diff --git a/packages/editor-ui/src/components/Node/NodeCreator/NodeItem.vue b/packages/editor-ui/src/components/Node/NodeCreator/NodeItem.vue
index 019935f4e3..d284bf76f6 100644
--- a/packages/editor-ui/src/components/Node/NodeCreator/NodeItem.vue
+++ b/packages/editor-ui/src/components/Node/NodeCreator/NodeItem.vue
@@ -58,12 +58,11 @@
 import Vue, { PropType } from 'vue';
 import { INodeTypeDescription } from 'n8n-workflow';
 
-import { getNewNodePosition, NODE_SIZE } from '@/views/canvasHelpers';
+import { isCommunityPackageName, getNewNodePosition, NODE_SIZE } from '@/utils';
 import { COMMUNITY_NODES_INSTALLATION_DOCS_URL } from '@/constants';
 
 import NodeIcon from '@/components/NodeIcon.vue';
 import TriggerIcon from '@/components/TriggerIcon.vue';
-import { isCommunityPackageName } from '@/components/helpers';
 
 Vue.component('node-icon', NodeIcon);
 Vue.component('trigger-icon', TriggerIcon);
diff --git a/packages/editor-ui/src/components/Node/NodeCreator/SearchBar.vue b/packages/editor-ui/src/components/Node/NodeCreator/SearchBar.vue
index 767a102e53..a79d38866f 100644
--- a/packages/editor-ui/src/components/Node/NodeCreator/SearchBar.vue
+++ b/packages/editor-ui/src/components/Node/NodeCreator/SearchBar.vue
@@ -24,7 +24,7 @@
 import Vue, { PropType } from 'vue';
 import mixins from 'vue-typed-mixins';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
+import { externalHooks } from '@/mixins/externalHooks';
 
 export default mixins(externalHooks).extend({
 	name: "SearchBar",
diff --git a/packages/editor-ui/src/components/Node/NodeCreator/TriggerHelperPanel.vue b/packages/editor-ui/src/components/Node/NodeCreator/TriggerHelperPanel.vue
index 5690d536ee..9e6b461441 100644
--- a/packages/editor-ui/src/components/Node/NodeCreator/TriggerHelperPanel.vue
+++ b/packages/editor-ui/src/components/Node/NodeCreator/TriggerHelperPanel.vue
@@ -23,7 +23,7 @@
 import { PropType } from 'vue';
 import mixins from 'vue-typed-mixins';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
+import { externalHooks } from '@/mixins/externalHooks';
 import { INodeCreateElement } from '@/Interface';
 import { CORE_NODES_CATEGORY, WEBHOOK_NODE_TYPE, OTHER_TRIGGER_NODES_SUBCATEGORY, EXECUTE_WORKFLOW_TRIGGER_NODE_TYPE, MANUAL_TRIGGER_NODE_TYPE, COMMUNICATION_CATEGORY, SCHEDULE_TRIGGER_NODE_TYPE } from '@/constants';
 
diff --git a/packages/editor-ui/src/components/Node/NodeCreator/helpers.ts b/packages/editor-ui/src/components/Node/NodeCreator/helpers.ts
deleted file mode 100644
index 5b2a7bfccc..0000000000
--- a/packages/editor-ui/src/components/Node/NodeCreator/helpers.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { REGULAR_NODE_FILTER, TRIGGER_NODE_FILTER, ALL_NODE_FILTER  } from '@/constants';
-import { INodeCreateElement, INodeItemProps } from '@/Interface';
-import { INodeTypeDescription } from 'n8n-workflow';
-
-
-export const matchesSelectType = (el: INodeCreateElement, selectedType: string) => {
-	if (selectedType === REGULAR_NODE_FILTER && el.includedByRegular) {
-		return true;
-	}
-	if (selectedType === TRIGGER_NODE_FILTER && el.includedByTrigger) {
-		return true;
-	}
-
-	return selectedType === ALL_NODE_FILTER;
-};
-
-const matchesAlias = (nodeType: INodeTypeDescription, filter: string): boolean => {
-	if (!nodeType.codex || !nodeType.codex.alias) {
-		return false;
-	}
-
-	return nodeType.codex.alias.reduce((accu: boolean, alias: string) => {
-		return accu || alias.toLowerCase().indexOf(filter) > -1;
-	}, false);
-};
-
-export const matchesNodeType = (el: INodeCreateElement, filter: string) => {
-	const nodeType = (el.properties as INodeItemProps).nodeType;
-
-	return nodeType.displayName.toLowerCase().indexOf(filter) !== -1 || matchesAlias(nodeType, filter);
-};
diff --git a/packages/editor-ui/src/components/NodeCredentials.vue b/packages/editor-ui/src/components/NodeCredentials.vue
index af2b82f6c9..5b00478fc3 100644
--- a/packages/editor-ui/src/components/NodeCredentials.vue
+++ b/packages/editor-ui/src/components/NodeCredentials.vue
@@ -60,7 +60,7 @@
 </template>
 
 <script lang="ts">
-import { restApi } from '@/components/mixins/restApi';
+import { restApi } from '@/mixins/restApi';
 import {
 	ICredentialsResponse,
 	INodeUi,
@@ -73,9 +73,9 @@ import {
 	INodeCredentialsDetails,
 } from 'n8n-workflow';
 
-import { genericHelpers } from '@/components/mixins/genericHelpers';
-import { nodeHelpers } from '@/components/mixins/nodeHelpers';
-import { showMessage } from '@/components/mixins/showMessage';
+import { genericHelpers } from '@/mixins/genericHelpers';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
+import { showMessage } from '@/mixins/showMessage';
 
 import TitledList from '@/components/TitledList.vue';
 
diff --git a/packages/editor-ui/src/components/NodeDetailsView.vue b/packages/editor-ui/src/components/NodeDetailsView.vue
index e00a3aaff1..1d2b545ee1 100644
--- a/packages/editor-ui/src/components/NodeDetailsView.vue
+++ b/packages/editor-ui/src/components/NodeDetailsView.vue
@@ -125,9 +125,9 @@ import {
 } from 'n8n-workflow';
 import { IExecutionResponse, INodeUi, IUpdateInformation, TargetItem } from '@/Interface';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { nodeHelpers } from '@/components/mixins/nodeHelpers';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { externalHooks } from '@/mixins/externalHooks';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 
 import NodeSettings from '@/components/NodeSettings.vue';
 import NDVDraggablePanels from './NDVDraggablePanels.vue';
@@ -143,8 +143,8 @@ import {
 	START_NODE_TYPE,
 	STICKY_NODE_TYPE,
 } from '@/constants';
-import { workflowActivate } from './mixins/workflowActivate';
-import { pinData } from "@/components/mixins/pinData";
+import { workflowActivate } from '@/mixins/workflowActivate';
+import { pinData } from "@/mixins/pinData";
 import { dataPinningEventBus } from '@/event-bus/data-pinning-event-bus';
 import { mapStores } from 'pinia';
 import { useWorkflowsStore } from '@/stores/workflows';
diff --git a/packages/editor-ui/src/components/NodeExecuteButton.vue b/packages/editor-ui/src/components/NodeExecuteButton.vue
index 3219f2e685..dd02f664c3 100644
--- a/packages/editor-ui/src/components/NodeExecuteButton.vue
+++ b/packages/editor-ui/src/components/NodeExecuteButton.vue
@@ -22,8 +22,8 @@ import { WEBHOOK_NODE_TYPE, MANUAL_TRIGGER_NODE_TYPE } from '@/constants';
 import { INodeUi } from '@/Interface';
 import { INodeTypeDescription } from 'n8n-workflow';
 import mixins from 'vue-typed-mixins';
-import { workflowRun } from './mixins/workflowRun';
-import { pinData } from './mixins/pinData';
+import { workflowRun } from '@/mixins/workflowRun';
+import { pinData } from '@/mixins/pinData';
 import { dataPinningEventBus } from '@/event-bus/data-pinning-event-bus';
 import { mapStores } from 'pinia';
 import { useWorkflowsStore } from '@/stores/workflows';
diff --git a/packages/editor-ui/src/components/NodeList.vue b/packages/editor-ui/src/components/NodeList.vue
index 70deedc560..e42a0c8245 100644
--- a/packages/editor-ui/src/components/NodeList.vue
+++ b/packages/editor-ui/src/components/NodeList.vue
@@ -15,10 +15,10 @@
 
 <script lang="ts">
 import NodeIcon from '@/components/NodeIcon.vue';
-import { genericHelpers } from '@/components/mixins/genericHelpers';
+import { genericHelpers } from '@/mixins/genericHelpers';
 import { ITemplatesNode } from '@/Interface';
 import mixins from 'vue-typed-mixins';
-import { filterTemplateNodes } from './helpers';
+import { filterTemplateNodes } from '@/utils';
 export default mixins(genericHelpers).extend({
 	name: 'NodeList',
 	props: {
diff --git a/packages/editor-ui/src/components/NodeSettings.vue b/packages/editor-ui/src/components/NodeSettings.vue
index ae762d2794..c4c8168b06 100644
--- a/packages/editor-ui/src/components/NodeSettings.vue
+++ b/packages/editor-ui/src/components/NodeSettings.vue
@@ -150,12 +150,12 @@ import NodeSettingsTabs from '@/components/NodeSettingsTabs.vue';
 import NodeWebhooks from '@/components/NodeWebhooks.vue';
 import { get, set, unset } from 'lodash';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { nodeHelpers } from '@/components/mixins/nodeHelpers';
+import { externalHooks } from '@/mixins/externalHooks';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
 
 import mixins from 'vue-typed-mixins';
 import NodeExecuteButton from './NodeExecuteButton.vue';
-import { isCommunityPackageName } from './helpers';
+import { isCommunityPackageName } from '@/utils';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 import { useWorkflowsStore } from '@/stores/workflows';
diff --git a/packages/editor-ui/src/components/NodeSettingsTabs.vue b/packages/editor-ui/src/components/NodeSettingsTabs.vue
index 0034841706..5d2bfd33ca 100644
--- a/packages/editor-ui/src/components/NodeSettingsTabs.vue
+++ b/packages/editor-ui/src/components/NodeSettingsTabs.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts">
-import { externalHooks } from '@/components/mixins/externalHooks';
+import { externalHooks } from '@/mixins/externalHooks';
 import { BUILTIN_NODES_DOCS_URL, COMMUNITY_NODES_INSTALLATION_DOCS_URL, NPM_PACKAGE_DOCS_BASE_URL } from '@/constants';
 import { INodeUi, ITab } from '@/Interface';
 import { useNDVStore } from '@/stores/ndv';
@@ -12,7 +12,7 @@ import { INodeTypeDescription } from 'n8n-workflow';
 import { mapStores } from 'pinia';
 
 import mixins from 'vue-typed-mixins';
-import { isCommunityPackageName } from './helpers';
+import { isCommunityPackageName } from '@/utils';
 
 export default mixins(
 	externalHooks,
diff --git a/packages/editor-ui/src/components/NodeWebhooks.vue b/packages/editor-ui/src/components/NodeWebhooks.vue
index 3969f980e9..d5b02ea54c 100644
--- a/packages/editor-ui/src/components/NodeWebhooks.vue
+++ b/packages/editor-ui/src/components/NodeWebhooks.vue
@@ -47,9 +47,9 @@ import {
 } from 'n8n-workflow';
 
 import { WEBHOOK_NODE_TYPE } from '@/constants';
-import { copyPaste } from '@/components/mixins/copyPaste';
-import { showMessage } from '@/components/mixins/showMessage';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { copyPaste } from '@/mixins/copyPaste';
+import { showMessage } from '@/mixins/showMessage';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 
 import mixins from 'vue-typed-mixins';
 
diff --git a/packages/editor-ui/src/components/OnboardingCallSignupModal.vue b/packages/editor-ui/src/components/OnboardingCallSignupModal.vue
index 3c97e9e8d2..b2d66fc093 100644
--- a/packages/editor-ui/src/components/OnboardingCallSignupModal.vue
+++ b/packages/editor-ui/src/components/OnboardingCallSignupModal.vue
@@ -54,7 +54,7 @@ import {
 import Modal from './Modal.vue';
 
 import mixins from 'vue-typed-mixins';
-import { showMessage } from './mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 
diff --git a/packages/editor-ui/src/components/OutputPanel.vue b/packages/editor-ui/src/components/OutputPanel.vue
index 1b005547f8..3f02a7d5e7 100644
--- a/packages/editor-ui/src/components/OutputPanel.vue
+++ b/packages/editor-ui/src/components/OutputPanel.vue
@@ -85,7 +85,7 @@ import { INodeTypeDescription, IRunData, IRunExecutionData, ITaskData } from 'n8
 import Vue from 'vue';
 import RunData, { EnterEditModeArgs } from './RunData.vue';
 import RunInfo from './RunInfo.vue';
-import { pinData } from "@/components/mixins/pinData";
+import { pinData } from "@/mixins/pinData";
 import mixins from 'vue-typed-mixins';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
diff --git a/packages/editor-ui/src/components/PageAlert.vue b/packages/editor-ui/src/components/PageAlert.vue
index e6e51fed9b..5d041d26af 100644
--- a/packages/editor-ui/src/components/PageAlert.vue
+++ b/packages/editor-ui/src/components/PageAlert.vue
@@ -5,7 +5,7 @@
 <script lang="ts">
 import mixins from 'vue-typed-mixins';
 
-import { showMessage } from './mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import type { ElMessageComponent } from 'element-ui/types/message';
 import { sanitizeHtml } from '@/utils';
 
diff --git a/packages/editor-ui/src/components/ParameterInput.vue b/packages/editor-ui/src/components/ParameterInput.vue
index 04e5311c3c..dd840d1dc0 100644
--- a/packages/editor-ui/src/components/ParameterInput.vue
+++ b/packages/editor-ui/src/components/ParameterInput.vue
@@ -328,18 +328,17 @@ import ResourceLocator from '@/components/ResourceLocator/ResourceLocator.vue';
 import PrismEditor from 'vue-prism-editor';
 import TextEdit from '@/components/TextEdit.vue';
 import CodeNodeEditor from '@/components/CodeNodeEditor/CodeNodeEditor.vue';
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { nodeHelpers } from '@/components/mixins/nodeHelpers';
-import { showMessage } from '@/components/mixins/showMessage';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
-import { hasExpressionMapping, isValueExpression } from './helpers';
-import { isResourceLocatorValue } from '@/typeGuards';
+import { externalHooks } from '@/mixins/externalHooks';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
+import { showMessage } from '@/mixins/showMessage';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
+import { hasExpressionMapping, isValueExpression, isResourceLocatorValue } from '@/utils';
 
 import mixins from 'vue-typed-mixins';
 import { CUSTOM_API_CALL_KEY } from '@/constants';
 import { CODE_NODE_TYPE } from '@/constants';
 import { PropType } from 'vue';
-import { debounceHelper } from './mixins/debounce';
+import { debounceHelper } from '@/mixins/debounce';
 import { mapStores } from 'pinia';
 import { useWorkflowsStore } from '@/stores/workflows';
 import { useNDVStore } from '@/stores/ndv';
diff --git a/packages/editor-ui/src/components/ParameterInputExpanded.vue b/packages/editor-ui/src/components/ParameterInputExpanded.vue
index aa4f5902d7..7c817eab5d 100644
--- a/packages/editor-ui/src/components/ParameterInputExpanded.vue
+++ b/packages/editor-ui/src/components/ParameterInputExpanded.vue
@@ -52,7 +52,7 @@ import { IUpdateInformation } from '@/Interface';
 import ParameterOptions from './ParameterOptions.vue';
 import Vue, { PropType } from 'vue';
 import ParameterInputWrapper from './ParameterInputWrapper.vue';
-import { isValueExpression } from './helpers';
+import { isValueExpression } from '@/utils';
 import { INodeParameterResourceLocator, INodeProperties } from 'n8n-workflow';
 import { mapStores } from 'pinia';
 import { useWorkflowsStore } from '@/stores/workflows';
diff --git a/packages/editor-ui/src/components/ParameterInputFull.vue b/packages/editor-ui/src/components/ParameterInputFull.vue
index bf332a781d..7f74808995 100644
--- a/packages/editor-ui/src/components/ParameterInputFull.vue
+++ b/packages/editor-ui/src/components/ParameterInputFull.vue
@@ -73,13 +73,11 @@ import {
 import ParameterOptions from '@/components/ParameterOptions.vue';
 import DraggableTarget from '@/components/DraggableTarget.vue';
 import mixins from 'vue-typed-mixins';
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import { LOCAL_STORAGE_MAPPING_FLAG } from '@/constants';
-import { hasExpressionMapping } from '@/components/helpers';
+import { hasExpressionMapping, isResourceLocatorValue, hasOnlyListMode } from '@/utils';
 import ParameterInputWrapper from '@/components/ParameterInputWrapper.vue';
-import { hasOnlyListMode } from '@/components/ResourceLocator/helpers';
 import { INodeParameters, INodeProperties, INodePropertyMode } from 'n8n-workflow';
-import { isResourceLocatorValue } from '@/typeGuards';
 import { BaseTextKey } from "@/plugins/i18n";
 import { mapStores } from 'pinia';
 import { useNDVStore } from '@/stores/ndv';
diff --git a/packages/editor-ui/src/components/ParameterInputList.vue b/packages/editor-ui/src/components/ParameterInputList.vue
index 7d86da2924..12a7cc6737 100644
--- a/packages/editor-ui/src/components/ParameterInputList.vue
+++ b/packages/editor-ui/src/components/ParameterInputList.vue
@@ -111,7 +111,7 @@ import {
 import { INodeUi, IUpdateInformation } from '@/Interface';
 
 import MultipleParameter from '@/components/MultipleParameter.vue';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 import ParameterInputFull from '@/components/ParameterInputFull.vue';
 import ImportParameter from '@/components/ImportParameter.vue';
 
diff --git a/packages/editor-ui/src/components/ParameterInputWrapper.vue b/packages/editor-ui/src/components/ParameterInputWrapper.vue
index 7260e6e19d..3548d55279 100644
--- a/packages/editor-ui/src/components/ParameterInputWrapper.vue
+++ b/packages/editor-ui/src/components/ParameterInputWrapper.vue
@@ -32,11 +32,11 @@ import Vue, { PropType } from 'vue';
 import ParameterInput from '@/components/ParameterInput.vue';
 import InputHint from './ParameterInputHint.vue';
 import mixins from 'vue-typed-mixins';
-import { showMessage } from './mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import { INodeProperties, INodePropertyMode, IRunData, isResourceLocatorValue, NodeParameterValue, NodeParameterValueType } from 'n8n-workflow';
 import { INodeUi, IUiState, IUpdateInformation, TargetItem } from '@/Interface';
-import { workflowHelpers } from './mixins/workflowHelpers';
-import { isValueExpression } from './helpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
+import { isValueExpression } from '@/utils';
 import { mapStores } from 'pinia';
 import { useNDVStore } from '@/stores/ndv';
 
diff --git a/packages/editor-ui/src/components/ParameterOptions.vue b/packages/editor-ui/src/components/ParameterOptions.vue
index 28c82049a8..1a6534c606 100644
--- a/packages/editor-ui/src/components/ParameterOptions.vue
+++ b/packages/editor-ui/src/components/ParameterOptions.vue
@@ -25,10 +25,9 @@
 </template>
 
 <script lang="ts">
-import { isResourceLocatorValue } from '@/typeGuards';
 import { NodeParameterValueType } from 'n8n-workflow';
 import Vue, { PropType } from 'vue';
-import { isValueExpression } from './helpers';
+import { isValueExpression, isResourceLocatorValue } from '@/utils';
 
 export default Vue.extend({
 	name: 'parameter-options',
diff --git a/packages/editor-ui/src/components/PersonalizationModal.vue b/packages/editor-ui/src/components/PersonalizationModal.vue
index 64ae26abdc..494349fce3 100644
--- a/packages/editor-ui/src/components/PersonalizationModal.vue
+++ b/packages/editor-ui/src/components/PersonalizationModal.vue
@@ -113,12 +113,12 @@ import {
 	USAGE_MODE_BUILD_BE_SERVICES,
 	USAGE_MODE_CONNECT_TO_DB,
 } from '../constants';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
-import { showMessage } from '@/components/mixins/showMessage';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
+import { showMessage } from '@/mixins/showMessage';
 import Modal from './Modal.vue';
 import { IFormInputs, IPersonalizationLatestVersion, IPersonalizationSurveyAnswersV3, IUser } from '@/Interface';
 import Vue from 'vue';
-import { getAccountAge } from '@/stores/userHelpers';
+import { getAccountAge } from '@/utils';
 import { GenericValue } from 'n8n-workflow';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
diff --git a/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue b/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue
index 7c2f3713df..94b9ede7df 100644
--- a/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue
+++ b/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue
@@ -153,9 +153,6 @@ import {
 	INodePropertyMode,
 	NodeParameterValue,
 } from 'n8n-workflow';
-import {
-	hasOnlyListMode,
-} from './helpers';
 
 import DraggableTarget from '@/components/DraggableTarget.vue';
 import ExpressionEdit from '@/components/ExpressionEdit.vue';
@@ -163,12 +160,11 @@ import ParameterIssues from '@/components/ParameterIssues.vue';
 import ResourceLocatorDropdown from './ResourceLocatorDropdown.vue';
 import Vue, { PropType } from 'vue';
 import { INodeUi, IResourceLocatorReqParams, IResourceLocatorResultExpanded } from '@/Interface';
-import { debounceHelper } from '../mixins/debounce';
+import { debounceHelper } from '@/mixins/debounce';
 import stringify from 'fast-json-stable-stringify';
-import { workflowHelpers } from '../mixins/workflowHelpers';
-import { nodeHelpers } from '../mixins/nodeHelpers';
-import { getAppNameFromNodeName } from '../helpers';
-import { isResourceLocatorValue } from '@/typeGuards';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
+import { getAppNameFromNodeName, isResourceLocatorValue, hasOnlyListMode } from '@/utils';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 import { useWorkflowsStore } from '@/stores/workflows';
diff --git a/packages/editor-ui/src/components/ResourceLocator/helpers.ts b/packages/editor-ui/src/components/ResourceLocator/helpers.ts
deleted file mode 100644
index 42d3007236..0000000000
--- a/packages/editor-ui/src/components/ResourceLocator/helpers.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import {
-	INodeProperties,
-} from 'n8n-workflow';
-
-export const hasOnlyListMode = (parameter: INodeProperties) : boolean => {
-	return parameter.modes !== undefined && parameter.modes.length === 1 && parameter.modes[0].name === 'list';
-};
diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue
index 95d7a48f95..5ae8607693 100644
--- a/packages/editor-ui/src/components/RunData.vue
+++ b/packages/editor-ui/src/components/RunData.vue
@@ -363,14 +363,14 @@ import BinaryDataDisplay from '@/components/BinaryDataDisplay.vue';
 import WarningTooltip from '@/components/WarningTooltip.vue';
 import NodeErrorView from '@/components/Error/NodeErrorView.vue';
 
-import { copyPaste } from '@/components/mixins/copyPaste';
-import { externalHooks } from "@/components/mixins/externalHooks";
-import { genericHelpers } from '@/components/mixins/genericHelpers';
-import { nodeHelpers } from '@/components/mixins/nodeHelpers';
-import { pinData } from '@/components/mixins/pinData';
+import { copyPaste } from '@/mixins/copyPaste';
+import { externalHooks } from "@/mixins/externalHooks";
+import { genericHelpers } from '@/mixins/genericHelpers';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
+import { pinData } from '@/mixins/pinData';
 import { CodeEditor } from "@/components/forms";
 import { dataPinningEventBus } from '@/event-bus/data-pinning-event-bus';
-import { clearJsonKey, executionDataToJson, stringSizeInBytes } from './helpers';
+import { clearJsonKey, executionDataToJson, stringSizeInBytes } from '@/utils';
 import { isEmpty } from '@/utils';
 import { useWorkflowsStore } from "@/stores/workflows";
 import { mapStores } from "pinia";
diff --git a/packages/editor-ui/src/components/RunDataJson.vue b/packages/editor-ui/src/components/RunDataJson.vue
index aef5085c06..6431456703 100644
--- a/packages/editor-ui/src/components/RunDataJson.vue
+++ b/packages/editor-ui/src/components/RunDataJson.vue
@@ -62,10 +62,9 @@ import VueJsonPretty from 'vue-json-pretty';
 import { LOCAL_STORAGE_MAPPING_FLAG } from '@/constants';
 import { IDataObject, INodeExecutionData } from "n8n-workflow";
 import Draggable from '@/components/Draggable.vue';
-import { convertPath, executionDataToJson, isString } from "@/components/helpers";
+import { convertPath, executionDataToJson, isString, shorten } from '@/utils';
 import { INodeUi } from "@/Interface";
-import { shorten } from './helpers';
-import { externalHooks } from "@/components/mixins/externalHooks";
+import { externalHooks } from "@/mixins/externalHooks";
 import { mapStores } from "pinia";
 import { useNDVStore } from "@/stores/ndv";
 
diff --git a/packages/editor-ui/src/components/RunDataJsonActions.vue b/packages/editor-ui/src/components/RunDataJsonActions.vue
index 76e41393bc..9b8827eb7b 100644
--- a/packages/editor-ui/src/components/RunDataJsonActions.vue
+++ b/packages/editor-ui/src/components/RunDataJsonActions.vue
@@ -32,11 +32,11 @@ import mixins from "vue-typed-mixins";
 import jp from "jsonpath";
 import { INodeUi } from "@/Interface";
 import { IDataObject } from "n8n-workflow";
-import { copyPaste } from "@/components/mixins/copyPaste";
-import { pinData } from "@/components/mixins/pinData";
-import { nodeHelpers } from "@/components/mixins/nodeHelpers";
-import { genericHelpers } from "@/components/mixins/genericHelpers";
-import { clearJsonKey, convertPath, executionDataToJson } from "@/components/helpers";
+import { copyPaste } from "@/mixins/copyPaste";
+import { pinData } from "@/mixins/pinData";
+import { nodeHelpers } from "@/mixins/nodeHelpers";
+import { genericHelpers } from "@/mixins/genericHelpers";
+import { clearJsonKey, convertPath, executionDataToJson } from '@/utils';
 import { mapStores } from "pinia";
 import { useWorkflowsStore } from "@/stores/workflows";
 import { useNDVStore } from "@/stores/ndv";
diff --git a/packages/editor-ui/src/components/RunDataTable.vue b/packages/editor-ui/src/components/RunDataTable.vue
index 9be436d892..1b3aee4337 100644
--- a/packages/editor-ui/src/components/RunDataTable.vue
+++ b/packages/editor-ui/src/components/RunDataTable.vue
@@ -161,13 +161,13 @@
 <script lang="ts">
 /* eslint-disable prefer-spread */
 import { INodeUi, ITableData, NDVState } from '@/Interface';
-import { getPairedItemId } from '@/pairedItemUtils';
+import { getPairedItemId } from '@/utils';
 import Vue, { PropType } from 'vue';
 import mixins from 'vue-typed-mixins';
 import { GenericValue, IDataObject, INodeExecutionData } from 'n8n-workflow';
 import Draggable from './Draggable.vue';
-import { shorten } from './helpers';
-import { externalHooks } from './mixins/externalHooks';
+import { shorten } from '@/utils';
+import { externalHooks } from '@/mixins/externalHooks';
 import { mapStores } from 'pinia';
 import { useWorkflowsStore } from '@/stores/workflows';
 import { useNDVStore } from '@/stores/ndv';
diff --git a/packages/editor-ui/src/components/SettingsSidebar.vue b/packages/editor-ui/src/components/SettingsSidebar.vue
index bd27b81ae0..1fa802f493 100644
--- a/packages/editor-ui/src/components/SettingsSidebar.vue
+++ b/packages/editor-ui/src/components/SettingsSidebar.vue
@@ -23,8 +23,8 @@
 <script lang="ts">
 import mixins from 'vue-typed-mixins';
 import { ABOUT_MODAL_KEY, VERSIONS_MODAL_KEY, VIEWS } from '@/constants';
-import { userHelpers } from './mixins/userHelpers';
-import { pushConnection } from "@/components/mixins/pushConnection";
+import { userHelpers } from '@/mixins/userHelpers';
+import { pushConnection } from "@/mixins/pushConnection";
 import { IFakeDoor } from '@/Interface';
 import { IMenuItem } from 'n8n-design-system';
 import { BaseTextKey } from '@/plugins/i18n';
diff --git a/packages/editor-ui/src/components/ShortenName.vue b/packages/editor-ui/src/components/ShortenName.vue
index fb28736f08..c09a22398f 100644
--- a/packages/editor-ui/src/components/ShortenName.vue
+++ b/packages/editor-ui/src/components/ShortenName.vue
@@ -6,7 +6,7 @@
 
 <script lang="ts">
 import Vue from "vue";
-import { shorten } from "./helpers";
+import { shorten } from "@/utils";
 
 const DEFAULT_WORKFLOW_NAME_LIMIT = 25;
 const WORKFLOW_NAME_END_COUNT_TO_KEEP = 4;
diff --git a/packages/editor-ui/src/components/Sticky.vue b/packages/editor-ui/src/components/Sticky.vue
index a8cefcfd03..66b5351706 100644
--- a/packages/editor-ui/src/components/Sticky.vue
+++ b/packages/editor-ui/src/components/Sticky.vue
@@ -45,11 +45,11 @@
 import Vue from 'vue';
 
 import mixins from 'vue-typed-mixins';
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { nodeBase } from '@/components/mixins/nodeBase';
-import { nodeHelpers } from '@/components/mixins/nodeHelpers';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
-import { getStyleTokenValue, isNumber, isString } from './helpers';
+import { externalHooks } from '@/mixins/externalHooks';
+import { nodeBase } from '@/mixins/nodeBase';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
+import { getStyleTokenValue, isNumber, isString } from '@/utils';
 import { INodeUi, INodeUpdatePropertiesInformation, IUpdateInformation, XYPosition } from '@/Interface';
 
 import {
diff --git a/packages/editor-ui/src/components/TagsDropdown.vue b/packages/editor-ui/src/components/TagsDropdown.vue
index 2dd88922fc..4e6cac4157 100644
--- a/packages/editor-ui/src/components/TagsDropdown.vue
+++ b/packages/editor-ui/src/components/TagsDropdown.vue
@@ -58,7 +58,7 @@ import mixins from "vue-typed-mixins";
 import { ITag } from "@/Interface";
 import { MAX_TAG_NAME_LENGTH, TAGS_MANAGER_MODAL_KEY } from "@/constants";
 
-import { showMessage } from "@/components/mixins/showMessage";
+import { showMessage } from "@/mixins/showMessage";
 import { mapStores } from "pinia";
 import { useUIStore } from "@/stores/ui";
 import { useTagsStore } from "@/stores/tags";
diff --git a/packages/editor-ui/src/components/TagsManager/TagsManager.vue b/packages/editor-ui/src/components/TagsManager/TagsManager.vue
index c6b390c620..aaa332247d 100644
--- a/packages/editor-ui/src/components/TagsManager/TagsManager.vue
+++ b/packages/editor-ui/src/components/TagsManager/TagsManager.vue
@@ -36,7 +36,7 @@ import mixins from "vue-typed-mixins";
 
 import { ITag } from "@/Interface";
 
-import { showMessage } from "@/components/mixins/showMessage";
+import { showMessage } from "@/mixins/showMessage";
 import TagsView from "@/components/TagsManager/TagsView/TagsView.vue";
 import NoTagsView from "@/components/TagsManager/NoTagsView.vue";
 import Modal from "@/components/Modal.vue";
diff --git a/packages/editor-ui/src/components/Telemetry.vue b/packages/editor-ui/src/components/Telemetry.vue
index b700493b68..238eab307b 100644
--- a/packages/editor-ui/src/components/Telemetry.vue
+++ b/packages/editor-ui/src/components/Telemetry.vue
@@ -9,7 +9,7 @@ import { useUsersStore } from '@/stores/users';
 import { ITelemetrySettings } from 'n8n-workflow';
 import { mapStores } from 'pinia';
 import mixins from 'vue-typed-mixins';
-import { externalHooks } from './mixins/externalHooks';
+import { externalHooks } from '@/mixins/externalHooks';
 
 export default mixins(externalHooks).extend({
 	name: 'Telemetry',
diff --git a/packages/editor-ui/src/components/TemplateCard.vue b/packages/editor-ui/src/components/TemplateCard.vue
index f14b778658..841807af02 100644
--- a/packages/editor-ui/src/components/TemplateCard.vue
+++ b/packages/editor-ui/src/components/TemplateCard.vue
@@ -38,9 +38,9 @@
 </template>
 
 <script lang="ts">
-import { genericHelpers } from '@/components/mixins/genericHelpers';
+import { genericHelpers } from '@/mixins/genericHelpers';
 import mixins from 'vue-typed-mixins';
-import { filterTemplateNodes, abbreviateNumber } from './helpers';
+import { filterTemplateNodes, abbreviateNumber } from '@/utils';
 import NodeList from './NodeList.vue';
 
 export default mixins(genericHelpers).extend({
diff --git a/packages/editor-ui/src/components/TemplateDetails.vue b/packages/editor-ui/src/components/TemplateDetails.vue
index 292136feda..08fc8f72ee 100644
--- a/packages/editor-ui/src/components/TemplateDetails.vue
+++ b/packages/editor-ui/src/components/TemplateDetails.vue
@@ -50,7 +50,7 @@
 import Vue, { PropType } from 'vue';
 import TemplateDetailsBlock from '@/components/TemplateDetailsBlock.vue';
 import NodeIcon from '@/components/NodeIcon.vue';
-import { abbreviateNumber, filterTemplateNodes } from '@/components/helpers';
+import { abbreviateNumber, filterTemplateNodes } from '@/utils';
 import { ITemplatesNode, ITemplatesWorkflow, ITemplatesWorkflowFull } from '@/Interface';
 import { mapStores } from 'pinia';
 import { useTemplatesStore } from '@/stores/templates';
diff --git a/packages/editor-ui/src/components/TemplateFilters.vue b/packages/editor-ui/src/components/TemplateFilters.vue
index 41103bfde8..13dbbd39dd 100644
--- a/packages/editor-ui/src/components/TemplateFilters.vue
+++ b/packages/editor-ui/src/components/TemplateFilters.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script lang="ts">
-import { genericHelpers } from '@/components/mixins/genericHelpers';
+import { genericHelpers } from '@/mixins/genericHelpers';
 import { ITemplatesCategory } from '@/Interface';
 import mixins from 'vue-typed-mixins';
 
diff --git a/packages/editor-ui/src/components/TemplateList.vue b/packages/editor-ui/src/components/TemplateList.vue
index a6183a6e79..10d594c557 100644
--- a/packages/editor-ui/src/components/TemplateList.vue
+++ b/packages/editor-ui/src/components/TemplateList.vue
@@ -32,7 +32,7 @@
 </template>
 
 <script lang="ts">
-import { genericHelpers } from '@/components/mixins/genericHelpers';
+import { genericHelpers } from '@/mixins/genericHelpers';
 import mixins from 'vue-typed-mixins';
 import TemplateCard from './TemplateCard.vue';
 
diff --git a/packages/editor-ui/src/components/TimeAgo.vue b/packages/editor-ui/src/components/TimeAgo.vue
index 1c5ce9a9f8..18f2b12260 100644
--- a/packages/editor-ui/src/components/TimeAgo.vue
+++ b/packages/editor-ui/src/components/TimeAgo.vue
@@ -6,7 +6,7 @@
 
 <script lang="ts">
 import { format, LocaleFunc, register } from 'timeago.js';
-import { convertToHumanReadableDate } from './helpers';
+import { convertToHumanReadableDate } from '@/utils';
 import Vue from 'vue';
 import { mapStores } from 'pinia';
 import { useRootStore } from '@/stores/n8nRootStore';
diff --git a/packages/editor-ui/src/components/TriggerPanel.vue b/packages/editor-ui/src/components/TriggerPanel.vue
index 84a8bf2255..de6cebe7f6 100644
--- a/packages/editor-ui/src/components/TriggerPanel.vue
+++ b/packages/editor-ui/src/components/TriggerPanel.vue
@@ -99,14 +99,14 @@
 import { EXECUTIONS_MODAL_KEY, WEBHOOK_NODE_TYPE, WORKFLOW_SETTINGS_MODAL_KEY } from '@/constants';
 import { INodeUi } from '@/Interface';
 import { INodeTypeDescription } from 'n8n-workflow';
-import { getTriggerNodeServiceName } from './helpers';
+import { getTriggerNodeServiceName } from '@/utils';
 import NodeExecuteButton from './NodeExecuteButton.vue';
-import { workflowHelpers } from './mixins/workflowHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 import mixins from 'vue-typed-mixins';
 import CopyInput from './CopyInput.vue';
 import NodeIcon from './NodeIcon.vue';
-import { copyPaste } from './mixins/copyPaste';
-import { showMessage } from '@/components/mixins/showMessage';
+import { copyPaste } from '@/mixins/copyPaste';
+import { showMessage } from '@/mixins/showMessage';
 import Vue from 'vue';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
diff --git a/packages/editor-ui/src/components/ValueSurvey.vue b/packages/editor-ui/src/components/ValueSurvey.vue
index 30efa69367..59e3fa7570 100644
--- a/packages/editor-ui/src/components/ValueSurvey.vue
+++ b/packages/editor-ui/src/components/ValueSurvey.vue
@@ -62,7 +62,7 @@ import { IN8nPromptResponse } from '@/Interface';
 import ModalDrawer from './ModalDrawer.vue';
 
 import mixins from 'vue-typed-mixins';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 import Vue from 'vue';
 import { mapStores } from 'pinia';
 import { useSettingsStore } from '@/stores/settings';
diff --git a/packages/editor-ui/src/components/VariableSelector.vue b/packages/editor-ui/src/components/VariableSelector.vue
index f69267ff43..473b8046d1 100644
--- a/packages/editor-ui/src/components/VariableSelector.vue
+++ b/packages/editor-ui/src/components/VariableSelector.vue
@@ -37,7 +37,7 @@ import {
 	IVariableSelectorOption,
 } from '@/Interface';
 
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 
 import mixins from 'vue-typed-mixins';
 import { mapStores } from 'pinia';
diff --git a/packages/editor-ui/src/components/VariableSelectorItem.vue b/packages/editor-ui/src/components/VariableSelectorItem.vue
index ca69065e38..c2b33925b1 100644
--- a/packages/editor-ui/src/components/VariableSelectorItem.vue
+++ b/packages/editor-ui/src/components/VariableSelectorItem.vue
@@ -43,7 +43,7 @@ import {
 	IVariableSelectorOption,
 	IVariableItemSelected,
 } from '@/Interface';
-import { externalHooks } from "@/components/mixins/externalHooks";
+import { externalHooks } from "@/mixins/externalHooks";
 import mixins from 'vue-typed-mixins';
 
 export default mixins(externalHooks).extend({
diff --git a/packages/editor-ui/src/components/WorkflowActivator.vue b/packages/editor-ui/src/components/WorkflowActivator.vue
index ff46e76748..452508c45f 100644
--- a/packages/editor-ui/src/components/WorkflowActivator.vue
+++ b/packages/editor-ui/src/components/WorkflowActivator.vue
@@ -37,13 +37,13 @@
 
 <script lang="ts">
 
-import { showMessage } from '@/components/mixins/showMessage';
-import { workflowActivate } from '@/components/mixins/workflowActivate';
+import { showMessage } from '@/mixins/showMessage';
+import { workflowActivate } from '@/mixins/workflowActivate';
 import { useUIStore } from '@/stores/ui';
 import { useWorkflowsStore } from '@/stores/workflows';
 import { mapStores } from 'pinia';
 import mixins from 'vue-typed-mixins';
-import { getActivatableTriggerNodes } from './helpers';
+import { getActivatableTriggerNodes } from '@/utils';
 
 export default mixins(
 	showMessage,
diff --git a/packages/editor-ui/src/components/WorkflowCard.vue b/packages/editor-ui/src/components/WorkflowCard.vue
index 466f52cd11..9ca5b8a0ef 100644
--- a/packages/editor-ui/src/components/WorkflowCard.vue
+++ b/packages/editor-ui/src/components/WorkflowCard.vue
@@ -60,10 +60,10 @@
 import mixins from 'vue-typed-mixins';
 import {IWorkflowDb, IUser, ITag} from "@/Interface";
 import {DUPLICATE_MODAL_KEY, EnterpriseEditionFeature, VIEWS, WORKFLOW_SHARE_MODAL_KEY} from '@/constants';
-import {showMessage} from "@/components/mixins/showMessage";
+import {showMessage} from "@/mixins/showMessage";
 import {getWorkflowPermissions, IPermissions} from "@/permissions";
 import dateformat from "dateformat";
-import { restApi } from '@/components/mixins/restApi';
+import { restApi } from '@/mixins/restApi';
 import WorkflowActivator from '@/components/WorkflowActivator.vue';
 import Vue from "vue";
 import { mapStores } from 'pinia';
diff --git a/packages/editor-ui/src/components/WorkflowPreview.vue b/packages/editor-ui/src/components/WorkflowPreview.vue
index b75f97888c..0082c71b58 100644
--- a/packages/editor-ui/src/components/WorkflowPreview.vue
+++ b/packages/editor-ui/src/components/WorkflowPreview.vue
@@ -23,7 +23,7 @@
 
 <script lang="ts">
 import mixins from 'vue-typed-mixins';
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import { IWorkflowDb } from '../Interface';
 import { mapStores } from 'pinia';
 import { useRootStore } from '@/stores/n8nRootStore';
diff --git a/packages/editor-ui/src/components/WorkflowSettings.vue b/packages/editor-ui/src/components/WorkflowSettings.vue
index 494cfd2f92..e0aeed6b26 100644
--- a/packages/editor-ui/src/components/WorkflowSettings.vue
+++ b/packages/editor-ui/src/components/WorkflowSettings.vue
@@ -235,10 +235,10 @@
 <script lang="ts">
 import Vue from 'vue';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { restApi } from '@/components/mixins/restApi';
-import { genericHelpers } from '@/components/mixins/genericHelpers';
-import { showMessage } from '@/components/mixins/showMessage';
+import { externalHooks } from '@/mixins/externalHooks';
+import { restApi } from '@/mixins/restApi';
+import { genericHelpers } from '@/mixins/genericHelpers';
+import { showMessage } from '@/mixins/showMessage';
 import {
 	ITimeoutHMS,
 	IWorkflowDataUpdate,
diff --git a/packages/editor-ui/src/components/WorkflowShareModal.ee.vue b/packages/editor-ui/src/components/WorkflowShareModal.ee.vue
index bd403d397d..1ac316e290 100644
--- a/packages/editor-ui/src/components/WorkflowShareModal.ee.vue
+++ b/packages/editor-ui/src/components/WorkflowShareModal.ee.vue
@@ -105,7 +105,7 @@ import {
 import {IFakeDoor, IUser, IWorkflowDb} from "@/Interface";
 import { getWorkflowPermissions, IPermissions } from "@/permissions";
 import mixins from "vue-typed-mixins";
-import {showMessage} from "@/components/mixins/showMessage";
+import {showMessage} from "@/mixins/showMessage";
 import {nodeViewEventBus} from "@/event-bus/node-view-event-bus";
 import {mapStores} from "pinia";
 import {useSettingsStore} from "@/stores/settings";
diff --git a/packages/editor-ui/src/components/helpers.ts b/packages/editor-ui/src/components/helpers.ts
deleted file mode 100644
index d1a6581127..0000000000
--- a/packages/editor-ui/src/components/helpers.ts
+++ /dev/null
@@ -1,196 +0,0 @@
-import { CORE_NODES_CATEGORY, MAIN_HEADER_TABS, MAPPING_PARAMS, TEMPLATES_NODES_FILTER, VIEWS, NON_ACTIVATABLE_TRIGGER_NODE_TYPES } from '@/constants';
-import { INodeUi, ITemplatesNode } from '@/Interface';
-import { isResourceLocatorValue } from '@/typeGuards';
-import dateformat from 'dateformat';
-import {IDataObject, INodeProperties, INodeTypeDescription, NodeParameterValueType,INodeExecutionData, jsonParse} from 'n8n-workflow';
-import { isJsonKeyObject } from "@/utils";
-import { Route } from 'vue-router';
-
-const CRED_KEYWORDS_TO_FILTER = ['API', 'OAuth1', 'OAuth2'];
-const NODE_KEYWORDS_TO_FILTER = ['Trigger'];
-const SI_SYMBOL = ['', 'k', 'M', 'G', 'T', 'P', 'E'];
-
-const COMMUNITY_PACKAGE_NAME_REGEX = /(@\w+\/)?n8n-nodes-(?!base\b)\b\w+/g;
-
-export function abbreviateNumber(num: number) {
-	const tier = (Math.log10(Math.abs(num)) / 3) | 0;
-
-	if (tier === 0) return num;
-
-	const suffix = SI_SYMBOL[tier];
-	const scale = Math.pow(10, tier * 3);
-	const scaled = num / scale;
-
-	return Number(scaled.toFixed(1)) + suffix;
-}
-
-export function convertToDisplayDate (epochTime: number) {
-	return dateformat(epochTime, 'yyyy-mm-dd HH:MM:ss');
-}
-
-export function convertToHumanReadableDate (epochTime: number) {
-	return dateformat(epochTime, 'd mmmm, yyyy @ HH:MM Z');
-}
-
-export function getAppNameFromCredType(name: string) {
-	return name.split(' ').filter((word) => !CRED_KEYWORDS_TO_FILTER.includes(word)).join(' ');
-}
-
-export function getAppNameFromNodeName(name: string) {
-	return name.split(' ').filter((word) => !NODE_KEYWORDS_TO_FILTER.includes(word)).join(' ');
-}
-
-export function getStyleTokenValue(name: string): string {
-	const style = getComputedStyle(document.body);
-	return style.getPropertyValue(name);
-}
-
-export function getTriggerNodeServiceName(nodeType: INodeTypeDescription): string {
-	return nodeType.displayName.replace(/ trigger/i, '');
-}
-
-export function getActivatableTriggerNodes(nodes: INodeUi[]) {
-	return nodes.filter((node: INodeUi) => !node.disabled && !NON_ACTIVATABLE_TRIGGER_NODE_TYPES.includes(node.type));
-}
-
-export function filterTemplateNodes(nodes: ITemplatesNode[]) {
-	const notCoreNodes = nodes.filter((node: ITemplatesNode) => {
-		return !(node.categories || []).some(
-			(category) => category.name === CORE_NODES_CATEGORY,
-		);
-	});
-
-	const results = notCoreNodes.length > 0 ? notCoreNodes : nodes;
-	return results.filter((elem) => !TEMPLATES_NODES_FILTER.includes(elem.name));
-}
-
-export function setPageTitle(title: string) {
-	window.document.title = title;
-}
-
-export function isString(value: unknown): value is string {
-	return typeof value === 'string';
-}
-
-export function isStringNumber(value: unknown): value is string {
-	return !isNaN(Number(value));
-}
-
-export function isNumber(value: unknown): value is number {
-	return typeof value === 'number';
-}
-
-export function stringSizeInBytes(input: string | IDataObject | IDataObject[] | undefined): number {
-	if (input === undefined) return 0;
-
-	return new Blob([typeof input === 'string' ? input : JSON.stringify(input)]).size;
-}
-
-export function isCommunityPackageName(packageName: string): boolean {
-	COMMUNITY_PACKAGE_NAME_REGEX.lastIndex = 0;
-	// Community packages names start with <@username/>n8n-nodes- not followed by word 'base'
-	const nameMatch = COMMUNITY_PACKAGE_NAME_REGEX.exec(packageName);
-
-	return !!nameMatch;
-}
-
-export function shorten(s: string, limit: number, keep: number) {
-	if (s.length <= limit) {
-		return s;
-	}
-
-	const first = s.slice(0, limit - keep);
-	const last = s.slice(s.length - keep, s.length);
-
-	return `${first}...${last}`;
-}
-
-export function hasExpressionMapping(value: unknown) {
-	return typeof value === 'string' && !!MAPPING_PARAMS.find((param) => value.includes(param));
-}
-
-export function isValueExpression (parameter: INodeProperties, paramValue: NodeParameterValueType): boolean {
-	if (parameter.noDataExpression === true) {
-		return false;
-	}
-	if (typeof paramValue === 'string' && paramValue.charAt(0) === '=') {
-		return true;
-	}
-	if (isResourceLocatorValue(paramValue) && paramValue.value && paramValue.value.toString().charAt(0) === '=') {
-		return true;
-	}
-	return false;
-}
-
-export function convertRemToPixels(rem: string) {
-	return parseInt(rem, 10) * parseFloat(getComputedStyle(document.documentElement).fontSize);
-}
-
-export const executionDataToJson = (inputData: INodeExecutionData[]): IDataObject[] => inputData.reduce<IDataObject[]>(
-	(acc, item) => isJsonKeyObject(item) ? acc.concat(item.json) : acc,
-	[],
-);
-
-export const convertPath = (path: string): string => {
-	// TODO: That can for sure be done fancier but for now it works
-	const placeholder = '*___~#^#~___*';
-	let inBrackets = path.match(/\[(.*?)]/g);
-
-	if (inBrackets === null) {
-		inBrackets = [];
-	} else {
-		inBrackets = inBrackets.map(item => item.slice(1, -1)).map(item => {
-			if (item.startsWith('"') && item.endsWith('"')) {
-				return item.slice(1, -1);
-			}
-			return item;
-		});
-	}
-	const withoutBrackets = path.replace(/\[(.*?)]/g, placeholder);
-	const pathParts = withoutBrackets.split('.');
-	const allParts = [] as string[];
-	pathParts.forEach(part => {
-		let index = part.indexOf(placeholder);
-		while(index !== -1) {
-			if (index === 0) {
-				allParts.push(inBrackets!.shift() as string);
-				part = part.substr(placeholder.length);
-			} else {
-				allParts.push(part.substr(0, index));
-				part = part.substr(index);
-			}
-			index = part.indexOf(placeholder);
-		}
-		if (part !== '') {
-			allParts.push(part);
-		}
-	});
-
-	return '["' + allParts.join('"]["') + '"]';
-};
-
-export const clearJsonKey = (userInput: string | object) => {
-	const parsedUserInput = typeof userInput === 'string' ? jsonParse(userInput) : userInput;
-
-	if (!Array.isArray(parsedUserInput)) return parsedUserInput;
-
-	return parsedUserInput.map(item => isJsonKeyObject(item) ? item.json : item);
-};
-
-export const getNodeViewTab = (route: Route): string|null => {
-		const routeMeta = route.meta;
-		if (routeMeta && routeMeta.nodeView === true) {
-			return MAIN_HEADER_TABS.WORKFLOW;
-		} else {
-			const executionTabRoutes = [
-				VIEWS.EXECUTION.toString(),
-				VIEWS.EXECUTION_PREVIEW.toString(),
-				VIEWS.EXECUTION_HOME.toString(),
-			];
-
-			if (executionTabRoutes.includes(route.name || '')) {
-				return MAIN_HEADER_TABS.EXECUTIONS;
-			}
-		}
-		return null;
-};
diff --git a/packages/editor-ui/src/components/layouts/ResourcesListLayout.vue b/packages/editor-ui/src/components/layouts/ResourcesListLayout.vue
index fd98686691..cb7697f4af 100644
--- a/packages/editor-ui/src/components/layouts/ResourcesListLayout.vue
+++ b/packages/editor-ui/src/components/layouts/ResourcesListLayout.vue
@@ -122,7 +122,7 @@
 </template>
 
 <script lang="ts">
-import {showMessage} from '@/components/mixins/showMessage';
+import {showMessage} from '@/mixins/showMessage';
 import {IUser} from '@/Interface';
 import mixins from 'vue-typed-mixins';
 
@@ -131,7 +131,7 @@ import PageViewLayoutList from "@/components/layouts/PageViewLayoutList.vue";
 import {EnterpriseEditionFeature} from "@/constants";
 import TemplateCard from "@/components/TemplateCard.vue";
 import Vue, {PropType} from "vue";
-import {debounceHelper} from '@/components/mixins/debounce';
+import {debounceHelper} from '@/mixins/debounce';
 import ResourceOwnershipSelect from "@/components/forms/ResourceOwnershipSelect.ee.vue";
 import ResourceFiltersDropdown from "@/components/forms/ResourceFiltersDropdown.vue";
 import { mapStores } from 'pinia';
diff --git a/packages/editor-ui/src/components/mixins/helpers.ts b/packages/editor-ui/src/components/mixins/helpers.ts
deleted file mode 100644
index 57732da03e..0000000000
--- a/packages/editor-ui/src/components/mixins/helpers.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export function isChildOf(parent: Element, child: Element): boolean {
-	if (child.parentElement === null) {
-		return false;
-	}
-	if (child.parentElement === parent) {
-		return true;
-	}
-
-	return isChildOf(parent, child.parentElement);
-}
-
diff --git a/packages/editor-ui/src/main.ts b/packages/editor-ui/src/main.ts
index 3c3bea0a38..2a7122da84 100644
--- a/packages/editor-ui/src/main.ts
+++ b/packages/editor-ui/src/main.ts
@@ -18,7 +18,7 @@ import "@fontsource/open-sans/latin-700.css";
 import App from '@/App.vue';
 import router from './router';
 
-import { runExternalHook } from './components/mixins/externalHooks';
+import { runExternalHook } from '@/mixins/externalHooks';
 import { TelemetryPlugin } from './plugins/telemetry';
 import { I18nPlugin, i18nInstance } from './plugins/i18n';
 
diff --git a/packages/editor-ui/src/components/mixins/copyPaste.ts b/packages/editor-ui/src/mixins/copyPaste.ts
similarity index 100%
rename from packages/editor-ui/src/components/mixins/copyPaste.ts
rename to packages/editor-ui/src/mixins/copyPaste.ts
diff --git a/packages/editor-ui/src/components/mixins/debounce.ts b/packages/editor-ui/src/mixins/debounce.ts
similarity index 100%
rename from packages/editor-ui/src/components/mixins/debounce.ts
rename to packages/editor-ui/src/mixins/debounce.ts
diff --git a/packages/editor-ui/src/components/mixins/deviceSupportHelpers.ts b/packages/editor-ui/src/mixins/deviceSupportHelpers.ts
similarity index 100%
rename from packages/editor-ui/src/components/mixins/deviceSupportHelpers.ts
rename to packages/editor-ui/src/mixins/deviceSupportHelpers.ts
diff --git a/packages/editor-ui/src/components/mixins/emitter.ts b/packages/editor-ui/src/mixins/emitter.ts
similarity index 100%
rename from packages/editor-ui/src/components/mixins/emitter.ts
rename to packages/editor-ui/src/mixins/emitter.ts
diff --git a/packages/editor-ui/src/components/mixins/executionsHelpers.ts b/packages/editor-ui/src/mixins/executionsHelpers.ts
similarity index 100%
rename from packages/editor-ui/src/components/mixins/executionsHelpers.ts
rename to packages/editor-ui/src/mixins/executionsHelpers.ts
diff --git a/packages/editor-ui/src/components/mixins/externalHooks.ts b/packages/editor-ui/src/mixins/externalHooks.ts
similarity index 100%
rename from packages/editor-ui/src/components/mixins/externalHooks.ts
rename to packages/editor-ui/src/mixins/externalHooks.ts
diff --git a/packages/editor-ui/src/components/mixins/genericHelpers.ts b/packages/editor-ui/src/mixins/genericHelpers.ts
similarity index 96%
rename from packages/editor-ui/src/components/mixins/genericHelpers.ts
rename to packages/editor-ui/src/mixins/genericHelpers.ts
index 1cc10dc9d1..5dbbca2a31 100644
--- a/packages/editor-ui/src/components/mixins/genericHelpers.ts
+++ b/packages/editor-ui/src/mixins/genericHelpers.ts
@@ -1,4 +1,4 @@
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import { VIEWS } from '@/constants';
 
 import mixins from 'vue-typed-mixins';
diff --git a/packages/editor-ui/src/components/mixins/globalLinkActions.ts b/packages/editor-ui/src/mixins/globalLinkActions.ts
similarity index 100%
rename from packages/editor-ui/src/components/mixins/globalLinkActions.ts
rename to packages/editor-ui/src/mixins/globalLinkActions.ts
diff --git a/packages/editor-ui/src/components/mixins/mouseSelect.ts b/packages/editor-ui/src/mixins/mouseSelect.ts
similarity index 96%
rename from packages/editor-ui/src/components/mixins/mouseSelect.ts
rename to packages/editor-ui/src/mixins/mouseSelect.ts
index fdea3ff59f..a9a69ba205 100644
--- a/packages/editor-ui/src/components/mixins/mouseSelect.ts
+++ b/packages/editor-ui/src/mixins/mouseSelect.ts
@@ -2,8 +2,8 @@ import { INodeUi, XYPosition } from '@/Interface';
 
 import mixins from 'vue-typed-mixins';
 
-import { deviceSupportHelpers } from '@/components/mixins/deviceSupportHelpers';
-import { getMousePosition, getRelativePosition, HEADER_HEIGHT, INNER_SIDEBAR_WIDTH, SIDEBAR_WIDTH, SIDEBAR_WIDTH_EXPANDED } from '@/views/canvasHelpers';
+import { deviceSupportHelpers } from '@/mixins/deviceSupportHelpers';
+import { getMousePosition, getRelativePosition, HEADER_HEIGHT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_EXPANDED } from '@/utils';
 import { VIEWS } from '@/constants';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
diff --git a/packages/editor-ui/src/components/mixins/moveNodeWorkflow.ts b/packages/editor-ui/src/mixins/moveNodeWorkflow.ts
similarity index 94%
rename from packages/editor-ui/src/components/mixins/moveNodeWorkflow.ts
rename to packages/editor-ui/src/mixins/moveNodeWorkflow.ts
index cae47b0116..af051ad3e4 100644
--- a/packages/editor-ui/src/components/mixins/moveNodeWorkflow.ts
+++ b/packages/editor-ui/src/mixins/moveNodeWorkflow.ts
@@ -1,6 +1,6 @@
 import mixins from 'vue-typed-mixins';
-import { deviceSupportHelpers } from '@/components/mixins/deviceSupportHelpers';
-import { getMousePosition } from '@/views/canvasHelpers';
+import { deviceSupportHelpers } from '@/mixins/deviceSupportHelpers';
+import { getMousePosition } from '@/utils';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 
diff --git a/packages/editor-ui/src/components/mixins/newVersions.ts b/packages/editor-ui/src/mixins/newVersions.ts
similarity index 100%
rename from packages/editor-ui/src/components/mixins/newVersions.ts
rename to packages/editor-ui/src/mixins/newVersions.ts
diff --git a/packages/editor-ui/src/components/mixins/nodeBase.ts b/packages/editor-ui/src/mixins/nodeBase.ts
similarity index 89%
rename from packages/editor-ui/src/components/mixins/nodeBase.ts
rename to packages/editor-ui/src/mixins/nodeBase.ts
index 3d3a6d0eee..a60680eff4 100644
--- a/packages/editor-ui/src/components/mixins/nodeBase.ts
+++ b/packages/editor-ui/src/mixins/nodeBase.ts
@@ -1,14 +1,23 @@
 import { PropType } from "vue";
 import mixins from 'vue-typed-mixins';
 import { IJsPlumbInstance, IEndpointOptions, INodeUi, XYPosition } from '@/Interface';
-import { deviceSupportHelpers } from '@/components/mixins/deviceSupportHelpers';
+import { deviceSupportHelpers } from '@/mixins/deviceSupportHelpers';
 import { NO_OP_NODE_TYPE, STICKY_NODE_TYPE } from '@/constants';
-import * as CanvasHelpers from '@/views/canvasHelpers';
+import {
+	ANCHOR_POSITIONS,
+	GRID_SIZE,
+	getInputEndpointUUID,
+	getOutputEndpointUUID,
+	getInputEndpointStyle,
+	getOutputEndpointStyle,
+	getInputNameOverlay,
+	getOutputNameOverlay,
+	getStyleTokenValue,
+} from '@/utils';
 
 import {
 	INodeTypeDescription,
 } from 'n8n-workflow';
-import { getStyleTokenValue } from '../helpers';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 import { useWorkflowsStore } from "@/stores/workflows";
@@ -82,15 +91,15 @@ export const nodeBase = mixins(
 				index = indexData[inputName];
 
 				// Get the position of the anchor depending on how many it has
-				const anchorPosition = CanvasHelpers.ANCHOR_POSITIONS.input[nodeTypeData.inputs.length][index];
+				const anchorPosition = ANCHOR_POSITIONS.input[nodeTypeData.inputs.length][index];
 
 				const newEndpointData: IEndpointOptions = {
-					uuid: CanvasHelpers.getInputEndpointUUID(this.nodeId, index),
+					uuid: getInputEndpointUUID(this.nodeId, index),
 					anchor: anchorPosition,
 					maxConnections: -1,
 					endpoint: 'Rectangle',
-					endpointStyle: CanvasHelpers.getInputEndpointStyle(nodeTypeData, '--color-foreground-xdark'),
-					endpointHoverStyle: CanvasHelpers.getInputEndpointStyle(nodeTypeData, '--color-primary'),
+					endpointStyle: getInputEndpointStyle(nodeTypeData, '--color-foreground-xdark'),
+					endpointHoverStyle: getInputEndpointStyle(nodeTypeData, '--color-primary'),
 					isSource: false,
 					isTarget: !this.isReadOnly && nodeTypeData.inputs.length > 1, // only enabled for nodes with multiple inputs.. otherwise attachment handled by connectionDrag event in NodeView,
 					parameters: {
@@ -110,7 +119,7 @@ export const nodeBase = mixins(
 				if (nodeTypeData.inputNames) {
 					// Apply input names if they got set
 					newEndpointData.overlays = [
-						CanvasHelpers.getInputNameOverlay(nodeTypeData.inputNames[index]),
+						getInputNameOverlay(nodeTypeData.inputNames[index]),
 					];
 				}
 
@@ -152,15 +161,15 @@ export const nodeBase = mixins(
 				index = indexData[inputName];
 
 				// Get the position of the anchor depending on how many it has
-				const anchorPosition = CanvasHelpers.ANCHOR_POSITIONS.output[nodeTypeData.outputs.length][index];
+				const anchorPosition = ANCHOR_POSITIONS.output[nodeTypeData.outputs.length][index];
 
 				const newEndpointData: IEndpointOptions = {
-					uuid: CanvasHelpers.getOutputEndpointUUID(this.nodeId, index),
+					uuid: getOutputEndpointUUID(this.nodeId, index),
 					anchor: anchorPosition,
 					maxConnections: -1,
 					endpoint: 'Dot',
-					endpointStyle: CanvasHelpers.getOutputEndpointStyle(nodeTypeData, '--color-foreground-xdark'),
-					endpointHoverStyle: CanvasHelpers.getOutputEndpointStyle(nodeTypeData, '--color-primary'),
+					endpointStyle: getOutputEndpointStyle(nodeTypeData, '--color-foreground-xdark'),
+					endpointHoverStyle: getOutputEndpointStyle(nodeTypeData, '--color-primary'),
 					isSource: true,
 					isTarget: false,
 					enabled: !this.isReadOnly,
@@ -177,7 +186,7 @@ export const nodeBase = mixins(
 				if (nodeTypeData.outputNames) {
 					// Apply output names if they got set
 					newEndpointData.overlays = [
-						CanvasHelpers.getOutputNameOverlay(nodeTypeData.outputNames[index]),
+						getOutputNameOverlay(nodeTypeData.outputNames[index]),
 					];
 				}
 
@@ -193,7 +202,7 @@ export const nodeBase = mixins(
 
 				if (!this.isReadOnly) {
 					const plusEndpointData: IEndpointOptions = {
-						uuid: CanvasHelpers.getOutputEndpointUUID(this.nodeId, index),
+						uuid: getOutputEndpointUUID(this.nodeId, index),
 						anchor: anchorPosition,
 						maxConnections: -1,
 						endpoint: 'N8nPlus',
@@ -241,7 +250,7 @@ export const nodeBase = mixins(
 			//       https://jsplumb.github.io/jsplumb/home.html
 			// Make nodes draggable
 			this.instance.draggable(this.nodeId, {
-				grid: [CanvasHelpers.GRID_SIZE, CanvasHelpers.GRID_SIZE],
+				grid: [GRID_SIZE, GRID_SIZE],
 				start: (params: { e: MouseEvent }) => {
 					if (this.isReadOnly === true) {
 						// Do not allow to move nodes in readOnly mode
diff --git a/packages/editor-ui/src/components/mixins/nodeHelpers.ts b/packages/editor-ui/src/mixins/nodeHelpers.ts
similarity index 99%
rename from packages/editor-ui/src/components/mixins/nodeHelpers.ts
rename to packages/editor-ui/src/mixins/nodeHelpers.ts
index 433012d23c..b282e27740 100644
--- a/packages/editor-ui/src/components/mixins/nodeHelpers.ts
+++ b/packages/editor-ui/src/mixins/nodeHelpers.ts
@@ -30,7 +30,7 @@ import {
 	IUser,
 } from '@/Interface';
 
-import { restApi } from '@/components/mixins/restApi';
+import { restApi } from '@/mixins/restApi';
 
 import { get } from 'lodash';
 
diff --git a/packages/editor-ui/src/components/mixins/pinData.ts b/packages/editor-ui/src/mixins/pinData.ts
similarity index 97%
rename from packages/editor-ui/src/components/mixins/pinData.ts
rename to packages/editor-ui/src/mixins/pinData.ts
index 0fa14e6cf6..31840fb186 100644
--- a/packages/editor-ui/src/components/mixins/pinData.ts
+++ b/packages/editor-ui/src/mixins/pinData.ts
@@ -1,7 +1,7 @@
 import Vue from 'vue';
 import { INodeUi } from '@/Interface';
 import { IPinData } from 'n8n-workflow';
-import { stringSizeInBytes } from '@/components/helpers';
+import { stringSizeInBytes } from '@/utils';
 import { MAX_WORKFLOW_PINNED_DATA_SIZE, PIN_DATA_NODE_TYPES_DENYLIST } from '@/constants';
 import { mapStores } from 'pinia';
 import { useWorkflowsStore } from '@/stores/workflows';
diff --git a/packages/editor-ui/src/components/mixins/pushConnection.ts b/packages/editor-ui/src/mixins/pushConnection.ts
similarity index 97%
rename from packages/editor-ui/src/components/mixins/pushConnection.ts
rename to packages/editor-ui/src/mixins/pushConnection.ts
index 6cca0ab837..7e4307b0d4 100644
--- a/packages/editor-ui/src/components/mixins/pushConnection.ts
+++ b/packages/editor-ui/src/mixins/pushConnection.ts
@@ -4,11 +4,11 @@ import {
 	IPushData,
 } from '../../Interface';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { nodeHelpers } from '@/components/mixins/nodeHelpers';
-import { showMessage } from '@/components/mixins/showMessage';
-import { titleChange } from '@/components/mixins/titleChange';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { externalHooks } from '@/mixins/externalHooks';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
+import { showMessage } from '@/mixins/showMessage';
+import { titleChange } from '@/mixins/titleChange';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 
 import {
 	ExpressionError,
@@ -21,7 +21,7 @@ import {
 
 import mixins from 'vue-typed-mixins';
 import { WORKFLOW_SETTINGS_MODAL_KEY } from '@/constants';
-import { getTriggerNodeServiceName } from '../helpers';
+import { getTriggerNodeServiceName } from '@/utils';
 import { codeNodeEditorEventBus } from '@/event-bus/code-node-editor-event-bus';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
@@ -446,7 +446,7 @@ export const pushConnection = mixins(
 					const nodesToBeRemoved: INodeTypeNameVersion[] = [pushData];
 
 					// Force reload of all credential types
-					this.credentialsStore.fetchCredentialTypes()
+					this.credentialsStore.fetchCredentialTypes(false)
 						.then(() => {
 							this.nodeTypesStore.removeNodeTypes(nodesToBeRemoved);
 						});
diff --git a/packages/editor-ui/src/components/mixins/restApi.ts b/packages/editor-ui/src/mixins/restApi.ts
similarity index 99%
rename from packages/editor-ui/src/components/mixins/restApi.ts
rename to packages/editor-ui/src/mixins/restApi.ts
index cf3ee357f5..14eba46666 100644
--- a/packages/editor-ui/src/components/mixins/restApi.ts
+++ b/packages/editor-ui/src/mixins/restApi.ts
@@ -27,7 +27,7 @@ import {
 	INodeTypeDescription,
 	INodeTypeNameVersion,
 } from 'n8n-workflow';
-import { makeRestApiRequest } from '@/api/helpers';
+import { makeRestApiRequest } from '@/utils';
 import { mapStores } from 'pinia';
 import { useRootStore } from '@/stores/n8nRootStore';
 
diff --git a/packages/editor-ui/src/components/mixins/showMessage.ts b/packages/editor-ui/src/mixins/showMessage.ts
similarity index 98%
rename from packages/editor-ui/src/components/mixins/showMessage.ts
rename to packages/editor-ui/src/mixins/showMessage.ts
index e1d59a411d..d8df3772a0 100644
--- a/packages/editor-ui/src/components/mixins/showMessage.ts
+++ b/packages/editor-ui/src/mixins/showMessage.ts
@@ -2,7 +2,7 @@
 import { ElNotificationComponent, ElNotificationOptions } from 'element-ui/types/notification';
 import mixins from 'vue-typed-mixins';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
+import { externalHooks } from '@/mixins/externalHooks';
 import {IExecuteContextData, IRunExecutionData} from 'n8n-workflow';
 import type { ElMessageBoxOptions } from 'element-ui/types/message-box';
 import type { ElMessageComponent, ElMessageOptions, MessageType } from 'element-ui/types/message';
diff --git a/packages/editor-ui/src/components/mixins/titleChange.ts b/packages/editor-ui/src/mixins/titleChange.ts
similarity index 100%
rename from packages/editor-ui/src/components/mixins/titleChange.ts
rename to packages/editor-ui/src/mixins/titleChange.ts
diff --git a/packages/editor-ui/src/components/mixins/userHelpers.ts b/packages/editor-ui/src/mixins/userHelpers.ts
similarity index 93%
rename from packages/editor-ui/src/components/mixins/userHelpers.ts
rename to packages/editor-ui/src/mixins/userHelpers.ts
index 7a52d3bd18..6bc9893df7 100644
--- a/packages/editor-ui/src/components/mixins/userHelpers.ts
+++ b/packages/editor-ui/src/mixins/userHelpers.ts
@@ -1,5 +1,5 @@
 import { IPermissions, IUser } from '@/Interface';
-import { isAuthorized } from '@/stores/userHelpers';
+import { isAuthorized } from '@/utils';
 import { useUsersStore } from '@/stores/users';
 import Vue from 'vue';
 import { Route } from 'vue-router';
diff --git a/packages/editor-ui/src/components/mixins/workflowActivate.ts b/packages/editor-ui/src/mixins/workflowActivate.ts
similarity index 94%
rename from packages/editor-ui/src/components/mixins/workflowActivate.ts
rename to packages/editor-ui/src/mixins/workflowActivate.ts
index 5133aaee5a..560cecd4b6 100644
--- a/packages/editor-ui/src/components/mixins/workflowActivate.ts
+++ b/packages/editor-ui/src/mixins/workflowActivate.ts
@@ -1,6 +1,6 @@
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
-import { showMessage } from '@/components/mixins/showMessage';
+import { externalHooks } from '@/mixins/externalHooks';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
+import { showMessage } from '@/mixins/showMessage';
 
 
 import mixins from 'vue-typed-mixins';
diff --git a/packages/editor-ui/src/components/mixins/workflowHelpers.ts b/packages/editor-ui/src/mixins/workflowHelpers.ts
similarity index 98%
rename from packages/editor-ui/src/components/mixins/workflowHelpers.ts
rename to packages/editor-ui/src/mixins/workflowHelpers.ts
index 24d1b9aeb9..b5e0847ced 100644
--- a/packages/editor-ui/src/components/mixins/workflowHelpers.ts
+++ b/packages/editor-ui/src/mixins/workflowHelpers.ts
@@ -47,16 +47,16 @@ import {
 	TargetItem,
 } from '../../Interface';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { restApi } from '@/components/mixins/restApi';
-import { nodeHelpers } from '@/components/mixins/nodeHelpers';
-import { showMessage } from '@/components/mixins/showMessage';
+import { externalHooks } from '@/mixins/externalHooks';
+import { restApi } from '@/mixins/restApi';
+import { nodeHelpers } from '@/mixins/nodeHelpers';
+import { showMessage } from '@/mixins/showMessage';
 
 import { isEqual } from 'lodash';
 
 import mixins from 'vue-typed-mixins';
 import { v4 as uuid } from 'uuid';
-import { getSourceItems } from '@/pairedItemUtils';
+import { getSourceItems } from '@/utils';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 import { useWorkflowsStore } from '@/stores/workflows';
diff --git a/packages/editor-ui/src/components/mixins/workflowRun.ts b/packages/editor-ui/src/mixins/workflowRun.ts
similarity index 96%
rename from packages/editor-ui/src/components/mixins/workflowRun.ts
rename to packages/editor-ui/src/mixins/workflowRun.ts
index 9275898c37..7e81e4f080 100644
--- a/packages/editor-ui/src/components/mixins/workflowRun.ts
+++ b/packages/editor-ui/src/mixins/workflowRun.ts
@@ -12,10 +12,10 @@ import {
 	TelemetryHelpers,
 } from 'n8n-workflow';
 
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { restApi } from '@/components/mixins/restApi';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
-import { showMessage } from '@/components/mixins/showMessage';
+import { externalHooks } from '@/mixins/externalHooks';
+import { restApi } from '@/mixins/restApi';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
+import { showMessage } from '@/mixins/showMessage';
 
 import mixins from 'vue-typed-mixins';
 import { titleChange } from './titleChange';
diff --git a/packages/editor-ui/src/router.ts b/packages/editor-ui/src/router.ts
index fa4d1904dd..3ed70a58ec 100644
--- a/packages/editor-ui/src/router.ts
+++ b/packages/editor-ui/src/router.ts
@@ -26,7 +26,7 @@ import TemplatesSearchView from '@/views/TemplatesSearchView.vue';
 import CredentialsView from '@/views/CredentialsView.vue';
 import WorkflowsView from '@/views/WorkflowsView.vue';
 import { IPermissions } from './Interface';
-import { LOGIN_STATUS, ROLE } from './stores/userHelpers';
+import { LOGIN_STATUS, ROLE } from '@/utils';
 import { RouteConfigSingleView } from 'vue-router/types/router';
 import { VIEWS } from './constants';
 import { useSettingsStore } from './stores/settings';
diff --git a/packages/editor-ui/src/stores/canvas.ts b/packages/editor-ui/src/stores/canvas.ts
index 0153719755..1c135af2a3 100644
--- a/packages/editor-ui/src/stores/canvas.ts
+++ b/packages/editor-ui/src/stores/canvas.ts
@@ -7,7 +7,16 @@ import { useWorkflowsStore } from '@/stores/workflows';
 import { useNodeTypesStore } from '@/stores/nodeTypes';
 import { useUIStore } from '@/stores/ui';
 import { INodeUi, XYPosition } from '@/Interface';
-import * as CanvasHelpers from '@/views/canvasHelpers';
+import {
+	DEFAULT_PLACEHOLDER_TRIGGER_BUTTON,
+	PLACEHOLDER_TRIGGER_NODE_SIZE,
+	getMidCanvasPosition,
+	getNewNodePosition,
+	getZoomToFit,
+	scaleBigger,
+	scaleReset,
+	scaleSmaller,
+} from '@/utils';
 import { START_NODE_TYPE } from '@/constants';
 import '@/plugins/N8nCustomConnectorType';
 import '@/plugins/PlusEndpointType';
@@ -29,12 +38,12 @@ export const useCanvasStore = defineStore('canvas', () => {
 	const canvasAddButtonPosition = ref<XYPosition>([1, 1]);
 
 	const setRecenteredCanvasAddButtonPosition = (offset?: XYPosition) => {
-		const position = CanvasHelpers.getMidCanvasPosition(nodeViewScale.value, offset || [0, 0]);
+		const position = getMidCanvasPosition(nodeViewScale.value, offset || [0, 0]);
 
-		position[0] -= CanvasHelpers.PLACEHOLDER_TRIGGER_NODE_SIZE / 2;
-		position[1] -= CanvasHelpers.PLACEHOLDER_TRIGGER_NODE_SIZE / 2;
+		position[0] -= PLACEHOLDER_TRIGGER_NODE_SIZE / 2;
+		position[1] -= PLACEHOLDER_TRIGGER_NODE_SIZE / 2;
 
-		canvasAddButtonPosition.value = CanvasHelpers.getNewNodePosition(nodes.value, position);
+		canvasAddButtonPosition.value = getNewNodePosition(nodes.value, position);
 	};
 
 	const getPlaceholderTriggerNodeUI = (): INodeUi => {
@@ -42,7 +51,7 @@ export const useCanvasStore = defineStore('canvas', () => {
 
 		return {
 			id: uuid(),
-			...CanvasHelpers.DEFAULT_PLACEHOLDER_TRIGGER_BUTTON,
+			...DEFAULT_PLACEHOLDER_TRIGGER_BUTTON,
 			position: canvasAddButtonPosition.value,
 		};
 	};
@@ -57,7 +66,7 @@ export const useCanvasStore = defineStore('canvas', () => {
 	};
 
 	const resetZoom = () => {
-		const {scale, offset} = CanvasHelpers.scaleReset({
+		const {scale, offset} = scaleReset({
 			scale: nodeViewScale.value,
 			offset: uiStore.nodeViewOffsetPosition,
 		});
@@ -65,7 +74,7 @@ export const useCanvasStore = defineStore('canvas', () => {
 	};
 
 	const zoomIn = () => {
-		const {scale, offset} = CanvasHelpers.scaleBigger({
+		const {scale, offset} = scaleBigger({
 			scale: nodeViewScale.value,
 			offset: uiStore.nodeViewOffsetPosition,
 		});
@@ -73,7 +82,7 @@ export const useCanvasStore = defineStore('canvas', () => {
 	};
 
 	const zoomOut = () => {
-		const {scale, offset} = CanvasHelpers.scaleSmaller({
+		const {scale, offset} = scaleSmaller({
 			scale: nodeViewScale.value,
 			offset: uiStore.nodeViewOffsetPosition,
 		});
@@ -85,7 +94,7 @@ export const useCanvasStore = defineStore('canvas', () => {
 		if (!nodes.length) { // some unknown workflow executions
 			return;
 		}
-		const {zoomLevel, offset} = CanvasHelpers.getZoomToFit(nodes, !isDemo.value);
+		const {zoomLevel, offset} = getZoomToFit(nodes, !isDemo.value);
 		setZoomLevel(zoomLevel, offset);
 	};
 
diff --git a/packages/editor-ui/src/stores/credentials.ts b/packages/editor-ui/src/stores/credentials.ts
index 96410f3dd9..f6b805e9b9 100644
--- a/packages/editor-ui/src/stores/credentials.ts
+++ b/packages/editor-ui/src/stores/credentials.ts
@@ -1,6 +1,6 @@
 import { createNewCredential, deleteCredential, getAllCredentials, getCredentialData, getCredentialsNewName, getCredentialTypes, oAuth1CredentialAuthorize, oAuth2CredentialAuthorize, testCredential, updateCredential } from "@/api/credentials";
 import { setCredentialSharedWith } from "@/api/credentials.ee";
-import { getAppNameFromCredType } from "@/components/helpers";
+import { getAppNameFromCredType } from "@/utils";
 import { EnterpriseEditionFeature, STORES } from "@/constants";
 import { ICredentialMap, ICredentialsDecryptedResponse, ICredentialsResponse, ICredentialsState, ICredentialTypeMap } from "@/Interface";
 import { i18n } from "@/plugins/i18n";
diff --git a/packages/editor-ui/src/stores/nodeTypes.ts b/packages/editor-ui/src/stores/nodeTypes.ts
index e3dd396a24..1b0064eecf 100644
--- a/packages/editor-ui/src/stores/nodeTypes.ts
+++ b/packages/editor-ui/src/stores/nodeTypes.ts
@@ -1,9 +1,8 @@
 import { getNodeParameterOptions, getNodesInformation, getNodeTranslationHeaders, getNodeTypes, getResourceLocatorResults } from "@/api/nodeTypes";
 import { DEFAULT_NODETYPE_VERSION, STORES } from "@/constants";
 import { ICategoriesWithNodes, INodeCreateElement, INodeTypesState, IResourceLocatorReqParams } from "@/Interface";
-import { getCategoriesWithNodes, getCategorizedList } from "@/stores/nodeTypesHelpers";
 import { addHeaders, addNodeTranslation } from "@/plugins/i18n";
-import { omit } from "@/utils";
+import { omit, getCategoriesWithNodes, getCategorizedList } from "@/utils";
 import { ILoadOptions, INodeCredentials, INodeListSearchResult, INodeParameters, INodePropertyOptions, INodeTypeDescription, INodeTypeNameVersion } from 'n8n-workflow';
 import { defineStore } from "pinia";
 import Vue from "vue";
diff --git a/packages/editor-ui/src/stores/users.ts b/packages/editor-ui/src/stores/users.ts
index dd78fe1782..504dd08baf 100644
--- a/packages/editor-ui/src/stores/users.ts
+++ b/packages/editor-ui/src/stores/users.ts
@@ -1,7 +1,7 @@
 import { changePassword, deleteUser, getCurrentUser, getUsers, inviteUsers, login, loginCurrentUser, logout, reinvite, sendForgotPasswordEmail, setupOwner, signup, skipOwnerSetup, submitPersonalizationSurvey, updateCurrentUser, updateCurrentUserPassword, validatePasswordToken, validateSignupToken } from "@/api/users";
 import { PERSONALIZATION_MODAL_KEY, STORES } from "@/constants";
 import { IInviteResponse, IPersonalizationLatestVersion, IUser, IUserResponse, IUsersState } from "@/Interface";
-import { getPersonalizedNodeTypes, isAuthorized, PERMISSIONS, ROLE } from "@/stores/userHelpers";
+import { getPersonalizedNodeTypes, isAuthorized, PERMISSIONS, ROLE } from "@/utils";
 import { defineStore } from "pinia";
 import Vue from "vue";
 import { useRootStore } from "./n8nRootStore";
diff --git a/packages/editor-ui/src/stores/workflows.ts b/packages/editor-ui/src/stores/workflows.ts
index 97183021bf..90050389fc 100644
--- a/packages/editor-ui/src/stores/workflows.ts
+++ b/packages/editor-ui/src/stores/workflows.ts
@@ -7,7 +7,6 @@ import {
 	STORES,
 } from "@/constants";
 import {
-	ICredentialMap,
 	IExecutionResponse,
 	IExecutionsCurrentSummaryExtended,
 	IExecutionsSummary,
@@ -50,10 +49,8 @@ import {
 	getWorkflows,
 } from "@/api/workflows";
 import {useUIStore} from "./ui";
-import {getPairedItemsMapping} from "@/pairedItemUtils";
 import {dataPinningEventBus} from "@/event-bus/data-pinning-event-bus";
-import {isJsonKeyObject} from "@/utils";
-import {stringSizeInBytes} from "@/components/helpers";
+import {isJsonKeyObject, getPairedItemsMapping, stringSizeInBytes} from "@/utils";
 import {useNDVStore} from "./ndv";
 import {useNodeTypesStore} from "./nodeTypes";
 import {useWorkflowsEEStore} from "@/stores/workflows.ee";
diff --git a/packages/editor-ui/src/utils.test.ts b/packages/editor-ui/src/utils/__tests__/typesUtils.test.ts
similarity index 100%
rename from packages/editor-ui/src/utils.test.ts
rename to packages/editor-ui/src/utils/__tests__/typesUtils.test.ts
diff --git a/packages/editor-ui/src/api/helpers.ts b/packages/editor-ui/src/utils/apiUtils.ts
similarity index 100%
rename from packages/editor-ui/src/api/helpers.ts
rename to packages/editor-ui/src/utils/apiUtils.ts
diff --git a/packages/editor-ui/src/views/canvasHelpers.ts b/packages/editor-ui/src/utils/canvasUtils.ts
similarity index 96%
rename from packages/editor-ui/src/views/canvasHelpers.ts
rename to packages/editor-ui/src/utils/canvasUtils.ts
index 0bd9be2ded..1da1557999 100644
--- a/packages/editor-ui/src/views/canvasHelpers.ts
+++ b/packages/editor-ui/src/utils/canvasUtils.ts
@@ -1,5 +1,6 @@
-import { getStyleTokenValue, isNumber } from "@/components/helpers";
-import { NODE_OUTPUT_DEFAULT_KEY, START_NODE_TYPE, STICKY_NODE_TYPE, QUICKSTART_NOTE_NAME } from "@/constants";
+import { isNumber } from "@/utils/typesUtils";
+import { getStyleTokenValue } from '@/utils/htmlUtils';
+import { NODE_OUTPUT_DEFAULT_KEY, STICKY_NODE_TYPE, QUICKSTART_NOTE_NAME, MAIN_HEADER_TABS, VIEWS } from "@/constants";
 import { EndpointStyle, IBounds, INodeUi, IZoomConfig, XYPosition } from "@/Interface";
 import { AnchorArraySpec, Connection, Endpoint, Overlay, OverlaySpec, PaintStyle } from "jsplumb";
 import {
@@ -10,7 +11,11 @@ import {
 	NodeInputConnections,
 	INodeTypeDescription,
 } from 'n8n-workflow';
-import { v4 as uuid } from 'uuid';
+
+/*
+	Constants and utility functions mainly used by canvas store
+	and components used to display workflow in node view.
+*/
 
 export const OVERLAY_DROP_NODE_ID = 'drop-add-node';
 export const OVERLAY_MIDPOINT_ARROW_ID = 'midpoint-arrow';
@@ -541,7 +546,7 @@ export const hideConnectionActions = (connection: Connection | null) => {
 	}
 };
 
-export const showConectionActions = (connection: Connection | null) => {
+export const showConnectionActions = (connection: Connection | null) => {
 	if (connection && connection.connector) {
 		showOverlay(connection, OVERLAY_CONNECTION_ACTIONS_ID);
 		hideOverlay(connection, OVERLAY_RUN_ITEMS_ID);
@@ -779,3 +784,21 @@ export const getFixedNodesList = (workflowNodes: INode[]) => {
 
 	return nodes;
 };
+
+export const getNodeViewTab = (route: Route): string|null => {
+	const routeMeta = route.meta;
+	if (routeMeta && routeMeta.nodeView === true) {
+		return MAIN_HEADER_TABS.WORKFLOW;
+	} else {
+		const executionTabRoutes = [
+			VIEWS.EXECUTION.toString(),
+			VIEWS.EXECUTION_PREVIEW.toString(),
+			VIEWS.EXECUTION_HOME.toString(),
+		];
+
+		if (executionTabRoutes.includes(route.name || '')) {
+			return MAIN_HEADER_TABS.EXECUTIONS;
+		}
+	}
+	return null;
+};
diff --git a/packages/editor-ui/src/utils.ts b/packages/editor-ui/src/utils/htmlUtils.ts
similarity index 53%
rename from packages/editor-ui/src/utils.ts
rename to packages/editor-ui/src/utils/htmlUtils.ts
index 15a34e8cea..5103f4964e 100644
--- a/packages/editor-ui/src/utils.ts
+++ b/packages/editor-ui/src/utils/htmlUtils.ts
@@ -1,19 +1,8 @@
 import xss, { friendlyAttrValue } from 'xss';
 
-export const omit = (keyToOmit: string, { [keyToOmit]: _, ...remainder }) => remainder;
-
-export function isObjectLiteral(maybeObject: unknown): maybeObject is { [key: string]: string } {
-	return typeof maybeObject === 'object' && maybeObject !== null && !Array.isArray(maybeObject);
-}
-
-export function isJsonKeyObject(item: unknown): item is {
-	json: unknown;
-	[otherKeys: string]: unknown;
-} {
-	if (!isObjectLiteral(item)) return false;
-
-	return Object.keys(item).includes('json');
-}
+/*
+	Constants and utility functions that help in HTML, CSS and DOM manipulation
+*/
 
 export function sanitizeHtml(dirtyHtml: string) {
 	const allowedAttributes = ['href','name', 'target', 'title', 'class', 'id'];
@@ -45,20 +34,26 @@ export function sanitizeHtml(dirtyHtml: string) {
 	return sanitizedHtml;
 }
 
-export const isEmpty = (value?: unknown): boolean => {
-	if (!value && value !== 0) return true;
-	if(Array.isArray(value)){
-		if(!value.length) return true;
-		return value.every(isEmpty);
-	}
-	if (typeof value === 'object') {
-		return Object.values(value).every(isEmpty);
-	}
-	return false;
-};
+export function getStyleTokenValue(name: string): string {
+	const style = getComputedStyle(document.body);
+	return style.getPropertyValue(name);
+}
 
-export const intersection = <T>(...arrays: T[][]): T[] => {
-	const [a, b, ...rest] = arrays;
-	const ab = a.filter(v => b.includes(v));
-	return [...new Set(rest.length ? intersection(ab, ...rest) : ab)];
-};
+export function setPageTitle(title: string) {
+	window.document.title = title;
+}
+
+export function convertRemToPixels(rem: string) {
+	return parseInt(rem, 10) * parseFloat(getComputedStyle(document.documentElement).fontSize);
+}
+
+export function isChildOf(parent: Element, child: Element): boolean {
+	if (child.parentElement === null) {
+		return false;
+	}
+	if (child.parentElement === parent) {
+		return true;
+	}
+
+	return isChildOf(parent, child.parentElement);
+}
diff --git a/packages/editor-ui/src/utils/index.ts b/packages/editor-ui/src/utils/index.ts
new file mode 100644
index 0000000000..8cb8b02816
--- /dev/null
+++ b/packages/editor-ui/src/utils/index.ts
@@ -0,0 +1,9 @@
+export * from './apiUtils';
+export * from './canvasUtils';
+export * from './htmlUtils';
+export * from './nodeTypesUtils';
+export * from './sortUtils';
+export * from './pairedItemUtils';
+export * from './typeGuards';
+export * from './typesUtils';
+export * from './userUtils';
diff --git a/packages/editor-ui/src/stores/nodeTypesHelpers.ts b/packages/editor-ui/src/utils/nodeTypesUtils.ts
similarity index 51%
rename from packages/editor-ui/src/stores/nodeTypesHelpers.ts
rename to packages/editor-ui/src/utils/nodeTypesUtils.ts
index c260418137..af6afc15c1 100644
--- a/packages/editor-ui/src/stores/nodeTypesHelpers.ts
+++ b/packages/editor-ui/src/utils/nodeTypesUtils.ts
@@ -1,6 +1,29 @@
-import { CORE_NODES_CATEGORY, CUSTOM_NODES_CATEGORY, SUBCATEGORY_DESCRIPTIONS, UNCATEGORIZED_CATEGORY, UNCATEGORIZED_SUBCATEGORY, PERSONALIZED_CATEGORY  } from '@/constants';
-import { INodeCreateElement, ICategoriesWithNodes } from '@/Interface';
-import { INodeTypeDescription } from 'n8n-workflow';
+import {
+	CORE_NODES_CATEGORY,
+	CUSTOM_NODES_CATEGORY,
+	SUBCATEGORY_DESCRIPTIONS,
+	UNCATEGORIZED_CATEGORY,
+	UNCATEGORIZED_SUBCATEGORY,
+	PERSONALIZED_CATEGORY,
+	NON_ACTIVATABLE_TRIGGER_NODE_TYPES,
+	TEMPLATES_NODES_FILTER,
+	REGULAR_NODE_FILTER,
+	TRIGGER_NODE_FILTER,
+	ALL_NODE_FILTER,
+	MAPPING_PARAMS,
+} from '@/constants';
+import { INodeCreateElement, ICategoriesWithNodes, INodeUi, ITemplatesNode, INodeItemProps } from '@/Interface';
+import { IDataObject, INodeExecutionData, INodeProperties, INodeTypeDescription, NodeParameterValueType } from 'n8n-workflow';
+import { isResourceLocatorValue, isJsonKeyObject } from '@/utils';
+
+/*
+	Constants and utility functions mainly used to get information about
+	or manipulate node types and nodes.
+*/
+
+const CRED_KEYWORDS_TO_FILTER = ['API', 'OAuth1', 'OAuth2'];
+const NODE_KEYWORDS_TO_FILTER = ['Trigger'];
+const COMMUNITY_PACKAGE_NAME_REGEX = /(@\w+\/)?n8n-nodes-(?!base\b)\b\w+/g;
 
 const addNodeToCategory = (accu: ICategoriesWithNodes, nodeType: INodeTypeDescription, category: string, subcategory: string) => {
 	if (!accu[category]) {
@@ -148,3 +171,92 @@ export const getCategorizedList = (categoriesWithNodes: ICategoriesWithNodes): I
 		[],
 	);
 };
+
+export function getAppNameFromCredType(name: string) {
+	return name.split(' ').filter((word) => !CRED_KEYWORDS_TO_FILTER.includes(word)).join(' ');
+}
+
+export function getAppNameFromNodeName(name: string) {
+	return name.split(' ').filter((word) => !NODE_KEYWORDS_TO_FILTER.includes(word)).join(' ');
+}
+
+
+export function getTriggerNodeServiceName(nodeType: INodeTypeDescription): string {
+	return nodeType.displayName.replace(/ trigger/i, '');
+}
+
+export function getActivatableTriggerNodes(nodes: INodeUi[]) {
+	return nodes.filter((node: INodeUi) => !node.disabled && !NON_ACTIVATABLE_TRIGGER_NODE_TYPES.includes(node.type));
+}
+
+export function filterTemplateNodes(nodes: ITemplatesNode[]) {
+	const notCoreNodes = nodes.filter((node: ITemplatesNode) => {
+		return !(node.categories || []).some(
+			(category) => category.name === CORE_NODES_CATEGORY,
+		);
+	});
+
+	const results = notCoreNodes.length > 0 ? notCoreNodes : nodes;
+	return results.filter((elem) => !TEMPLATES_NODES_FILTER.includes(elem.name));
+}
+
+export function isCommunityPackageName(packageName: string): boolean {
+	COMMUNITY_PACKAGE_NAME_REGEX.lastIndex = 0;
+	// Community packages names start with <@username/>n8n-nodes- not followed by word 'base'
+	const nameMatch = COMMUNITY_PACKAGE_NAME_REGEX.exec(packageName);
+
+	return !!nameMatch;
+}
+
+export function hasExpressionMapping(value: unknown) {
+	return typeof value === 'string' && !!MAPPING_PARAMS.find((param) => value.includes(param));
+}
+
+export function isValueExpression (parameter: INodeProperties, paramValue: NodeParameterValueType): boolean {
+	if (parameter.noDataExpression === true) {
+		return false;
+	}
+	if (typeof paramValue === 'string' && paramValue.charAt(0) === '=') {
+		return true;
+	}
+	if (isResourceLocatorValue(paramValue) && paramValue.value && paramValue.value.toString().charAt(0) === '=') {
+		return true;
+	}
+	return false;
+}
+
+export const executionDataToJson = (inputData: INodeExecutionData[]): IDataObject[] => inputData.reduce<IDataObject[]>(
+	(acc, item) => isJsonKeyObject(item) ? acc.concat(item.json) : acc,
+	[],
+);
+
+export const matchesSelectType = (el: INodeCreateElement, selectedType: string) => {
+	if (selectedType === REGULAR_NODE_FILTER && el.includedByRegular) {
+		return true;
+	}
+	if (selectedType === TRIGGER_NODE_FILTER && el.includedByTrigger) {
+		return true;
+	}
+
+	return selectedType === ALL_NODE_FILTER;
+};
+
+const matchesAlias = (nodeType: INodeTypeDescription, filter: string): boolean => {
+	if (!nodeType.codex || !nodeType.codex.alias) {
+		return false;
+	}
+
+	return nodeType.codex.alias.reduce((accu: boolean, alias: string) => {
+		return accu || alias.toLowerCase().indexOf(filter) > -1;
+	}, false);
+};
+
+export const matchesNodeType = (el: INodeCreateElement, filter: string) => {
+	const nodeType = (el.properties as INodeItemProps).nodeType;
+
+	return nodeType.displayName.toLowerCase().indexOf(filter) !== -1 || matchesAlias(nodeType, filter);
+};
+
+export const hasOnlyListMode = (parameter: INodeProperties) : boolean => {
+	return parameter.modes !== undefined && parameter.modes.length === 1 && parameter.modes[0].name === 'list';
+};
diff --git a/packages/editor-ui/src/pairedItemUtils.ts b/packages/editor-ui/src/utils/pairedItemUtils.ts
similarity index 94%
rename from packages/editor-ui/src/pairedItemUtils.ts
rename to packages/editor-ui/src/utils/pairedItemUtils.ts
index d63edf6ae9..79ba57c833 100644
--- a/packages/editor-ui/src/pairedItemUtils.ts
+++ b/packages/editor-ui/src/utils/pairedItemUtils.ts
@@ -1,12 +1,15 @@
-import { INodeExecutionData, IPairedItemData, IRunData, ITaskData } from "n8n-workflow";
-import { IExecutionResponse, TargetItem } from "./Interface";
-import { isNotNull } from "./typeGuards";
+import { IPairedItemData, IRunData, ITaskData } from "n8n-workflow";
+import { IExecutionResponse, TargetItem } from "../Interface";
+import { isNotNull } from "@/utils";
+
+/*
+	Utility functions that provide shared functionalities used to add paired item support to nodes
+*/
 
 export function getPairedItemId(node: string, run: number, output: number, item: number): string {
 	return `${node}_r${run}_o${output}_i${item}`;
 }
 
-
 export function getSourceItems(data: IExecutionResponse, target: TargetItem): TargetItem[] {
 	if (!data?.data?.resultData?.runData) {
 		return [];
diff --git a/packages/editor-ui/src/components/Node/NodeCreator/sortUtils.ts b/packages/editor-ui/src/utils/sortUtils.ts
similarity index 98%
rename from packages/editor-ui/src/components/Node/NodeCreator/sortUtils.ts
rename to packages/editor-ui/src/utils/sortUtils.ts
index 594785b4a8..608999f44f 100644
--- a/packages/editor-ui/src/components/Node/NodeCreator/sortUtils.ts
+++ b/packages/editor-ui/src/utils/sortUtils.ts
@@ -1,3 +1,7 @@
+/*
+	Constants and utility functions used for searching for node types in node creator component
+*/
+
 // based on https://github.com/forrestthewoods/lib_fts/blob/master/code/fts_fuzzy_match.js
 
 const SEQUENTIAL_BONUS = 30; // bonus for adjacent matches
diff --git a/packages/editor-ui/src/typeGuards.ts b/packages/editor-ui/src/utils/typeGuards.ts
similarity index 83%
rename from packages/editor-ui/src/typeGuards.ts
rename to packages/editor-ui/src/utils/typeGuards.ts
index f76537b33c..d83b8847c0 100644
--- a/packages/editor-ui/src/typeGuards.ts
+++ b/packages/editor-ui/src/utils/typeGuards.ts
@@ -1,5 +1,9 @@
 import { INodeParameterResourceLocator } from "n8n-workflow";
-import { ICredentialsResponse } from "./Interface";
+import { ICredentialsResponse } from "../Interface";
+
+/*
+	Type guards used in editor-ui project
+*/
 
 export function isResourceLocatorValue(value: unknown): value is INodeParameterResourceLocator {
 	return Boolean(typeof value === 'object' && value && 'mode' in value && 'value' in value);
diff --git a/packages/editor-ui/src/utils/typesUtils.ts b/packages/editor-ui/src/utils/typesUtils.ts
new file mode 100644
index 0000000000..d21a015581
--- /dev/null
+++ b/packages/editor-ui/src/utils/typesUtils.ts
@@ -0,0 +1,137 @@
+import dateformat from 'dateformat';
+import { IDataObject, jsonParse } from 'n8n-workflow';
+
+/*
+	Constants and utility functions than can be used to manipulate different data types and objects
+*/
+
+const SI_SYMBOL = ['', 'k', 'M', 'G', 'T', 'P', 'E'];
+
+export const omit = (keyToOmit: string, { [keyToOmit]: _, ...remainder }) => remainder;
+
+export function isObjectLiteral(maybeObject: unknown): maybeObject is { [key: string]: string } {
+	return typeof maybeObject === 'object' && maybeObject !== null && !Array.isArray(maybeObject);
+}
+
+export function isJsonKeyObject(item: unknown): item is {
+	json: unknown;
+	[otherKeys: string]: unknown;
+} {
+	if (!isObjectLiteral(item)) return false;
+
+	return Object.keys(item).includes('json');
+}
+
+export const isEmpty = (value?: unknown): boolean => {
+	if (!value && value !== 0) return true;
+	if(Array.isArray(value)){
+		if(!value.length) return true;
+		return value.every(isEmpty);
+	}
+	if (typeof value === 'object') {
+		return Object.values(value).every(isEmpty);
+	}
+	return false;
+};
+
+export const intersection = <T>(...arrays: T[][]): T[] => {
+	const [a, b, ...rest] = arrays;
+	const ab = a.filter(v => b.includes(v));
+	return [...new Set(rest.length ? intersection(ab, ...rest) : ab)];
+};
+
+
+export function abbreviateNumber(num: number) {
+	const tier = (Math.log10(Math.abs(num)) / 3) | 0;
+
+	if (tier === 0) return num;
+
+	const suffix = SI_SYMBOL[tier];
+	const scale = Math.pow(10, tier * 3);
+	const scaled = num / scale;
+
+	return Number(scaled.toFixed(1)) + suffix;
+}
+
+export function convertToDisplayDate (epochTime: number) {
+	return dateformat(epochTime, 'yyyy-mm-dd HH:MM:ss');
+}
+
+export function convertToHumanReadableDate (epochTime: number) {
+	return dateformat(epochTime, 'd mmmm, yyyy @ HH:MM Z');
+}
+
+export function isString(value: unknown): value is string {
+	return typeof value === 'string';
+}
+
+export function isStringNumber(value: unknown): value is string {
+	return !isNaN(Number(value));
+}
+
+export function isNumber(value: unknown): value is number {
+	return typeof value === 'number';
+}
+
+export function stringSizeInBytes(input: string | IDataObject | IDataObject[] | undefined): number {
+	if (input === undefined) return 0;
+
+	return new Blob([typeof input === 'string' ? input : JSON.stringify(input)]).size;
+}
+
+export function shorten(s: string, limit: number, keep: number) {
+	if (s.length <= limit) {
+		return s;
+	}
+
+	const first = s.slice(0, limit - keep);
+	const last = s.slice(s.length - keep, s.length);
+
+	return `${first}...${last}`;
+}
+
+export const convertPath = (path: string): string => {
+	// TODO: That can for sure be done fancier but for now it works
+	const placeholder = '*___~#^#~___*';
+	let inBrackets = path.match(/\[(.*?)]/g);
+
+	if (inBrackets === null) {
+		inBrackets = [];
+	} else {
+		inBrackets = inBrackets.map(item => item.slice(1, -1)).map(item => {
+			if (item.startsWith('"') && item.endsWith('"')) {
+				return item.slice(1, -1);
+			}
+			return item;
+		});
+	}
+	const withoutBrackets = path.replace(/\[(.*?)]/g, placeholder);
+	const pathParts = withoutBrackets.split('.');
+	const allParts = [] as string[];
+	pathParts.forEach(part => {
+		let index = part.indexOf(placeholder);
+		while(index !== -1) {
+			if (index === 0) {
+				allParts.push(inBrackets!.shift() as string);
+				part = part.substr(placeholder.length);
+			} else {
+				allParts.push(part.substr(0, index));
+				part = part.substr(index);
+			}
+			index = part.indexOf(placeholder);
+		}
+		if (part !== '') {
+			allParts.push(part);
+		}
+	});
+
+	return '["' + allParts.join('"]["') + '"]';
+};
+
+export const clearJsonKey = (userInput: string | object) => {
+	const parsedUserInput = typeof userInput === 'string' ? jsonParse(userInput) : userInput;
+
+	if (!Array.isArray(parsedUserInput)) return parsedUserInput;
+
+	return parsedUserInput.map(item => isJsonKeyObject(item) ? item.json : item);
+};
diff --git a/packages/editor-ui/src/stores/userHelpers.ts b/packages/editor-ui/src/utils/userUtils.ts
similarity index 99%
rename from packages/editor-ui/src/stores/userHelpers.ts
rename to packages/editor-ui/src/utils/userUtils.ts
index 44eb5655cd..b9a31cec51 100644
--- a/packages/editor-ui/src/stores/userHelpers.ts
+++ b/packages/editor-ui/src/utils/userUtils.ts
@@ -1,9 +1,12 @@
 
 import { CALENDLY_TRIGGER_NODE_TYPE, CLEARBIT_NODE_TYPE, COMPANY_SIZE_1000_OR_MORE, COMPANY_SIZE_500_999, SCHEDULE_TRIGGER_NODE_TYPE, ELASTIC_SECURITY_NODE_TYPE, EMAIL_SEND_NODE_TYPE, EXECUTE_COMMAND_NODE_TYPE, FINANCE_WORK_AREA, GITHUB_TRIGGER_NODE_TYPE, HTTP_REQUEST_NODE_TYPE, IF_NODE_TYPE, ITEM_LISTS_NODE_TYPE, IT_ENGINEERING_WORK_AREA, JIRA_TRIGGER_NODE_TYPE, MICROSOFT_EXCEL_NODE_TYPE, MICROSOFT_TEAMS_NODE_TYPE, PAGERDUTY_NODE_TYPE, PRODUCT_WORK_AREA, QUICKBOOKS_NODE_TYPE, SALESFORCE_NODE_TYPE, SALES_BUSINESSDEV_WORK_AREA, SECURITY_WORK_AREA, SEGMENT_NODE_TYPE, SET_NODE_TYPE, SLACK_NODE_TYPE, SPREADSHEET_FILE_NODE_TYPE, SWITCH_NODE_TYPE, WEBHOOK_NODE_TYPE, XERO_NODE_TYPE, COMPANY_SIZE_KEY, WORK_AREA_KEY, CODING_SKILL_KEY, COMPANY_TYPE_KEY, ECOMMERCE_COMPANY_TYPE, MSP_COMPANY_TYPE, PERSONAL_COMPANY_TYPE, AUTOMATION_GOAL_KEY, OTHER_AUTOMATION_GOAL, NOT_SURE_YET_GOAL, CUSTOMER_INTEGRATIONS_GOAL, CUSTOMER_SUPPORT_GOAL, FINANCE_ACCOUNTING_GOAL, ZENDESK_TRIGGER_NODE_TYPE, WOOCOMMERCE_TRIGGER_NODE_TYPE, SALES_MARKETING_GOAL, HUBSPOT_TRIGGER_NODE_TYPE, HR_GOAL, WORKABLE_TRIGGER_NODE_TYPE, OPERATIONS_GOAL, PRODUCT_GOAL, NOTION_TRIGGER_NODE_TYPE, SECURITY_GOAL, THE_HIVE_TRIGGER_NODE_TYPE, ZENDESK_NODE_TYPE, SERVICENOW_NODE_TYPE, JIRA_NODE_TYPE, BAMBOO_HR_NODE_TYPE, GOOGLE_SHEETS_NODE_TYPE, CODE_NODE_TYPE } from '@/constants';
 import { IPermissions, IPersonalizationSurveyAnswersV1, IPersonalizationSurveyAnswersV2, IPersonalizationSurveyAnswersV3, IPersonalizationSurveyVersions, IUser } from '@/Interface';
-
 import { ILogInStatus, IRole, IUserPermissions } from "@/Interface";
 
+/*
+	Utility functions used to handle users in n8n
+*/
+
 function isPersonalizationV2OrV3(data: IPersonalizationSurveyVersions): data is IPersonalizationSurveyAnswersV2 | IPersonalizationSurveyAnswersV3 {
 	return "version" in data;
 }
diff --git a/packages/editor-ui/src/views/ChangePasswordView.vue b/packages/editor-ui/src/views/ChangePasswordView.vue
index cd6ce9220a..b52afe1c04 100644
--- a/packages/editor-ui/src/views/ChangePasswordView.vue
+++ b/packages/editor-ui/src/views/ChangePasswordView.vue
@@ -10,7 +10,7 @@
 
 <script lang="ts">
 import AuthView from './AuthView.vue';
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 
 import mixins from 'vue-typed-mixins';
 import { IFormBoxConfig } from '@/Interface';
diff --git a/packages/editor-ui/src/views/CredentialsView.vue b/packages/editor-ui/src/views/CredentialsView.vue
index 38caa92601..e8a5e7b370 100644
--- a/packages/editor-ui/src/views/CredentialsView.vue
+++ b/packages/editor-ui/src/views/CredentialsView.vue
@@ -43,7 +43,7 @@
 </template>
 
 <script lang="ts">
-import {showMessage} from '@/components/mixins/showMessage';
+import {showMessage} from '@/mixins/showMessage';
 import {ICredentialsResponse, ICredentialTypeMap, IUser} from '@/Interface';
 import mixins from 'vue-typed-mixins';
 
@@ -54,7 +54,7 @@ import PageViewLayoutList from "@/components/layouts/PageViewLayoutList.vue";
 import CredentialCard from "@/components/CredentialCard.vue";
 import {ICredentialType} from "n8n-workflow";
 import TemplateCard from "@/components/TemplateCard.vue";
-import { debounceHelper } from '@/components/mixins/debounce';
+import { debounceHelper } from '@/mixins/debounce';
 import ResourceOwnershipSelect from "@/components/forms/ResourceOwnershipSelect.ee.vue";
 import ResourceFiltersDropdown from "@/components/forms/ResourceFiltersDropdown.vue";
 import {CREDENTIAL_SELECT_MODAL_KEY} from '@/constants';
diff --git a/packages/editor-ui/src/views/ForgotMyPasswordView.vue b/packages/editor-ui/src/views/ForgotMyPasswordView.vue
index b181e73e3c..d8cfe875e8 100644
--- a/packages/editor-ui/src/views/ForgotMyPasswordView.vue
+++ b/packages/editor-ui/src/views/ForgotMyPasswordView.vue
@@ -8,7 +8,7 @@
 
 <script lang="ts">
 import AuthView from './AuthView.vue';
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 
 import mixins from 'vue-typed-mixins';
 import { IFormBoxConfig } from '@/Interface';
diff --git a/packages/editor-ui/src/views/NodeView.vue b/packages/editor-ui/src/views/NodeView.vue
index 14b12cd81c..f2e5526297 100644
--- a/packages/editor-ui/src/views/NodeView.vue
+++ b/packages/editor-ui/src/views/NodeView.vue
@@ -152,19 +152,19 @@ import {
 	WEBHOOK_NODE_TYPE,
 	TRIGGER_NODE_FILTER, EnterpriseEditionFeature,
 } from '@/constants';
-import { copyPaste } from '@/components/mixins/copyPaste';
-import { externalHooks } from '@/components/mixins/externalHooks';
-import { genericHelpers } from '@/components/mixins/genericHelpers';
-import { mouseSelect } from '@/components/mixins/mouseSelect';
-import { moveNodeWorkflow } from '@/components/mixins/moveNodeWorkflow';
-import { restApi } from '@/components/mixins/restApi';
-import { globalLinkActions } from '@/components/mixins/globalLinkActions';
-import { showMessage } from '@/components/mixins/showMessage';
-import { titleChange } from '@/components/mixins/titleChange';
-import { newVersions } from '@/components/mixins/newVersions';
+import { copyPaste } from '@/mixins/copyPaste';
+import { externalHooks } from '@/mixins/externalHooks';
+import { genericHelpers } from '@/mixins/genericHelpers';
+import { mouseSelect } from '@/mixins/mouseSelect';
+import { moveNodeWorkflow } from '@/mixins/moveNodeWorkflow';
+import { restApi } from '@/mixins/restApi';
+import { globalLinkActions } from '@/mixins/globalLinkActions';
+import { showMessage } from '@/mixins/showMessage';
+import { titleChange } from '@/mixins/titleChange';
+import { newVersions } from '@/mixins/newVersions';
 
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
-import { workflowRun } from '@/components/mixins/workflowRun';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
+import { workflowRun } from '@/mixins/workflowRun';
 
 import NodeDetailsView from '@/components/NodeDetailsView.vue';
 import Node from '@/components/Node.vue';
@@ -172,7 +172,40 @@ import NodeSettings from '@/components/NodeSettings.vue';
 import Sticky from '@/components/Sticky.vue';
 import CanvasAddButton from './CanvasAddButton.vue';
 
-import * as CanvasHelpers from './canvasHelpers';
+import {
+	CONNECTOR_ARROW_OVERLAYS,
+	CONNECTOR_FLOWCHART_TYPE,
+	CONNECTOR_PAINT_STYLE_DEFAULT,
+	CONNECTOR_PAINT_STYLE_PRIMARY,
+	GRID_SIZE,
+	MAX_X_TO_PUSH_DOWNSTREAM_NODES,
+	NODE_SIZE,
+	PUSH_NODES_OFFSET,
+	WELCOME_STICKY_NODE,
+	addConnectionActionsOverlay,
+	addConnectionOutputSuccess,
+	getAccountAge,
+	getBackgroundStyles,
+	getConnectorLengths,
+	getFixedNodesList,
+	getMousePosition,
+	getNewNodePosition,
+	getNodeViewTab,
+	getInputEndpointUUID,
+	getOutputEndpointUUID,
+	getOutputSummary,
+	getRunItemsLabel,
+	hideConnectionActions,
+	moveBackInputLabelPosition,
+	showDropConnectionState,
+	showOrHideMidpointArrow,
+	showOrHideItemsLabel,
+	showPullConnectionState,
+	resetConnection,
+	resetConnectionAfterPull,
+	resetInputLabelPosition,
+	showConnectionActions,
+} from '@/utils';
 
 import mixins from 'vue-typed-mixins';
 import { v4 as uuid } from 'uuid';
@@ -215,12 +248,10 @@ import {
 	INodeUpdatePropertiesInformation,
 } from '@/Interface';
 
-import { getAccountAge } from '@/stores/userHelpers';
-import { debounceHelper } from '@/components/mixins/debounce';
+import { debounceHelper } from '@/mixins/debounce';
 import { useUIStore } from '@/stores/ui';
 import { useSettingsStore } from '@/stores/settings';
 import { useUsersStore } from '@/stores/users';
-import { getNodeViewTab } from '@/components/helpers';
 import { Route, RawLocation } from 'vue-router';
 import { nodeViewEventBus } from '@/event-bus/node-view-event-bus';
 import { useWorkflowsStore } from '@/stores/workflows';
@@ -457,7 +488,7 @@ export default mixins(
 				};
 			},
 			backgroundStyle(): object {
-				return CanvasHelpers.getBackgroundStyles(
+				return getBackgroundStyles(
 					this.nodeViewScale,
 					this.uiStore.nodeViewOffsetPosition,
 					this.isExecutionPreview,
@@ -518,7 +549,7 @@ export default mixins(
 		},
 		data() {
 			return {
-				GRID_SIZE: CanvasHelpers.GRID_SIZE,
+				GRID_SIZE,
 				STICKY_NODE_TYPE,
 				createNodeActive: false,
 				lastSelectedConnection: null as null | Connection,
@@ -750,7 +781,7 @@ export default mixins(
 					throw new Error('Invalid workflow object');
 				}
 				this.resetWorkspace();
-				data.workflow.nodes = CanvasHelpers.getFixedNodesList(data.workflow.nodes);
+				data.workflow.nodes = getFixedNodesList(data.workflow.nodes);
 
 				await this.addNodes(data.workflow.nodes as INodeUi[], data.workflow.connections);
 
@@ -789,7 +820,7 @@ export default mixins(
 					return;
 				}
 
-				data.workflow.nodes = CanvasHelpers.getFixedNodesList(data.workflow.nodes) as INodeUi[];
+				data.workflow.nodes = getFixedNodesList(data.workflow.nodes) as INodeUi[];
 
 				this.blankRedirect = true;
 				this.$router.replace({ name: VIEWS.NEW_WORKFLOW, query: { templateId } });
@@ -1422,7 +1453,7 @@ export default mixins(
 					// 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(workflowData, CanvasHelpers.getNewNodePosition(this.nodes, this.lastClickPosition));
+					this.updateNodePositions(workflowData, getNewNodePosition(this.nodes, this.lastClickPosition));
 
 					const data = await this.addNodesToWorkflow(workflowData);
 
@@ -1491,8 +1522,8 @@ export default mixins(
 
 					this.addNode(nodeTypeName, {
 						position: [
-							mousePosition[0] - CanvasHelpers.NODE_SIZE / 2,
-							mousePosition[1] - CanvasHelpers.NODE_SIZE / 2,
+							mousePosition[0] - NODE_SIZE / 2,
+							mousePosition[1] - NODE_SIZE / 2,
 						],
 						dragAndDrop: true,
 					});
@@ -1633,21 +1664,21 @@ export default mixins(
 				const lastSelectedNode = this.lastSelectedNode;
 
 				if (options.position) {
-					newNodeData.position = CanvasHelpers.getNewNodePosition(this.canvasStore.getNodesWithPlaceholderNode(), options.position);
+					newNodeData.position = getNewNodePosition(this.canvasStore.getNodesWithPlaceholderNode(), options.position);
 				} else if (lastSelectedNode) {
 					const lastSelectedConnection = this.lastSelectedConnection;
 					if (lastSelectedConnection) { // set when injecting into a connection
-						const [diffX] = CanvasHelpers.getConnectorLengths(lastSelectedConnection);
-						if (diffX <= CanvasHelpers.MAX_X_TO_PUSH_DOWNSTREAM_NODES) {
-							this.pushDownstreamNodes(lastSelectedNode.name, CanvasHelpers.PUSH_NODES_OFFSET);
+						const [diffX] = getConnectorLengths(lastSelectedConnection);
+						if (diffX <= MAX_X_TO_PUSH_DOWNSTREAM_NODES) {
+							this.pushDownstreamNodes(lastSelectedNode.name, PUSH_NODES_OFFSET);
 						}
 					}
 
 					// set when pulling connections
 					if (this.newNodeInsertPosition) {
-						newNodeData.position = CanvasHelpers.getNewNodePosition(this.nodes, [
-							this.newNodeInsertPosition[0] + CanvasHelpers.GRID_SIZE,
-							this.newNodeInsertPosition[1] - CanvasHelpers.NODE_SIZE / 2,
+						newNodeData.position = getNewNodePosition(this.nodes, [
+							this.newNodeInsertPosition[0] + GRID_SIZE,
+							this.newNodeInsertPosition[1] - NODE_SIZE / 2,
 						]);
 						this.newNodeInsertPosition = null;
 					} else {
@@ -1665,9 +1696,9 @@ export default mixins(
 
 						// If a node is active then add the new node directly after the current one
 						// newNodeData.position = [activeNode.position[0], activeNode.position[1] + 60];
-						newNodeData.position = CanvasHelpers.getNewNodePosition(
+						newNodeData.position = getNewNodePosition(
 							this.nodes,
-							[lastSelectedNode.position[0] + CanvasHelpers.PUSH_NODES_OFFSET, lastSelectedNode.position[1] + yOffset],
+							[lastSelectedNode.position[0] + PUSH_NODES_OFFSET, lastSelectedNode.position[1] + yOffset],
 							[100, 0],
 						);
 					}
@@ -1679,7 +1710,7 @@ export default mixins(
 						// If no node is active find a free spot
 						: this.lastClickPosition as XYPosition;
 
-					newNodeData.position = CanvasHelpers.getNewNodePosition(this.nodes, position);
+					newNodeData.position = getNewNodePosition(this.nodes, position);
 				}
 
 
@@ -1789,12 +1820,12 @@ export default mixins(
 			},
 			initNodeView() {
 				this.instance.importDefaults({
-					Connector: CanvasHelpers.CONNECTOR_FLOWCHART_TYPE,
+					Connector: CONNECTOR_FLOWCHART_TYPE,
 					Endpoint: ['Dot', { radius: 5 }],
 					DragOptions: { cursor: 'pointer', zIndex: 5000 },
-					PaintStyle: CanvasHelpers.CONNECTOR_PAINT_STYLE_DEFAULT,
-					HoverPaintStyle: CanvasHelpers.CONNECTOR_PAINT_STYLE_PRIMARY,
-					ConnectionOverlays: CanvasHelpers.CONNECTOR_ARROW_OVERLAYS,
+					PaintStyle: CONNECTOR_PAINT_STYLE_DEFAULT,
+					HoverPaintStyle: CONNECTOR_PAINT_STYLE_PRIMARY,
+					ConnectionOverlays: CONNECTOR_ARROW_OVERLAYS,
 					Container: '#node-view',
 				});
 
@@ -1890,7 +1921,7 @@ export default mixins(
 							};
 						}
 
-						CanvasHelpers.resetConnection(info.connection);
+						resetConnection(info.connection);
 
 						if (!this.isReadOnly) {
 							let exitTimer: NodeJS.Timeout | undefined;
@@ -1910,14 +1941,14 @@ export default mixins(
 										return;
 									}
 
-									CanvasHelpers.hideConnectionActions(activeConnection);
+									hideConnectionActions(activeConnection);
 
 
 									enterTimer = setTimeout(() => {
 										enterTimer = undefined;
 										if (info.connection) {
 											activeConnection = info.connection;
-											CanvasHelpers.showConectionActions(info.connection);
+											showConnectionActions(info.connection);
 										}
 									}, 150);
 								} catch (e) {
@@ -1944,7 +1975,7 @@ export default mixins(
 										exitTimer = undefined;
 
 										if (info.connection && activeConnection === info.connection) {
-											CanvasHelpers.hideConnectionActions(activeConnection);
+											hideConnectionActions(activeConnection);
 											activeConnection = null;
 										}
 									}, 500);
@@ -1953,7 +1984,7 @@ export default mixins(
 								}
 							});
 
-							CanvasHelpers.addConnectionActionsOverlay(info.connection,
+							addConnectionActionsOverlay(info.connection,
 								() => {
 									activeConnection = null;
 									this.__deleteJSPlumbConnection(info.connection);
@@ -1970,7 +2001,7 @@ export default mixins(
 								});
 						}
 
-						CanvasHelpers.moveBackInputLabelPosition(info.targetEndpoint);
+						moveBackInputLabelPosition(info.targetEndpoint);
 
 						this.workflowsStore.addConnection({
 							connection: [
@@ -1998,7 +2029,7 @@ export default mixins(
 						// calls the "connection" event but not the "connectionDetached" one. So we listen
 						// additionally to the "connectionMoved" event and then only delete the existing connection.
 
-						CanvasHelpers.resetInputLabelPosition(info.originalTargetEndpoint);
+						resetInputLabelPosition(info.originalTargetEndpoint);
 
 						// @ts-ignore
 						const sourceInfo = info.originalSourceEndpoint.getParameters();
@@ -2026,7 +2057,7 @@ export default mixins(
 
 				this.instance.bind('connectionDetached', (info) => {
 					try {
-						CanvasHelpers.resetInputLabelPosition(info.targetEndpoint);
+						resetInputLabelPosition(info.targetEndpoint);
 						info.connection.removeOverlays();
 						this.__removeConnectionByConnectionInfo(info, false);
 
@@ -2049,7 +2080,7 @@ export default mixins(
 						this.pullConnActiveNodeName = null;
 						this.pullConnActive = true;
 						this.newNodeInsertPosition = null;
-						CanvasHelpers.resetConnection(connection);
+						resetConnection(connection);
 
 						const nodes = [...document.querySelectorAll('.node-default')];
 
@@ -2061,14 +2092,14 @@ export default mixins(
 							const element = document.querySelector('.jtk-endpoint.dropHover');
 							if (element) {
 								// @ts-ignore
-								CanvasHelpers.showDropConnectionState(connection, element._jsPlumb);
+								showDropConnectionState(connection, element._jsPlumb);
 								return;
 							}
 
 							const inputMargin = 24;
 							const intersecting = nodes.find((element: Element) => {
 								const { top, left, right, bottom } = element.getBoundingClientRect();
-								const [x, y] = CanvasHelpers.getMousePosition(e);
+								const [x, y] = getMousePosition(e);
 								if (top <= y && bottom >= y && (left - inputMargin) <= x && right >= x) {
 									const nodeName = (element as HTMLElement).dataset['name'] as string;
 									const node = this.workflowsStore.getNodeByName(nodeName) as INodeUi | null;
@@ -2080,7 +2111,7 @@ export default mixins(
 											if (endpointUUID) {
 												const endpoint = this.instance.getEndpoint(endpointUUID);
 
-												CanvasHelpers.showDropConnectionState(connection, endpoint);
+												showDropConnectionState(connection, endpoint);
 
 												return true;
 											}
@@ -2092,7 +2123,7 @@ export default mixins(
 							});
 
 							if (!intersecting) {
-								CanvasHelpers.showPullConnectionState(connection);
+								showPullConnectionState(connection);
 								this.pullConnActiveNodeName = null;
 							}
 						};
@@ -2100,7 +2131,7 @@ export default mixins(
 						const onMouseUp = (e: MouseEvent | TouchEvent) => {
 							this.pullConnActive = false;
 							this.newNodeInsertPosition = this.getMousePositionWithinNodeView(e);
-							CanvasHelpers.resetConnectionAfterPull(connection);
+							resetConnectionAfterPull(connection);
 							window.removeEventListener('mousemove', onMouseMove);
 							window.removeEventListener('mouseup', onMouseUp);
 						};
@@ -2143,19 +2174,19 @@ export default mixins(
 					// Inject welcome sticky note and zoom to fit
 
 					if (newWorkflow?.onboardingFlowEnabled && !this.isReadOnly) {
-						const collisionPadding = CanvasHelpers.GRID_SIZE + CanvasHelpers.NODE_SIZE;
+						const collisionPadding = GRID_SIZE + NODE_SIZE;
 						// Position the welcome sticky left to the added trigger node
 						let position: XYPosition = [...(this.triggerNodes[0].position as XYPosition)];
 
-						position[0] -= CanvasHelpers.WELCOME_STICKY_NODE.parameters.width + (CanvasHelpers.GRID_SIZE * 4);
-						position = CanvasHelpers.getNewNodePosition(this.nodes, position, [collisionPadding, collisionPadding]);
+						position[0] -= WELCOME_STICKY_NODE.parameters.width + (GRID_SIZE * 4);
+						position = getNewNodePosition(this.nodes, position, [collisionPadding, collisionPadding]);
 
 						await this.addNodes([{
 							id: uuid(),
-							...CanvasHelpers.WELCOME_STICKY_NODE,
+							...WELCOME_STICKY_NODE,
 							parameters: {
 								// Use parameters from the template but add translated content
-								...CanvasHelpers.WELCOME_STICKY_NODE.parameters,
+								...WELCOME_STICKY_NODE.parameters,
 								content: this.$locale.baseText('onboardingWorkflow.stickyContent'),
 							},
 							position,
@@ -2254,7 +2285,7 @@ export default mixins(
 					return null;
 				}
 
-				return CanvasHelpers.getOutputEndpointUUID(node.id, index);
+				return getOutputEndpointUUID(node.id, index);
 			},
 			getInputEndpointUUID(nodeName: string, index: number) {
 				const node = this.workflowsStore.getNodeByName(nodeName);
@@ -2262,7 +2293,7 @@ export default mixins(
 					return null;
 				}
 
-				return CanvasHelpers.getInputEndpointUUID(node.id, index);
+				return getInputEndpointUUID(node.id, index);
 			},
 			__addConnection(connection: [IConnection, IConnection], addVisualConnection = false) {
 				if (addVisualConnection) {
@@ -2377,7 +2408,7 @@ export default mixins(
 						type: newNodeData.type,
 					});
 
-					newNodeData.position = CanvasHelpers.getNewNodePosition(
+					newNodeData.position = getNewNodePosition(
 						this.nodes,
 						[node.position[0], node.position[1] + 140],
 						[0, 140],
@@ -2429,8 +2460,8 @@ export default mixins(
 				const sourceId = sourceNode.id;
 				const targetId = targetNode.id;
 
-				const sourceEndpoint = CanvasHelpers.getOutputEndpointUUID(sourceId, sourceOutputIndex);
-				const targetEndpoint = CanvasHelpers.getInputEndpointUUID(targetId, targetInputIndex);
+				const sourceEndpoint = getOutputEndpointUUID(sourceId, sourceOutputIndex);
+				const targetEndpoint = getInputEndpointUUID(targetId, targetInputIndex);
 
 				// @ts-ignore
 				const connections = this.instance.getConnections({
@@ -2477,8 +2508,8 @@ export default mixins(
 				const { incoming, outgoing } = this.getIncomingOutgoingConnections(node.name);
 
 				[...incoming, ...outgoing].forEach((connection: Connection) => {
-					CanvasHelpers.showOrHideMidpointArrow(connection);
-					CanvasHelpers.showOrHideItemsLabel(connection);
+					showOrHideMidpointArrow(connection);
+					showOrHideItemsLabel(connection);
 				});
 			},
 			onNodeRun({ name, data, waiting }: { name: string, data: ITaskData[] | null, waiting: boolean }) {
@@ -2497,7 +2528,7 @@ export default mixins(
 					}) as Connection[];
 
 					outgoing.forEach((connection: Connection) => {
-						CanvasHelpers.resetConnection(connection);
+						resetConnection(connection);
 					});
 					const endpoints = this.getJSPlumbEndpoints(sourceNodeName);
 					endpoints.forEach((endpoint: Endpoint) => {
@@ -2511,7 +2542,7 @@ export default mixins(
 				}
 
 				const nodeConnections = this.workflowsStore.outgoingConnectionsByNodeName(sourceNodeName).main;
-				const outputMap = CanvasHelpers.getOutputSummary(data, nodeConnections || []);
+				const outputMap = getOutputSummary(data, nodeConnections || []);
 
 				Object.keys(outputMap).forEach((sourceOutputIndex: string) => {
 					Object.keys(outputMap[sourceOutputIndex]).forEach((targetNodeName: string) => {
@@ -2523,10 +2554,10 @@ export default mixins(
 									const output = outputMap[sourceOutputIndex][targetNodeName][targetInputIndex];
 
 									if (!output || !output.total) {
-										CanvasHelpers.resetConnection(connection);
+										resetConnection(connection);
 									}
 									else {
-										CanvasHelpers.addConnectionOutputSuccess(connection, output);
+										addConnectionOutputSuccess(connection, output);
 									}
 								}
 							}
@@ -2535,7 +2566,7 @@ export default mixins(
 							if (endpoint && endpoint.endpoint) {
 								const output = outputMap[sourceOutputIndex][NODE_OUTPUT_DEFAULT_KEY][0];
 								if (output && output.total > 0) {
-									(endpoint.endpoint as N8nPlusEndpoint).setSuccessOutput(CanvasHelpers.getRunItemsLabel(output));
+									(endpoint.endpoint as N8nPlusEndpoint).setSuccessOutput(getRunItemsLabel(output));
 								}
 								else {
 									(endpoint.endpoint as N8nPlusEndpoint).clearSuccessOutput();
@@ -3206,7 +3237,7 @@ export default mixins(
 					}) as Connection[];
 
 					connections.forEach((connection) => {
-						CanvasHelpers.addConnectionOutputSuccess(connection, {
+						addConnectionOutputSuccess(connection, {
 							total: pinData[nodeName].length,
 							iterations: 0,
 						});
@@ -3225,7 +3256,7 @@ export default mixins(
 						source: node.id,
 					}) as Connection[];
 
-					connections.forEach(CanvasHelpers.resetConnection);
+					connections.forEach(resetConnection);
 				});
 			},
 			onToggleNodeCreator({ source, createNodeActive }: { source?: string; createNodeActive: boolean }) {
diff --git a/packages/editor-ui/src/views/SettingsApiView.vue b/packages/editor-ui/src/views/SettingsApiView.vue
index b1e7ee3d16..2468355cbf 100644
--- a/packages/editor-ui/src/views/SettingsApiView.vue
+++ b/packages/editor-ui/src/views/SettingsApiView.vue
@@ -65,7 +65,7 @@
 </template>
 
 <script lang="ts">
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import { IUser } from '@/Interface';
 import mixins from 'vue-typed-mixins';
 
diff --git a/packages/editor-ui/src/views/SettingsCommunityNodesView.vue b/packages/editor-ui/src/views/SettingsCommunityNodesView.vue
index 08bcf66197..d9b6ec1d54 100644
--- a/packages/editor-ui/src/views/SettingsCommunityNodesView.vue
+++ b/packages/editor-ui/src/views/SettingsCommunityNodesView.vue
@@ -64,7 +64,7 @@ import {
 	COMMUNITY_NODES_NPM_INSTALLATION_URL,
 } from '@/constants';
 import CommunityPackageCard from '@/components/CommunityPackageCard.vue';
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import mixins from 'vue-typed-mixins';
 import { PublicInstalledPackage } from 'n8n-workflow';
 
diff --git a/packages/editor-ui/src/views/SettingsPersonalView.vue b/packages/editor-ui/src/views/SettingsPersonalView.vue
index 0cfde08e9c..2fb4f43176 100644
--- a/packages/editor-ui/src/views/SettingsPersonalView.vue
+++ b/packages/editor-ui/src/views/SettingsPersonalView.vue
@@ -42,7 +42,7 @@
 </template>
 
 <script lang="ts">
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import { CHANGE_PASSWORD_MODAL_KEY } from '@/constants';
 import { IFormInputs, IUser } from '@/Interface';
 import { useUIStore } from '@/stores/ui';
diff --git a/packages/editor-ui/src/views/SettingsUsersView.vue b/packages/editor-ui/src/views/SettingsUsersView.vue
index c6201e052e..5262dc97e9 100644
--- a/packages/editor-ui/src/views/SettingsUsersView.vue
+++ b/packages/editor-ui/src/views/SettingsUsersView.vue
@@ -46,7 +46,7 @@ import { INVITE_USER_MODAL_KEY, VIEWS } from '@/constants';
 import PageAlert from '../components/PageAlert.vue';
 import { IUser } from '@/Interface';
 import mixins from 'vue-typed-mixins';
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 import { useSettingsStore } from '@/stores/settings';
diff --git a/packages/editor-ui/src/views/SetupView.vue b/packages/editor-ui/src/views/SetupView.vue
index 16fd70131d..2aa815436a 100644
--- a/packages/editor-ui/src/views/SetupView.vue
+++ b/packages/editor-ui/src/views/SetupView.vue
@@ -10,12 +10,12 @@
 
 <script lang="ts">
 import AuthView from './AuthView.vue';
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 
 import mixins from 'vue-typed-mixins';
 import { IFormBoxConfig } from '@/Interface';
 import { VIEWS } from '@/constants';
-import { restApi } from '@/components/mixins/restApi';
+import { restApi } from '@/mixins/restApi';
 import { mapStores } from 'pinia';
 import { useUIStore } from '@/stores/ui';
 import { useSettingsStore } from '@/stores/settings';
diff --git a/packages/editor-ui/src/views/SigninView.vue b/packages/editor-ui/src/views/SigninView.vue
index 1eb70e0581..947597dc7a 100644
--- a/packages/editor-ui/src/views/SigninView.vue
+++ b/packages/editor-ui/src/views/SigninView.vue
@@ -9,7 +9,7 @@
 
 <script lang="ts">
 import AuthView from './AuthView.vue';
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 
 import mixins from 'vue-typed-mixins';
 import { IFormBoxConfig } from '@/Interface';
diff --git a/packages/editor-ui/src/views/SignupView.vue b/packages/editor-ui/src/views/SignupView.vue
index 9f03b39457..44ebebf100 100644
--- a/packages/editor-ui/src/views/SignupView.vue
+++ b/packages/editor-ui/src/views/SignupView.vue
@@ -9,7 +9,7 @@
 
 <script lang="ts">
 import AuthView from './AuthView.vue';
-import { showMessage } from '@/components/mixins/showMessage';
+import { showMessage } from '@/mixins/showMessage';
 
 import mixins from 'vue-typed-mixins';
 import { IFormBoxConfig } from '@/Interface';
diff --git a/packages/editor-ui/src/views/TemplatesCollectionView.vue b/packages/editor-ui/src/views/TemplatesCollectionView.vue
index d82eca5858..3823f5d921 100644
--- a/packages/editor-ui/src/views/TemplatesCollectionView.vue
+++ b/packages/editor-ui/src/views/TemplatesCollectionView.vue
@@ -52,7 +52,7 @@ import TemplateDetails from '@/components/TemplateDetails.vue';
 import TemplateList from '@/components/TemplateList.vue';
 import TemplatesView from './TemplatesView.vue';
 
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 import {
 	ITemplatesCollection,
 	ITemplatesCollectionFull,
@@ -61,7 +61,7 @@ import {
 } from '@/Interface';
 
 import mixins from 'vue-typed-mixins';
-import { setPageTitle } from '@/components/helpers';
+import { setPageTitle } from '@/utils';
 import { VIEWS } from '@/constants';
 import { mapStores } from 'pinia';
 import { useTemplatesStore } from '@/stores/templates';
diff --git a/packages/editor-ui/src/views/TemplatesSearchView.vue b/packages/editor-ui/src/views/TemplatesSearchView.vue
index abfc62283d..92cb609f48 100644
--- a/packages/editor-ui/src/views/TemplatesSearchView.vue
+++ b/packages/editor-ui/src/views/TemplatesSearchView.vue
@@ -80,13 +80,13 @@ import TemplateFilters from '@/components/TemplateFilters.vue';
 import TemplateList from '@/components/TemplateList.vue';
 import TemplatesView from './TemplatesView.vue';
 
-import { genericHelpers } from '@/components/mixins/genericHelpers';
+import { genericHelpers } from '@/mixins/genericHelpers';
 import { ITemplatesCollection, ITemplatesWorkflow, ITemplatesQuery, ITemplatesCategory } from '@/Interface';
 import mixins from 'vue-typed-mixins';
 import { IDataObject } from 'n8n-workflow';
-import { setPageTitle } from '@/components/helpers';
+import { setPageTitle } from '@/utils';
 import { VIEWS } from '@/constants';
-import { debounceHelper } from '@/components/mixins/debounce';
+import { debounceHelper } from '@/mixins/debounce';
 import { mapStores } from 'pinia';
 import { useSettingsStore } from '@/stores/settings';
 import { useUsersStore } from '@/stores/users';
diff --git a/packages/editor-ui/src/views/TemplatesWorkflowView.vue b/packages/editor-ui/src/views/TemplatesWorkflowView.vue
index dcd208e7f3..ba78f2d4f3 100644
--- a/packages/editor-ui/src/views/TemplatesWorkflowView.vue
+++ b/packages/editor-ui/src/views/TemplatesWorkflowView.vue
@@ -60,9 +60,9 @@ import TemplatesView from './TemplatesView.vue';
 import WorkflowPreview from '@/components/WorkflowPreview.vue';
 
 import { ITemplatesWorkflow, ITemplatesWorkflowFull } from '@/Interface';
-import { workflowHelpers } from '@/components/mixins/workflowHelpers';
+import { workflowHelpers } from '@/mixins/workflowHelpers';
 import mixins from 'vue-typed-mixins';
-import { setPageTitle } from '@/components/helpers';
+import { setPageTitle } from '@/utils';
 import { VIEWS } from '@/constants';
 import { mapStores } from 'pinia';
 import { useTemplatesStore } from '@/stores/templates';
diff --git a/packages/editor-ui/src/views/WorkflowsView.vue b/packages/editor-ui/src/views/WorkflowsView.vue
index 5436f95cf1..8e6bccb94f 100644
--- a/packages/editor-ui/src/views/WorkflowsView.vue
+++ b/packages/editor-ui/src/views/WorkflowsView.vue
@@ -76,7 +76,7 @@
 </template>
 
 <script lang="ts">
-import {showMessage} from '@/components/mixins/showMessage';
+import {showMessage} from '@/mixins/showMessage';
 import mixins from 'vue-typed-mixins';
 
 import SettingsView from './SettingsView.vue';
@@ -85,8 +85,8 @@ import PageViewLayout from "@/components/layouts/PageViewLayout.vue";
 import PageViewLayoutList from "@/components/layouts/PageViewLayoutList.vue";
 import WorkflowCard from "@/components/WorkflowCard.vue";
 import TemplateCard from "@/components/TemplateCard.vue";
-import { debounceHelper } from '@/components/mixins/debounce';
-import {EnterpriseEditionFeature, SAAS_COMPANY_TYPE, VIEWS} from '@/constants';
+import {EnterpriseEditionFeature, VIEWS} from '@/constants';
+import { debounceHelper } from '@/mixins/debounce';
 import Vue from "vue";
 import {ITag, IUser, IWorkflowDb} from "@/Interface";
 import TagsDropdown from "@/components/TagsDropdown.vue";