From a9d1f1a94f42f6bd14bef8f4d07e3b12471772a4 Mon Sep 17 00:00:00 2001
From: zhaoweijie <zwjCheer@163.com>
Date: Sat, 23 Aug 2025 20:39:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(i18n):=20=E4=BC=98=E5=8C=96=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96=E6=96=87=E6=A1=88=E5=B9=B6=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=20UI=20=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改系统重置文案为清除最近对话
- 优化历史记录列表样式，增加截断显示
- 调整卡片阴影样式
- 在头部增加收藏、分享和消息的 Tooltip 提示
---
 src/assets/locale/zh/settings.json            |  2 +-
 src/components/Common/Playground/History.tsx  |  4 +-
 .../Common/Playground/IodRelevant.tsx         |  2 +-
 src/components/Layouts/Header.tsx             | 47 +++++++++++--------
 .../Option/Playground/PlaygroundIod.tsx       |  2 +-
 5 files changed, 32 insertions(+), 25 deletions(-)

diff --git a/src/assets/locale/zh/settings.json b/src/assets/locale/zh/settings.json
index 7186d04..9ff7af4 100644
--- a/src/assets/locale/zh/settings.json
+++ b/src/assets/locale/zh/settings.json
@@ -88,7 +88,7 @@
     "system": {
       "heading": "系统设置",
       "deleteChatHistory": {
-        "label": "系统重置",
+        "label": "清除最近对话",
         "button": "全部重置",
         "confirm": "您确定要执行系统重置吗？这将清除所有数据且无法撤消。"
       },
diff --git a/src/components/Common/Playground/History.tsx b/src/components/Common/Playground/History.tsx
index ccdeef1..e3cc194 100644
--- a/src/components/Common/Playground/History.tsx
+++ b/src/components/Common/Playground/History.tsx
@@ -73,11 +73,11 @@ export const PlaygroundHistory = () => {
           return {
             key: item.id,
             label: (
-              <div className="flex items-center gap-2">
+              <div className="flex items-center gap-2 truncate w-full">
                 <p className="w-5 h-5 [&_.ant-avatar]:!w-full [&_.ant-avatar]:!h-full [&_.ant-avatar]:relative [&_.ant-avatar]:-top-3">
                   {item.icon}
                 </p>
-                <span title={item.title}>{item.title}</span>
+                <span className="flex-1 truncate" title={item.title}>{item.title}</span>
               </div>
             )
           }
diff --git a/src/components/Common/Playground/IodRelevant.tsx b/src/components/Common/Playground/IodRelevant.tsx
index 578fad9..f685ad8 100644
--- a/src/components/Common/Playground/IodRelevant.tsx
+++ b/src/components/Common/Playground/IodRelevant.tsx
@@ -350,7 +350,7 @@ export const PlaygroundIodRelevant: React.FC<Props> = ({ className }) => {
     <Card
       hoverable
       variant="outlined"
-      className={`${className} translate-y-[-2px] !bg-[#d0e6ff] !shadow-md`}>
+      className={`${className} translate-y-[-2px] !bg-[#d0e6ff] shadow-md`}>
       <div className="h-full flex flex-col relative">
         {/* 花瓣效果 */}
         <div
diff --git a/src/components/Layouts/Header.tsx b/src/components/Layouts/Header.tsx
index 701126b..0450e4c 100644
--- a/src/components/Layouts/Header.tsx
+++ b/src/components/Layouts/Header.tsx
@@ -118,28 +118,35 @@ export const Header: React.FC<Props> = ({ setOpenModelSettings }) => {
       </div>
       {/*设置框*/}
       <div className="flex items-center gap-1 ml-auto pr-5">
-        {collect ? (
-            <Button color="default" variant="text" className="!px-[5px]"  onClick={() => setCollect(false)}>
-              <CollectIcon
-                className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer"
-              />
+        <Tooltip title="收藏">
+          {collect ? (
+            <Button
+              color="default"
+              variant="text"
+              className="!px-[5px]"
+              onClick={() => setCollect(false)}>
+              <CollectIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
             </Button>
-
-        ) : (
-          <Button color="default" variant="text" className="!px-[5px]"  onClick={() => setCollect(true)}>
-            <NotCollectIcon
-              className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer"
-            />
+          ) : (
+            <Button
+              color="default"
+              variant="text"
+              className="!px-[5px]"
+              onClick={() => setCollect(true)}>
+              <NotCollectIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
+            </Button>
+          )}
+        </Tooltip>
+        <Tooltip title="分享">
+          <Button color="default" variant="text" className="!px-[5px]">
+            <ShareIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
           </Button>
-
-        )}
-        <Button color="default" variant="text" className="!px-[5px]">
-          <ShareIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
-        </Button>
-
-        <Button color="default" variant="text" className="!px-[5px]">
-          <BellIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
-        </Button>
+        </Tooltip>
+        <Tooltip title="消息">
+          <Button color="default" variant="text" className="!px-[5px]">
+            <BellIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
+          </Button>
+        </Tooltip>
 
         <Tooltip title={t("settings")}>
           <NavLink to="/settings">
diff --git a/src/components/Option/Playground/PlaygroundIod.tsx b/src/components/Option/Playground/PlaygroundIod.tsx
index 901a795..1d041c4 100644
--- a/src/components/Option/Playground/PlaygroundIod.tsx
+++ b/src/components/Option/Playground/PlaygroundIod.tsx
@@ -111,7 +111,7 @@ const PlaygroundContent = () => {
           className="h-full grid grid-rows-12 gap-3">
           <div className="w-full row-span-5">
             <PlaygroundIodRelevant
-              className={classNames.replace("!bg-[rgba(240,245,255,0.3)]", "")}
+              className={classNames.replace("!bg-[rgba(240,245,255,0.3)]", "").replace("shadow-xl", "")}
             />
           </div>
           <div className="w-full row-span-4 grid grid-cols-2 gap-3 custom-scrollbar">