fix: 显示下发智能体的云端图标

src/pages/Chat/TeacherCompanion.tsx

@@ -1,6 +1,6 @@
 import { ArrowUpRight, Loader2, X } from 'lucide-react';
 import type { Ref } from 'react';
-import { getAgentAvatarSrc } from '@/lib/agent-avatars';
+import { TeacherAvatar } from './TeacherAvatar';
 import type { useTeacherCompanion } from './use-teacher-companion';
 
 type Companion = ReturnType<typeof useTeacherCompanion>;
@@ -12,7 +12,6 @@ export function TeacherCompanion({ companion, open, onOpen, bubbleRef }: {
 }) {
   const { definition, invitation, welcome, loading, enabled, checking, error } = companion;
   const name = definition?.name || '智能体';
-  const avatar = getAgentAvatarSrc(definition?.avatar_id);
   const activeId = companion.selectedAgent?.teacher_id;
   const agents = companion.selectedAgent && !companion.agents.some((item) => item.teacher_id === activeId)
     ? [...companion.agents, companion.selectedAgent] : companion.agents;
@@ -28,13 +27,13 @@ export function TeacherCompanion({ companion, open, onOpen, bubbleRef }: {
         aria-expanded={open && activeId === agent.teacher_id} aria-pressed={open && activeId === agent.teacher_id}
         aria-controls="coding-consultation-dock" data-agent-id={agent.teacher_id}
         onMouseDown={(event) => event.preventDefault()} onClick={() => onOpen(agent.teacher_id)}>
-        <span className="teacher-companion-avatar"><img src={getAgentAvatarSrc(agent.definition.avatar_id)} alt="" />
+        <span className="teacher-companion-avatar"><TeacherAvatar definition={agent.definition} />
           {activeId === agent.teacher_id && invitation && <span className="teacher-companion-unread" aria-hidden="true" />}</span>
         <span className="teacher-companion-name">{agent.definition.name}</span>
         {activeId === agent.teacher_id && checking && <Loader2 className="h-3 w-3 shrink-0 animate-spin text-muted-foreground motion-reduce:animate-none" aria-label="智能体正在思考" />}
       </button>)}
       {(!agents.length || (!activeId && companion.topic)) && <button type="button" className="teacher-companion-person" title={status} aria-label="智能体" aria-expanded={open} aria-controls="coding-consultation-dock" onMouseDown={(event) => event.preventDefault()} onClick={() => onOpen()}>
-        <span className="teacher-companion-avatar"><img src={avatar} alt="" />{invitation && <span className="teacher-companion-unread" aria-hidden="true" />}</span>
+        <span className="teacher-companion-avatar"><TeacherAvatar definition={definition} />{invitation && <span className="teacher-companion-unread" aria-hidden="true" />}</span>
         <span className="teacher-companion-name">{name}</span>
         {checking && <Loader2 className="h-3 w-3 shrink-0 animate-spin text-muted-foreground motion-reduce:animate-none" aria-label="智能体正在思考" />}
       </button>}
@@ -52,7 +51,7 @@ export function TeacherCompanion({ companion, open, onOpen, bubbleRef }: {
           </div>
         </div>
         <button type="button" className="teacher-companion-speaker" aria-label="打开这条智能体消息" onMouseDown={(event) => event.preventDefault()} onClick={viewConversation}>
-          <img src={avatar} alt="" />
+          <TeacherAvatar definition={definition} />
         </button>
       </div>}
     </section>