From 956c2f683d8230c619cd6a64eb9441daa4ec0fdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?George=C2=B7Dong?=
 <98630204+GeorgeDong32@users.noreply.github.com>
Date: Sat, 1 Mar 2025 20:28:40 +0800
Subject: [PATCH] feat: add MessageGroupMenuBar Tooltip (#2600)

* feat: add MessageGroupMenuBar Tooltip

* feat: update MenuBar Tooltip i18n
---
 src/renderer/src/i18n/locales/en-us.json      | 10 +++---
 src/renderer/src/i18n/locales/ja-jp.json      |  8 ++---
 src/renderer/src/i18n/locales/ru-ru.json      |  8 ++---
 src/renderer/src/i18n/locales/zh-cn.json      |  8 ++---
 src/renderer/src/i18n/locales/zh-tw.json      | 10 +++---
 .../home/Messages/MessageGroupMenuBar.tsx     | 33 +++++++++++--------
 6 files changed, 41 insertions(+), 36 deletions(-)

diff --git a/src/renderer/src/i18n/locales/en-us.json b/src/renderer/src/i18n/locales/en-us.json
index d777779e..09ca2589 100644
--- a/src/renderer/src/i18n/locales/en-us.json
+++ b/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.fold": "Fold",
-      "message.multi_model_style.grid": "Grid",
-      "message.multi_model_style.horizontal": "Horizontal",
-      "message.multi_model_style.vertical": "Vertical",
+            "message.multi_model_style": "Multi-model response style",
+      "message.multi_model_style.fold": "Fold view",
+      "message.multi_model_style.grid": "Grid layout",
+      "message.multi_model_style.horizontal": "Side by side",
+      "message.multi_model_style.vertical": "Stacked view",
       "message.style": "Message style",
       "message.style.bubble": "Bubble",
       "message.style.plain": "Plain",
diff --git a/src/renderer/src/i18n/locales/ja-jp.json b/src/renderer/src/i18n/locales/ja-jp.json
index 2c53d090..fabf93f9 100644
--- a/src/renderer/src/i18n/locales/ja-jp.json
+++ b/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.grid": "グリッド",
-      "message.multi_model_style.horizontal": "水平",
-      "message.multi_model_style.vertical": "垂直",
+      "message.multi_model_style.fold": "タブ表示",
+      "message.multi_model_style.grid": "カード表示",
+      "message.multi_model_style.horizontal": "横並び",
+      "message.multi_model_style.vertical": "縦積み",
       "message.style": "メッセージスタイル",
       "message.style.bubble": "バブル",
       "message.style.plain": "プレーン",
diff --git a/src/renderer/src/i18n/locales/ru-ru.json b/src/renderer/src/i18n/locales/ru-ru.json
index e8350d19..201e18cd 100644
--- a/src/renderer/src/i18n/locales/ru-ru.json
+++ b/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.grid": "клетчатый вид",
-      "message.multi_model_style.horizontal": "Горизонтальный",
-      "message.multi_model_style.vertical": "Вертикальный",
+      "message.multi_model_style.fold": "Вкладки",
+      "message.multi_model_style.grid": "Карточки",
+      "message.multi_model_style.horizontal": "Горизонтальное расположение",
+      "message.multi_model_style.vertical": "Вертикальное расположение",
       "message.style": "Стиль сообщения",
       "message.style.bubble": "Пузырь",
       "message.style.plain": "Простой",
diff --git a/src/renderer/src/i18n/locales/zh-cn.json b/src/renderer/src/i18n/locales/zh-cn.json
index 27218e2a..7b18b9a5 100644
--- a/src/renderer/src/i18n/locales/zh-cn.json
+++ b/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.grid": "网格",
-      "message.multi_model_style.horizontal": "水平",
-      "message.multi_model_style.vertical": "垂直",
+      "message.multi_model_style.fold": "标签模式",
+      "message.multi_model_style.grid": "卡片布局",
+      "message.multi_model_style.horizontal": "横向排列",
+      "message.multi_model_style.vertical": "纵向堆叠",
       "message.style": "消息样式",
       "message.style.bubble": "气泡",
       "message.style.plain": "简洁",
diff --git a/src/renderer/src/i18n/locales/zh-tw.json b/src/renderer/src/i18n/locales/zh-tw.json
index 7a1da2e5..279f0e78 100644
--- a/src/renderer/src/i18n/locales/zh-tw.json
+++ b/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.grid": "网格",
-      "message.multi_model_style.horizontal": "水平",
-      "message.multi_model_style.vertical": "垂直",
+      "message.multi_model_style.fold": "標籤模式",
+      "message.multi_model_style.grid": "卡片佈局",
+      "message.multi_model_style.horizontal": "橫向排列",
+      "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",
diff --git a/src/renderer/src/pages/home/Messages/MessageGroupMenuBar.tsx b/src/renderer/src/pages/home/Messages/MessageGroupMenuBar.tsx
index a8f61f22..859a2372 100644
--- a/src/renderer/src/pages/home/Messages/MessageGroupMenuBar.tsx
+++ b/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}
-              onClick={() => setMultiModelMessageStyle(layout as MultiModelMessageStyle)}>
-              {layout === 'fold' ? (
-                <FolderOutlined />
-              ) : layout === 'horizontal' ? (
-                <ColumnWidthOutlined />
-              ) : layout === 'vertical' ? (
-                <ColumnHeightOutlined />
-              ) : (
-                <NumberOutlined />
-              )}
-            </LayoutOption>
+              title={t(`message.message.multi_model_style`) + ': ' + t(`message.message.multi_model_style.${layout}`)}>
+              <LayoutOption
+                $active={multiModelMessageStyle === layout}
+                onClick={() => setMultiModelMessageStyle(layout as MultiModelMessageStyle)}>
+                {layout === 'fold' ? (
+                  <FolderOutlined />
+                ) : layout === 'horizontal' ? (
+                  <ColumnWidthOutlined />
+                ) : layout === 'vertical' ? (
+                  <ColumnHeightOutlined />
+                ) : (
+                  <NumberOutlined />
+                )}
+              </LayoutOption>
+            </Tooltip>
           ))}
         </LayoutContainer>
         {multiModelMessageStyle === 'fold' && (