From b85e3ed35842388056dc80a627834f7576627c63 Mon Sep 17 00:00:00 2001
From: sp mac bookpro 2605 <spmacbookpro2605@spdeMacBook-Pro.local>
Date: Mon, 8 Jun 2026 01:08:56 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=81=8A=E5=A4=A9?=
 =?UTF-8?q?=E5=A4=B4=E5=83=8F=E6=98=BE=E7=A4=BA=E5=92=8C=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE=20-=20AGENT=E5=B7=A6=E4=BE=A7=E5=A4=B4?=
 =?UTF-8?q?=E5=83=8F=EF=BC=8C=E7=94=A8=E6=88=B7=E5=8F=B3=E4=BE=A7=E5=A4=B4?=
 =?UTF-8?q?=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chat/components/messages/MessageItem.tsx  | 83 ++++++++++---------
 1 file changed, 42 insertions(+), 41 deletions(-)

diff --git a/src/pages/chat/components/messages/MessageItem.tsx b/src/pages/chat/components/messages/MessageItem.tsx
index c6d27ef..8336d80 100644
--- a/src/pages/chat/components/messages/MessageItem.tsx
+++ b/src/pages/chat/components/messages/MessageItem.tsx
@@ -22,7 +22,6 @@ export default function MessageItem(props: {
   // 获取回答者 Agent 信息
   const answerAgentId = message.agent_id || (message.role === 'assistant' ? currentAgentId : undefined);
   const answerAgent = answerAgentId ? agentList.find(a => a.id === answerAgentId) : undefined;
-  const hasAnswerAgent = !!answerAgent && message.role === 'assistant';
   const hasBranches = !!branch && branch.total > 1;
   const activeIdx = branch?.activeIndex ?? 0;
   const total = branch?.total ?? 1;
@@ -50,10 +49,17 @@ export default function MessageItem(props: {
         transition: 'background 0.4s, padding 0.4s'
       }}
     >
-      {message.role === 'user' ? (
-        <div style={{ display: 'flex', gap: 12, alignItems: 'flex-start', justifyContent: 'flex-end' }}>
-          {/* 用户: 头像在右侧，内容在左侧（靠右对齐） */}
-          <div style={{ flex: 1, minWidth: 0, maxWidth: '78%', display: 'flex', flexDirection: 'column', alignItems: 'flex-end' }}>
+      {message.role === 'assistant' ? (
+        <div style={{ display: 'flex', gap: 12, alignItems: 'flex-start' }}>
+          {/* AGENT: 头像在左侧，内容在右侧（靠左对齐） */}
+          <Avatar 
+            src={answerAgent?.avatar} 
+            size={36} 
+            style={{ flexShrink: 0, marginTop: 2, backgroundColor: '#52c41a' }}
+          >
+            {answerAgent?.name?.charAt(0)?.toUpperCase() || 'A'}
+          </Avatar>
+          <div style={{ flex: 1, minWidth: 0 }}>
             <div style={{
               display: 'flex',
               alignItems: 'center',
@@ -65,44 +71,9 @@ export default function MessageItem(props: {
                 fontWeight: 400,
                 color: 'var(--color-text-secondary)'
               }}>
-                我
+                {answerAgent?.name || 'AI'}
               </span>
             </div>
-            <div className={`bubble ${message.role}`}>
-              {message.content.includes('![image](') ? (
-                <Markdown>{message.content}</Markdown>
-              ) : (
-                <span dangerouslySetInnerHTML={{
-                  __html: message.content.replace(/@([^\s]+)/g, '<span class="mention">@$1</span>')
-                }} />
-              )}
-            </div>
-          </div>
-          <Avatar style={{ flexShrink: 0, marginTop: 2, backgroundColor: '#1890ff' }} size={36}>我</Avatar>
-        </div>
-      ) : (
-        <div style={{ display: 'flex', gap: 12, alignItems: 'flex-start' }}>
-          {/* AGENT: 头像在左侧，内容在右侧（靠左对齐） */}
-          {hasAnswerAgent && (
-            <Avatar src={answerAgent!.avatar} size={36} style={{ flexShrink: 0, marginTop: 2 }} />
-          )}
-          <div style={{ flex: 1, minWidth: 0 }}>
-            {hasAnswerAgent && (
-              <div style={{
-                display: 'flex',
-                alignItems: 'center',
-                gap: 8,
-                marginBottom: 6
-              }}>
-                <span style={{
-                  fontSize: 12,
-                  fontWeight: 400,
-                  color: 'var(--color-text-secondary)'
-                }}>
-                  {answerAgent!.name}
-                </span>
-              </div>
-            )}
             <div className={`bubble ${message.role}`}>
               <Markdown>{message.content}</Markdown>
             </div>
@@ -151,6 +122,36 @@ export default function MessageItem(props: {
             )}
           </div>
         </div>
+      ) : (
+        <div style={{ display: 'flex', gap: 12, alignItems: 'flex-start', justifyContent: 'flex-end' }}>
+          {/* 用户: 头像在右侧，内容在左侧（靠右对齐） */}
+          <div style={{ flex: 1, minWidth: 0, maxWidth: '78%', display: 'flex', flexDirection: 'column', alignItems: 'flex-end' }}>
+            <div style={{
+              display: 'flex',
+              alignItems: 'center',
+              gap: 8,
+              marginBottom: 6
+            }}>
+              <span style={{
+                fontSize: 12,
+                fontWeight: 400,
+                color: 'var(--color-text-secondary)'
+              }}>
+                我
+              </span>
+            </div>
+            <div className={`bubble ${message.role}`}>
+              {message.content.includes('![image](') ? (
+                <Markdown>{message.content}</Markdown>
+              ) : (
+                <span dangerouslySetInnerHTML={{
+                  __html: message.content.replace(/@([^\s]+)/g, '<span class="mention">@$1</span>')
+                }} />
+              )}
+            </div>
+          </div>
+          <Avatar style={{ flexShrink: 0, marginTop: 2, backgroundColor: '#1890ff' }} size={36}>我</Avatar>
+        </div>
       )}
     </div>
   );