From 7aaae83dbcd60199a44b3589bf8f0327905b3e66 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Sat, 8 Nov 2025 17:14:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=96=B0=E5=BB=BA?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D=E6=8C=89=E9=92=AE=E6=98=AF=E7=A6=81=E7=94=A8?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/AgentChatComponent.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/web/src/components/AgentChatComponent.vue b/web/src/components/AgentChatComponent.vue
index 674ef95d..52cf5eac 100644
--- a/web/src/components/AgentChatComponent.vue
+++ b/web/src/components/AgentChatComponent.vue
@@ -30,7 +30,13 @@
           <div type="button" class="agent-nav-btn" v-if="!chatUIStore.isSidebarOpen" @click="toggleSidebar">
             <PanelLeftOpen  class="nav-btn-icon" size="18"/>
           </div>
-          <div type="button" class="agent-nav-btn" v-if="!chatUIStore.isSidebarOpen" @click="createNewChat" :disabled="chatUIStore.creatingNewChat">
+          <div
+            type="button"
+            class="agent-nav-btn"
+            v-if="!chatUIStore.isSidebarOpen"
+            :class="{ 'is-disabled': chatUIStore.creatingNewChat }"
+            @click="createNewChat"
+          >
             <LoaderCircle v-if="chatUIStore.creatingNewChat" class="nav-btn-icon loading-icon" size="18"/>
             <MessageCirclePlus v-else class="nav-btn-icon"  size="18"/>
             <span class="text" :class="{'hide-text': isMediumContainer}">新对话</span>
@@ -1657,7 +1663,7 @@ watch(conversations, () => {
 </style>
 
 <style lang="less">
-div.agent-nav-btn {
+.agent-nav-btn {
   display: flex;
   gap: 10px;
   padding: 6px 14px;
@@ -1669,14 +1675,17 @@ div.agent-nav-btn {
   width: auto;
   font-size: 15px;
   transition: background-color 0.3s;
+  border: none;
+  background: transparent;
 
-  &:hover:not([disabled]) {
+  &:hover:not(.is-disabled) {
     background-color: var(--gray-50);
   }
 
-  &[disabled] {
+  &.is-disabled {
     cursor: not-allowed;
     opacity: 0.7;
+    pointer-events: none;
   }
 
   .nav-btn-icon {