Доработать UI и счётчики

shine-UI/js/pages/channel-about-view.js

@@ -88,11 +88,7 @@ export function render({ navigate, route, chrome }) {
     </div>
   `;
 
-  const footer = document.createElement('div');
-  footer.className = 'meta-muted screen-footer';
-  footer.textContent = 'О канале (channel-about-view)';
-
-  screen.append(card, footer);
+  screen.append(card);
 
   const renderContent = (channel) => {
     const cleanName = String(channel?.displayTitle || channel?.displayName || channel?.channelName || 'Канал').trim();

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

@@ -290,6 +290,8 @@ function createChannelReadTracker({
   unreadCount,
   messagesCount,
   initialSeenCount,
+  onPersistError = null,
+  onPersistSuccess = null,
 }) {
   const login = String(state.session.login || '').trim();
   const storagePwd = state.session.storagePwdInMemory;
@@ -343,7 +345,9 @@ function createChannelReadTracker({
         storagePwd,
       });
       persistedSeenCount = next;
-    } catch {
+      if (typeof onPersistSuccess === 'function') onPersistSuccess(persistedSeenCount);
+    } catch (error) {
+      if (typeof onPersistError === 'function') onPersistError(error);
       queueFlush(800);
     } finally {
       inFlight = false;
@@ -393,10 +397,8 @@ function createChannelReadTracker({
   }
   window.addEventListener('resize', onResize);
 
-  if (canWrite) {
-    desiredSeenCount = safeMessagesCount;
-    void flush();
-  }
+  // Opening a channel must NOT mark the whole channel as read.
+  // Only cards actually crossed by the viewport tracker advance desiredSeenCount.
   window.setTimeout(() => measure(), 120);
 
   const cleanup = () => {
@@ -2230,6 +2232,12 @@ function renderBody(screen, navigate, routeKey, channelData, handlers) {
     unreadCount,
     messagesCount,
     initialSeenCount: readCount,
+    onPersistError: () => {
+      showStatus('Не удалось сохранить, сколько сообщений прочитано. Сервер повторит попытку автоматически.');
+    },
+    onPersistSuccess: () => {
+      showStatus('');
+    },
   });
 
   return () => {
@@ -2785,6 +2793,24 @@ export function render({ navigate, route, chrome }) {
             });
             if (disposed) return;
 
+            const readSettingKey = buildChannelSettingsKey(
+              apiData.channel?.ownerBlockchainName || apiData.selector?.ownerBlockchainName,
+              apiData.channel?.name || apiData.channel?.channelName,
+            );
+            try {
+              await authService.upsertUserSetting({
+                login,
+                settingType: 1,
+                settingKey: readSettingKey,
+                timeMs: Date.now(),
+                valueText: '',
+                valueNum: Math.max(0, Number(apiData.messagesCount || 0)),
+                storagePwd,
+              });
+            } catch (readStateError) {
+              showStatus(toUserMessage(readStateError, 'Подписка выполнена, но не удалось сохранить, сколько сообщений уже прочитано.'));
+            }
+
             const feed = await authService.listSubscriptionsFeed(login, 200);
             if (disposed) return;
             setChannelsFeed(feed, state.channelsIndex);

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

@@ -26,7 +26,6 @@ const CHANNEL_TYPE_STORIES = 0;
 const CHANNEL_TYPE_PERSONAL = 100;
 const DIARY_CHANNEL_NAME = 'diary';
 const DIARY_DISPLAY_NAME = 'Дневник';
-const CHANNEL_READ_SETTING_TYPE = 1;
 
 const CHANNELS_VIEW_ALL = 'all';
 const CHANNELS_VIEW_OWNED = 'owned';
@@ -111,58 +110,6 @@ function isVisibleChannelSummary(summary) {
   return !!ownerLogin && !!channelName;
 }
 
-function channelReadSettingKey(summary) {
-  const ownerBch = String(summary?.channel?.ownerBlockchainName || '').trim();
-  const channelName = String(summary?.channel?.channelName || '').trim();
-  if (!ownerBch || !channelName) return '';
-  return `${ownerBch}/${channelName}`;
-}
-
-async function ensureChannelReadBaselines(feed) {
-  const login = String(state.session.login || '').trim();
-  const storagePwd = state.session.storagePwdInMemory;
-  if (!login || !storagePwd) return;
-
-  let settingsPayload;
-  try {
-    settingsPayload = await authService.listUserSettings(login);
-  } catch {
-    return;
-  }
-
-  const existing = new Set(
-    (Array.isArray(settingsPayload?.settings) ? settingsPayload.settings : [])
-      .filter((item) => Number(item?.setting_type) === CHANNEL_READ_SETTING_TYPE)
-      .map((item) => String(item?.setting_key || '').trim())
-      .filter(Boolean),
-  );
-
-  const summaries = [
-    ...(Array.isArray(feed?.followedUsersChannels) ? feed.followedUsersChannels : []),
-    ...(Array.isArray(feed?.followedChannels) ? feed.followedChannels : []),
-  ].filter(isVisibleChannelSummary);
-
-  for (const summary of summaries) {
-    const settingKey = channelReadSettingKey(summary);
-    if (!settingKey || existing.has(settingKey)) continue;
-
-    try {
-      await authService.upsertUserSetting({
-        login,
-        settingType: CHANNEL_READ_SETTING_TYPE,
-        settingKey,
-        timeMs: Date.now(),
-        valueText: '',
-        valueNum: Math.max(0, Number(summary?.messagesCount || 0)),
-        storagePwd,
-      });
-      existing.add(settingKey);
-    } catch {
-      // Не ломаем экран каналов из-за фоновой инициализации read-state.
-    }
-  }
-}
-
 function avatarLetterFromName(name = '') {
   const first = Array.from(String(name || '').trim())[0] || '#';
   return first.toUpperCase();
@@ -1120,7 +1067,6 @@ async function loadFeedAndRender({ screen, listState, contentEl, navigate }) {
 
   try {
     const feed = await authService.listSubscriptionsFeed(state.session.login, 200);
-    void ensureChannelReadBaselines(feed);
     let diaryPayload = null;
     try {
       diaryPayload = await authService.getPersonalDiary(state.session.login, 200, 'asc');