Доработать UI уведомлений

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

@@ -1,4 +1,5 @@
-import { renderHeader } from '../components/header.js';
+import { renderHeader } from '../components/header.js';
+import { attachScrollToBottomButton } from '../components/scroll-to-bottom-button.js';
 import { authService, getMessageReactionState, setMessageReactionState, state } from '../state.js';
 import { captureClientError } from '../services/client-error-reporter.js';
 import { toUserMessage } from '../services/ui-error-texts.js';
@@ -1143,6 +1144,7 @@ export function render({ navigate, route, chrome }) {
   screen.className = 'stack channels-screen channels-screen--thread';
   const appScreen = document.getElementById('app-screen');
   appScreen?.classList.add('channels-scroll-clean');
+  const scrollToBottomControl = attachScrollToBottomButton({ scrollContainer: appScreen });
 
   const header = renderHeader({
     title: '',
@@ -1180,6 +1182,7 @@ export function render({ navigate, route, chrome }) {
       const current = document.querySelector('section.channels-screen--thread');
       if (!current) return;
       const next = render({ navigate, route });
+      current.cleanup?.();
       current.replaceWith(next);
     } catch (error) {
       logThreadRuntimeError('rerender', error, { routePath: window.location.pathname });
@@ -1352,6 +1355,10 @@ export function render({ navigate, route, chrome }) {
     invalid.className = 'card meta-muted';
     invalid.textContent = 'Некорректный идентификатор треда в адресе страницы.';
     screen.append(invalid);
+    screen.cleanup = () => {
+      scrollToBottomControl.cleanup();
+      appScreen?.classList.remove('channels-scroll-clean');
+    };
     return screen;
   }
 
@@ -1538,6 +1545,7 @@ export function render({ navigate, route, chrome }) {
   })();
 
   screen.cleanup = () => {
+    scrollToBottomControl.cleanup();
     appScreen?.classList.remove('channels-scroll-clean');
   };