From c27caa4a07613fbbad487ac135aa9ef841dfe22e Mon Sep 17 00:00:00 2001
From: Rob Squires <robtf9@icloud.com>
Date: Wed, 13 Aug 2025 07:43:41 +0100
Subject: [PATCH] use actual users name

---
 .../@n8n/design-system/src/components/N8nSidebar/Sidebar.vue | 5 +++--
 .../src/components/N8nSidebar/SidebarSubMenu.vue             | 4 ++--
 packages/frontend/editor-ui/src/components/MainSidebar.vue   | 1 +
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/@n8n/design-system/src/components/N8nSidebar/Sidebar.vue b/packages/frontend/@n8n/design-system/src/components/N8nSidebar/Sidebar.vue
index 9bc2a1dcf06..6575a53591f 100644
--- a/packages/frontend/@n8n/design-system/src/components/N8nSidebar/Sidebar.vue
+++ b/packages/frontend/@n8n/design-system/src/components/N8nSidebar/Sidebar.vue
@@ -10,13 +10,14 @@ import N8nResizeWrapper from '../N8nResizeWrapper';
 import { N8nButton, N8nIconButton, N8nRoute, N8nTooltip } from '..';
 import N8nKeyboardShortcut from '../N8nKeyboardShortcut/N8nKeyboardShortcut.vue';
 import { useSidebarLayout } from './useSidebarLayout';
-import { ICustomMenuItem, IMenuItem } from '@n8n/design-system/types';
+import { IMenuItem } from '@n8n/design-system/types';
 import SidebarSubMenu from './SidebarSubMenu.vue';
 
 const props = defineProps<{
 	personal: { id: string; items: TreeItemType[] };
 	shared: TreeItemType[];
 	projects: { title: string; id: string; icon: IconName; items: TreeItemType[] }[];
+	userName: string;
 	releaseChannel: 'stable' | 'dev' | 'beta' | 'nightly';
 	menuItems: IMenuItem[];
 	helpMenuItems: IMenuItem[];
@@ -185,7 +186,7 @@ function getMenuItemRoute(item: IMenuItem) {
 		<slot name="creatorCallout" />
 		<slot name="sourceControl" />
 		<div class="sidebarUserArea">
-			<N8nText class="userName" size="small" bold>Rob Squires</N8nText>
+			<N8nText class="userName" size="small" bold>{{ userName }}</N8nText>
 			<N8nTooltip placement="top">
 				<template #content>
 					<N8nText size="small">Sign out</N8nText>
diff --git a/packages/frontend/@n8n/design-system/src/components/N8nSidebar/SidebarSubMenu.vue b/packages/frontend/@n8n/design-system/src/components/N8nSidebar/SidebarSubMenu.vue
index 38edbcf6997..43d0269f475 100644
--- a/packages/frontend/@n8n/design-system/src/components/N8nSidebar/SidebarSubMenu.vue
+++ b/packages/frontend/@n8n/design-system/src/components/N8nSidebar/SidebarSubMenu.vue
@@ -3,7 +3,7 @@ import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from 'reka
 </script>
 
 <template>
-	<PopoverRoot modal>
+	<PopoverRoot>
 		<PopoverTrigger asChild class="sidebarSubMenuTrigger">
 			<slot name="trigger" />
 		</PopoverTrigger>
@@ -17,7 +17,7 @@ import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from 'reka
 
 <style lang="scss">
 .sidebarSubMenu {
-	background-color: var(--color-background-xlight);
+	background-color: var(--color-foreground-xlight);
 	border: var(--border-base);
 	border-radius: var(--border-radius-base);
 	padding: var(--spacing-2xs);
diff --git a/packages/frontend/editor-ui/src/components/MainSidebar.vue b/packages/frontend/editor-ui/src/components/MainSidebar.vue
index 465ebb2e565..6c1072e272c 100644
--- a/packages/frontend/editor-ui/src/components/MainSidebar.vue
+++ b/packages/frontend/editor-ui/src/components/MainSidebar.vue
@@ -325,6 +325,7 @@ const helpMenuItems = ref([
 <template>
 	<N8nSidebar
 		:personal="personalItems"
+		:user-name="usersStore.currentUser?.fullName || ''"
 		:shared="sharedItems"
 		:projects="projects"
 		:release-channel="settingsStore.settings.releaseChannel"