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

shine-UI/js/pages/contact-search-view.js

@@ -1,7 +1,62 @@
 import { renderHeader } from '../components/header.js';
 import { authService } from '../state.js';
+import { renderUserAvatar } from '../components/avatar-image.js';
+import { loadProfileSnapshot } from '../services/user-profile-params.js';
+import { makeProfileRoute } from '../services/shine-routes.js';
 
 export const pageMeta = { id: 'contact-search-view', title: 'Поиск контактов' };
+const searchAvatarSnapshotCache = new Map();
+const searchAvatarPendingByLogin = new Map();
+
+async function loadSearchAvatarSnapshot(login) {
+  const cleanLogin = String(login || '').trim();
+  if (!cleanLogin) return null;
+  const key = cleanLogin.toLowerCase();
+  if (searchAvatarSnapshotCache.has(key)) return searchAvatarSnapshotCache.get(key);
+  if (searchAvatarPendingByLogin.has(key)) return searchAvatarPendingByLogin.get(key);
+  const pending = loadProfileSnapshot(cleanLogin)
+    .then((snapshot) => {
+      searchAvatarSnapshotCache.set(key, snapshot || null);
+      searchAvatarPendingByLogin.delete(key);
+      return snapshot || null;
+    })
+    .catch(() => {
+      searchAvatarSnapshotCache.set(key, null);
+      searchAvatarPendingByLogin.delete(key);
+      return null;
+    });
+  searchAvatarPendingByLogin.set(key, pending);
+  return pending;
+}
+
+function createSearchAvatar(login) {
+  const cleanLogin = String(login || '').trim();
+  const title = cleanLogin ? `Профиль ${cleanLogin}` : '';
+  const avatarEl = renderUserAvatar({
+    login: cleanLogin || 'unknown',
+    size: 'small',
+    className: 'avatar',
+    title,
+  });
+  if (!cleanLogin) return avatarEl;
+  void loadSearchAvatarSnapshot(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',
+      className: 'avatar',
+      title,
+    });
+    avatarEl.replaceWith(upgraded);
+  });
+  return avatarEl;
+}
 
 export function render({ navigate }) {
   const screen = document.createElement('section');
@@ -44,16 +99,17 @@ export function render({ navigate }) {
     matches.forEach((login) => {
       const row = document.createElement('article');
       row.className = 'list-item dm-dialog-card';
+      const avatarEl = createSearchAvatar(login);
       row.innerHTML = `
-        <div class="avatar">${(login[0] || '?').toUpperCase()}</div>
         <div>
           <strong>${login}</strong>
           <p class="meta-muted" style="margin-top:4px;">Пользователь сервера</p>
         </div>
         <div class="meta-muted">Профиль</div>
       `;
+      row.prepend(avatarEl);
       row.addEventListener('click', () => {
-        navigate(`user/${encodeURIComponent(login)}/contact-search-view`);
+        navigate(makeProfileRoute(login));
       });
       resultsList.append(row);
     });