Обновить UI сети и профиль

shine-UI/js/pages/chat-view.js

@@ -30,6 +30,7 @@ import { isTextToSpeechConfigured, speakTextBySettings } from '../services/speec
 import { showToast } from '../services/channels-ux.js';
 import { buildDmReplyTechBlock, parseDmTechBlocks, sanitizeUserDmTextForSend } from '../services/dm-tech-blocks.js';
 import { loadProfileSnapshot } from '../services/user-profile-params.js';
+import { userDisplayName } from '../services/user-display.js';
 import { makeProfileLinksRoute, makeProfileRoute } from '../services/shine-routes.js';
 
 export const pageMeta = { id: 'chat-view', title: 'Чат' };
@@ -127,7 +128,7 @@ function createChatHeaderParts(login, navigate) {
   loginEl.setAttribute('role', 'heading');
   loginEl.setAttribute('aria-level', '1');
   loginEl.setAttribute('aria-label', `Чат с ${cleanLogin}`);
-  loginEl.textContent = cleanLogin;
+  loginEl.innerHTML = `<span class="chat-header-display-name">${cleanLogin}</span><span class="chat-header-user-login">${cleanLogin}</span>`;
 
   void loadProfileSnapshot(cleanLogin)
     .then((snapshot) => {
@@ -147,6 +148,13 @@ function createChatHeaderParts(login, navigate) {
         title: cleanLogin,
       });
       avatarSlot.replaceChildren(upgradedAvatar);
+      if (loginEl.isConnected) {
+        const display = userDisplayName({ login: cleanLogin, firstName: snapshot?.firstName, lastName: snapshot?.lastName });
+        const nameNode = loginEl.querySelector('.chat-header-display-name');
+        const loginNode = loginEl.querySelector('.chat-header-user-login');
+        if (nameNode) nameNode.textContent = display;
+        if (loginNode) loginNode.textContent = cleanLogin;
+      }
     })
     .catch(() => {});