From 747331c85067592d2e8261763c0464c5abd84af9 Mon Sep 17 00:00:00 2001
From: allen2fuc <allen2fuc@gmail.com>
Date: Tue, 19 May 2026 14:36:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86Thinking=E7=9A=84?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/AIPage.tsx | 22 +++-------------------
 1 file changed, 3 insertions(+), 19 deletions(-)

diff --git a/client/src/pages/AIPage.tsx b/client/src/pages/AIPage.tsx
index 04ace33..81faeaa 100644
--- a/client/src/pages/AIPage.tsx
+++ b/client/src/pages/AIPage.tsx
@@ -522,6 +522,7 @@ export default function AIPage({ variant = "page", onClose }: AIPageProps = {})
           },
           onDone: () => {
             setSending(false);
+            updateAssistant((m) => ({ ...m, pending: false }));
             // 如果是新建会话，后端首次返回时会创建 chat_id；这里拉一次会话列表补上 id
             const resolveAndRefresh = async () => {
               let id = currentChatId;
@@ -809,13 +810,6 @@ export default function AIPage({ variant = "page", onClose }: AIPageProps = {})
                 />
               ),
             )}
-            {sending &&
-              (() => {
-                const last = messages[messages.length - 1];
-                return last && last.kind === "chat" && last.pending ? (
-                  <TypingIndicator />
-                ) : null;
-              })()}
           </div>
         )}
       </div>
@@ -1062,9 +1056,9 @@ function MessageBubble({ aiText, msg }: { aiText: AILocale; msg: ChatUIMessage }
           <div className={cn("markdown-body", msg.error && "text-red-400")}>
             {msg.text ? (
               <Streamdown parseIncompleteMarkdown>{msg.text}</Streamdown>
-            ) : (
+            ) : msg.pending ? (
               <span className="text-white/40 italic">{aiText.thinking}</span>
-            )}
+            ) : null}
           </div>
         )}
       </div>
@@ -1072,16 +1066,6 @@ function MessageBubble({ aiText, msg }: { aiText: AILocale; msg: ChatUIMessage }
   );
 }
 
-function TypingIndicator() {
-  return (
-    <div className="flex items-center gap-1.5 ml-9 mt-1">
-      <span className="w-1.5 h-1.5 rounded-full bg-white/40 animate-pulse" style={{ animationDelay: "0ms" }} />
-      <span className="w-1.5 h-1.5 rounded-full bg-white/40 animate-pulse" style={{ animationDelay: "150ms" }} />
-      <span className="w-1.5 h-1.5 rounded-full bg-white/40 animate-pulse" style={{ animationDelay: "300ms" }} />
-    </div>
-  );
-}
-
 function HistoryPanel({
   aiText,
   chats,