feat: add MessageGroupMenuBar Tooltip (#2600)

* feat: add MessageGroupMenuBar Tooltip

* feat: update MenuBar Tooltip i18n

src/renderer/src/i18n/locales/en-us.json

@@ -392,11 +392,11 @@
       "message.code_style": "Code style",
       "message.delete.content": "Are you sure you want to delete this message?",
       "message.delete.title": "Delete Message",
-      "message.multi_model_style": "Group style",
+            "message.multi_model_style": "Multi-model response style",
-      "message.multi_model_style.fold": "Fold",
+      "message.multi_model_style.fold": "Fold view",
-      "message.multi_model_style.grid": "Grid",
+      "message.multi_model_style.grid": "Grid layout",
-      "message.multi_model_style.horizontal": "Horizontal",
+      "message.multi_model_style.horizontal": "Side by side",
-      "message.multi_model_style.vertical": "Vertical",
+      "message.multi_model_style.vertical": "Stacked view",
       "message.style": "Message style",
       "message.style.bubble": "Bubble",
       "message.style.plain": "Plain",

src/renderer/src/i18n/locales/ja-jp.json

@@ -393,10 +393,10 @@
       "message.delete.content": "このメッセージを削除してもよろしいですか？",
       "message.delete.title": "メッセージを削除",
       "message.multi_model_style": "複数モデル回答スタイル",
-      "message.multi_model_style.fold": "折りたたむ",
+      "message.multi_model_style.fold": "タブ表示",
-      "message.multi_model_style.grid": "グリッド",
+      "message.multi_model_style.grid": "カード表示",
-      "message.multi_model_style.horizontal": "水平",
+      "message.multi_model_style.horizontal": "横並び",
-      "message.multi_model_style.vertical": "垂直",
+      "message.multi_model_style.vertical": "縦積み",
       "message.style": "メッセージスタイル",
       "message.style.bubble": "バブル",
       "message.style.plain": "プレーン",

src/renderer/src/i18n/locales/ru-ru.json

@@ -393,10 +393,10 @@
       "message.delete.content": "Вы уверены, что хотите удалить это сообщение?",
       "message.delete.title": "Удалить сообщение",
       "message.multi_model_style": "Стиль ответов от нескольких моделей",
-      "message.multi_model_style.fold": "Свернуть",
+      "message.multi_model_style.fold": "Вкладки",
-      "message.multi_model_style.grid": "клетчатый вид",
+      "message.multi_model_style.grid": "Карточки",
-      "message.multi_model_style.horizontal": "Горизонтальный",
+      "message.multi_model_style.horizontal": "Горизонтальное расположение",
-      "message.multi_model_style.vertical": "Вертикальный",
+      "message.multi_model_style.vertical": "Вертикальное расположение",
       "message.style": "Стиль сообщения",
       "message.style.bubble": "Пузырь",
       "message.style.plain": "Простой",

src/renderer/src/i18n/locales/zh-cn.json

@@ -393,10 +393,10 @@
       "message.delete.content": "确定要删除此消息吗?",
       "message.delete.title": "删除消息",
       "message.multi_model_style": "多模型回答样式",
-      "message.multi_model_style.fold": "折叠",
+      "message.multi_model_style.fold": "标签模式",
-      "message.multi_model_style.grid": "网格",
+      "message.multi_model_style.grid": "卡片布局",
-      "message.multi_model_style.horizontal": "水平",
+      "message.multi_model_style.horizontal": "横向排列",
-      "message.multi_model_style.vertical": "垂直",
+      "message.multi_model_style.vertical": "纵向堆叠",
       "message.style": "消息样式",
       "message.style.bubble": "气泡",
       "message.style.plain": "简洁",

src/renderer/src/i18n/locales/zh-tw.json

@@ -393,10 +393,10 @@
       "message.delete.content": "確定要刪除此訊息嗎？",
       "message.delete.title": "刪除訊息",
       "message.multi_model_style": "多模型回答樣式",
-      "message.multi_model_style.fold": "折疊",
+      "message.multi_model_style.fold": "標籤模式",
-      "message.multi_model_style.grid": "网格",
+      "message.multi_model_style.grid": "卡片佈局",
-      "message.multi_model_style.horizontal": "水平",
+      "message.multi_model_style.horizontal": "橫向排列",
-      "message.multi_model_style.vertical": "垂直",
+      "message.multi_model_style.vertical": "縱向堆疊",
       "message.style": "消息樣式",
       "message.style.bubble": "氣泡",
       "message.style.plain": "簡潔",
@@ -526,7 +526,7 @@
       "anthropic": "Anthropic",
       "azure-openai": "Azure OpenAI",
       "baichuan": "百川",
-      "baidu-cloud": "百度云千帆",
+      "baidu-cloud": "百度雲千帆",
       "dashscope": "阿里雲百鍊",
       "deepseek": "深度求索",
       "dmxapi": "DMXAPI",

src/renderer/src/pages/home/Messages/MessageGroupMenuBar.tsx

@@ -11,8 +11,9 @@ import Scrollbar from '@renderer/components/Scrollbar'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/EventService'
 import { MultiModelMessageStyle } from '@renderer/store/settings'
 import { Message, Model } from '@renderer/types'
-import { Button, Segmented as AntdSegmented } from 'antd'
+import { Button, Segmented as AntdSegmented, Tooltip } from 'antd'
 import { FC, memo } from 'react'
+import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'
 
 import MessageGroupSettings from './MessageGroupSettings'
@@ -34,25 +35,29 @@ const MessageGroupMenuBar: FC<Props> = ({
   setSelectedIndex,
   onDelete
 }) => {
+  const { t } = useTranslation()
   return (
     <GroupMenuBar $layout={multiModelMessageStyle} className="group-menu-bar">
       <HStack style={{ alignItems: 'center', flex: 1, overflow: 'hidden' }}>
         <LayoutContainer>
           {['fold', 'vertical', 'horizontal', 'grid'].map((layout) => (
-            <LayoutOption
+            <Tooltip
               key={layout}
-              $active={multiModelMessageStyle === layout}
+              title={t(`message.message.multi_model_style`) + ': ' + t(`message.message.multi_model_style.${layout}`)}>
-              onClick={() => setMultiModelMessageStyle(layout as MultiModelMessageStyle)}>
+              <LayoutOption
-              {layout === 'fold' ? (
+                $active={multiModelMessageStyle === layout}
-                <FolderOutlined />
+                onClick={() => setMultiModelMessageStyle(layout as MultiModelMessageStyle)}>
-              ) : layout === 'horizontal' ? (
+                {layout === 'fold' ? (
-                <ColumnWidthOutlined />
+                  <FolderOutlined />
-              ) : layout === 'vertical' ? (
+                ) : layout === 'horizontal' ? (
-                <ColumnHeightOutlined />
+                  <ColumnWidthOutlined />
-              ) : (
+                ) : layout === 'vertical' ? (
-                <NumberOutlined />
+                  <ColumnHeightOutlined />
-              )}
+                ) : (
-            </LayoutOption>
+                  <NumberOutlined />
+                )}
+              </LayoutOption>
+            </Tooltip>
           ))}
         </LayoutContainer>
         {multiModelMessageStyle === 'fold' && (