feat(thread): переход в тред ответа и явная история сверху

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

@@ -391,7 +391,17 @@ function renderNodeCard(node, heading, handlers, localNumber) {
     await handlers.onShare(target);
   });
 
-  actions.append(likeButton, replyButton, changedButton, shareButton);
+  const openThreadButton = document.createElement('button');
+  openThreadButton.type = 'button';
+  openThreadButton.className = 'secondary-btn thread-open-btn';
+  openThreadButton.textContent = '🧵 В тред';
+  openThreadButton.addEventListener('click', (event) => {
+    event.stopPropagation();
+    animatePress(event.currentTarget);
+    handlers.onOpenThread(target);
+  });
+
+  actions.append(likeButton, replyButton, changedButton, shareButton, openThreadButton);
   card.append(actions);
   return card;
 }
@@ -559,6 +569,14 @@ export function render({ navigate, route }) {
         showStatus(toUserMessage(error, 'Не удалось транслировать ссылку.'));
       }
     },
+    onOpenThread: (target) => {
+      const routePath = buildThreadRouteFromTarget(target, selector);
+      if (!routePath) {
+        showStatus('Не удалось определить путь до треда.');
+        return;
+      }
+      navigate(routePath);
+    },
     onActionError: (error, action) => {
       const fallback = action === 'unlike'
         ? 'Не удалось убрать лайк.'
@@ -683,7 +701,7 @@ export function render({ navigate, route }) {
         ancestorsWrap.className = 'stack thread-block thread-block--ancestors';
         const title = document.createElement('h3');
         title.className = 'section-title';
-        title.textContent = 'Предыдущие сообщения';
+        title.textContent = 'История выше (на что это ответ)';
         ancestorsWrap.append(title);
         ancestors.forEach((node, index) => {
           ancestorsWrap.append(renderNodeCard(node, `Предок ${index + 1}`, handlers, nextNumber()));
@@ -694,6 +712,10 @@ export function render({ navigate, route }) {
       if (focus) {
         const focusWrap = document.createElement('div');
         focusWrap.className = 'stack thread-block thread-block--focus';
+        const focusTitle = document.createElement('h3');
+        focusTitle.className = 'section-title';
+        focusTitle.textContent = 'Текущее сообщение';
+        focusWrap.append(focusTitle);
         focusWrap.append(renderNodeCard(focus, '', handlers, nextNumber()));
         screen.append(focusWrap);
       }