From 6fdf68bc890df48e3c9a9500b54f2deb9ede01a5 Mon Sep 17 00:00:00 2001
From: Randall Stillwell <me@randallstillwell.com>
Date: Tue, 7 Apr 2026 12:13:16 -0500
Subject: [PATCH] Fix profile dropdown crash by wrapping GroupLabel in Group

Menu.GroupLabel requires a parent Menu.Group for context. Without it,
clicking the profile avatar crashed the client.

Made-with: Cursor
---
 src/components/layout/top-bar.tsx | 39 +++++++++++++++++--------------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/src/components/layout/top-bar.tsx b/src/components/layout/top-bar.tsx
index 24952da..89bc4bf 100644
--- a/src/components/layout/top-bar.tsx
+++ b/src/components/layout/top-bar.tsx
@@ -21,6 +21,7 @@ import {
   DropdownMenu,
   DropdownMenuTrigger,
   DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuLabel,
@@ -122,26 +123,28 @@ export function TopBar() {
             </Avatar>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end" sideOffset={8} className="w-56">
-            <DropdownMenuLabel className="font-normal">
-              <div className="flex items-center gap-3 px-0.5 py-1">
-                <Avatar>
-                  {profile.avatarUrl && <AvatarImage src={profile.avatarUrl} alt={profile.displayName} />}
-                  <AvatarFallback className="text-xs">
-                    {initials || <User className="size-4" />}
-                  </AvatarFallback>
-                </Avatar>
-                <div className="min-w-0 flex-1">
-                  <p className="truncate text-sm font-medium text-foreground">
-                    {profile.displayName || "Set up profile"}
-                  </p>
-                  {profile.email && (
-                    <p className="truncate text-xs text-muted-foreground">
-                      {profile.email}
+            <DropdownMenuGroup>
+              <DropdownMenuLabel className="font-normal">
+                <div className="flex items-center gap-3 px-0.5 py-1">
+                  <Avatar>
+                    {profile.avatarUrl && <AvatarImage src={profile.avatarUrl} alt={profile.displayName} />}
+                    <AvatarFallback className="text-xs">
+                      {initials || <User className="size-4" />}
+                    </AvatarFallback>
+                  </Avatar>
+                  <div className="min-w-0 flex-1">
+                    <p className="truncate text-sm font-medium text-foreground">
+                      {profile.displayName || "Set up profile"}
                     </p>
-                  )}
+                    {profile.email && (
+                      <p className="truncate text-xs text-muted-foreground">
+                        {profile.email}
+                      </p>
+                    )}
+                  </div>
                 </div>
-              </div>
-            </DropdownMenuLabel>
+              </DropdownMenuLabel>
+            </DropdownMenuGroup>
             <DropdownMenuSeparator />
             <DropdownMenuItem render={<Link href="/profile" />}>
               <UserCircle className="size-4" />