diff --git a/ui/desktop/src/components/GooseMessage.tsx b/ui/desktop/src/components/GooseMessage.tsx index be613d22ad..35f8829feb 100644 --- a/ui/desktop/src/components/GooseMessage.tsx +++ b/ui/desktop/src/components/GooseMessage.tsx @@ -253,20 +253,33 @@ export default function GooseMessage({ avatarUrl: null, }; + // Check if this is from a collaborator (has sender info and is from Matrix) + const isFromCollaborator = message.sender && (message as any).metadata?.isFromCollaborator; + return (
- {/* Goose Avatar on the left side */} -
- {senderInfo.avatarUrl ? ( - - ) : ( -
-
+ {/* Goose Avatar on the left side with optional user badge */} +
+ {/* Main Goose dot avatar */} +
+
+
+ + {/* Small user badge for collaborator messages */} + {isFromCollaborator && senderInfo.avatarUrl && ( +
+ +
+ )} + {isFromCollaborator && !senderInfo.avatarUrl && ( +
+ + {(senderInfo.displayName || senderInfo.userId || 'U').charAt(0).toUpperCase()} +
)}
@@ -277,7 +290,7 @@ export default function GooseMessage({ {(displayText || isFirstInChain) && (
- {senderInfo.displayName || 'Goose'} + {isFromCollaborator ? `Goose (${senderInfo.displayName || 'User'})` : 'Goose'} {timestamp}