UI v4: новый стиль по макету V3/V4 и доводка экранов

Палитра «Сияние» по умолчанию, новые роли цветов. Лента канала: плоские записи, ряд действий
с равным шагом иконок, дата у записи. Обсуждение со строкой ввода, личный чат, шторки.
Вход и регистрация: стартовый экран (надпись «СИЯНИЕ», сияние мандалы), настройки входа
со статусами серверов, статус логина в одну строку, вход с другого устройства (код, таймер, шаги),
сохранение ключей с переключателями. Корневые разделы – заголовок по центру; фильтр чатов –
переключатель; уведомления – список как в чатах; фото – просмотр на весь экран.
Общее: один зазор под шапкой (--page-top-gap), переключатели высотой с поле ввода,
второстепенные кнопки по одной роли (в том числе на экранах устройств и серверов),
иконки только из ui-icon.js, полоса прокрутки скрыта, среднее тире в текстах интерфейса.

Что нужно от сервера и разработчика – docs/UI-Design/UI-v4-for-dev.md.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

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

@@ -163,18 +163,18 @@ function openSupportChannelModal({ ownerLogin, ownerUser, channelTitle }) {
         <select class="select" id="channel-support-recipient-key" ${recipientChoices.length ? '' : 'disabled'}>
           ${recipientChoices.map((choice) => `<option value="${escapeHtml(choice.id)}">${escapeHtml(choice.label)}</option>`).join('')}
         </select>
-        <div class="channel-support-address" id="channel-support-recipient-address">—</div>
+        <div class="channel-support-address" id="channel-support-recipient-address">–</div>
 
         <label class="field-label" for="channel-support-sender-key">Перевести с моего счёта</label>
         <select class="select" id="channel-support-sender-key">
           <option value="client-key">Client key</option>
           <option value="root-key">Root key</option>
         </select>
-        <div class="channel-support-address" id="channel-support-sender-address">—</div>
+        <div class="channel-support-address" id="channel-support-sender-address">–</div>
 
         <div class="channel-support-balance-row">
           <span class="meta-muted">Баланс</span>
-          <strong id="channel-support-balance">—</strong>
+          <strong id="channel-support-balance">–</strong>
           <button class="secondary-btn channel-support-refresh" id="channel-support-refresh" type="button">Обновить</button>
         </div>
 
@@ -281,7 +281,7 @@ function openSupportChannelModal({ ownerLogin, ownerUser, channelTitle }) {
     if (busy || closed) return;
     setBusy(true);
     setStatus('Загрузка баланса…');
-    if (balanceEl) balanceEl.textContent = '—';
+    if (balanceEl) balanceEl.textContent = '–';
     try {
       const wallet = await resolveSenderWallet();
       if (closed) return;
@@ -295,7 +295,7 @@ function openSupportChannelModal({ ownerLogin, ownerUser, channelTitle }) {
       setStatus('');
     } catch (error) {
       if (closed) return;
-      if (senderAddressEl) senderAddressEl.textContent = '—';
+      if (senderAddressEl) senderAddressEl.textContent = '–';
       setStatus(toUserMessage(error, 'Не удалось получить баланс.'), 'error');
     } finally {
       if (!closed) setBusy(false);
@@ -304,8 +304,8 @@ function openSupportChannelModal({ ownerLogin, ownerUser, channelTitle }) {
 
   recipientSelect?.addEventListener('change', updateRecipientAddress);
   senderSelect?.addEventListener('change', () => {
-    if (senderAddressEl) senderAddressEl.textContent = '—';
-    if (balanceEl) balanceEl.textContent = '—';
+    if (senderAddressEl) senderAddressEl.textContent = '–';
+    if (balanceEl) balanceEl.textContent = '–';
     setStatus('');
     void refreshBalance();
   });
@@ -494,13 +494,13 @@ export function render({ navigate, route, chrome }) {
       <div class="channel-about-hero">
         <div class="channel-about-avatar-slot" id="channel-about-avatar-slot"></div>
         <h2 class="channel-about-title">${escapeHtml(cleanName)}</h2>
-        <div class="channel-about-subline">@${escapeHtml(ownerLogin)} · ${escapeHtml(statsText(subscribersCount))} ${escapeHtml(subscribersWord(subscribersCount))}</div>
+        <div class="channel-about-subline">@${escapeHtml(channelName || ownerLogin)} · ${escapeHtml(statsText(subscribersCount))} ${escapeHtml(subscribersWord(subscribersCount))}</div>
       </div>
 
       <div class="channel-about-tiles">
         ${cameFromChannel ? '' : `<button class="channel-about-tile" id="channel-about-open" type="button">${iconHtml('open')}<span>Открыть</span></button>`}
         ${subscriptionTile}
-        <button class="channel-about-tile" id="channel-about-support" type="button">${iconHtml('gift')}<span>Донат</span></button>
+        ${isOwnChannel ? '' : `<button class="channel-about-tile" id="channel-about-support" type="button">${iconHtml('gift')}<span>Поддержать автора</span></button>`}
       </div>
 
       <div class="channel-about-list">
@@ -521,7 +521,7 @@ export function render({ navigate, route, chrome }) {
             <span class="channel-about-row-label">Ссылка</span>
             <span class="channel-about-link">${escapeHtml(shortLink)}</span>
           </span>
-          <span class="channel-about-row-chevron" aria-hidden="true">${iconHtml('link')}</span>
+          <span class="channel-about-row-chevron" aria-hidden="true">${iconHtml('copy')}</span>
         </button>
       </div>
     `;