v0.6.9 added avatar to message list

frontend/src/components/Sidebar.jsx

@@ -96,9 +96,18 @@ export default function Sidebar({ groups, activeGroupId, onSelectGroup, notifica
 
     return (
       <div className={`group-item ${isActive ? 'active' : ''} ${hasUnread ? 'has-unread' : ''}`} onClick={() => onSelectGroup(group.id)}>
-        <div className="group-icon" style={{ background: group.type === 'public' ? '#1a73e8' : '#a142f4' }}>
-          {group.type === 'public' ? '#' : group.name[0]?.toUpperCase()}
-        </div>
+        {group.is_direct && group.peer_avatar ? (
+          <img
+            src={group.peer_avatar}
+            alt={group.name}
+            className="group-icon"
+            style={{ objectFit: 'cover', padding: 0 }}
+          />
+        ) : (
+          <div className="group-icon" style={{ background: group.type === 'public' ? '#1a73e8' : '#a142f4' }}>
+            {group.type === 'public' ? '#' : group.is_direct ? (group.peer_real_name || group.name)[0]?.toUpperCase() : group.name[0]?.toUpperCase()}
+          </div>
+        )}
         <div className="group-info flex-1 overflow-hidden">
           <div className="flex items-center justify-between">
             <span className={`group-name truncate ${hasUnread ? 'unread-name' : ''}`}>{group.is_direct && group.peer_real_name ? group.peer_real_name : group.name}</span>