наверное работает

shine-UI/js/app.js

@@ -16,6 +16,7 @@ import {
   state,
   terminateCurrentSession,
   addSignedMessageToChat,
+  markIncomingReadByBaseKey,
   markOutgoingReadByBaseKey,
   setContacts,
 } from './state.js';
@@ -398,16 +399,20 @@ async function init() {
         } catch {}
       }
     } else if (messageType === 3 || messageType === 4) {
-      const refBaseKey = String(payload.receiptRefBaseKey || '').trim();
-      if (refBaseKey) {
-        markOutgoingReadByBaseKey(refBaseKey);
-      } else {
+      let refBaseKey = String(payload.receiptRefBaseKey || '').trim();
+      if (!refBaseKey) {
         try {
           const ref = authService.parseReadReceiptPayload(parsed.payloadBytes);
-          const fallbackRefBase = `${ref.refFromLogin}|${ref.refToLogin}|${ref.refTimeMs}|${ref.refNonce}`;
-          markOutgoingReadByBaseKey(fallbackRefBase);
+          refBaseKey = `${ref.refFromLogin}|${ref.refToLogin}|${ref.refTimeMs}|${ref.refNonce}`;
         } catch {}
       }
+      if (refBaseKey) {
+        if (messageType === 3) {
+          markOutgoingReadByBaseKey(refBaseKey);
+        } else {
+          markIncomingReadByBaseKey(refBaseKey);
+        }
+      }
       addAppLogEntry({
         level: 'info',
         source: 'signed-dm',

shine-UI/js/components/header.js

@@ -1,4 +1,4 @@
-export function renderHeader({ title, leftAction, rightActions = [] }) {
+export function renderHeader({ title, leftAction, leftLabel = '', rightActions = [] }) {
   const wrap = document.createElement('header');
   wrap.className = 'page-header';
 
@@ -11,6 +11,12 @@ export function renderHeader({ title, leftAction, rightActions = [] }) {
     btn.addEventListener('click', leftAction.onClick);
     left.append(btn);
   }
+  if (leftLabel) {
+    const label = document.createElement('span');
+    label.className = 'header-left-label';
+    label.textContent = leftLabel;
+    left.append(label);
+  }
 
   const h1 = document.createElement('h1');
   h1.className = 'page-title';

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

@@ -508,17 +508,13 @@ function toListModel(groups) {
 
 function renderEmptyState(activeTab, navigate) {
   const wrap = document.createElement('div');
-  wrap.className = 'channels-empty-state';
-
-  const icon = document.createElement('div');
-  icon.className = 'channels-empty-icon';
-  icon.textContent = '◌';
+  wrap.className = 'channels-empty-state channels-empty-state--compact';
 
   const text = document.createElement('div');
   text.className = 'meta-muted';
-  text.textContent = 'В этом разделе пока нет каналов';
+  text.textContent = 'В этом разделе нет сообщений';
 
-  wrap.append(icon, text);
+  wrap.append(text);
 
   if (activeTab === 'my') {
     const cta = document.createElement('button');

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

@@ -7,6 +7,7 @@ import {
   getChatMessages,
   markChatRead,
   markOutgoingSent,
+  markReadReceiptSentByBaseKey,
   authService,
   state,
 } from '../state.js';
@@ -33,10 +34,10 @@ function renderLog(list, chatId) {
   messages.forEach((msg) => {
     if (!unreadSeparatorInserted && msg?.from === 'in' && msg?.unread) {
       const sep = document.createElement('div');
-      sep.className = 'meta-muted';
-      sep.style.textAlign = 'center';
-      sep.style.margin = '8px 0';
-      sep.textContent = 'Новые сообщения';
+      sep.className = 'chat-unread-separator';
+      const label = document.createElement('span');
+      label.textContent = 'Новые сообщения';
+      sep.append(label);
       list.append(sep);
       unreadSeparatorInserted = true;
     }
@@ -216,7 +217,11 @@ async function sendReadReceiptsForVisible(chatId) {
         refNonce: ref.nonce,
         refType: 1,
       });
-      row.readReceiptSent = true;
+      if (row.baseKey) {
+        markReadReceiptSentByBaseKey(row.baseKey);
+      } else {
+        row.readReceiptSent = true;
+      }
     } catch (e) {
       addAppLogEntry({
         level: 'warn',

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

@@ -12,6 +12,7 @@ export function render({ navigate }) {
   screen.append(
     renderHeader({
       title: 'Личные сообщения',
+      leftLabel: String(state.session.login || '').trim(),
       rightActions: [{ label: '+', onClick: () => navigate('contact-search-view') }],
     }),
   );

shine-UI/js/state.js

@@ -348,6 +348,37 @@ export function markOutgoingReadByBaseKey(baseKey) {
   });
 }
 
+export function markIncomingReadByBaseKey(baseKey) {
+  if (!baseKey) return;
+  const keys = Object.keys(state.chats || {});
+  keys.forEach((chatId) => {
+    const list = getChatMessages(chatId);
+    list.forEach((row) => {
+      if (row?.from !== 'in') return;
+      if (row.baseKey === baseKey) {
+        row.unread = false;
+        row.readReceiptSent = true;
+        persistMessageRecord(chatId, row);
+      }
+    });
+  });
+}
+
+export function markReadReceiptSentByBaseKey(baseKey) {
+  if (!baseKey) return;
+  const keys = Object.keys(state.chats || {});
+  keys.forEach((chatId) => {
+    const list = getChatMessages(chatId);
+    list.forEach((row) => {
+      if (row?.from !== 'in') return;
+      if (row.baseKey === baseKey) {
+        row.readReceiptSent = true;
+        persistMessageRecord(chatId, row);
+      }
+    });
+  });
+}
+
 export function addSignedMessageToChat({
   chatId,
   messageKey,