From 7dd87c56a9ea0e6a59d87ddd43d9d0711398e274 Mon Sep 17 00:00:00 2001
From: Francis Eytan Dortort <francis@dortort.com>
Date: Thu, 5 Feb 2026 13:19:17 -0500
Subject: [PATCH] fix(ui): replace hamburger icon with sidebar panel icon
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The hamburger (≡) icon implies a menu. Use a sidebar panel icon
(rectangle with left divider) which is the standard convention
for toggling a sidebar in desktop apps.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/renderer/components/TitleBar.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/TitleBar.tsx b/src/renderer/components/TitleBar.tsx
index d8d1927..86fdc3a 100644
--- a/src/renderer/components/TitleBar.tsx
+++ b/src/renderer/components/TitleBar.tsx
@@ -21,8 +21,9 @@ export function TitleBar({ onOpenSettings, onNewProject }: TitleBarProps) {
           className="rounded p-1 text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-800"
           style={{ WebkitAppRegion: 'no-drag' } as React.CSSProperties}
         >
-          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-            <path d="M3 12h18M3 6h18M3 18h18" />
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+            <rect x="3" y="3" width="18" height="18" rx="2" />
+            <line x1="9" y1="3" x2="9" y2="21" />
           </svg>
         </button>
         <span className="text-sm font-semibold">Keystone</span>