From ed4e1c03c09897fbc327c59c74f2fccfeef519d5 Mon Sep 17 00:00:00 2001
From: chanx <1243304602@qq.com>
Date: Fri, 14 Aug 2026 18:22:20 +0800
Subject: [PATCH] fix(web): scope answer loading placeholder to the last
 message (#18284)

---
 web/src/components/markdown-content/index.tsx                 | 2 +-
 web/src/components/message-item/index.tsx                     | 4 +++-
 .../pages/next-chats/chat/chat-box/next-multiple-chat-box.tsx | 1 +
 web/src/pages/next-chats/chat/chat-box/single-chat-box.tsx    | 1 +
 web/src/pages/next-chats/share/index.tsx                      | 1 +
 5 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/components/markdown-content/index.tsx b/web/src/components/markdown-content/index.tsx
index 55f0284c1b..b4913d3441 100644
--- a/web/src/components/markdown-content/index.tsx
+++ b/web/src/components/markdown-content/index.tsx
@@ -142,7 +142,7 @@ const MarkdownContent = ({
     });
 
     // let text = content;
-    if (text === '') {
+    if (text === '' && loading) {
       text = t('chat.searching');
     }
     const nextText = replaceTextByOldReg(text);
diff --git a/web/src/components/message-item/index.tsx b/web/src/components/message-item/index.tsx
index c56841c5a4..a51cab3246 100644
--- a/web/src/components/message-item/index.tsx
+++ b/web/src/components/message-item/index.tsx
@@ -51,6 +51,7 @@ interface IProps extends Partial<IRemoveMessageById>, IRegenerateMessage {
   index: number;
   showLikeButton?: boolean;
   showLoudspeaker?: boolean;
+  isLast?: boolean;
 }
 
 const MessageItem = ({
@@ -68,6 +69,7 @@ const MessageItem = ({
   showLoudspeaker = true,
   visibleAvatar = true,
   nickname,
+  isLast = false,
 }: IProps) => {
   const { theme } = useTheme();
   const isAssistant = item.role === MessageType.Assistant;
@@ -164,7 +166,7 @@ const MessageItem = ({
                   { '!bg-bg-card': !isAssistant },
                 )}
               >
-                {sendLoading && isEmpty(messageContent) ? (
+                {sendLoading && isLast && isEmpty(messageContent) ? (
                   <LoadingDots className="text-text-secondary" />
                 ) : (
                   <MarkdownContent
diff --git a/web/src/pages/next-chats/chat/chat-box/next-multiple-chat-box.tsx b/web/src/pages/next-chats/chat/chat-box/next-multiple-chat-box.tsx
index 288c48f14d..d806586cbd 100644
--- a/web/src/pages/next-chats/chat/chat-box/next-multiple-chat-box.tsx
+++ b/web/src/pages/next-chats/chat/chat-box/next-multiple-chat-box.tsx
@@ -304,6 +304,7 @@ const ChatCard = forwardRef(function ChatCard(
                   reference={messageReferences.get(message) ?? EmptyReference}
                   // clickDocumentButton={clickDocumentButton}
                   index={i}
+                  isLast={i === derivedMessages.length - 1}
                   removeMessageById={removeMessageById}
                   regenerateMessage={regenerateMessage}
                   sendLoading={sendLoading}
diff --git a/web/src/pages/next-chats/chat/chat-box/single-chat-box.tsx b/web/src/pages/next-chats/chat/chat-box/single-chat-box.tsx
index dd1208d62b..95adb6f8b0 100644
--- a/web/src/pages/next-chats/chat/chat-box/single-chat-box.tsx
+++ b/web/src/pages/next-chats/chat/chat-box/single-chat-box.tsx
@@ -101,6 +101,7 @@ export function SingleChatBox({ conversation }: IProps) {
               reference={messageReferences.get(message) ?? EmptyReference}
               clickDocumentButton={clickDocumentButton}
               index={i}
+              isLast={i === messages.length - 1}
               removeMessageById={removeMessageById}
               regenerateMessage={regenerateMessage}
               sendLoading={sendLoading}
diff --git a/web/src/pages/next-chats/share/index.tsx b/web/src/pages/next-chats/share/index.tsx
index 6da219fb41..75d50d307b 100644
--- a/web/src/pages/next-chats/share/index.tsx
+++ b/web/src/pages/next-chats/share/index.tsx
@@ -88,6 +88,7 @@ const ChatContainer = () => {
                       derivedMessages?.length - 1 === i
                     }
                     index={i}
+                    isLast={i === derivedMessages.length - 1}
                     clickDocumentButton={clickDocumentButton}
                     showLikeButton={false}
                     showLoudspeaker={false}