@lobehub/chat 1.75.5 → 1.76.1

package/locales/ru-RU/setting.json

@@ -42,6 +42,17 @@
     "sessionWithName": "Настройки сеанса · {{name}}",
     "title": "Настройки"
   },
+  "hotkey": {
+    "conflicts": "Конфликт с существующими горячими клавишами",
+    "group": {
+      "conversation": "Беседа",
+      "essential": "Основной"
+    },
+    "invalidCombination": "Горячая клавиша должна содержать как минимум одну модификаторную клавишу (Ctrl, Alt, Shift) и одну обычную клавишу",
+    "record": "Нажмите клавишу для записи горячей клавиши",
+    "reset": "Сбросить на стандартные горячие клавиши",
+    "title": "Горячие клавиши"
+  },
   "llm": {
     "aesGcm": "Ваши ключи и адреса агентов будут зашифрованы с использованием алгоритма шифрования <1>AES-GCM</1>",
     "apiKey": {
@@ -425,6 +436,7 @@
     "agent": "Помощник по умолчанию",
     "common": "Общие настройки",
     "experiment": "Эксперимент",
+    "hotkey": "Горячие клавиши",
     "llm": "Языковая модель",
     "provider": "Поставщик ИИ услуг",
     "sync": "Синхронизация с облаком",

package/locales/tr-TR/hotkey.json

@@ -0,0 +1,46 @@
+{
+  "addUserMessage": {
+    "desc": "Mevcut girdi içeriğini kullanıcı mesajı olarak ekleyin, ancak oluşturmayı tetiklemeyin",
+    "title": "Bir kullanıcı mesajı ekle"
+  },
+  "editMessage": {
+    "desc": "Mesaja çift tıklayıp Alt tuşuna basarak düzenleme moduna geçin",
+    "title": "Mesajı düzenle"
+  },
+  "openChatSettings": {
+    "desc": "Mevcut oturumun ayarlarını görüntüle ve değiştir",
+    "title": "Sohbet ayarlarını aç"
+  },
+  "openHotkeyHelper": {
+    "desc": "Tüm kısayol tuşlarının kullanım talimatlarını görüntüle",
+    "title": "Kısayol Yardımını Aç"
+  },
+  "regenerateMessage": {
+    "desc": "Son mesajı yeniden oluştur",
+    "title": "Mesajı yeniden oluştur"
+  },
+  "saveTopic": {
+    "desc": "Mevcut konuyu kaydedin ve yeni bir konu açın",
+    "title": "Yeni konu aç"
+  },
+  "search": {
+    "desc": "Mevcut sayfanın ana arama kutusunu aç",
+    "title": "Ara"
+  },
+  "switchAgent": {
+    "desc": "Yan panelde sabitlenmiş asistanı değiştirmek için Ctrl tuşuna basılı tutarak 0~9 sayısına basın",
+    "title": "Asistanı hızlıca değiştir"
+  },
+  "toggleLeftPanel": {
+    "desc": "Sol yan paneli göster veya gizle",
+    "title": "Asistan panelini göster/gizle"
+  },
+  "toggleRightPanel": {
+    "desc": "Sağ konu panelini göster veya gizle",
+    "title": "Konu panelini göster/gizle"
+  },
+  "toggleZenMode": {
+    "desc": "Odak modu, yalnızca mevcut oturumu gösterir, diğer UI'ları gizler",
+    "title": "Odak modunu değiştir"
+  }
+}

package/locales/tr-TR/models.json

@@ -1082,6 +1082,9 @@
   "gpt-4o-mini-realtime-preview": {
     "description": "GPT-4o-mini gerçek zamanlı versiyonu, ses ve metin için gerçek zamanlı giriş ve çıkış desteği sunar."
   },
+  "gpt-4o-mini-tts": {
+    "description": "GPT-4o mini TTS, GPT-4o mini'ye dayalı bir metin-ses modeldir ve yüksek kaliteli ses üretimi, düşük maliyetli oluşturma sunar."
+  },
   "gpt-4o-realtime-preview": {
     "description": "GPT-4o gerçek zamanlı versiyonu, ses ve metin için gerçek zamanlı giriş ve çıkış desteği sunar."
   },

package/locales/tr-TR/setting.json

@@ -42,6 +42,17 @@
     "sessionWithName": "Oturum Ayarları · {{name}}",
     "title": "Ayarlar"
   },
+  "hotkey": {
+    "conflicts": "Mevcut kısayol tuşlarıyla çakışıyor",
+    "group": {
+      "conversation": "Sohbet",
+      "essential": "Temel"
+    },
+    "invalidCombination": "Kısayol tuşu en az bir modifiye tuşu (Ctrl, Alt, Shift) ve bir normal tuş içermelidir",
+    "record": "Kısayol tuşunu kaydetmek için tuşa basın",
+    "reset": "Varsayılan kısayol tuşlarına sıfırla",
+    "title": "Kısayollar"
+  },
   "llm": {
     "aesGcm": "Anahtarınız ve vekil adresiniz <1>AES-GCM</1> şifreleme algoritması kullanılarak şifrelenecektir",
     "apiKey": {
@@ -425,6 +436,7 @@
     "agent": "Varsayılan Asistan",
     "common": "Genel Ayarlar",
     "experiment": "Deney",
+    "hotkey": "Kısayollar",
     "llm": "Modeller",
     "provider": "Yapay Zeka Hizmet Sağlayıcısı",
     "sync": "Bulut Senkronizasyonu",

package/locales/vi-VN/hotkey.json

@@ -0,0 +1,46 @@
+{
+  "addUserMessage": {
+    "desc": "Thêm nội dung hiện tại vào tin nhắn của người dùng mà không kích hoạt việc tạo mới",
+    "title": "Thêm một tin nhắn người dùng"
+  },
+  "editMessage": {
+    "desc": "Vào chế độ chỉnh sửa bằng cách giữ phím Alt và nhấp đúp vào tin nhắn",
+    "title": "Chỉnh sửa tin nhắn"
+  },
+  "openChatSettings": {
+    "desc": "Xem và chỉnh sửa cài đặt của cuộc trò chuyện hiện tại",
+    "title": "Mở cài đặt cuộc trò chuyện"
+  },
+  "openHotkeyHelper": {
+    "desc": "Xem hướng dẫn sử dụng tất cả các phím tắt",
+    "title": "Mở trợ giúp phím tắt"
+  },
+  "regenerateMessage": {
+    "desc": "Tạo lại tin nhắn cuối cùng",
+    "title": "Tạo lại tin nhắn"
+  },
+  "saveTopic": {
+    "desc": "Lưu chủ đề hiện tại và mở chủ đề mới",
+    "title": "Mở chủ đề mới"
+  },
+  "search": {
+    "desc": "Kích hoạt hộp tìm kiếm chính của trang hiện tại",
+    "title": "Tìm kiếm"
+  },
+  "switchAgent": {
+    "desc": "Chuyển đổi giữa các trợ lý cố định ở thanh bên bằng cách giữ phím Ctrl và nhấn số 0~9",
+    "title": "Chuyển đổi nhanh trợ lý"
+  },
+  "toggleLeftPanel": {
+    "desc": "Hiện hoặc ẩn bảng trợ giúp bên trái",
+    "title": "Hiện/Ẩn bảng trợ lý"
+  },
+  "toggleRightPanel": {
+    "desc": "Hiện hoặc ẩn bảng chủ đề bên phải",
+    "title": "Hiện/Ẩn bảng chủ đề"
+  },
+  "toggleZenMode": {
+    "desc": "Trong chế độ tập trung, chỉ hiển thị cuộc trò chuyện hiện tại, ẩn các giao diện người dùng khác",
+    "title": "Chuyển đổi chế độ tập trung"
+  }
+}

package/locales/vi-VN/models.json

@@ -1082,6 +1082,9 @@
   "gpt-4o-mini-realtime-preview": {
     "description": "Phiên bản thời gian thực của GPT-4o-mini, hỗ trợ đầu vào và đầu ra âm thanh và văn bản theo thời gian thực."
   },
+  "gpt-4o-mini-tts": {
+    "description": "GPT-4o mini TTS là mô hình chuyển văn bản thành giọng nói dựa trên GPT-4o mini, cung cấp sinh âm thanh cao cấp với chi phí thấp hơn."
+  },
   "gpt-4o-realtime-preview": {
     "description": "Phiên bản thời gian thực của GPT-4o, hỗ trợ đầu vào và đầu ra âm thanh và văn bản theo thời gian thực."
   },

package/locales/vi-VN/setting.json

@@ -42,6 +42,17 @@
     "sessionWithName": "Cài đặt cuộc trò chuyện · {{name}}",
     "title": "Cài đặt"
   },
+  "hotkey": {
+    "conflicts": "Xung đột với phím tắt hiện có",
+    "group": {
+      "conversation": "Cuộc trò chuyện",
+      "essential": "Cơ bản"
+    },
+    "invalidCombination": "Phím tắt cần ít nhất một phím sửa đổi (Ctrl, Alt, Shift) và một phím thông thường",
+    "record": "Nhấn phím để ghi lại phím tắt",
+    "reset": "Đặt lại thành phím tắt mặc định",
+    "title": "Phím tắt"
+  },
   "llm": {
     "aesGcm": "Khóa và địa chỉ proxy của bạn sẽ được mã hóa bằng thuật toán mã hóa <1>AES-GCM</1>",
     "apiKey": {
@@ -425,6 +436,7 @@
     "agent": "Trợ lý mặc định",
     "common": "Cài đặt chung",
     "experiment": "Thử nghiệm",
+    "hotkey": "Phím tắt",
     "llm": "Mô hình ngôn ngữ",
     "provider": "Nhà cung cấp AI",
     "sync": "Đồng bộ trên đám mây",

package/locales/zh-CN/hotkey.json

@@ -0,0 +1,46 @@
+{
+  "addUserMessage": {
+    "desc": "将当前输入内容添加为用户消息，但不触发生成",
+    "title": "添加一条用户消息"
+  },
+  "editMessage": {
+    "desc": "通过按住 Alt 并双击消息进入编辑模式",
+    "title": "编辑消息"
+  },
+  "openChatSettings": {
+    "desc": "查看和修改当前会话的设置",
+    "title": "打开会话设置"
+  },
+  "openHotkeyHelper": {
+    "desc": "查看所有快捷键的使用说明",
+    "title": "打开快捷键帮助"
+  },
+  "regenerateMessage": {
+    "desc": "重新生成最后一条消息",
+    "title": "重新生成消息"
+  },
+  "saveTopic": {
+    "desc": "保存当前话题并打开新话题",
+    "title": "开启新话题"
+  },
+  "search": {
+    "desc": "唤起当前页面主要搜索框",
+    "title": "搜索"
+  },
+  "switchAgent": {
+    "desc": "通过按住 Ctrl 加数字 0~9 切换固定在侧边栏的助手",
+    "title": "快捷切换助手"
+  },
+  "toggleLeftPanel": {
+    "desc": "显示或隐藏左侧助手面板",
+    "title": "显示/隐藏助手面板"
+  },
+  "toggleRightPanel": {
+    "desc": "显示或隐藏右侧话题面板",
+    "title": "显示/隐藏话题面板"
+  },
+  "toggleZenMode": {
+    "desc": "专注模式下，只显示当前会话，隐藏其他 UI",
+    "title": "切换专注模式"
+  }
+}

package/locales/zh-CN/models.json

@@ -1082,6 +1082,9 @@
   "gpt-4o-mini-realtime-preview": {
     "description": "GPT-4o-mini 实时版本，支持音频和文本实时输入输出"
   },
+  "gpt-4o-mini-tts": {
+    "description": "GPT-4o mini TTS 是基于 GPT-4o mini 的文本转语音模型，提供高品质的语音生成，同时降低成本。"
+  },
   "gpt-4o-realtime-preview": {
     "description": "GPT-4o 实时版本，支持音频和文本实时输入输出"
   },

package/locales/zh-CN/setting.json

@@ -42,6 +42,17 @@
     "sessionWithName": "会话设置 · {{name}}",
     "title": "设置"
   },
+  "hotkey": {
+    "conflicts": "与现有快捷键冲突",
+    "group": {
+      "conversation": "会话",
+      "essential": "基础"
+    },
+    "invalidCombination": "快捷键需要至少包含一个修饰键 (Ctrl, Alt, Shift) 和一个常规键",
+    "record": "按下按键以录制快捷键",
+    "reset": "重置为默认快捷键",
+    "title": "快捷键"
+  },
   "llm": {
     "aesGcm": "您的秘钥与代理地址等将使用 <1>AES-GCM</1> 加密算法进行加密",
     "apiKey": {
@@ -425,6 +436,7 @@
     "agent": "默认助手",
     "common": "通用设置",
     "experiment": "实验",
+    "hotkey": "快捷键",
     "llm": "语言模型",
     "provider": "AI 服务商",
     "sync": "云端同步",

package/locales/zh-TW/hotkey.json

@@ -0,0 +1,46 @@
+{
+  "addUserMessage": {
+    "desc": "將當前輸入內容添加為使用者消息，但不觸發生成",
+    "title": "添加一條使用者消息"
+  },
+  "editMessage": {
+    "desc": "通過按住 Alt 並雙擊消息進入編輯模式",
+    "title": "編輯消息"
+  },
+  "openChatSettings": {
+    "desc": "查看和修改當前會話的設定",
+    "title": "打開會話設定"
+  },
+  "openHotkeyHelper": {
+    "desc": "查看所有快捷鍵的使用說明",
+    "title": "打開快捷鍵幫助"
+  },
+  "regenerateMessage": {
+    "desc": "重新生成最後一條消息",
+    "title": "重新生成消息"
+  },
+  "saveTopic": {
+    "desc": "保存當前話題並打開新話題",
+    "title": "開啟新話題"
+  },
+  "search": {
+    "desc": "喚起當前頁面主要搜尋框",
+    "title": "搜尋"
+  },
+  "switchAgent": {
+    "desc": "通過按住 Ctrl 加數字 0~9 切換固定在側邊欄的助手",
+    "title": "快捷切換助手"
+  },
+  "toggleLeftPanel": {
+    "desc": "顯示或隱藏左側助手面板",
+    "title": "顯示/隱藏助手面板"
+  },
+  "toggleRightPanel": {
+    "desc": "顯示或隱藏右側話題面板",
+    "title": "顯示/隱藏話題面板"
+  },
+  "toggleZenMode": {
+    "desc": "專注模式下，只顯示當前會話，隱藏其他 UI",
+    "title": "切換專注模式"
+  }
+}

package/locales/zh-TW/models.json

@@ -1082,6 +1082,9 @@
   "gpt-4o-mini-realtime-preview": {
     "description": "GPT-4o-mini 實時版本，支持音頻和文本實時輸入輸出"
   },
+  "gpt-4o-mini-tts": {
+    "description": "GPT-4o mini TTS 是基於 GPT-4o mini 的文本轉語音模型，提供高品質的語音生成，同時降低成本。"
+  },
   "gpt-4o-realtime-preview": {
     "description": "GPT-4o 實時版本，支持音頻和文本實時輸入輸出"
   },

package/locales/zh-TW/setting.json

@@ -42,6 +42,17 @@
     "sessionWithName": "對話設定 · {{name}}",
     "title": "設定"
   },
+  "hotkey": {
+    "conflicts": "與現有快捷鍵衝突",
+    "group": {
+      "conversation": "對話",
+      "essential": "基本"
+    },
+    "invalidCombination": "快捷鍵需要至少包含一個修飾鍵 (Ctrl, Alt, Shift) 和一個常規鍵",
+    "record": "按下按鍵以錄製快捷鍵",
+    "reset": "重置為預設快捷鍵",
+    "title": "快速鍵"
+  },
   "llm": {
     "aesGcm": "您的金鑰與代理地址等將使用 <1>AES-GCM</1> 加密演算法進行加密",
     "apiKey": {
@@ -425,6 +436,7 @@
     "agent": "默認助手",
     "common": "通用設置",
     "experiment": "實驗",
+    "hotkey": "快速鍵",
     "llm": "語言模型",
     "provider": "AI 服務商",
     "sync": "雲端同步",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.75.5",
+  "version": "1.76.1",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",
@@ -135,7 +135,7 @@
     "@lobehub/chat-plugins-gateway": "^1.9.0",
     "@lobehub/icons": "^1.73.1",
     "@lobehub/tts": "^1.28.0",
-    "@lobehub/ui": "^1.165.8",
+    "@lobehub/ui": "^1.169.2",
     "@neondatabase/serverless": "^0.10.4",
     "@next/third-parties": "15.2.3",
     "@react-spring/web": "^9.7.5",
@@ -192,7 +192,7 @@
     "next-mdx-remote": "^5.0.0",
     "nextjs-toploader": "^3.7.15",
     "numeral": "^2.0.6",
-    "nuqs": "^1.20.0",
+    "nuqs": "^2.4.1",
     "officeparser": "^5.1.1",
     "ollama": "^0.5.11",
     "openai": "^4.77.3",

package/src/app/[variants]/(main)/(mobile)/me/(home)/features/Category.tsx

@@ -9,7 +9,7 @@ import { useCategory } from './useCategory';
 const Category = memo(() => {
   const items = useCategory();
 
-  return items?.map((item, index) => <Cell key={item.key || index} {...item} />);
+  return items?.map(({ key, ...item }, index) => <Cell key={key || index} {...item} />);
 });
 
 export default Category;

package/src/app/[variants]/(main)/(mobile)/me/(home)/layout.tsx

@@ -1,5 +1,6 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, Suspense } from 'react';
 
+import Loading from '@/components/Loading/BrandTextLoading';
 import MobileContentLayout from '@/components/server/MobileNavLayout';
 import InitClientDB from '@/features/InitClientDB';
 
@@ -8,7 +9,7 @@ import Header from './features/Header';
 const Layout = ({ children }: PropsWithChildren) => {
   return (
     <MobileContentLayout header={<Header />} withNav>
-      {children}
+      <Suspense fallback={<Loading />}>{children}</Suspense>
       <InitClientDB />
     </MobileContentLayout>
   );

package/src/app/[variants]/(main)/(mobile)/me/data/features/Category.tsx

@@ -42,7 +42,7 @@ const Category = memo(() => {
     },
   ];
 
-  return items?.map((item, index) => <Cell key={item.key || index} {...item} />);
+  return items?.map(({ key, ...item }, index) => <Cell key={key || index} {...item} />);
 });
 
 export default Category;

package/src/app/[variants]/(main)/(mobile)/me/profile/features/Category.tsx

@@ -56,7 +56,7 @@ const Category = memo(() => {
       },
   ].filter(Boolean) as CellProps[];
 
-  return items?.map((item, index) => <Cell key={item.key || index} {...item} />);
+  return items?.map(({ key, ...item }, index) => <Cell key={key || index} {...item} />);
 });
 
 export default Category;

package/src/app/[variants]/(main)/(mobile)/me/settings/features/Category.tsx

@@ -9,7 +9,7 @@ import { useCategory } from './useCategory';
 const Category = memo(() => {
   const items = useCategory();
 
-  return items?.map((item, index) => <Cell {...item} key={item.key || index} />);
+  return items?.map(({ key, ...item }, index) => <Cell key={key || index} {...item} />);
 });
 
 export default Category;

package/src/app/[variants]/(main)/_layout/Desktop/RegisterHotkeys.tsx

@@ -0,0 +1,11 @@
+'use client';
+
+import { useRegisterGlobalHotkeys } from '@/hooks/useHotkeys';
+
+const RegisterHotkeys = () => {
+  useRegisterGlobalHotkeys();
+
+  return null;
+};
+
+export default RegisterHotkeys;

package/src/app/[variants]/(main)/_layout/Desktop/SideBar/PinList/index.tsx

@@ -3,14 +3,15 @@ import { Divider } from 'antd';
 import { createStyles } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { parseAsBoolean, useQueryState } from 'nuqs';
-import { useHotkeys } from 'react-hotkeys-hook';
 import { Flexbox } from 'react-layout-kit';
 
-import HotKeys from '@/components/HotKeys';
 import { useSwitchSession } from '@/hooks/useSwitchSession';
 import { useSessionStore } from '@/store/session';
 import { sessionHelpers } from '@/store/session/helpers';
 import { sessionSelectors } from '@/store/session/selectors';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
+import { HotkeyEnum, KeyEnum } from '@/types/hotkey';
 
 const useStyles = createStyles(({ css, token }) => ({
   avatar: css`
@@ -52,7 +53,7 @@ const PinList = () => {
   const list = useSessionStore(sessionSelectors.pinnedSessions, isEqual);
   const [activeId] = useSessionStore((s) => [s.activeId]);
   const switchSession = useSwitchSession();
-
+  const hotkey = useUserStore(settingsSelectors.getHotkeyById(HotkeyEnum.SwitchAgent));
   const hasList = list.length > 0;
   const [isPinned, setPinned] = useQueryState('pinned', parseAsBoolean);
 
@@ -61,20 +62,6 @@ const PinList = () => {
     setPinned(true);
   };
 
-  useHotkeys(
-    list.slice(0, 9).map((e, i) => `ctrl+${i + 1}`),
-    (keyboardEvent, hotkeysEvent) => {
-      if (!hotkeysEvent.keys?.[0]) return;
-
-      const index = parseInt(hotkeysEvent.keys?.[0]) - 1;
-      const item = list[index];
-      if (!item) return;
-
-      switchAgent(item.id);
-    },
-    { enableOnFormTags: true, preventDefault: true },
-  );
-
   return (
     hasList && (
       <>
@@ -83,13 +70,9 @@ const PinList = () => {
           {list.slice(0, 9).map((item, index) => (
             <Flexbox key={item.id} style={{ position: 'relative' }}>
               <Tooltip
+                hotkey={hotkey.replaceAll(KeyEnum.Number, String(index + 1))}
                 placement={'right'}
-                title={
-                  <Flexbox gap={8} horizontal>
-                    {sessionHelpers.getTitle(item.meta)}
-                    <HotKeys inverseTheme keys={`ctrl+${index + 1}`} />
-                  </Flexbox>
-                }
+                title={sessionHelpers.getTitle(item.meta)}
               >
                 <Flexbox
                   className={cx(

package/src/app/[variants]/(main)/_layout/Desktop/SideBar/TopActions.test.tsx

@@ -36,6 +36,8 @@ vi.mock('next/link', () => ({
 
 vi.mock('@lobehub/ui', () => ({
   ActionIcon: vi.fn(({ title }) => <div>{title}</div>),
+  combineKeys: vi.fn((keys) => keys.join('+')),
+  KeyMapEnum: { Alt: 'alt', Ctrl: 'ctrl', Shift: 'shift' },
 }));
 
 vi.mock('react-i18next', () => ({

package/src/app/[variants]/(main)/_layout/Desktop/index.tsx

@@ -2,13 +2,17 @@
 
 import { useTheme } from 'antd-style';
 import dynamic from 'next/dynamic';
-import { PropsWithChildren, memo } from 'react';
+import { PropsWithChildren, Suspense, memo } from 'react';
+import { HotkeysProvider } from 'react-hotkeys-hook';
 import { Flexbox } from 'react-layout-kit';
 
 import { BANNER_HEIGHT } from '@/features/AlertBanner/CloudBanner';
+import HotkeyHelperPanel from '@/features/HotkeyHelperPanel';
 import { usePlatform } from '@/hooks/usePlatform';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
+import { HotkeyScopeEnum } from '@/types/hotkey';
 
+import RegisterHotkeys from './RegisterHotkeys';
 import SideBar from './SideBar';
 
 const CloudBanner = dynamic(() => import('@/features/AlertBanner/CloudBanner'));
@@ -16,11 +20,10 @@ const CloudBanner = dynamic(() => import('@/features/AlertBanner/CloudBanner'));
 const Layout = memo<PropsWithChildren>(({ children }) => {
   const { isPWA } = usePlatform();
   const theme = useTheme();
-
   const { showCloudPromotion } = useServerConfigStore(featureFlagsSelectors);
 
   return (
-    <>
+    <HotkeysProvider initiallyActiveScopes={[HotkeyScopeEnum.Global]}>
       {showCloudPromotion && <CloudBanner />}
       <Flexbox
         height={showCloudPromotion ? `calc(100% - ${BANNER_HEIGHT}px)` : '100%'}
@@ -34,7 +37,11 @@ const Layout = memo<PropsWithChildren>(({ children }) => {
         <SideBar />
         {children}
       </Flexbox>
-    </>
+      <HotkeyHelperPanel />
+      <Suspense>
+        <RegisterHotkeys />
+      </Suspense>
+    </HotkeysProvider>
   );
 });
 

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatInput/Desktop/Footer/SendMore.tsx

@@ -1,18 +1,16 @@
-import { Icon } from '@lobehub/ui';
+import { Hotkey, Icon } from '@lobehub/ui';
 import { Button, Dropdown } from 'antd';
 import { createStyles } from 'antd-style';
 import { BotMessageSquare, LucideCheck, LucideChevronDown, MessageSquarePlus } from 'lucide-react';
 import { memo } from 'react';
-import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import HotKeys from '@/components/HotKeys';
-import { ALT_KEY } from '@/const/hotkeys';
 import { useSendMessage } from '@/features/ChatInput/useSend';
 import { useChatStore } from '@/store/chat';
 import { useUserStore } from '@/store/user';
-import { preferenceSelectors } from '@/store/user/selectors';
+import { preferenceSelectors, settingsSelectors } from '@/store/user/selectors';
+import { HotkeyEnum } from '@/types/hotkey';
 
 const useStyles = createStyles(({ css, prefixCls }) => {
   return {
@@ -31,7 +29,7 @@ interface SendMoreProps {
 
 const SendMore = memo<SendMoreProps>(({ disabled, isMac }) => {
   const { t } = useTranslation('chat');
-
+  const hotkey = useUserStore(settingsSelectors.getHotkeyById(HotkeyEnum.AddUserMessage));
   const { styles } = useStyles();
 
   const [useCmdEnterToSend, updatePreference] = useUserStore((s) => [
@@ -42,19 +40,6 @@ const SendMore = memo<SendMoreProps>(({ disabled, isMac }) => {
 
   const { send: sendMessage } = useSendMessage();
 
-  const hotKey = [ALT_KEY, 'enter'].join('+');
-  useHotkeys(
-    hotKey,
-    (keyboardEvent, hotkeysEvent) => {
-      console.log(keyboardEvent, hotkeysEvent);
-      sendMessage({ onlyAddUserMessage: true });
-    },
-    {
-      enableOnFormTags: true,
-      preventDefault: true,
-    },
-  );
-
   return (
     <Dropdown
       disabled={disabled}
@@ -91,9 +76,9 @@ const SendMore = memo<SendMoreProps>(({ disabled, isMac }) => {
             icon: <Icon icon={MessageSquarePlus} />,
             key: 'addUser',
             label: (
-              <Flexbox gap={24} horizontal>
+              <Flexbox align={'center'} gap={24} horizontal>
                 {t('input.addUser')}
-                <HotKeys keys={hotKey} />
+                <Hotkey keys={hotkey} />
               </Flexbox>
             ),
             onClick: () => {