From 8f170a25a010deaad549112c6cf09e927c4cc27a Mon Sep 17 00:00:00 2001
From: AlokPy1484 <alokpandey1483@gmail.com>
Date: Sun, 25 Jan 2026 00:22:08 +0530
Subject: [PATCH] feat: keyboard shortcut info inside formatter's tooltip

---
 packages/react/src/lib/textFormat.js               | 14 +++++---------
 .../views/ChatInput/ChatInputFormattingToolbar.js  |  4 ++--
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/packages/react/src/lib/textFormat.js b/packages/react/src/lib/textFormat.js
index a1978c0033..4a435cf158 100644
--- a/packages/react/src/lib/textFormat.js
+++ b/packages/react/src/lib/textFormat.js
@@ -1,11 +1,7 @@
 export const formatter = [
-  { name: 'bold', pattern: '*{{text}}*', tooltip: 'Bold' },
-  { name: 'italic', pattern: '_{{text}}_', tooltip: 'Italic' },
-  { name: 'strike', pattern: '~{{text}}~', tooltip: 'Strikethrough' },
-  { name: 'code', pattern: '`{{text}}`', tooltip: 'Inline code' },
-  {
-    name: 'multiline',
-    pattern: '```\n{{text}}\n```',
-    tooltip: 'Multi-line code',
-  },
+  { name: 'bold', pattern: '*{{text}}*', tooltip: 'Bold', shortcut: 'Ctrl + B' },
+  { name: 'italic', pattern: '_{{text}}_', tooltip: 'Italic', shortcut: 'Ctrl + I' },
+  { name: 'strike', pattern: '~{{text}}~', tooltip: 'Strikethrough', shortcut: '' },
+  { name: 'code', pattern: '`{{text}}`', tooltip: 'Inline code', shortcut: '' },
+  { name: 'multiline',  pattern: '```\n{{text}}\n```', tooltip: 'Multi-line code', shortcut: ''}
 ];
diff --git a/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js b/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js
index 5d8c20a600..48da1843d4 100644
--- a/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js
+++ b/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js
@@ -214,7 +214,7 @@ const ChatInputFormattingToolbar = ({
           </>
         ) : (
           <Tooltip
-            text={item.name}
+            text={`${item.name} ${item.shortcut && `(${item.shortcut})`}`}
             position="top"
             key={`formatter-${item.name}`}
           >
@@ -294,7 +294,7 @@ const ChatInputFormattingToolbar = ({
           if (itemInFormatter) {
             return (
               <Tooltip
-                text={itemInFormatter.name}
+                text={`${itemInFormatter.name} ${itemInFormatter.shortcut && `(${itemInFormattershortcut})`}`}
                 position="top"
                 key={`formatter-${itemInFormatter.name}`}
               >