From 4ece14d64b3dbf5dc581c894b4fdd5c2dbc2e914 Mon Sep 17 00:00:00 2001
From: Taylor Ho <taylorkmho@gmail.com>
Date: Mon, 13 Apr 2026 19:59:07 -1000
Subject: [PATCH] style: user bubble with bg-muted on content div, max-w-640px,
 no avatar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User messages render as rounded bg-muted bubbles on the content div
only — action buttons and timestamp sit outside. Max width capped at
640px. Avatar removed. Outer group/gap-3 hover structure preserved.
---
 ui/goose2/src/features/chat/ui/MessageBubble.tsx | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/ui/goose2/src/features/chat/ui/MessageBubble.tsx b/ui/goose2/src/features/chat/ui/MessageBubble.tsx
index f1df7d8eee..b594731867 100644
--- a/ui/goose2/src/features/chat/ui/MessageBubble.tsx
+++ b/ui/goose2/src/features/chat/ui/MessageBubble.tsx
@@ -5,7 +5,6 @@ import {
   Check,
   RotateCcw,
   Pencil,
-  User,
   FileText,
   FolderClosed,
 } from "lucide-react";
@@ -426,19 +425,13 @@ export const MessageBubble = memo(function MessageBubble({
       )}
       data-role={isUser ? "user-message" : "assistant-message"}
     >
-      {isUser && !isEditing ? (
-        <div className="flex h-7 w-7 shrink-0 self-start -mt-1 items-center justify-center rounded-full bg-accent">
-          <User size={14} className="text-muted-foreground" />
-        </div>
-      ) : null}
-
       <div
         className={cn(
           "min-w-0 flex flex-col gap-1",
           isEditing
             ? "w-full max-w-full"
             : isUser
-              ? "max-w-[80%] items-end"
+              ? "max-w-[640px] items-end"
               : "max-w-[85%] items-start",
         )}
       >
@@ -505,7 +498,10 @@ export const MessageBubble = memo(function MessageBubble({
             {/* biome-ignore lint/a11y/useKeyWithClickEvents: delegated link handler */}
             {/* biome-ignore lint/a11y/noStaticElementInteractions: delegated link handler */}
             <div
-              className="w-full min-w-0 text-[13px] leading-relaxed"
+              className={cn(
+                "w-full min-w-0 text-[13px] leading-relaxed",
+                isUser && "rounded-2xl bg-muted px-4 py-2.5",
+              )}
               onClick={handleContentClick}
             >
               {messageAttachments.length > 0 && (