From efb8256a1dbc399d7418c6da401b2131c9dae23a Mon Sep 17 00:00:00 2001
From: Alex Martin <alex.martin@speakeasy.com>
Date: Wed, 3 Jun 2026 14:21:23 -0700
Subject: [PATCH] fix(aichat): inline default user avatar

---
 src/components/AIChat/AIChatMessage.tsx | 31 +++++++++++++++++++------
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/components/AIChat/AIChatMessage.tsx b/src/components/AIChat/AIChatMessage.tsx
index b45eb40d..168ff0a2 100644
--- a/src/components/AIChat/AIChatMessage.tsx
+++ b/src/components/AIChat/AIChatMessage.tsx
@@ -34,18 +34,35 @@ export interface AIChatMessageComponents {
 
 const defaultAvatars: DefaultComponents<AvatarComponents> = {
   user: ({ className }) => (
-    <div
+    <svg
+      viewBox="0 0 20 20"
+      role="img"
+      aria-label="User"
       className={cn(
-        'h-6 w-6 overflow-hidden rounded-full ring-1 ring-inset',
+        'bg-muted text-body-muted h-6 w-6 rounded-full ring-1 ring-inset',
         className
       )}
     >
-      <img
-        src={`https://avatar.vercel.sh/user.svg?size=20`}
-        alt="User"
-        className="h-full w-full"
+      <defs>
+        <linearGradient
+          id="moonshine-ai-chat-user-avatar-gradient"
+          x1="0"
+          x2="1"
+          y1="0"
+          y2="1"
+        >
+          <stop offset="0%" stopColor="#06f98c" />
+          <stop offset="100%" stopColor="#8c06f9" />
+        </linearGradient>
+      </defs>
+      <rect
+        width="20"
+        height="20"
+        fill="url(#moonshine-ai-chat-user-avatar-gradient)"
+        rx="0"
+        ry="0"
       />
-    </div>
+    </svg>
   ),
   assistant: ({ className }) => (
     <div