From 62ef01463e10924787df63952a29ea5415f4f3bd Mon Sep 17 00:00:00 2001
From: liangxu <liangxu0920@qq.com>
Date: Sun, 12 Jul 2026 14:57:25 +0800
Subject: [PATCH] feat(desktop-ui): show account avatar image in AI platforms
 table

Render the account avatarUrl when present, falling back to the initial
letter, with cover sizing inside the avatar circle.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../src/renderer/views/AiPlatformsView.vue         | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/apps/desktop-client/src/renderer/views/AiPlatformsView.vue b/apps/desktop-client/src/renderer/views/AiPlatformsView.vue
index fa3bd07..8b7456d 100644
--- a/apps/desktop-client/src/renderer/views/AiPlatformsView.vue
+++ b/apps/desktop-client/src/renderer/views/AiPlatformsView.vue
@@ -610,7 +610,13 @@ async function unbindPlatform(account: AccountRow) {
                   class="avatar-circle"
                   :style="{ background: platformMeta(record.platform).accent }"
                 >
-                  <span class="avatar-initial">
+                  <img
+                    v-if="record.avatarUrl"
+                    :src="record.avatarUrl"
+                    :alt="record.displayName"
+                    referrerpolicy="no-referrer"
+                  />
+                  <span v-else class="avatar-initial">
                     {{ record.displayName.slice(0, 1).toUpperCase() }}
                   </span>
                 </span>
@@ -1167,6 +1173,12 @@ async function unbindPlatform(account: AccountRow) {
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
 }
 
+.avatar-circle img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
 .avatar-initial {
   color: #ffffff;
   font-size: 16px;