From e3169c358e9a57a6162c5e26c99ed1e2948d88e2 Mon Sep 17 00:00:00 2001
From: Stijnus <private.winters.bf3@gmail.com>
Date: Fri, 5 Sep 2025 01:48:46 +0200
Subject: [PATCH] feat: move help icon from bottom to header area for better
 discoverability

- Moved help icon from bottom of sidebar to header area next to user profile
- Improved UX by placing help in more visible and logical location
- Follows common UI patterns where help/support is in header area
- Increases discoverability for new users
---
 app/components/sidebar/Menu.client.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/sidebar/Menu.client.tsx b/app/components/sidebar/Menu.client.tsx
index 7e9c8c5..36d6a8e 100644
--- a/app/components/sidebar/Menu.client.tsx
+++ b/app/components/sidebar/Menu.client.tsx
@@ -340,6 +340,7 @@ export const Menu = () => {
         <div className="h-12 flex items-center justify-between px-4 border-b border-gray-100 dark:border-gray-800/50 bg-gray-50/50 dark:bg-gray-900/50 rounded-tr-2xl">
           <div className="text-gray-900 dark:text-white font-medium"></div>
           <div className="flex items-center gap-3">
+            <HelpButton onClick={() => window.open('https://stackblitz-labs.github.io/bolt.diy/', '_blank')} />
             <span className="font-medium text-sm text-gray-900 dark:text-white truncate">
               {profile?.username || 'Guest User'}
             </span>
@@ -527,7 +528,6 @@ export const Menu = () => {
           <div className="flex items-center justify-between border-t border-gray-200 dark:border-gray-800 px-4 py-3">
             <div className="flex items-center gap-3">
               <SettingsButton onClick={handleSettingsClick} />
-              <HelpButton onClick={() => window.open('https://stackblitz-labs.github.io/bolt.diy/', '_blank')} />
             </div>
             <ThemeSwitch />
           </div>