From e7914b1dee1e8121b468acf091cff887f7da8c63 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Mon, 25 May 2026 22:05:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E9=A1=B9=E7=9A=84=E6=BF=80=E6=B4=BB=E7=8A=B6=E6=80=81=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/ConversationNavSection.vue | 37 +++++++++++--------
 web/src/layouts/AppLayout.vue                 |  2 +-
 2 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/web/src/components/ConversationNavSection.vue b/web/src/components/ConversationNavSection.vue
index 657936b9..45a580dc 100644
--- a/web/src/components/ConversationNavSection.vue
+++ b/web/src/components/ConversationNavSection.vue
@@ -2,7 +2,7 @@
   <section class="conversation-nav-section" :class="{ collapsed }">
     <div v-if="showHistory && !collapsed" class="history-panel">
       <div class="history-label" @click="listCollapsed = !listCollapsed">
-        <span>对话历史</span>
+        <span>最近</span>
         <ChevronDown :size="14" class="collapse-icon" :class="{ collapsed: listCollapsed }" />
       </div>
       <div v-show="!listCollapsed" class="conversation-list">
@@ -188,21 +188,18 @@ const renameChat = async (chatId) => {
 .history-label {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: flex-start;
   padding: 4px 8px;
-  color: var(--gray-500);
+  color: var(--gray-800);
   cursor: pointer;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 600;
   border-radius: 4px;
   transition: background-color 0.2s ease;
+  gap: 4px;
 
-  &:hover {
-    background: var(--main-20);
-  }
-
-  &:active {
-    background: var(--main-30);
+  span {
+    font-weight: 500;
   }
 }
 
@@ -242,14 +239,21 @@ const renameChat = async (chatId) => {
     color 0.2s ease;
 
   &:hover {
-    background: var(--main-20);
-    color: var(--main-color);
+    background: var(--gray-50);
 
     .actions-mask,
     .conversation-actions {
       opacity: 1;
     }
 
+    .actions-mask {
+      background: linear-gradient(
+        to right,
+        transparent,
+        var(--gray-50)
+      );
+    }
+
     .more-btn {
       display: inline-flex;
     }
@@ -260,16 +264,19 @@ const renameChat = async (chatId) => {
   }
 
   &.active {
-    background-color: color-mix(in srgb, var(--main-color) 6%, var(--gray-0));
+    background-color: color-mix(in srgb, var(--main-color) 8%, var(--gray-0));
     color: var(--main-color);
-    font-weight: 600;
+
+    .conversation-title {
+      font-weight: 600;
+    }
 
     .actions-mask {
       opacity: 1;
       background: linear-gradient(
         to right,
         transparent,
-        color-mix(in srgb, var(--main-color) 6%, var(--gray-0)) 20px
+        color-mix(in srgb, var(--main-color) 8%, var(--gray-0)) 20px
       );
     }
   }
diff --git a/web/src/layouts/AppLayout.vue b/web/src/layouts/AppLayout.vue
index 1ae3407a..c027f6ab 100644
--- a/web/src/layouts/AppLayout.vue
+++ b/web/src/layouts/AppLayout.vue
@@ -278,7 +278,7 @@ provide('settingsModal', {
           :to="item.path"
           v-show="!item.hidden"
           class="nav-item"
-          :class="{ active: !item.action && isNavItemActive(item), 'primary-action': item.action }"
+          :class="{ active: isNavItemActive(item)}"
           :active-class="item.action ? '' : 'active'"
           @click.stop
         >