⚡ Display currently installed version in editor-ui

packages/editor-ui/src/Interface.ts

@@ -389,6 +389,7 @@ export interface IN8nUISettings {
 	saveManualExecutions: boolean;
 	timezone: string;
 	urlBaseWebhook: string;
+	versionCli: string;
 }
 
 export interface IWorkflowSettings extends IWorkflowSettingsWorkflow {

packages/editor-ui/src/components/MainSidebar.vue

@@ -16,7 +16,7 @@
 				<el-menu-item index="logo" class="logo-item">
 					<img src="/n8n-icon-small.png" class="icon" alt="n8n.io"/>
 					<a href="https://n8n.io" class="logo-text" target="_blank" slot="title">
-						n8n.io
+						n8n.io - Currently installed version {{versionCli}}
 					</a>
 
 				</el-menu-item>
@@ -205,6 +205,9 @@ export default mixins(
 			currentWorkflow (): string {
 				return this.$route.params.name;
 			},
+			versionCli (): string {
+				return this.$store.getters.versionCli;
+			},
 			workflowExecution (): IExecutionResponse | null {
 				return this.$store.getters.getWorkflowExecution;
 			},

packages/editor-ui/src/store.ts

@@ -53,6 +53,7 @@ export const store = new Vuex.Store({
 		saveDataSuccessExecution: 'all',
 		saveManualExecutions: false,
 		timezone: 'America/New_York',
+		versionCli: '0.0.0',
 		workflowExecutionData: null as IExecutionResponse | null,
 		lastSelectedNode: null as string | null,
 		nodeIndex: [] as Array<string | null>,
@@ -478,6 +479,9 @@ export const store = new Vuex.Store({
 		setTimezone (state, timezone: string) {
 			Vue.set(state, 'timezone', timezone);
 		},
+		setVersionCli(state, version: string) {
+			Vue.set(state, 'versionCli', version);
+		},
 
 		addNodeType (state, typeData: INodeTypeDescription) {
 			if (!typeData.hasOwnProperty('name')) {
@@ -581,6 +585,9 @@ export const store = new Vuex.Store({
 		timezone: (state): string => {
 			return state.timezone;
 		},
+		versionCli: (state): string => {
+			return state.versionCli;
+		},
 
 		// Push Connection
 		pushConnectionActive: (state): boolean => {

packages/editor-ui/src/views/NodeView.vue

@@ -1846,6 +1846,7 @@ export default mixins(
 				this.$store.commit('setSaveDataSuccessExecution', settings.saveDataSuccessExecution);
 				this.$store.commit('setSaveManualExecutions', settings.saveManualExecutions);
 				this.$store.commit('setTimezone', settings.timezone);
+				this.$store.commit('setVersionCli', settings.versionCli);
 			},
 			async loadNodeTypes (): Promise<void> {
 				const nodeTypes = await this.restApi().getNodeTypes();