-
-
${name}
- ${checkHtml}
+
+ ${item.name}
+ ${item.notInContacts ? 'не в контактах' : ''}
-
${preview}
+
${item.lastMessage}
+
+
+ ${item.unread ? `${item.unread}` : ''}
+ ${item.time}
-
${unreadHtml}${SVG_CHEVRON}
`;
-
- // Значок «связь через кого» (вместо слова «Связь»): цепочка + мини-аватар первого посредника, сразу за галочкой.
- // Тап (stopPropagation) → попап пути «Ты → … → он»; сама карточка по-прежнему открывает чат.
- if (v.via && v.via.length) {
- const titleline = row.querySelector('.dm-row-titleline');
- const viaBtn = document.createElement('button');
- viaBtn.type = 'button';
- viaBtn.className = 'dm-via';
- viaBtn.setAttribute('aria-label', `Связь через ${v.via.map((x) => x.name).join(', ')}`);
- viaBtn.innerHTML = `
${SVG_LINK}`; // только иконка (без мини-аватара/«+N»)
- titleline.appendChild(viaBtn);
-
- // Попап пути: Ты → …посредники… → целевой. Каждый узел — фото-аватар + имя.
- // Тап по человеку (кроме «Ты») → его профиль (makeProfileRoute), чтобы отследить цепочку.
- const pop = document.createElement('div');
- pop.className = 'dm-via-path';
- const chain = [
- { name: 'Ты', me: true },
- ...v.via.map((x) => ({ name: x.name, login: x.login || '', photo: x.photo || '' })),
- { name, login: item.login || item.id, photo: item.photo || '' },
- ];
- chain.forEach((node, i) => {
- if (i) {
- const arr = document.createElement('span');
- arr.className = 'dm-via-arrow';
- arr.textContent = '→';
- pop.appendChild(arr);
- }
- const clickable = !node.me && Boolean(node.login);
- const el = document.createElement(clickable ? 'button' : 'span');
- el.className = 'dm-via-node';
- const ava = document.createElement('span');
- ava.className = 'dm-via-node-ava';
- if (node.me) {
- const me = document.createElement('span');
- me.className = 'dm-via-me';
- me.textContent = (login[0] || 'A').toUpperCase();
- ava.appendChild(me);
- } else {
- ava.appendChild(createDmAvatar(node.login || node.name, { upgrade: false, name: node.name, photo: node.photo }));
- }
- const nm = document.createElement('span');
- nm.className = 'dm-via-node-name';
- nm.textContent = node.name;
- el.append(ava, nm);
- if (clickable) {
- el.type = 'button';
- el.addEventListener('click', (e) => { e.stopPropagation(); navigate(makeProfileRoute(node.login)); });
- }
- pop.appendChild(el);
- });
- row.appendChild(pop);
-
- const toggle = (e) => { e.stopPropagation(); pop.classList.toggle('is-open'); };
- viaBtn.addEventListener('click', toggle);
- viaBtn.addEventListener('keydown', (e) => {
- if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(e); }
- });
- }
-
- // Аватар: фото/инициалы без кольца; у сияющего — свечение (класс is-shine).
- const avWrap = document.createElement('div');
- avWrap.className = `dm-av dm-av--${v.tone}${v.shining ? ' is-shine' : ''}`;
- const avatarEl = createDmAvatar(item.id, { upgrade: true, name });
- avatarEl.classList.add('avatar');
- avWrap.appendChild(avatarEl);
- row.prepend(avWrap);
-
- const go = () => navigate(`chat-view/${encodeURIComponent(item.id)}`);
- row.addEventListener('click', go);
- row.addEventListener('keydown', (e) => {
- if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); go(); }
- });
+ row.prepend(avatarEl);
+ row.addEventListener('click', () => navigate(`chat-view/${encodeURIComponent(item.id)}`));
return row;
}
- // Источник списка — мок directMessages (плейсхолдер). На проде заменяется реальными
- // relations/chats (relationFlagsForTarget/shineConfirmed/shine) — карточки и резолвер не меняются.
- const items = Array.isArray(directMessages) ? directMessages : [];
- if (!items.length) {
- const empty = document.createElement('div');
- empty.className = 'card meta-muted';
- empty.textContent = 'Пока нет диалогов';
- list.append(empty);
- } else {
- items.forEach((item) => list.append(renderRow(item)));
+ async function loadList() {
+ try {
+ const relations = await loadCurrentRelations();
+ const contacts = relations.outContacts || [];
+ setContacts(contacts);
+ list.innerHTML = '';
+
+ const contactRows = contacts.map((login) => {
+ const preview = directMessages.find((item) => item.id.toLowerCase() === login.toLowerCase());
+ const chat = getChatMessages(login);
+ const lastChat = chat[chat.length - 1];
+ const unread = chat.filter((m) => m?.from === 'in' && m?.unread).length;
+ const lastTimeMs = Number(lastChat?.createdAtMs || 0);
+ return {
+ id: login,
+ name: preview?.name || login,
+ lastMessage: lastChat?.text || preview?.lastMessage || 'Диалог пока пуст.',
+ time: formatChatRowTime(lastTimeMs),
+ unread,
+ notInContacts: false,
+ };
+ });
+
+ const allChatIds = Object.keys(state.chats || {})
+ .filter((id) => id && id.toLowerCase() !== String(state.session.login || '').toLowerCase())
+ .filter((id) => (getChatMessages(id) || []).length > 0);
+
+ const contactKeys = new Set(contacts.map((x) => String(x || '').toLowerCase()));
+ const extraRows = allChatIds
+ .filter((login) => !contactKeys.has(String(login || '').toLowerCase()))
+ .map((login) => {
+ const chat = getChatMessages(login);
+ const lastChat = chat[chat.length - 1];
+ const unread = chat.filter((m) => m?.from === 'in' && m?.unread).length;
+ const lastTimeMs = Number(lastChat?.createdAtMs || 0);
+ return {
+ id: login,
+ name: login,
+ lastMessage: lastChat?.text || 'Диалог пока пуст.',
+ time: formatChatRowTime(lastTimeMs),
+ unread,
+ notInContacts: true,
+ };
+ });
+
+ const rows = [...contactRows, ...extraRows];
+ if (!rows.length) {
+ const empty = document.createElement('div');
+ empty.className = 'card meta-muted';
+ empty.textContent = 'Пока нет ни контактов, ни сообщений';
+ list.append(empty);
+ return;
+ }
+
+ rows.forEach((item) => list.append(renderRow(item)));
+ } catch (error) {
+ if (isSessionInvalidError(error)) {
+ list.innerHTML = '';
+
+ const card = document.createElement('div');
+ card.className = 'card stack';
+
+ const title = document.createElement('strong');
+ title.textContent = 'Сессия устарела';
+
+ const details = document.createElement('p');
+ details.className = 'meta-muted';
+ details.textContent = 'Ваша сессия больше не действует. Авторизуйтесь заново.';
+
+ const okBtn = document.createElement('button');
+ okBtn.type = 'button';
+ okBtn.className = 'primary-btn';
+ okBtn.textContent = 'ОК';
+ okBtn.addEventListener('click', async () => {
+ await terminateCurrentSession({
+ infoMessage: 'Ваша сессия устарела. Выполните вход заново.',
+ });
+ navigate('start-view');
+ });
+
+ card.append(title, details, okBtn);
+ list.append(card);
+ return;
+ }
+
+ list.innerHTML = '';
+ const fail = document.createElement('div');
+ fail.className = 'card meta-muted';
+ fail.textContent = `Не удалось загрузить сообщения: ${error.message || 'unknown'}`;
+ list.append(fail);
+ }
}
- screen.append(head, divider, list);
+ screen.append(list);
+ loadList();
return screen;
}
diff --git a/shine-UI/js/pages/network/force-graph.js b/shine-UI/js/pages/network/force-graph.js
index b23f56e..ffa297f 100644
--- a/shine-UI/js/pages/network/force-graph.js
+++ b/shine-UI/js/pages/network/force-graph.js
@@ -15,6 +15,8 @@
// model = { focusId, nodes: [{ id, login, name, avatar, relationType, strength, shining, tier }] }
import { renderUserAvatar, buildAvatarInitials } from '../../components/avatar-image.js';
+import { state } from '../../state.js';
+import { buildArweaveDataUrl } from '../../services/arweave-file-service.js';
const SVGNS = 'http://www.w3.org/2000/svg';
@@ -105,6 +107,26 @@ function relationColor(relationType) {
return RELATION_COLORS[relationType] || RELATION_COLORS.contact;
}
+function resolveAvatarPhotoSrc(src) {
+ const directPhoto = String(src?.photo || '').trim();
+ if (directPhoto) return directPhoto;
+
+ const rawAvatar = src?.avatar;
+ if (!rawAvatar || rawAvatar === 'url_to_image') return null;
+ if (typeof rawAvatar === 'string') return String(rawAvatar).trim() || null;
+
+ const txId = String(rawAvatar?.ar || '').trim();
+ if (!txId) return null;
+ try {
+ return buildArweaveDataUrl({
+ gateway: state?.entrySettings?.arweaveServer,
+ txId,
+ });
+ } catch {
+ return null;
+ }
+}
+
// Однократно внедряем скрытый SVG-фильтр свечения «сияющих» узлов (мягкое гауссово размытие).
// Применяется к псевдо-ореолу ::before, а НЕ к самой аватарке — поэтому фото не размывается.
function ensureShineFilter() {
@@ -487,7 +509,7 @@ export function createForceGraph({ stage, model, onCenterTap, onNodeTap, onNodeL
// Аватар = SVG-«стеклянный орб» (фото в стеклянной сфере). Хост — .node-dot (масштаб/состояния/
// синхронизация позиций движка). Меняем ТОЛЬКО аватар; бейдж/имя/линии — как раньше.
- const photoSrc = src.photo || (src.avatar && src.avatar !== 'url_to_image' ? src.avatar : null);
+ const photoSrc = resolveAvatarPhotoSrc(src);
const initials = buildAvatarInitials({ login: src.login || src.name || String(src.id), firstName: src.name || '' });
const dot = document.createElement('div');
dot.className = 'avatar node-dot fg-orb-host';