diff --git a/web/src/features/messages/MessageBubble.tsx b/web/src/features/messages/MessageBubble.tsx
index 0cdf581e..e6801e3d 100644
--- a/web/src/features/messages/MessageBubble.tsx
+++ b/web/src/features/messages/MessageBubble.tsx
@@ -141,17 +141,39 @@ export function MessageRow({
         }}
         className={`flex flex-1 items-start gap-2.5 ${mine ? 'flex-row-reverse' : ''}`}
       >
-        <span
-          className={`grid h-9 w-9 flex-none place-items-center rounded-lg text-sm font-medium text-white ${
-            mine ? 'bg-accent' : avatarBgClass(msg.from || (isGroup ? '' : peerName))
-          }`}
-        >
-          {avatarLetter(mine ? '我' : isGroup ? senderName || msg.from : peerName)}
-        </span>
+        {/* Group members' avatar/name go to their profile (same destination ContactCardBubble's own
+            card already uses, which works for a non-friend group member too -- FriendProfileView's
+            relationship-aware buttons handle that case, it isn't friends-only). Not for `mine` -- that
+            slot always reads "我", and viewing "your own profile" via a route built around a two-party
+            relationship isn't a case this app has ever needed to support. Not during `selectMode`
+            either -- the checkbox is the only thing a tap in this row should do while bulk-selecting,
+            not navigate away and lose whatever's already been picked. */}
+        {isGroup && !mine && !selectMode && msg.from ? (
+          <Link
+            to={`/contacts/${msg.from}`}
+            className={`grid h-9 w-9 flex-none place-items-center rounded-lg text-sm font-medium text-white no-underline ${avatarBgClass(msg.from)}`}
+          >
+            {avatarLetter(senderName || msg.from)}
+          </Link>
+        ) : (
+          <span
+            className={`grid h-9 w-9 flex-none place-items-center rounded-lg text-sm font-medium text-white ${
+              mine ? 'bg-accent' : avatarBgClass(msg.from || (isGroup ? '' : peerName))
+            }`}
+          >
+            {avatarLetter(mine ? '我' : isGroup ? senderName || msg.from : peerName)}
+          </span>
+        )}
         <div className={`flex max-w-[60%] flex-col gap-1 ${mine ? 'items-end' : 'items-start'}`}>
           {isGroup ? (
             <div className={`flex items-center gap-1 px-0.5 text-xs text-text-tertiary-4 ${mine ? 'flex-row-reverse' : ''}`}>
-              <span>{mine ? '我' : senderName || msg.from}</span>
+              {!mine && !selectMode && msg.from ? (
+                <Link to={`/contacts/${msg.from}`} className="text-text-tertiary-4 no-underline hover:underline">
+                  {senderName || msg.from}
+                </Link>
+              ) : (
+                <span>{mine ? '我' : senderName || msg.from}</span>
+              )}
               <MessageRoleTag role={senderRole === 'owner' || senderRole === 'admin' ? senderRole : undefined} />
             </div>
           ) : null}