From d933d5289b49b7dc04b4a327537916a260b656bb Mon Sep 17 00:00:00 2001
From: shimmyshimmer <michaelhan2050@gmail.com>
Date: Sat, 25 Jul 2026 02:04:05 -0700
Subject: [PATCH] Studio sidebar: keep the More row highlighted while its panel
 is open

Moving the pointer into the flyout left the row unhighlighted while the panel
stayed open. The row now carries data-menu-open, added to the nav hover selector
list. Not data-state: the tooltip and menu triggers both write that attribute, so
whichever lands last wins.
---
 studio/frontend/src/components/app-sidebar.tsx | 4 ++++
 studio/frontend/src/index.css                  | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/studio/frontend/src/components/app-sidebar.tsx b/studio/frontend/src/components/app-sidebar.tsx
index 6ff147ff71..fd466bd3d9 100644
--- a/studio/frontend/src/components/app-sidebar.tsx
+++ b/studio/frontend/src/components/app-sidebar.tsx
@@ -1649,6 +1649,10 @@ export function AppSidebar() {
                             isActive={overflowNavIds.some(
                               (id) => navRows[id].active,
                             )}
+                            // Keeps the row highlighted while the panel is open,
+                            // after the pointer has left the row. Not data-state:
+                            // the tooltip and menu triggers both write that one.
+                            data-menu-open={moreOpen ? "true" : undefined}
                             className="sidebar-nav-btn h-[33px] rounded-full gap-[8.5px] pl-3 pr-2.5 font-medium group-data-[collapsible=icon]:px-2.5 group-data-[collapsible=icon]:!w-[32px] group-data-[collapsible=icon]:mx-auto"
                           >
                             <HugeiconsIcon
diff --git a/studio/frontend/src/index.css b/studio/frontend/src/index.css
index 4797401ead..72e29c3b46 100644
--- a/studio/frontend/src/index.css
+++ b/studio/frontend/src/index.css
@@ -1001,6 +1001,7 @@ html[data-chat-font] .aui-root {
 	.sidebar-nav-btn:hover,
 	.sidebar-nav-btn[data-active="true"],
 	.sidebar-nav-btn[data-state="open"],
+	.sidebar-nav-btn[data-menu-open="true"],
 	.group\/project-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,
 	.group\/project-chat-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,
 	.group\/projects-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,
@@ -1012,6 +1013,7 @@ html[data-chat-font] .aui-root {
 	.dark .sidebar-nav-btn:hover,
 	.dark .sidebar-nav-btn[data-active="true"],
 	.dark .sidebar-nav-btn[data-state="open"],
+	.dark .sidebar-nav-btn[data-menu-open="true"],
 	.dark .group\/project-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,
 	.dark .group\/project-chat-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,
 	.dark .group\/projects-item:hover:not(:has(.sidebar-row-action:hover)) .sidebar-nav-btn,