From 9eba337d93ad539a737420d4081f2c4e5985f915 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Tue, 6 Sep 2022 12:51:26 +0200
Subject: [PATCH 01/16] :fire: Remove `identify` from BE

---
 packages/cli/src/InternalHooks.ts   |  1 -
 packages/cli/src/telemetry/index.ts | 34 +----------------------------
 2 files changed, 1 insertion(+), 34 deletions(-)

diff --git a/packages/cli/src/InternalHooks.ts b/packages/cli/src/InternalHooks.ts
index abac63d489edc..882222bad21d3 100644
--- a/packages/cli/src/InternalHooks.ts
+++ b/packages/cli/src/InternalHooks.ts
@@ -48,7 +48,6 @@ export class InternalHooksClass implements IInternalHooksClass {
 		};
 
 		return Promise.all([
-			this.telemetry.identify(info),
 			this.telemetry.track('Instance started', {
 				...info,
 				earliest_workflow_created: earliestWorkflowCreatedAt,
diff --git a/packages/cli/src/telemetry/index.ts b/packages/cli/src/telemetry/index.ts
index f5e750a4bde38..43824ff7e8a1a 100644
--- a/packages/cli/src/telemetry/index.ts
+++ b/packages/cli/src/telemetry/index.ts
@@ -138,38 +138,6 @@ export class Telemetry {
 		});
 	}
 
-	async identify(traits?: {
-		[key: string]: string | number | boolean | object | undefined | null;
-	}): Promise<void> {
-		return new Promise<void>((resolve) => {
-			if (this.postHog) {
-				this.postHog.identify({
-					distinctId: this.instanceId,
-					properties: {
-						...traits,
-						instanceId: this.instanceId,
-					},
-				});
-			}
-
-			if (this.rudderStack) {
-				this.rudderStack.identify(
-					{
-						userId: this.instanceId,
-						anonymousId: '000000000000',
-						traits: {
-							...traits,
-							instanceId: this.instanceId,
-						},
-					},
-					resolve,
-				);
-			} else {
-				resolve();
-			}
-		});
-	}
-
 	async track(
 		eventName: string,
 		properties: ITelemetryTrackProperties = {},
@@ -208,7 +176,7 @@ export class Telemetry {
 	): Promise<boolean> {
 		if (!this.postHog) return Promise.resolve(false);
 
-		const fullId = [this.instanceId, userId].join('_'); // PostHog disallows # in ID
+		const fullId = [this.instanceId, userId].join('#');
 
 		return this.postHog.isFeatureEnabled(featureFlagName, fullId);
 	}

From 592ecb374249f8ea6f60b130708d136918e12e22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Tue, 6 Sep 2022 12:52:14 +0200
Subject: [PATCH 02/16] :zap: Add `versionCli`

---
 packages/editor-ui/src/components/Telemetry.vue   | 1 +
 packages/editor-ui/src/plugins/telemetry/index.ts | 9 +++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/editor-ui/src/components/Telemetry.vue b/packages/editor-ui/src/components/Telemetry.vue
index d8d788785da34..801bf84935036 100644
--- a/packages/editor-ui/src/components/Telemetry.vue
+++ b/packages/editor-ui/src/components/Telemetry.vue
@@ -43,6 +43,7 @@ export default mixins(externalHooks).extend({
 					instanceId: this.instanceId,
 					userId: this.currentUserId,
 					store: this.$store,
+					versionCli: this.$store.getters['settings/versionCli'],
 				},
 			);
 
diff --git a/packages/editor-ui/src/plugins/telemetry/index.ts b/packages/editor-ui/src/plugins/telemetry/index.ts
index 245c583cf785d..51377ce678cc2 100644
--- a/packages/editor-ui/src/plugins/telemetry/index.ts
+++ b/packages/editor-ui/src/plugins/telemetry/index.ts
@@ -48,10 +48,11 @@ export class Telemetry {
 
 	init(
 		telemetrySettings: ITelemetrySettings,
-		{ instanceId, userId, store }: {
+		{ instanceId, userId, store, versionCli }: {
 			instanceId: string;
 			userId?: string;
 			store: Store<IRootState>;
+			versionCli: string
 	 },
 	) {
 		if (!telemetrySettings.enabled || !telemetrySettings.config || this.rudderStack) return;
@@ -74,14 +75,14 @@ export class Telemetry {
 			},
 		);
 
-		this.identify(instanceId, userId);
+		this.identify(instanceId, userId, versionCli);
 
 		this.flushPageEvents();
 		this.track('Session started', { session_id: store.getters.sessionId });
 	}
 
-	identify(instanceId: string, userId?: string) {
-		const traits = { instance_id: instanceId };
+	identify(instanceId: string, userId?: string, versionCli?: string) {
+		const traits = { instance_id: instanceId, version_cli: versionCli };
 		if (userId) {
 			this.rudderStack.identify(`${instanceId}#${userId}`, traits);
 		}

From b0159f1afb630d38d6a2bfbb6139d148b28c0062 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Tue, 6 Sep 2022 13:35:35 +0200
Subject: [PATCH 03/16] :zap: Add node creator ignore input

---
 packages/editor-ui/src/components/NodeCreator/SearchBar.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/editor-ui/src/components/NodeCreator/SearchBar.vue b/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
index 4d007a591f0cb..ce6c3d700fbea 100644
--- a/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
+++ b/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
@@ -5,6 +5,7 @@
 		</div>
 		<div class="text">
 			<input
+				class="ph-ignore-input"
 				:placeholder="$locale.baseText('nodeCreator.searchBar.searchNodes')"
 				ref="input"
 				:value="value"

From c9f4e26e02b413e6e80fda24767915800ee0a85e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Tue, 6 Sep 2022 13:35:57 +0200
Subject: [PATCH 04/16] :zap: Move obfuscators to editor-ui

---
 .../src/components/N8nUserInfo/UserInfo.vue          |  2 +-
 packages/editor-ui/src/components/CopyInput.vue      |  5 +----
 .../editor-ui/src/components/CredentialsList.vue     |  5 +----
 packages/editor-ui/src/components/ExecutionsList.vue | 12 ++++--------
 packages/editor-ui/src/components/ExpressionEdit.vue |  4 ++--
 packages/editor-ui/src/components/MainSidebar.vue    |  7 +------
 packages/editor-ui/src/components/Node.vue           |  2 +-
 packages/editor-ui/src/components/ParameterInput.vue |  2 +-
 packages/editor-ui/src/components/RunData.vue        |  4 +++-
 packages/editor-ui/src/components/Sticky.vue         |  5 +----
 .../src/components/VariableSelectorItem.vue          | 10 +---------
 packages/editor-ui/src/components/WorkflowOpen.vue   |  6 +-----
 .../editor-ui/src/views/SettingsPersonalView.vue     |  6 +-----
 13 files changed, 19 insertions(+), 51 deletions(-)

diff --git a/packages/design-system/src/components/N8nUserInfo/UserInfo.vue b/packages/design-system/src/components/N8nUserInfo/UserInfo.vue
index e6acb476ea312..313fcf5267162 100644
--- a/packages/design-system/src/components/N8nUserInfo/UserInfo.vue
+++ b/packages/design-system/src/components/N8nUserInfo/UserInfo.vue
@@ -1,6 +1,6 @@
 <template>
 	<div :class="$style.container">
-		<div :class="$style.avatarContainer">
+		<div class="ph-no-capture" :class="$style.avatarContainer">
 			<n8n-avatar :firstName="firstName" :lastName="lastName" />
 		</div>
 
diff --git a/packages/editor-ui/src/components/CopyInput.vue b/packages/editor-ui/src/components/CopyInput.vue
index 10567a6ff949d..1cd754c6e9d6b 100644
--- a/packages/editor-ui/src/components/CopyInput.vue
+++ b/packages/editor-ui/src/components/CopyInput.vue
@@ -2,7 +2,7 @@
 	<div>
 		<n8n-input-label :label="label">
 			<div :class="{[$style.copyText]: true, [$style[size]]: true, [$style.collapsed]: collapse}" @click="copy">
-				<span ref="copyInputValue">{{ value }}</span>
+				<span ref="copyInputValue ph-no-capture">{{ value }}</span>
 				<div :class="$style.copyButton"><span>{{ copyButtonText }}</span></div>
 			</div>
 		</n8n-input-label>
@@ -62,9 +62,6 @@ export default mixins(copyPaste, showMessage).extend({
 			});
 		},
 	},
-	mounted() {
-		this.$externalHooks().run('copyInput.mounted', { copyInputValueRef: this.$refs.copyInputValue });
-	},
 });
 </script>
 
diff --git a/packages/editor-ui/src/components/CredentialsList.vue b/packages/editor-ui/src/components/CredentialsList.vue
index 1b5a4a66995dc..0e406ab5e773f 100644
--- a/packages/editor-ui/src/components/CredentialsList.vue
+++ b/packages/editor-ui/src/components/CredentialsList.vue
@@ -16,7 +16,7 @@
 				/>
 			</div>
 
-			<el-table :data="credentialsToDisplay" v-loading="loading" :default-sort = "{prop: 'name', order: 'ascending'}" stripe max-height="450" @row-click="editCredential" ref="table">
+			<el-table class="ph-no-capture" :data="credentialsToDisplay" v-loading="loading" :default-sort = "{prop: 'name', order: 'ascending'}" stripe max-height="450" @row-click="editCredential" ref="table">
 				<el-table-column property="name" :label="$locale.baseText('credentialsList.name')" class-name="clickable" sortable></el-table-column>
 				<el-table-column property="type" :label="$locale.baseText('credentialsList.type')" class-name="clickable" sortable></el-table-column>
 				<el-table-column property="createdAt" :label="$locale.baseText('credentialsList.created')" class-name="clickable" sortable></el-table-column>
@@ -96,9 +96,6 @@ export default mixins(
 			this.$showError(e, this.$locale.baseText('credentialsList.errorLoadingCredentials'));
 		}
 		this.loading = false;
-		this.$externalHooks().run('credentialsList.mounted', {
-			tableRef: this.$refs['table'],
-		});
 		this.$telemetry.track('User opened Credentials panel', { workflow_id: this.$store.getters.workflowId });
 	},
 	destroyed() {
diff --git a/packages/editor-ui/src/components/ExecutionsList.vue b/packages/editor-ui/src/components/ExecutionsList.vue
index 7fd1493980611..4e1c531325b0b 100644
--- a/packages/editor-ui/src/components/ExecutionsList.vue
+++ b/packages/editor-ui/src/components/ExecutionsList.vue
@@ -7,7 +7,7 @@
 	>
 		<template v-slot:content>
 
-			<div class="filters" ref="filters">
+			<div class="filters">
 				<el-row>
 					<el-col :span="2" class="filter-headline">
 						{{ $locale.baseText('executionsList.filters') }}:
@@ -15,6 +15,7 @@
 					<el-col :span="7">
 						<n8n-select v-model="filter.workflowId" :placeholder="$locale.baseText('executionsList.selectWorkflow')" size="medium" filterable @change="handleFilterChanged">
 							<n8n-option
+								class="ph-no-capture"
 								v-for="item in workflows"
 								:key="item.id"
 								:label="item.name"
@@ -45,7 +46,7 @@
 				</span>
 			</div>
 
-			<el-table :data="combinedExecutions" stripe v-loading="isDataLoading" :row-class-name="getRowClass" ref="table">
+			<el-table :data="combinedExecutions" stripe v-loading="isDataLoading" :row-class-name="getRowClass">
 				<el-table-column label="" width="30">
 					<!-- eslint-disable-next-line vue/no-unused-vars -->
 					<template slot="header" slot-scope="scope">
@@ -63,7 +64,7 @@
 				</el-table-column>
 				<el-table-column property="workflowName" :label="$locale.baseText('executionsList.name')">
 					<template slot-scope="scope">
-						<span class="workflow-name">
+						<span class="workflow-name ph-no-capture">
 							{{ scope.row.workflowName || $locale.baseText('executionsList.unsavedWorkflow') }}
 						</span>
 
@@ -245,11 +246,6 @@ export default mixins(
 
 		this.$externalHooks().run('executionsList.openDialog');
 		this.$telemetry.track('User opened Executions log', { workflow_id: this.$store.getters.workflowId });
-
-		this.$externalHooks().run('executionsList.created', {
-			tableRef: this.$refs['table'],
-			filtersRef: this.$refs['filters'],
-		});
 	},
 	beforeDestroy() {
 		if (this.autoRefreshInterval) {
diff --git a/packages/editor-ui/src/components/ExpressionEdit.vue b/packages/editor-ui/src/components/ExpressionEdit.vue
index 0a2a5dea57695..9724c1b52b521 100644
--- a/packages/editor-ui/src/components/ExpressionEdit.vue
+++ b/packages/editor-ui/src/components/ExpressionEdit.vue
@@ -21,7 +21,7 @@
 						<div class="editor-description">
 							{{ $locale.baseText('expressionEdit.expression') }}
 						</div>
-						<div class="expression-editor" ref="expressionInput">
+						<div class="expression-editor ph-no-capture">
 							<expression-input :parameter="parameter" ref="inputFieldExpression" rows="8" :value="value" :path="path" @change="valueChanged" @keydown.stop="noOp"></expression-input>
 						</div>
 					</div>
@@ -30,7 +30,7 @@
 						<div class="editor-description">
 							{{ $locale.baseText('expressionEdit.result') }}
 						</div>
-						<div ref="expressionOutput">
+						<div class="ph-no-capture">
 							<expression-input :parameter="parameter" resolvedValue="true" ref="expressionResult" rows="8" :value="displayValue" :path="path"></expression-input>
 						</div>
 					</div>
diff --git a/packages/editor-ui/src/components/MainSidebar.vue b/packages/editor-ui/src/components/MainSidebar.vue
index 1c7f527f564c7..5665d93d8fac5 100644
--- a/packages/editor-ui/src/components/MainSidebar.vue
+++ b/packages/editor-ui/src/components/MainSidebar.vue
@@ -146,7 +146,7 @@
 						<span slot="title" class="item-title-root">{{nextVersions.length > 99 ? '99+' : nextVersions.length}} update{{nextVersions.length > 1 ? 's' : ''}} available</span>
 					</n8n-menu-item>
 					<el-dropdown placement="right-end" trigger="click" @command="onUserActionToggle" v-if="canUserAccessSidebarUserInfo && currentUser">
-						<div ref="user">
+						<div class="ph-no-capture">
 							<n8n-menu-item class="user">
 								<div class="avatar">
 									<n8n-avatar :firstName="currentUser.firstName" :lastName="currentUser.lastName" size="small" />
@@ -361,11 +361,6 @@ export default mixins(
 				return this.$route.meta && this.$route.meta.nodeView;
 			},
 		},
-		mounted() {
-			if (this.$refs.user) {
-				this.$externalHooks().run('mainSidebar.mounted', { userRef: this.$refs.user });
-			}
-		},
 		methods: {
 			trackHelpItemClick (itemType: string) {
 				this.$telemetry.track('User clicked help resource', { type: itemType, workflow_id: this.$store.getters.workflowId });
diff --git a/packages/editor-ui/src/components/Node.vue b/packages/editor-ui/src/components/Node.vue
index aa84814c40e92..8920b6f55d60d 100644
--- a/packages/editor-ui/src/components/Node.vue
+++ b/packages/editor-ui/src/components/Node.vue
@@ -81,7 +81,7 @@
 					({{ $locale.baseText('node.disabled') }})
 				</p>
 			</div>
-			<div v-if="nodeSubtitle !== undefined" class="node-subtitle" :title="nodeSubtitle">
+			<div v-if="nodeSubtitle !== undefined" class="node-subtitle ph-no-capture" :title="nodeSubtitle">
 				{{ nodeSubtitle }}
 			</div>
 		</div>
diff --git a/packages/editor-ui/src/components/ParameterInput.vue b/packages/editor-ui/src/components/ParameterInput.vue
index c9d40902ada87..95ce583e8cc12 100644
--- a/packages/editor-ui/src/components/ParameterInput.vue
+++ b/packages/editor-ui/src/components/ParameterInput.vue
@@ -201,7 +201,7 @@
 				>
 					<div class="list-option">
 						<div
-							class="option-headline"
+							class="option-headline ph-no-capture"
 							:class="{ 'remote-parameter-option': isRemoteParameterOption(option) }"
 						>
 							{{ getOptionsOptionDisplayName(option) }}
diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue
index b640bbba12617..a01923380f474 100644
--- a/packages/editor-ui/src/components/RunData.vue
+++ b/packages/editor-ui/src/components/RunData.vue
@@ -497,7 +497,9 @@ export default mixins(
 				const elements = [...jsonValues, ...tableRows].reduce<Element[]>((acc, cur) => [...acc, cur], []);
 
 				if (elements.length > 0) {
-					this.$externalHooks().run('runData.updated', { elements });
+					for (const element of elements) {
+						element.classList.value = [element.classList.value, 'ph-no-capture'].join(' ');
+					}
 				}
 			});
 		},
diff --git a/packages/editor-ui/src/components/Sticky.vue b/packages/editor-ui/src/components/Sticky.vue
index 3c639c5226e98..f8babf36d8f45 100644
--- a/packages/editor-ui/src/components/Sticky.vue
+++ b/packages/editor-ui/src/components/Sticky.vue
@@ -6,7 +6,7 @@
 		>
 			<div class="select-sticky-background" v-show="isSelected" />
 			<div
-				class="sticky-box"
+				class="sticky-box ph-no-capture"
 				:data-name="data.name"
 				:ref="data.name"
 				@click.left="mouseLeftClick"
@@ -67,9 +67,6 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
 			type: Number,
 		},
 	},
-	mounted() {
-		this.$externalHooks().run('sticky.mounted', { stickyRef: this.$refs['sticky'] });
-	},
 	computed: {
 		defaultText (): string {
 			if (!this.nodeType) {
diff --git a/packages/editor-ui/src/components/VariableSelectorItem.vue b/packages/editor-ui/src/components/VariableSelectorItem.vue
index ca7282c912abe..c9bc48c801531 100644
--- a/packages/editor-ui/src/components/VariableSelectorItem.vue
+++ b/packages/editor-ui/src/components/VariableSelectorItem.vue
@@ -25,7 +25,7 @@
 			</div>
 		</div>
 		<div v-else class="value clickable" @click="selectItem(item)">
-			<div class="item-title" :title="item.key" ref="variableSelectorItem">
+			<div class="item-title ph-no-capture" :title="item.key">
 				{{item.name}}:
 				<font-awesome-icon icon="dot-circle" title="Select Item" />
 			</div>
@@ -87,14 +87,6 @@ export default mixins(externalHooks).extend({
 			extended: false,
 		};
 	},
-	mounted() {
-		if (this.$refs.variableSelectorItem) {
-			this.$externalHooks().run(
-				'variableSelectorItem.mounted',
-				{ variableSelectorItemRef: this.$refs.variableSelectorItem },
-			);
-		}
-	},
 	methods: {
 		optionSelected (command: string, item: IVariableSelectorOption) {
 			// By default it is raw
diff --git a/packages/editor-ui/src/components/WorkflowOpen.vue b/packages/editor-ui/src/components/WorkflowOpen.vue
index a575977551383..2b9e684ba7aa1 100644
--- a/packages/editor-ui/src/components/WorkflowOpen.vue
+++ b/packages/editor-ui/src/components/WorkflowOpen.vue
@@ -29,7 +29,7 @@
 			</template>
 
 			<template v-slot:content>
-				<el-table class="search-table" :data="filteredWorkflows" stripe @cell-click="openWorkflow" :default-sort = "{prop: 'updatedAt', order: 'descending'}" v-loading="isDataLoading" ref="table">
+				<el-table class="search-table ph-no-capture" :data="filteredWorkflows" stripe @cell-click="openWorkflow" :default-sort = "{prop: 'updatedAt', order: 'descending'}" v-loading="isDataLoading">
 					<el-table-column property="name" :label="$locale.baseText('workflowOpen.name')" class-name="clickable" sortable>
 						<template slot-scope="scope">
 							<div :key="scope.row.id">
@@ -127,10 +127,6 @@ export default mixins(
 			// Make sure that users can directly type in the filter
 			(this.$refs.inputFieldFilter as HTMLInputElement).focus();
 		});
-
-		this.$externalHooks().run('workflowOpen.mounted', {
-			tableRef: this.$refs['table'],
-		});
 	},
 	methods: {
 		getIds(tags: ITag[] | undefined) {
diff --git a/packages/editor-ui/src/views/SettingsPersonalView.vue b/packages/editor-ui/src/views/SettingsPersonalView.vue
index fcf3964ddc1a9..de5518492f76e 100644
--- a/packages/editor-ui/src/views/SettingsPersonalView.vue
+++ b/packages/editor-ui/src/views/SettingsPersonalView.vue
@@ -3,7 +3,7 @@
 		<div :class="$style.container">
 			<div :class="$style.header">
 				<n8n-heading size="2xlarge">{{ $locale.baseText('settings.personal.personalSettings') }}</n8n-heading>
-				<div :class="$style.user" ref="user">
+				<div class="ph-no-capture" :class="$style.user">
 					<span :class="$style.username">
 						<n8n-text  color="text-light">{{currentUser.fullName}}</n8n-text>
 					</span>
@@ -103,10 +103,6 @@ export default mixins(
 				},
 			},
 		];
-
-		if (this.$refs.user) {
-			this.$externalHooks().run('settingsPersonalView.mounted', { userRef: this.$refs.user });
-		}
 	},
 	computed: {
 		currentUser() {

From 3c05d18d68f7f4cc8d32f477da9420771a93b9cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Tue, 6 Sep 2022 17:21:32 +0200
Subject: [PATCH 05/16] :zap: Refactor `ph-no-capture`

---
 .../src/components/N8nMarkdown/Markdown.vue   |  1 +
 .../src/components/N8nSticky/Sticky.vue       |  3 ++-
 .../src/components/N8nUserInfo/UserInfo.vue   |  4 ++--
 .../src/components/N8nUsersList/UsersList.vue |  1 +
 .../src/components/ExecutionsList.vue         | 23 +++++++++++--------
 .../src/components/InlineNameEdit.vue         |  2 +-
 .../src/components/NodeCreator/SearchBar.vue  |  1 -
 packages/editor-ui/src/components/RunData.vue | 18 ++-------------
 packages/editor-ui/src/components/Sticky.vue  |  2 +-
 .../editor-ui/src/components/WorkflowOpen.vue |  4 ++--
 10 files changed, 25 insertions(+), 34 deletions(-)

diff --git a/packages/design-system/src/components/N8nMarkdown/Markdown.vue b/packages/design-system/src/components/N8nMarkdown/Markdown.vue
index 8029a06ba1074..f4bacfffa8e06 100644
--- a/packages/design-system/src/components/N8nMarkdown/Markdown.vue
+++ b/packages/design-system/src/components/N8nMarkdown/Markdown.vue
@@ -3,6 +3,7 @@
 		<div
 			v-if="!loading"
 			ref="editor"
+			class="ph-no-capture"
 			:class="$style[theme]" v-html="htmlContent"
 			@click="onClick"
 		/>
diff --git a/packages/design-system/src/components/N8nSticky/Sticky.vue b/packages/design-system/src/components/N8nSticky/Sticky.vue
index e8c5fd509670f..e2a3164561813 100644
--- a/packages/design-system/src/components/N8nSticky/Sticky.vue
+++ b/packages/design-system/src/components/N8nSticky/Sticky.vue
@@ -19,6 +19,7 @@
 			<template>
 				<div
 					v-show="!editMode"
+					class="ph-no-capture"
 					:class="$style.wrapper"
 					@dblclick.stop="onDoubleClick"
 				>
@@ -37,7 +38,7 @@
 					@keydown.esc="onInputBlur"
 					@keydown.stop
 					@wheel.stop
-					class="sticky-textarea"
+					class="sticky-textarea ph-no-capture"
 					:class="{'full-height': !shouldShowFooter}"
 				>
 					<n8n-input
diff --git a/packages/design-system/src/components/N8nUserInfo/UserInfo.vue b/packages/design-system/src/components/N8nUserInfo/UserInfo.vue
index 313fcf5267162..b23710da93002 100644
--- a/packages/design-system/src/components/N8nUserInfo/UserInfo.vue
+++ b/packages/design-system/src/components/N8nUserInfo/UserInfo.vue
@@ -1,6 +1,6 @@
 <template>
-	<div :class="$style.container">
-		<div class="ph-no-capture" :class="$style.avatarContainer">
+	<div class="ph-no-capture" :class="$style.container">
+		<div :class="$style.avatarContainer">
 			<n8n-avatar :firstName="firstName" :lastName="lastName" />
 		</div>
 
diff --git a/packages/design-system/src/components/N8nUsersList/UsersList.vue b/packages/design-system/src/components/N8nUsersList/UsersList.vue
index 77b5d8e524520..63e2409dd1075 100644
--- a/packages/design-system/src/components/N8nUsersList/UsersList.vue
+++ b/packages/design-system/src/components/N8nUsersList/UsersList.vue
@@ -3,6 +3,7 @@
 		<div
 			v-for="(user, i) in sortedUsers"
 			:key="user.id"
+			class='ph-no-capture'
 			:class="i === sortedUsers.length - 1 ? $style.itemContainer : $style.itemWithBorder"
 		>
 			<n8n-user-info v-bind="user" :isCurrentUser="currentUserId === user.id" />
diff --git a/packages/editor-ui/src/components/ExecutionsList.vue b/packages/editor-ui/src/components/ExecutionsList.vue
index 4e1c531325b0b..3661c23b5e6b4 100644
--- a/packages/editor-ui/src/components/ExecutionsList.vue
+++ b/packages/editor-ui/src/components/ExecutionsList.vue
@@ -14,13 +14,14 @@
 					</el-col>
 					<el-col :span="7">
 						<n8n-select v-model="filter.workflowId" :placeholder="$locale.baseText('executionsList.selectWorkflow')" size="medium" filterable @change="handleFilterChanged">
-							<n8n-option
-								class="ph-no-capture"
-								v-for="item in workflows"
-								:key="item.id"
-								:label="item.name"
-								:value="item.id">
-							</n8n-option>
+							<div class="ph-no-capture">
+								<n8n-option
+									v-for="item in workflows"
+									:key="item.id"
+									:label="item.name"
+									:value="item.id">
+								</n8n-option>
+							</div>
 						</n8n-select>
 					</el-col>
 					<el-col :span="5" :offset="1">
@@ -64,9 +65,11 @@
 				</el-table-column>
 				<el-table-column property="workflowName" :label="$locale.baseText('executionsList.name')">
 					<template slot-scope="scope">
-						<span class="workflow-name ph-no-capture">
-							{{ scope.row.workflowName || $locale.baseText('executionsList.unsavedWorkflow') }}
-						</span>
+						<div class="ph-no-capture">
+							<span class="workflow-name">
+								{{ scope.row.workflowName || $locale.baseText('executionsList.unsavedWorkflow') }}
+							</span>
+						</div>
 
 						<span v-if="scope.row.stoppedAt === undefined">
 							({{ $locale.baseText('executionsList.running') }})
diff --git a/packages/editor-ui/src/components/InlineNameEdit.vue b/packages/editor-ui/src/components/InlineNameEdit.vue
index 37b6692749d6e..536ad2a6d480c 100644
--- a/packages/editor-ui/src/components/InlineNameEdit.vue
+++ b/packages/editor-ui/src/components/InlineNameEdit.vue
@@ -1,5 +1,5 @@
 <template>
-	<div :class="$style.container">
+	<div class='ph-no-capture' :class="$style.container">
 		<div
 			:class="$style.headline"
 			@keydown.stop
diff --git a/packages/editor-ui/src/components/NodeCreator/SearchBar.vue b/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
index ce6c3d700fbea..4d007a591f0cb 100644
--- a/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
+++ b/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
@@ -5,7 +5,6 @@
 		</div>
 		<div class="text">
 			<input
-				class="ph-ignore-input"
 				:placeholder="$locale.baseText('nodeCreator.searchBar.searchNodes')"
 				ref="input"
 				:value="value"
diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue
index a01923380f474..cd3237540327a 100644
--- a/packages/editor-ui/src/components/RunData.vue
+++ b/packages/editor-ui/src/components/RunData.vue
@@ -233,11 +233,11 @@
 				</n8n-text>
 			</div>
 
-			<div v-else-if="hasNodeRun && displayMode === 'table'" :class="$style.dataDisplay">
+			<div v-else-if="hasNodeRun && displayMode === 'table'" class="ph-no-capture" :class="$style.dataDisplay">
 				<RunDataTable :node="node" :inputData="inputData" :mappingEnabled="mappingEnabled" :distanceFromActive="distanceFromActive" :showMappingHint="showMappingHint" :runIndex="runIndex" :totalRuns="maxRunIndex" @mounted="$emit('tableMounted', $event)" />
 			</div>
 
-			<div v-else-if="hasNodeRun && displayMode === 'json'" :class="$style.jsonDisplay">
+			<div v-else-if="hasNodeRun && displayMode === 'json'" class="ph-no-capture" :class="$style.jsonDisplay">
 				<vue-json-pretty
 					:data="jsonData"
 					:deep="10"
@@ -489,20 +489,6 @@ export default mixins(
 				}
 			}
 		},
-		updated() {
-			this.$nextTick(() => {
-				const jsonValues = this.$el.querySelectorAll('.vjs-value');
-				const tableRows = this.$el.querySelectorAll('tbody tr');
-
-				const elements = [...jsonValues, ...tableRows].reduce<Element[]>((acc, cur) => [...acc, cur], []);
-
-				if (elements.length > 0) {
-					for (const element of elements) {
-						element.classList.value = [element.classList.value, 'ph-no-capture'].join(' ');
-					}
-				}
-			});
-		},
 		destroyed() {
 			this.hidePinDataDiscoveryTooltip();
 			this.eventBus.$off('data-pinning-error', this.onDataPinningError);
diff --git a/packages/editor-ui/src/components/Sticky.vue b/packages/editor-ui/src/components/Sticky.vue
index f8babf36d8f45..4aa2db7f54b47 100644
--- a/packages/editor-ui/src/components/Sticky.vue
+++ b/packages/editor-ui/src/components/Sticky.vue
@@ -6,7 +6,7 @@
 		>
 			<div class="select-sticky-background" v-show="isSelected" />
 			<div
-				class="sticky-box ph-no-capture"
+				class="sticky-box"
 				:data-name="data.name"
 				:ref="data.name"
 				@click.left="mouseLeftClick"
diff --git a/packages/editor-ui/src/components/WorkflowOpen.vue b/packages/editor-ui/src/components/WorkflowOpen.vue
index 2b9e684ba7aa1..0b80bf8665490 100644
--- a/packages/editor-ui/src/components/WorkflowOpen.vue
+++ b/packages/editor-ui/src/components/WorkflowOpen.vue
@@ -29,10 +29,10 @@
 			</template>
 
 			<template v-slot:content>
-				<el-table class="search-table ph-no-capture" :data="filteredWorkflows" stripe @cell-click="openWorkflow" :default-sort = "{prop: 'updatedAt', order: 'descending'}" v-loading="isDataLoading">
+				<el-table class="search-table" :data="filteredWorkflows" stripe @cell-click="openWorkflow" :default-sort = "{prop: 'updatedAt', order: 'descending'}" v-loading="isDataLoading">
 					<el-table-column property="name" :label="$locale.baseText('workflowOpen.name')" class-name="clickable" sortable>
 						<template slot-scope="scope">
-							<div :key="scope.row.id">
+							<div class="ph-no-capture" :key="scope.row.id">
 								<span class="name">{{scope.row.name}}</span>
 								<TagsContainer v-if="areTagsEnabled" class="hidden-sm-and-down" :tagIds="getIds(scope.row.tags)" :limit="3" @click="onTagClick" :clickable="true" :hoverable="true" />
 							</div>

From 67e49d577d287c3de91edb98d0953303e7035cb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Wed, 7 Sep 2022 11:19:37 +0200
Subject: [PATCH 06/16] :zap: Pass `user_id` to manual exec props

---
 packages/cli/src/InternalHooks.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/cli/src/InternalHooks.ts b/packages/cli/src/InternalHooks.ts
index 882222bad21d3..4221b2ac8c7e4 100644
--- a/packages/cli/src/InternalHooks.ts
+++ b/packages/cli/src/InternalHooks.ts
@@ -185,6 +185,7 @@ export class InternalHooksClass implements IInternalHooksClass {
 				}
 
 				const manualExecEventProperties: ITelemetryTrackProperties = {
+					user_id: userId,
 					workflow_id: workflow.id.toString(),
 					status: properties.success ? 'success' : 'failed',
 					error_message: properties.error_message as string,

From c5ae9c41995d89ce9174dbe03001557e2866c64c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Thu, 8 Sep 2022 11:50:53 +0200
Subject: [PATCH 07/16] :truck: Relocate class in `SettingsApiView`

---
 packages/editor-ui/src/components/CopyInput.vue  |  2 +-
 packages/editor-ui/src/views/SettingsApiView.vue | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/editor-ui/src/components/CopyInput.vue b/packages/editor-ui/src/components/CopyInput.vue
index 1cd754c6e9d6b..828c86a628501 100644
--- a/packages/editor-ui/src/components/CopyInput.vue
+++ b/packages/editor-ui/src/components/CopyInput.vue
@@ -2,7 +2,7 @@
 	<div>
 		<n8n-input-label :label="label">
 			<div :class="{[$style.copyText]: true, [$style[size]]: true, [$style.collapsed]: collapse}" @click="copy">
-				<span ref="copyInputValue ph-no-capture">{{ value }}</span>
+				<span ref="copyInputValue">{{ value }}</span>
 				<div :class="$style.copyButton"><span>{{ copyButtonText }}</span></div>
 			</div>
 		</n8n-input-label>
diff --git a/packages/editor-ui/src/views/SettingsApiView.vue b/packages/editor-ui/src/views/SettingsApiView.vue
index f12e962d7d7e2..e66185d6e3409 100644
--- a/packages/editor-ui/src/views/SettingsApiView.vue
+++ b/packages/editor-ui/src/views/SettingsApiView.vue
@@ -37,13 +37,15 @@
 							{{ $locale.baseText('generic.delete') }}
 						</n8n-link>
 					</span>
-					<CopyInput
-						:label="$locale.baseText('settings.api.view.myKey')"
-						:value="apiKey"
-						:copy-button-text="$locale.baseText('generic.clickToCopy')"
-						:toast-title="$locale.baseText('settings.api.view.copy.toast')"
-						@copy="onCopy"
-					/>
+					<div class="ph-no-capture">
+						<CopyInput
+							:label="$locale.baseText('settings.api.view.myKey')"
+							:value="apiKey"
+							:copy-button-text="$locale.baseText('generic.clickToCopy')"
+							:toast-title="$locale.baseText('settings.api.view.copy.toast')"
+							@copy="onCopy"
+						/>
+					</div>
 				</n8n-card>
 				<div :class="$style.hint">
 					<n8n-text size="small">

From 895aaa45e51506d5dbdcbdabe249a2c743d8e468 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Thu, 8 Sep 2022 12:31:25 +0200
Subject: [PATCH 08/16] :zap: Add `userId` to BE PH `identify` call

---
 packages/cli/src/Interfaces.ts      |  1 +
 packages/cli/src/InternalHooks.ts   |  3 +++
 packages/cli/src/Server.ts          | 23 +++++++++++++--------
 packages/cli/src/telemetry/index.ts | 32 +++++++++++++++++++++++++++++
 4 files changed, 51 insertions(+), 8 deletions(-)

diff --git a/packages/cli/src/Interfaces.ts b/packages/cli/src/Interfaces.ts
index 0ebd0f491f3c7..280def7505c8e 100644
--- a/packages/cli/src/Interfaces.ts
+++ b/packages/cli/src/Interfaces.ts
@@ -380,6 +380,7 @@ export interface IInternalHooksClass {
 	onServerStarted(
 		diagnosticInfo: IDiagnosticInfo,
 		firstWorkflowCreatedAt?: Date,
+		userId?: string,
 	): Promise<unknown[]>;
 	onPersonalizationSurveySubmitted(userId: string, answers: Record<string, string>): Promise<void>;
 	onWorkflowCreated(userId: string, workflow: IWorkflowBase, publicApi: boolean): Promise<void>;
diff --git a/packages/cli/src/InternalHooks.ts b/packages/cli/src/InternalHooks.ts
index 4221b2ac8c7e4..9a2503360065e 100644
--- a/packages/cli/src/InternalHooks.ts
+++ b/packages/cli/src/InternalHooks.ts
@@ -32,6 +32,7 @@ export class InternalHooksClass implements IInternalHooksClass {
 	async onServerStarted(
 		diagnosticInfo: IDiagnosticInfo,
 		earliestWorkflowCreatedAt?: Date,
+		userId?: string,
 	): Promise<unknown[]> {
 		const info = {
 			version_cli: diagnosticInfo.versionCli,
@@ -45,9 +46,11 @@ export class InternalHooksClass implements IInternalHooksClass {
 			n8n_binary_data_mode: diagnosticInfo.binaryDataMode,
 			n8n_multi_user_allowed: diagnosticInfo.n8n_multi_user_allowed,
 			smtp_set_up: diagnosticInfo.smtp_set_up,
+			user_id: userId,
 		};
 
 		return Promise.all([
+			this.telemetry.identify(info),
 			this.telemetry.track('Instance started', {
 				...info,
 				earliest_workflow_created: earliestWorkflowCreatedAt,
diff --git a/packages/cli/src/Server.ts b/packages/cli/src/Server.ts
index 2a90700b73c60..ebabf5899fc17 100644
--- a/packages/cli/src/Server.ts
+++ b/packages/cli/src/Server.ts
@@ -1986,14 +1986,21 @@ export async function start(): Promise<void> {
 			smtp_set_up: config.getEnv('userManagement.emails.mode') === 'smtp',
 		};
 
-		void Db.collections
-			.Workflow!.findOne({
-				select: ['createdAt'],
-				order: { createdAt: 'ASC' },
-			})
-			.then(async (workflow) =>
-				InternalHooksManager.getInstance().onServerStarted(diagnosticInfo, workflow?.createdAt),
-			);
+		const earliestWorkflow = await Db.collections.Workflow.findOne({
+			select: ['createdAt', 'id'],
+			order: { createdAt: 'ASC' },
+		});
+
+		const sharing = await Db.collections.SharedWorkflow.findOne({
+			where: { workflow: { id: earliestWorkflow?.id } },
+			relations: ['workflow'],
+		});
+
+		void InternalHooksManager.getInstance().onServerStarted(
+			diagnosticInfo,
+			earliestWorkflow?.createdAt,
+			sharing?.userId,
+		);
 	});
 
 	server.on('error', (error: Error & { code: string }) => {
diff --git a/packages/cli/src/telemetry/index.ts b/packages/cli/src/telemetry/index.ts
index 43824ff7e8a1a..ae8a263bab6ae 100644
--- a/packages/cli/src/telemetry/index.ts
+++ b/packages/cli/src/telemetry/index.ts
@@ -138,6 +138,38 @@ export class Telemetry {
 		});
 	}
 
+	async identify(traits?: {
+		[key: string]: string | number | boolean | object | undefined | null;
+	}): Promise<void> {
+		return new Promise<void>((resolve) => {
+			if (this.postHog && traits?.user_id) {
+				this.postHog.identify({
+					distinctId: [this.instanceId, traits.user_id].join('#'),
+					properties: {
+						...traits,
+						instanceId: this.instanceId,
+					},
+				});
+			}
+
+			if (this.rudderStack) {
+				this.rudderStack.identify(
+					{
+						userId: this.instanceId,
+						anonymousId: '000000000000',
+						traits: {
+							...traits,
+							instanceId: this.instanceId,
+						},
+					},
+					resolve,
+				);
+			} else {
+				resolve();
+			}
+		});
+	}
+
 	async track(
 		eventName: string,
 		properties: ITelemetryTrackProperties = {},

From b86a098c202155742c927c88c04c971a5d34dce5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Thu, 8 Sep 2022 13:52:39 +0200
Subject: [PATCH 09/16] :rewind: Revert ":zap: Add `userId` to BE PH `identify`
 call"

This reverts commit 895aaa45e51506d5dbdcbdabe249a2c743d8e468.
---
 packages/cli/src/Interfaces.ts      |  1 -
 packages/cli/src/InternalHooks.ts   |  3 ---
 packages/cli/src/Server.ts          | 23 ++++++++-------------
 packages/cli/src/telemetry/index.ts | 32 -----------------------------
 4 files changed, 8 insertions(+), 51 deletions(-)

diff --git a/packages/cli/src/Interfaces.ts b/packages/cli/src/Interfaces.ts
index 280def7505c8e..0ebd0f491f3c7 100644
--- a/packages/cli/src/Interfaces.ts
+++ b/packages/cli/src/Interfaces.ts
@@ -380,7 +380,6 @@ export interface IInternalHooksClass {
 	onServerStarted(
 		diagnosticInfo: IDiagnosticInfo,
 		firstWorkflowCreatedAt?: Date,
-		userId?: string,
 	): Promise<unknown[]>;
 	onPersonalizationSurveySubmitted(userId: string, answers: Record<string, string>): Promise<void>;
 	onWorkflowCreated(userId: string, workflow: IWorkflowBase, publicApi: boolean): Promise<void>;
diff --git a/packages/cli/src/InternalHooks.ts b/packages/cli/src/InternalHooks.ts
index 9a2503360065e..4221b2ac8c7e4 100644
--- a/packages/cli/src/InternalHooks.ts
+++ b/packages/cli/src/InternalHooks.ts
@@ -32,7 +32,6 @@ export class InternalHooksClass implements IInternalHooksClass {
 	async onServerStarted(
 		diagnosticInfo: IDiagnosticInfo,
 		earliestWorkflowCreatedAt?: Date,
-		userId?: string,
 	): Promise<unknown[]> {
 		const info = {
 			version_cli: diagnosticInfo.versionCli,
@@ -46,11 +45,9 @@ export class InternalHooksClass implements IInternalHooksClass {
 			n8n_binary_data_mode: diagnosticInfo.binaryDataMode,
 			n8n_multi_user_allowed: diagnosticInfo.n8n_multi_user_allowed,
 			smtp_set_up: diagnosticInfo.smtp_set_up,
-			user_id: userId,
 		};
 
 		return Promise.all([
-			this.telemetry.identify(info),
 			this.telemetry.track('Instance started', {
 				...info,
 				earliest_workflow_created: earliestWorkflowCreatedAt,
diff --git a/packages/cli/src/Server.ts b/packages/cli/src/Server.ts
index ebabf5899fc17..2a90700b73c60 100644
--- a/packages/cli/src/Server.ts
+++ b/packages/cli/src/Server.ts
@@ -1986,21 +1986,14 @@ export async function start(): Promise<void> {
 			smtp_set_up: config.getEnv('userManagement.emails.mode') === 'smtp',
 		};
 
-		const earliestWorkflow = await Db.collections.Workflow.findOne({
-			select: ['createdAt', 'id'],
-			order: { createdAt: 'ASC' },
-		});
-
-		const sharing = await Db.collections.SharedWorkflow.findOne({
-			where: { workflow: { id: earliestWorkflow?.id } },
-			relations: ['workflow'],
-		});
-
-		void InternalHooksManager.getInstance().onServerStarted(
-			diagnosticInfo,
-			earliestWorkflow?.createdAt,
-			sharing?.userId,
-		);
+		void Db.collections
+			.Workflow!.findOne({
+				select: ['createdAt'],
+				order: { createdAt: 'ASC' },
+			})
+			.then(async (workflow) =>
+				InternalHooksManager.getInstance().onServerStarted(diagnosticInfo, workflow?.createdAt),
+			);
 	});
 
 	server.on('error', (error: Error & { code: string }) => {
diff --git a/packages/cli/src/telemetry/index.ts b/packages/cli/src/telemetry/index.ts
index ae8a263bab6ae..43824ff7e8a1a 100644
--- a/packages/cli/src/telemetry/index.ts
+++ b/packages/cli/src/telemetry/index.ts
@@ -138,38 +138,6 @@ export class Telemetry {
 		});
 	}
 
-	async identify(traits?: {
-		[key: string]: string | number | boolean | object | undefined | null;
-	}): Promise<void> {
-		return new Promise<void>((resolve) => {
-			if (this.postHog && traits?.user_id) {
-				this.postHog.identify({
-					distinctId: [this.instanceId, traits.user_id].join('#'),
-					properties: {
-						...traits,
-						instanceId: this.instanceId,
-					},
-				});
-			}
-
-			if (this.rudderStack) {
-				this.rudderStack.identify(
-					{
-						userId: this.instanceId,
-						anonymousId: '000000000000',
-						traits: {
-							...traits,
-							instanceId: this.instanceId,
-						},
-					},
-					resolve,
-				);
-			} else {
-				resolve();
-			}
-		});
-	}
-
 	async track(
 		eventName: string,
 		properties: ITelemetryTrackProperties = {},

From d8e9c1f4403904c1496366f17ee53c2db68e1732 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Thu, 8 Sep 2022 14:45:08 +0200
Subject: [PATCH 10/16] Revert ":rewind: Revert ":zap: Add `userId` to BE PH
 `identify` call""

This reverts commit b86a098c202155742c927c88c04c971a5d34dce5.
---
 packages/cli/src/Interfaces.ts      |  1 +
 packages/cli/src/InternalHooks.ts   |  3 +++
 packages/cli/src/Server.ts          | 23 +++++++++++++--------
 packages/cli/src/telemetry/index.ts | 32 +++++++++++++++++++++++++++++
 4 files changed, 51 insertions(+), 8 deletions(-)

diff --git a/packages/cli/src/Interfaces.ts b/packages/cli/src/Interfaces.ts
index 0ebd0f491f3c7..280def7505c8e 100644
--- a/packages/cli/src/Interfaces.ts
+++ b/packages/cli/src/Interfaces.ts
@@ -380,6 +380,7 @@ export interface IInternalHooksClass {
 	onServerStarted(
 		diagnosticInfo: IDiagnosticInfo,
 		firstWorkflowCreatedAt?: Date,
+		userId?: string,
 	): Promise<unknown[]>;
 	onPersonalizationSurveySubmitted(userId: string, answers: Record<string, string>): Promise<void>;
 	onWorkflowCreated(userId: string, workflow: IWorkflowBase, publicApi: boolean): Promise<void>;
diff --git a/packages/cli/src/InternalHooks.ts b/packages/cli/src/InternalHooks.ts
index 4221b2ac8c7e4..9a2503360065e 100644
--- a/packages/cli/src/InternalHooks.ts
+++ b/packages/cli/src/InternalHooks.ts
@@ -32,6 +32,7 @@ export class InternalHooksClass implements IInternalHooksClass {
 	async onServerStarted(
 		diagnosticInfo: IDiagnosticInfo,
 		earliestWorkflowCreatedAt?: Date,
+		userId?: string,
 	): Promise<unknown[]> {
 		const info = {
 			version_cli: diagnosticInfo.versionCli,
@@ -45,9 +46,11 @@ export class InternalHooksClass implements IInternalHooksClass {
 			n8n_binary_data_mode: diagnosticInfo.binaryDataMode,
 			n8n_multi_user_allowed: diagnosticInfo.n8n_multi_user_allowed,
 			smtp_set_up: diagnosticInfo.smtp_set_up,
+			user_id: userId,
 		};
 
 		return Promise.all([
+			this.telemetry.identify(info),
 			this.telemetry.track('Instance started', {
 				...info,
 				earliest_workflow_created: earliestWorkflowCreatedAt,
diff --git a/packages/cli/src/Server.ts b/packages/cli/src/Server.ts
index 2a90700b73c60..ebabf5899fc17 100644
--- a/packages/cli/src/Server.ts
+++ b/packages/cli/src/Server.ts
@@ -1986,14 +1986,21 @@ export async function start(): Promise<void> {
 			smtp_set_up: config.getEnv('userManagement.emails.mode') === 'smtp',
 		};
 
-		void Db.collections
-			.Workflow!.findOne({
-				select: ['createdAt'],
-				order: { createdAt: 'ASC' },
-			})
-			.then(async (workflow) =>
-				InternalHooksManager.getInstance().onServerStarted(diagnosticInfo, workflow?.createdAt),
-			);
+		const earliestWorkflow = await Db.collections.Workflow.findOne({
+			select: ['createdAt', 'id'],
+			order: { createdAt: 'ASC' },
+		});
+
+		const sharing = await Db.collections.SharedWorkflow.findOne({
+			where: { workflow: { id: earliestWorkflow?.id } },
+			relations: ['workflow'],
+		});
+
+		void InternalHooksManager.getInstance().onServerStarted(
+			diagnosticInfo,
+			earliestWorkflow?.createdAt,
+			sharing?.userId,
+		);
 	});
 
 	server.on('error', (error: Error & { code: string }) => {
diff --git a/packages/cli/src/telemetry/index.ts b/packages/cli/src/telemetry/index.ts
index 43824ff7e8a1a..ae8a263bab6ae 100644
--- a/packages/cli/src/telemetry/index.ts
+++ b/packages/cli/src/telemetry/index.ts
@@ -138,6 +138,38 @@ export class Telemetry {
 		});
 	}
 
+	async identify(traits?: {
+		[key: string]: string | number | boolean | object | undefined | null;
+	}): Promise<void> {
+		return new Promise<void>((resolve) => {
+			if (this.postHog && traits?.user_id) {
+				this.postHog.identify({
+					distinctId: [this.instanceId, traits.user_id].join('#'),
+					properties: {
+						...traits,
+						instanceId: this.instanceId,
+					},
+				});
+			}
+
+			if (this.rudderStack) {
+				this.rudderStack.identify(
+					{
+						userId: this.instanceId,
+						anonymousId: '000000000000',
+						traits: {
+							...traits,
+							instanceId: this.instanceId,
+						},
+					},
+					resolve,
+				);
+			} else {
+				resolve();
+			}
+		});
+	}
+
 	async track(
 		eventName: string,
 		properties: ITelemetryTrackProperties = {},

From 7316beac1045d093b37eb33741f73387ee9b4914 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Thu, 8 Sep 2022 16:53:04 +0200
Subject: [PATCH 11/16] :bug: Fix `Promise` handling in `track()` call

---
 packages/cli/src/telemetry/index.ts           | 24 ++++++++-----------
 .../editor-ui/src/components/Telemetry.vue    |  5 ++++
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/packages/cli/src/telemetry/index.ts b/packages/cli/src/telemetry/index.ts
index ae8a263bab6ae..1ebc8004c3f7a 100644
--- a/packages/cli/src/telemetry/index.ts
+++ b/packages/cli/src/telemetry/index.ts
@@ -142,16 +142,6 @@ export class Telemetry {
 		[key: string]: string | number | boolean | object | undefined | null;
 	}): Promise<void> {
 		return new Promise<void>((resolve) => {
-			if (this.postHog && traits?.user_id) {
-				this.postHog.identify({
-					distinctId: [this.instanceId, traits.user_id].join('#'),
-					properties: {
-						...traits,
-						instanceId: this.instanceId,
-					},
-				});
-			}
-
 			if (this.rudderStack) {
 				this.rudderStack.identify(
 					{
@@ -192,13 +182,19 @@ export class Telemetry {
 				};
 
 				if (withPostHog && this.postHog) {
-					this.postHog.capture({ ...payload, distinctId: payload.userId });
+					return Promise.all([
+						this.postHog.capture({
+							distinctId: payload.userId,
+							event: eventName,
+						}),
+						this.rudderStack.track(payload),
+					]).then(() => resolve());
 				}
 
-				this.rudderStack.track(payload, resolve);
-			} else {
-				resolve();
+				return this.rudderStack.track(payload, resolve);
 			}
+
+			return resolve();
 		});
 	}
 
diff --git a/packages/editor-ui/src/components/Telemetry.vue b/packages/editor-ui/src/components/Telemetry.vue
index 801bf84935036..29d95855acd24 100644
--- a/packages/editor-ui/src/components/Telemetry.vue
+++ b/packages/editor-ui/src/components/Telemetry.vue
@@ -47,6 +47,11 @@ export default mixins(externalHooks).extend({
 				},
 			);
 
+			this.$externalHooks().run('telemetry.currentUserIdChanged', {
+				instanceId: this.instanceId,
+				userId: this.currentUserId,
+			});
+
 			this.isTelemetryInitialized = true;
 		},
 	},

From 050c6f23987fbbe209b40dfa4c6d4d964da8ba35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Thu, 8 Sep 2022 16:54:27 +0200
Subject: [PATCH 12/16] :rewind: Restore `Db.collections` call

---
 packages/cli/src/Server.ts | 23 ++++++++---------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/packages/cli/src/Server.ts b/packages/cli/src/Server.ts
index ebabf5899fc17..2a90700b73c60 100644
--- a/packages/cli/src/Server.ts
+++ b/packages/cli/src/Server.ts
@@ -1986,21 +1986,14 @@ export async function start(): Promise<void> {
 			smtp_set_up: config.getEnv('userManagement.emails.mode') === 'smtp',
 		};
 
-		const earliestWorkflow = await Db.collections.Workflow.findOne({
-			select: ['createdAt', 'id'],
-			order: { createdAt: 'ASC' },
-		});
-
-		const sharing = await Db.collections.SharedWorkflow.findOne({
-			where: { workflow: { id: earliestWorkflow?.id } },
-			relations: ['workflow'],
-		});
-
-		void InternalHooksManager.getInstance().onServerStarted(
-			diagnosticInfo,
-			earliestWorkflow?.createdAt,
-			sharing?.userId,
-		);
+		void Db.collections
+			.Workflow!.findOne({
+				select: ['createdAt'],
+				order: { createdAt: 'ASC' },
+			})
+			.then(async (workflow) =>
+				InternalHooksManager.getInstance().onServerStarted(diagnosticInfo, workflow?.createdAt),
+			);
 	});
 
 	server.on('error', (error: Error & { code: string }) => {

From a2eb3baf445ea86b97a998eb07925315f333cd57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Thu, 8 Sep 2022 16:56:44 +0200
Subject: [PATCH 13/16] :zap: Set up PH payload to mirror RS

---
 packages/cli/src/telemetry/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/cli/src/telemetry/index.ts b/packages/cli/src/telemetry/index.ts
index 1ebc8004c3f7a..6ce3e3d54af50 100644
--- a/packages/cli/src/telemetry/index.ts
+++ b/packages/cli/src/telemetry/index.ts
@@ -185,7 +185,7 @@ export class Telemetry {
 					return Promise.all([
 						this.postHog.capture({
 							distinctId: payload.userId,
-							event: eventName,
+							...payload,
 						}),
 						this.rudderStack.track(payload),
 					]).then(() => resolve());

From dd6271105e80486094334c366900fc008f586fb7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Thu, 8 Sep 2022 16:57:50 +0200
Subject: [PATCH 14/16] :fire: Remove excess `userId`

---
 packages/cli/src/InternalHooks.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/cli/src/InternalHooks.ts b/packages/cli/src/InternalHooks.ts
index 9a2503360065e..2c1626756f2fd 100644
--- a/packages/cli/src/InternalHooks.ts
+++ b/packages/cli/src/InternalHooks.ts
@@ -32,7 +32,6 @@ export class InternalHooksClass implements IInternalHooksClass {
 	async onServerStarted(
 		diagnosticInfo: IDiagnosticInfo,
 		earliestWorkflowCreatedAt?: Date,
-		userId?: string,
 	): Promise<unknown[]> {
 		const info = {
 			version_cli: diagnosticInfo.versionCli,
@@ -46,7 +45,6 @@ export class InternalHooksClass implements IInternalHooksClass {
 			n8n_binary_data_mode: diagnosticInfo.binaryDataMode,
 			n8n_multi_user_allowed: diagnosticInfo.n8n_multi_user_allowed,
 			smtp_set_up: diagnosticInfo.smtp_set_up,
-			user_id: userId,
 		};
 
 		return Promise.all([

From 06b7060c54f0440891be417c754554c9fa2f9e6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Thu, 8 Sep 2022 16:58:16 +0200
Subject: [PATCH 15/16] :blue_book: Remove `userId` from interface

---
 packages/cli/src/Interfaces.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/cli/src/Interfaces.ts b/packages/cli/src/Interfaces.ts
index 280def7505c8e..0ebd0f491f3c7 100644
--- a/packages/cli/src/Interfaces.ts
+++ b/packages/cli/src/Interfaces.ts
@@ -380,7 +380,6 @@ export interface IInternalHooksClass {
 	onServerStarted(
 		diagnosticInfo: IDiagnosticInfo,
 		firstWorkflowCreatedAt?: Date,
-		userId?: string,
 	): Promise<unknown[]>;
 	onPersonalizationSurveySubmitted(userId: string, answers: Record<string, string>): Promise<void>;
 	onWorkflowCreated(userId: string, workflow: IWorkflowBase, publicApi: boolean): Promise<void>;

From e5094873299ddfe4b13a665b06e621e742e26a56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Fri, 9 Sep 2022 11:01:29 +0200
Subject: [PATCH 16/16] :fire: Remove unused ref and method

---
 packages/editor-ui/src/components/CredentialsList.vue |  2 +-
 packages/editor-ui/src/components/ExpressionEdit.vue  | 11 -----------
 2 files changed, 1 insertion(+), 12 deletions(-)

diff --git a/packages/editor-ui/src/components/CredentialsList.vue b/packages/editor-ui/src/components/CredentialsList.vue
index 0e406ab5e773f..6c4f0ac713276 100644
--- a/packages/editor-ui/src/components/CredentialsList.vue
+++ b/packages/editor-ui/src/components/CredentialsList.vue
@@ -16,7 +16,7 @@
 				/>
 			</div>
 
-			<el-table class="ph-no-capture" :data="credentialsToDisplay" v-loading="loading" :default-sort = "{prop: 'name', order: 'ascending'}" stripe max-height="450" @row-click="editCredential" ref="table">
+			<el-table class="ph-no-capture" :data="credentialsToDisplay" v-loading="loading" :default-sort = "{prop: 'name', order: 'ascending'}" stripe max-height="450" @row-click="editCredential">
 				<el-table-column property="name" :label="$locale.baseText('credentialsList.name')" class-name="clickable" sortable></el-table-column>
 				<el-table-column property="type" :label="$locale.baseText('credentialsList.type')" class-name="clickable" sortable></el-table-column>
 				<el-table-column property="createdAt" :label="$locale.baseText('credentialsList.created')" class-name="clickable" sortable></el-table-column>
diff --git a/packages/editor-ui/src/components/ExpressionEdit.vue b/packages/editor-ui/src/components/ExpressionEdit.vue
index 9724c1b52b521..14f3f99d7e8d3 100644
--- a/packages/editor-ui/src/components/ExpressionEdit.vue
+++ b/packages/editor-ui/src/components/ExpressionEdit.vue
@@ -76,17 +76,6 @@ export default mixins(
 			latestValue: '',
 		};
 	},
-	updated() {
-		if (this.$refs.expressionInput && this.$refs.expressionOutput) {
-			this.$externalHooks().run(
-				'expressionEdit.mounted',
-				{
-					expressionInputRef: this.$refs.expressionInput,
-					expressionOutputRef: this.$refs.expressionOutput,
-				},
-			);
-		}
-	},
 	methods: {
 		valueChanged (value: string, forceUpdate = false) {
 			this.latestValue = value;