From 0cf0cdc09c0cee86095df6a238c78e809d32339b Mon Sep 17 00:00:00 2001
From: Raunak Bhagat <r@rabh.io>
Date: Mon, 21 Sep 2026 17:18:15 +0000
Subject: [PATCH] fix(sidebar): highlight search tab while the search command
 menu is open (#14935)

---
 web/src/sections/sidebar/AppSidebar.tsx            | 4 ++--
 web/src/sections/sidebar/ChatSearchCommandMenu.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/sections/sidebar/AppSidebar.tsx b/web/src/sections/sidebar/AppSidebar.tsx
index 8c6e199be7..d861050603 100644
--- a/web/src/sections/sidebar/AppSidebar.tsx
+++ b/web/src/sections/sidebar/AppSidebar.tsx
@@ -619,8 +619,8 @@ export default function AppSidebar() {
             </SidebarTab>
           </div>
           <ChatSearchCommandMenu
-            trigger={(open) => (
-              <SidebarTab icon={SvgSearchMenu} onClick={open}>
+            trigger={(open, isOpen) => (
+              <SidebarTab icon={SvgSearchMenu} selected={isOpen} onClick={open}>
                 {t("appSidebar.searchChats.label")}
               </SidebarTab>
             )}
diff --git a/web/src/sections/sidebar/ChatSearchCommandMenu.tsx b/web/src/sections/sidebar/ChatSearchCommandMenu.tsx
index 78058844cd..74156135b5 100644
--- a/web/src/sections/sidebar/ChatSearchCommandMenu.tsx
+++ b/web/src/sections/sidebar/ChatSearchCommandMenu.tsx
@@ -54,8 +54,8 @@ function DynamicFooter() {
 }
 
 interface ChatSearchCommandMenuProps {
-  /** Renders the control that opens the menu. */
-  trigger: (open: () => void) => React.ReactNode;
+  /** Renders the control that opens the menu. `isOpen` lets it show a selected state. */
+  trigger: (open: () => void, isOpen: boolean) => React.ReactNode;
 }
 
 interface FilterableProject {
@@ -211,7 +211,7 @@ export default function ChatSearchCommandMenu({
 
   return (
     <>
-      {trigger(handleOpen)}
+      {trigger(handleOpen, open)}
 
       <CommandMenu open={open} onOpenChange={handleOpenChange}>
         <CommandMenu.Content>