From 3603cf988950652fe949e22f713a77166b241d4b Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Wed, 21 Jan 2026 01:51:01 +0000
Subject: [PATCH] feat(ai): display AI assistant avatar for userid=-1

When a message has userid=-1 (AI assistant), display a special AI avatar
with gradient styling instead of the regular UserAvatar component.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../manage/components/DialogView/index.vue    |  9 ++++++-
 .../sass/pages/components/dialog-wrapper.scss | 24 +++++++++++++++++++
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/resources/assets/js/pages/manage/components/DialogView/index.vue b/resources/assets/js/pages/manage/components/DialogView/index.vue
index 27e94a867..b5c4a4162 100644
--- a/resources/assets/js/pages/manage/components/DialogView/index.vue
+++ b/resources/assets/js/pages/manage/components/DialogView/index.vue
@@ -2,7 +2,14 @@
     <div class="dialog-view" :class="viewClass" :data-id="msgData.id">
         <!--昵称-->
         <div v-if="dialogType === 'group'" class="dialog-username" @pointerdown="handleOperation($event, 'mention')">
-            <UserAvatar :userid="msgData.userid" :show-icon="false" :show-name="true" click-open-detail/>
+            <!-- AI 助手头像 -->
+            <template v-if="msgData.userid === -1">
+                <div class="ai-assistant-avatar">
+                    <div class="ai-icon">AI</div>
+                    <div class="avatar-name">{{ $L('AI 助手') }}</div>
+                </div>
+            </template>
+            <UserAvatar v-else :userid="msgData.userid" :show-icon="false" :show-name="true" click-open-detail/>
         </div>
 
         <div
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 87e733b43..1616c8513 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -680,6 +680,30 @@
                     height: 22px;
                     margin-bottom: 6px;
                     opacity: 0.8;
+
+                    .ai-assistant-avatar {
+                        display: flex;
+                        align-items: center;
+
+                        .ai-icon {
+                            width: 22px;
+                            height: 22px;
+                            border-radius: 50%;
+                            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+                            color: #fff;
+                            font-size: 10px;
+                            font-weight: bold;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                        }
+
+                        .avatar-name {
+                            margin-left: 6px;
+                            font-size: 12px;
+                            color: #666;
+                        }
+                    }
                 }
 
                 .dialog-head {