From 67784708d6c043e5ed4344c4951cb15d1ee3e73c Mon Sep 17 00:00:00 2001
From: sheetung <755855262@qq.com>
Date: Sat, 16 May 2026 15:01:30 +0000
Subject: [PATCH] fix(webui): add cursor-pointer and select-none to sidebar
 menu text spans

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../app/home/components/home-sidebar/HomeSidebar.tsx   | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/app/home/components/home-sidebar/HomeSidebar.tsx b/web/src/app/home/components/home-sidebar/HomeSidebar.tsx
index 4054bbcd..6539e561 100644
--- a/web/src/app/home/components/home-sidebar/HomeSidebar.tsx
+++ b/web/src/app/home/components/home-sidebar/HomeSidebar.tsx
@@ -338,7 +338,7 @@ function NavItems({
                 tooltip={config.name}
               >
                 {config.icon}
-                <span>{config.name}</span>
+                <span className="cursor-pointer select-none">{config.name}</span>
               </SidebarMenuButton>
             </SidebarMenuItem>
           );
@@ -728,7 +728,7 @@ function NavItems({
                   }}
                 >
                   {config.icon}
-                  <span>{config.name}</span>
+                  <span className="cursor-pointer select-none">{config.name}</span>
                   <div className="ml-auto flex items-center gap-0.5 -mr-1">
                     {canCreate &&
                       (isPlugin ? (
@@ -1108,7 +1108,7 @@ function PluginPagesNav() {
                       className="select-none"
                     >
                       {pluginIcon}
-                      <span>{page.name}</span>
+                      <span className="cursor-pointer">{page.name}</span>
                     </SidebarMenuButton>
                   </SidebarMenuItem>
                 );
@@ -1128,7 +1128,7 @@ function PluginPagesNav() {
                         className="select-none"
                       >
                         {pluginIcon}
-                        <span>{label}</span>
+                        <span className="cursor-pointer">{label}</span>
                         <ChevronRight className="ml-auto size-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" />
                       </SidebarMenuButton>
                     </CollapsibleTrigger>
@@ -1144,7 +1144,7 @@ function PluginPagesNav() {
                                 onClick={() => navigate(route)}
                                 className="select-none"
                               >
-                                <span>{page.name}</span>
+                                <span className="cursor-pointer">{page.name}</span>
                               </SidebarMenuSubButton>
                             </SidebarMenuSubItem>
                           );