From e006954d394bf231bdb77e046a229702bf70bd02 Mon Sep 17 00:00:00 2001
From: spencrmartin <spencermartin@squareup.com>
Date: Mon, 17 Nov 2025 17:22:16 -0500
Subject: [PATCH] feat: use actual goose icon for AI response avatar instead of
 letter 'G'

---
 ui/desktop/src/components/GooseMessage.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/ui/desktop/src/components/GooseMessage.tsx b/ui/desktop/src/components/GooseMessage.tsx
index ee17d96ead..aad76e6669 100644
--- a/ui/desktop/src/components/GooseMessage.tsx
+++ b/ui/desktop/src/components/GooseMessage.tsx
@@ -23,6 +23,7 @@ import MessageCopyLink from './MessageCopyLink';
 import { NotificationEvent } from '../hooks/useMessageStream';
 import { cn } from '../utils';
 import AvatarImage from './AvatarImage';
+import GooseIcon from '../images/loading-goose/1.svg';
 
 interface GooseMessageProps {
   // messages up to this index are presumed to be "history" from a resumed session, this is used to track older tool confirmation requests
@@ -201,12 +202,13 @@ export default function GooseMessage({
     <div className="goose-message flex w-[90%] justify-start min-w-0 gap-3">
       {/* AI Avatar on the left side */}
       <div className="flex-shrink-0 mt-1">
-        <AvatarImage
-          avatarUrl={undefined} // AI doesn't have a Matrix avatar
-          displayName="Goose AI"
-          size="md"
-          className="ring-2 ring-green-500 ring-offset-2"
-        />
+        <div className="w-8 h-8 rounded-full bg-background-accent flex items-center justify-center ring-2 ring-green-500 ring-offset-2">
+          <img 
+            src={GooseIcon} 
+            alt="Goose AI" 
+            className="w-6 h-6"
+          />
+        </div>
       </div>
       
       <div className="flex flex-col w-full min-w-0">