From 44d73c7d23645ed9df605a8b284dd89a49f1e041 Mon Sep 17 00:00:00 2001
From: deepshekhardas <deepshekharadas1234@gmail.com>
Date: Sat, 18 Jul 2026 11:12:12 +0530
Subject: [PATCH] fix(antd): add tooltip support for truncated menu labels in
 ThemedSider

---
 .../components/themedLayout/sider/index.tsx   | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/packages/antd/src/components/themedLayout/sider/index.tsx b/packages/antd/src/components/themedLayout/sider/index.tsx
index bbee40e82fa10..76040558df718 100644
--- a/packages/antd/src/components/themedLayout/sider/index.tsx
+++ b/packages/antd/src/components/themedLayout/sider/index.tsx
@@ -5,6 +5,7 @@ import {
   Grid,
   Drawer,
   Button,
+  Tooltip,
   theme,
   ConfigProvider,
 } from "antd";
@@ -82,7 +83,11 @@ export const ThemedSider: React.FC<RefineThemedLayoutSiderProps> = ({
             <Menu.SubMenu
               key={item.key}
               icon={icon ?? <UnorderedListOutlined />}
-              title={label}
+              title={
+                <Tooltip title={siderCollapsed ? label : undefined}>
+                  {label}
+                </Tooltip>
+              }
             >
               {renderTreeView(children, selectedKey)}
             </Menu.SubMenu>
@@ -109,9 +114,11 @@ export const ThemedSider: React.FC<RefineThemedLayoutSiderProps> = ({
             icon={icon ?? (isRoute && <UnorderedListOutlined />)}
             style={linkStyle}
           >
-            <Link to={route ?? ""} style={linkStyle}>
-              {label}
-            </Link>
+            <Tooltip title={siderCollapsed ? label : undefined}>
+              <Link to={route ?? ""} style={linkStyle}>
+                {label}
+              </Link>
+            </Tooltip>
             {!siderCollapsed && isSelected && (
               <div className="ant-menu-tree-arrow" />
             )}
@@ -145,7 +152,9 @@ export const ThemedSider: React.FC<RefineThemedLayoutSiderProps> = ({
       onClick={() => handleLogout()}
       icon={<LogoutOutlined />}
     >
-      {translate("buttons.logout", "Logout")}
+      <Tooltip title={siderCollapsed ? translate("buttons.logout", "Logout") : undefined}>
+        {translate("buttons.logout", "Logout")}
+      </Tooltip>
     </Menu.Item>
   );