Fix invalid dropdown labels

Render empty menu states as disabled items and keep the activity visibility
heading inside a menu group. This prevents Base UI from requiring a missing
group context when these menus open.

Author: mehmetozguldev

src/features/git/components/git-branch-manager.tsx

@@ -15,7 +15,6 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuLabel,
   DropdownMenuRadioGroup,
   DropdownMenuRadioItem,
   DropdownMenuSearch,
@@ -617,9 +616,9 @@ const GitBranchManager = ({
               ))}
             </DropdownMenuRadioGroup>
           ) : (
-            <DropdownMenuLabel>
+            <DropdownMenuItem disabled>
               {branchQuery.trim() ? "No branches match" : "No branches found"}
-            </DropdownMenuLabel>
+            </DropdownMenuItem>
           )}
           <DropdownMenuSeparator />
           <DropdownMenuItem onClick={() => void handlePromptCreateBranch()}>

src/features/github/components/pr-commits-dropdown.tsx

@@ -5,7 +5,6 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuLabel,
   DropdownMenuSearch,
   DropdownMenuTrigger,
 } from "@/ui/dropdown";
@@ -103,9 +102,9 @@ export function PRCommitsDropdown({ commits, repoPath }: PRCommitsDropdownProps)
             </DropdownMenuItem>
           ))
         ) : (
-          <DropdownMenuLabel>
+          <DropdownMenuItem disabled>
             {commits.length === 0 ? "No commits" : "No commits match"}
-          </DropdownMenuLabel>
+          </DropdownMenuItem>
         )}
       </DropdownMenuContent>
     </DropdownMenu>

src/features/layout/components/sidebar/activity-navigation.tsx

@@ -3,6 +3,7 @@ import type { ActivityNavigationItem } from "@/features/layout/hooks/use-activit
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
+  DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
   DropdownMenuSeparator,
@@ -41,22 +42,24 @@ function ActivityNavigationVisibilityMenu({ item }: { item: ActivityNavigationIt
         <DotsThreeIcon className="rotate-90" />
       </DropdownMenuTrigger>
       <SidebarMenuContent>
-        <DropdownMenuLabel>Visible Items</DropdownMenuLabel>
-        {item.submenuItems?.map((submenuItem) => (
-          <Fragment key={submenuItem.id}>
-            {submenuItem.separatorBefore ? <DropdownMenuSeparator /> : null}
-            <DropdownMenuCheckboxItem
-              checked={!item.hiddenSubmenuItemIds?.includes(submenuItem.id)}
-              closeOnClick={false}
-              onCheckedChange={(checked) =>
-                item.onSubmenuItemVisibleChange?.(submenuItem.id, checked)
-              }
-            >
-              {submenuItem.icon}
-              {submenuItem.label}
-            </DropdownMenuCheckboxItem>
-          </Fragment>
-        ))}
+        <DropdownMenuGroup>
+          <DropdownMenuLabel>Visible Items</DropdownMenuLabel>
+          {item.submenuItems?.map((submenuItem) => (
+            <Fragment key={submenuItem.id}>
+              {submenuItem.separatorBefore ? <DropdownMenuSeparator /> : null}
+              <DropdownMenuCheckboxItem
+                checked={!item.hiddenSubmenuItemIds?.includes(submenuItem.id)}
+                closeOnClick={false}
+                onCheckedChange={(checked) =>
+                  item.onSubmenuItemVisibleChange?.(submenuItem.id, checked)
+                }
+              >
+                {submenuItem.icon}
+                {submenuItem.label}
+              </DropdownMenuCheckboxItem>
+            </Fragment>
+          ))}
+        </DropdownMenuGroup>
       </SidebarMenuContent>
     </DropdownMenu>
   );