From eed73a39f0207be7943e0edde9fc2c15828e90ec Mon Sep 17 00:00:00 2001
From: Denozordec <shatskiy.blog@gmail.com>
Date: Tue, 30 Jun 2026 15:45:44 +0700
Subject: [PATCH] =?UTF-8?q?fix(web):=20=D1=83=D0=B1=D1=80=D0=B0=D1=82?=
 =?UTF-8?q?=D1=8C=20MenuGroupLabel=20=D0=B8=D0=B7=20App=20Switcher?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Заголовок меню — обычный div вместо DropdownMenuLabel, чтобы исключить Base UI error #31 в production.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 apps/web/src/components/app-switcher.tsx | 54 +++++++++++-------------
 1 file changed, 25 insertions(+), 29 deletions(-)

diff --git a/apps/web/src/components/app-switcher.tsx b/apps/web/src/components/app-switcher.tsx
index cd1c682..5667c25 100644
--- a/apps/web/src/components/app-switcher.tsx
+++ b/apps/web/src/components/app-switcher.tsx
@@ -1,9 +1,7 @@
 import {
   DropdownMenu,
   DropdownMenuContent,
-  DropdownMenuGroup,
   DropdownMenuItem,
-  DropdownMenuLabel,
   DropdownMenuShortcut,
   DropdownMenuTrigger,
 } from '@cfdm/ui/components/dropdown-menu'
@@ -59,39 +57,37 @@ export function AppSwitcher() {
             align="start"
             sideOffset={4}
           >
-            <DropdownMenuGroup>
-              <DropdownMenuLabel className="text-xs text-muted-foreground">
-                {config.menuLabel}
-              </DropdownMenuLabel>
-              {config.apps.map((app) => {
-                const Icon = APP_SWITCHER_ICONS[app.icon]
-                const isCurrent = app.id === CURRENT_APP_ID
-
-                if (isCurrent) {
-                  return (
-                    <DropdownMenuItem key={app.id} disabled>
-                      <Icon />
-                      {app.name}
-                      <CheckIcon className="ml-auto size-4" />
-                    </DropdownMenuItem>
-                  )
-                }
+            <div className="px-2 py-1.5 text-xs text-muted-foreground">
+              {config.menuLabel}
+            </div>
+            {config.apps.map((app) => {
+              const Icon = APP_SWITCHER_ICONS[app.icon]
+              const isCurrent = app.id === CURRENT_APP_ID
 
+              if (isCurrent) {
                 return (
-                  <DropdownMenuItem
-                    key={app.id}
-                    nativeButton={false}
-                    render={<a href={app.url} />}
-                  >
+                  <DropdownMenuItem key={app.id} disabled>
                     <Icon />
                     {app.name}
-                    {app.shortcut ? (
-                      <DropdownMenuShortcut>{app.shortcut}</DropdownMenuShortcut>
-                    ) : null}
+                    <CheckIcon className="ml-auto size-4" />
                   </DropdownMenuItem>
                 )
-              })}
-            </DropdownMenuGroup>
+              }
+
+              return (
+                <DropdownMenuItem
+                  key={app.id}
+                  nativeButton={false}
+                  render={<a href={app.url} />}
+                >
+                  <Icon />
+                  {app.name}
+                  {app.shortcut ? (
+                    <DropdownMenuShortcut>{app.shortcut}</DropdownMenuShortcut>
+                  ) : null}
+                </DropdownMenuItem>
+              )
+            })}
           </DropdownMenuContent>
         </DropdownMenu>
       </SidebarMenuItem>