fix(editor): Show appropriate empty workflow list content when instance environment is readonly (#6610)

packages/editor-ui/src/App.vue

@@ -225,10 +225,7 @@ export default defineComponent({
 		void this.checkForNewVersions();
 		void this.checkForCloudPlanData();
 
-		if (
-			this.sourceControlStore.isEnterpriseSourceControlEnabled &&
-			this.usersStore.isInstanceOwner
-		) {
+		if (this.sourceControlStore.isEnterpriseSourceControlEnabled) {
 			await this.sourceControlStore.getPreferences();
 		}
 

packages/editor-ui/src/plugins/i18n/locales/en.json

@@ -1682,6 +1682,7 @@
 	"workflows.empty.heading": "👋 Welcome {name}!",
 	"workflows.empty.heading.userNotSetup": "👋 Welcome!",
 	"workflows.empty.description": "Create your first workflow",
+	"workflows.empty.description.readOnlyEnv": "No workflows here yet",
 	"workflows.empty.startFromScratch": "Start from scratch",
 	"workflows.shareModal.title": "Share '{name}'",
 	"workflows.shareModal.select.placeholder": "Add users...",

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

@@ -23,7 +23,7 @@
 				:readOnly="readOnlyEnv"
 			/>
 		</template>
-		<template v-if="!readOnlyEnv" #empty>
+		<template #empty>
 			<div class="text-center mt-s">
 				<n8n-heading tag="h2" size="xlarge" class="mb-2xs">
 					{{
@@ -36,10 +36,16 @@
 					}}
 				</n8n-heading>
 				<n8n-text size="large" color="text-base">
-					{{ $locale.baseText('workflows.empty.description') }}
+					{{
+						$locale.baseText(
+							readOnlyEnv
+								? 'workflows.empty.description.readOnlyEnv'
+								: 'workflows.empty.description',
+						)
+					}}
 				</n8n-text>
 			</div>
-			<div :class="['text-center', 'mt-2xl', $style.actionsContainer]">
+			<div v-if="!readOnlyEnv" :class="['text-center', 'mt-2xl', $style.actionsContainer]">
 				<n8n-card
 					:class="$style.emptyStateCard"
 					hoverable