From f038eebac1fed62272bbbf31845f809a9e24183b Mon Sep 17 00:00:00 2001
From: spencrmartin <spencermartin@squareup.com>
Date: Fri, 7 Nov 2025 08:08:00 -0500
Subject: [PATCH] feat(ui): add text label to navigation toggle button

- Add 'Show menu' / 'Hide menu' text next to chevron icon
- Uses text-text-muted and font-mono for consistency
- Improves button discoverability and clarity
---
 ui/desktop/src/components/Layout/AppLayout.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/desktop/src/components/Layout/AppLayout.tsx b/ui/desktop/src/components/Layout/AppLayout.tsx
index 7eaaba1173..cd70347412 100644
--- a/ui/desktop/src/components/Layout/AppLayout.tsx
+++ b/ui/desktop/src/components/Layout/AppLayout.tsx
@@ -34,12 +34,15 @@ const AppLayoutContent: React.FC<AppLayoutProps> = () => {
       <div className="absolute top-4 right-4 z-50 flex gap-2">
         <Button
           onClick={() => setIsNavExpanded(!isNavExpanded)}
-          className="no-drag hover:!bg-background-medium bg-background-default rounded-xl shadow-sm"
+          className="no-drag hover:!bg-background-medium bg-background-default rounded-xl shadow-sm relative"
           variant="ghost"
           size="xs"
           title="Toggle navigation"
         >
           {isNavExpanded ? <ChevronUp className="w-4 h-4" /> : <ChevronDown className="w-4 h-4" />}
+          <span className="ml-2 text-xs text-text-muted font-mono">
+            {isNavExpanded ? 'Hide menu' : 'Show menu'}
+          </span>
         </Button>
         <Button
           onClick={handleNewWindow}