Добавил гостевой режим, единые shine-ссылки и пометку о нестабильности мнений

shine-UI/js/pages/messages-list.js

@@ -8,8 +8,61 @@ import {
   terminateCurrentSession,
 } from '../state.js';
 import { loadCurrentRelations } from '../services/user-connections.js';
+import { renderUserAvatar } from '../components/avatar-image.js';
+import { loadProfileSnapshot } from '../services/user-profile-params.js';
 
 export const pageMeta = { id: 'messages-list', title: 'Личные сообщения' };
+const dmAvatarSnapshotCache = new Map();
+const dmAvatarPendingByLogin = new Map();
+
+async function loadDmAvatarSnapshot(login) {
+  const cleanLogin = String(login || '').trim();
+  if (!cleanLogin) return null;
+  const key = cleanLogin.toLowerCase();
+  if (dmAvatarSnapshotCache.has(key)) return dmAvatarSnapshotCache.get(key);
+  if (dmAvatarPendingByLogin.has(key)) return dmAvatarPendingByLogin.get(key);
+  const pending = loadProfileSnapshot(cleanLogin)
+    .then((snapshot) => {
+      dmAvatarSnapshotCache.set(key, snapshot || null);
+      dmAvatarPendingByLogin.delete(key);
+      return snapshot || null;
+    })
+    .catch(() => {
+      dmAvatarSnapshotCache.set(key, null);
+      dmAvatarPendingByLogin.delete(key);
+      return null;
+    });
+  dmAvatarPendingByLogin.set(key, pending);
+  return pending;
+}
+
+function createDmAvatar(login) {
+  const cleanLogin = String(login || '').trim();
+  const title = cleanLogin ? `Профиль ${cleanLogin}` : '';
+  const avatarEl = renderUserAvatar({
+    login: cleanLogin || 'unknown',
+    size: 'small',
+    title,
+  });
+  if (!cleanLogin) return avatarEl;
+  void loadDmAvatarSnapshot(cleanLogin).then((snapshot) => {
+    if (!avatarEl.isConnected) return;
+    const upgraded = renderUserAvatar({
+      login: cleanLogin,
+      avatar: snapshot?.avatar?.txId
+        ? {
+          ar: String(snapshot.avatar.txId || '').trim(),
+          sha256Hex: String(snapshot?.avatar?.sha256Hex || '').trim().toLowerCase(),
+        }
+        : null,
+      size: 'small',
+      title,
+    });
+    upgraded.classList.add('avatar');
+    avatarEl.replaceWith(upgraded);
+  });
+  return avatarEl;
+}
 
 function formatChatRowTime(ts) {
   const value = Number(ts || 0);
@@ -40,8 +93,9 @@ export function render({ navigate }) {
   function renderRow(item) {
     const row = document.createElement('article');
     row.className = 'list-item dm-dialog-card';
+    const avatarEl = createDmAvatar(item.id);
+    avatarEl.classList.add('avatar');
     row.innerHTML = `
-      <div class="avatar">${item.initials}</div>
       <div class="dm-row-main">
         <div class="dm-row-title-wrap">
           <strong class="dm-row-title">${item.name}</strong>
@@ -54,6 +108,7 @@ export function render({ navigate }) {
         <span class="meta-muted dm-row-time">${item.time}</span>
       </div>
     `;
+    row.prepend(avatarEl);
     row.addEventListener('click', () => navigate(`chat-view/${encodeURIComponent(item.id)}`));
     return row;
   }
@@ -73,7 +128,6 @@ export function render({ navigate }) {
         const lastTimeMs = Number(lastChat?.createdAtMs || 0);
         return {
           id: login,
-          initials: (login[0] || '?').toUpperCase(),
           name: preview?.name || login,
           lastMessage: lastChat?.text || preview?.lastMessage || 'Диалог пока пуст.',
           time: formatChatRowTime(lastTimeMs),
@@ -96,7 +150,6 @@ export function render({ navigate }) {
           const lastTimeMs = Number(lastChat?.createdAtMs || 0);
           return {
             id: login,
-            initials: (login[0] || '?').toUpperCase(),
             name: login,
             lastMessage: lastChat?.text || 'Диалог пока пуст.',
             time: formatChatRowTime(lastTimeMs),