VERSION.properties

@@ -1,2 +1,2 @@
-client.version=1.5.1
+client.version=1.5.4
 server.version=1.4.5

shine-UI/js/components/arweave-attachment-manager.js

@@ -314,6 +314,9 @@ export function openArweaveAttachmentManager({
   let balanceInfo = null;
   let autoOpenedFileDialog = false;
   const isAvatarMode = String(mode || '') === 'avatar';
+  if (isAvatarMode && !String(uploadTransport || '').trim()) {
+    selectedUploadTransport = 'turbo';
+  }
   const historyPurposeMode = String(historyPurpose || '').trim();
   const purposeFilter = isAvatarMode || historyPurposeMode === 'avatar' ? 'avatar' : 'attachment';
   const selectedTxIdSet = new Set((Array.isArray(selectedTxIds) ? selectedTxIds : []).map((item) => String(item || '').trim()).filter(Boolean));
@@ -592,8 +595,8 @@ export function openArweaveAttachmentManager({
             <div class="form-actions-grid">
               <button class="${turboMode ? 'secondary-btn' : 'primary-btn'}" type="button" data-action="switch-arweave">Загрузка используя свой Arweave кошелёк</button>
               <button class="${turboMode ? 'primary-btn' : 'secondary-btn'}" type="button" data-action="switch-turbo">Загрузить через Turbo</button>
-              ${isAvatarMode ? '' : '<button class="secondary-btn" type="button" data-action="history-top">Использовать журнал загрузок</button>'}
+              <button class="secondary-btn" type="button" data-action="history-top">${isAvatarMode ? 'Выбрать из журнала' : 'Использовать журнал загрузок'}</button>
-              ${isAvatarMode ? '' : '<button class="secondary-btn" type="button" data-action="existing-top">Использовать существующий в Arweave файл</button>'}
+              <button class="secondary-btn" type="button" data-action="existing-top">${isAvatarMode ? 'Ввести tx id' : 'Использовать существующий в Arweave файл'}</button>
             </div>
             ${turboMode
               ? `
@@ -860,12 +863,14 @@ export function openArweaveAttachmentManager({
       root.innerHTML = `
         <div class="modal" data-ar-attach-modal="true">
           <div class="modal-card stack ar-attachment-manager-card">
-            <h3 class="modal-title">Существующий файл Arweave</h3>
+            <h3 class="modal-title">${isAvatarMode ? 'Существующий аватар Arweave' : 'Существующий файл Arweave'}</h3>
             <label class="meta-muted" for="ar-existing-txid">Transaction ID</label>
             <input class="input" id="ar-existing-txid" type="text" maxlength="64" placeholder="43 символа txId" />
+            ${isAvatarMode ? '' : `
             <label class="meta-muted" for="ar-existing-name">Имя файла в сообщении</label>
             <input class="input" id="ar-existing-name" type="text" maxlength="180" placeholder="например report.pdf" />
-            <label class="meta-muted" data-existing-preview-wrap="true" hidden>
+            `}
+            <label class="meta-muted" data-existing-preview-wrap="true" ${isAvatarMode ? 'hidden' : 'hidden'}>
               <input type="checkbox" data-existing-preview-toggle="true" />
               Добавить превью
             </label>
@@ -909,8 +914,8 @@ export function openArweaveAttachmentManager({
       });
       checkBtn?.addEventListener('click', async () => {
         const txId = String(txEl?.value || '').trim();
-        const name = String(nameEl?.value || '').trim() || 'arweave-file';
+        const name = isAvatarMode ? 'Аватар' : (String(nameEl?.value || '').trim() || 'arweave-file');
-        const wantsPreview = previewToggleEl instanceof HTMLInputElement && previewToggleEl.checked;
+        const wantsPreview = !isAvatarMode && previewToggleEl instanceof HTMLInputElement && previewToggleEl.checked;
         const previewTxId = String(previewTxEl?.value || '').trim();
         if (!validateArweaveTxId(txId)) {
           setText(errorEl, 'Некорректный Transaction ID Arweave.');
@@ -940,6 +945,7 @@ export function openArweaveAttachmentManager({
             ar: txId,
             preview,
             uploadedAtMs: Date.now(),
+            purpose: isAvatarMode ? 'avatar' : 'attachment',
           });
           metaEl.innerHTML = `
             <div>Размер: ${escapeHtml(formatBytes(item.size))}</div>
@@ -950,7 +956,7 @@ export function openArweaveAttachmentManager({
           const addBtn = document.createElement('button');
           addBtn.className = 'primary-btn';
           addBtn.type = 'button';
-          addBtn.textContent = historyOnly ? 'Добавить в журнал' : 'Добавить в сообщение';
+          addBtn.textContent = isAvatarMode ? 'Выбрать аватар' : (historyOnly ? 'Добавить в журнал' : 'Добавить в сообщение');
           addBtn.addEventListener('click', () => finish(resolve, item, { pendingPlacement: historyOnly && !isAvatarMode }));
           metaEl.append(addBtn);
         } catch (error) {

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

@@ -2,17 +2,23 @@ import { renderHeader } from '../components/header.js';
 import { authService, state } from '../state.js';
 import { toUserMessage } from '../services/ui-error-texts.js';
 import {
-  channelNameErrorText,
   normalizeChannelDisplayName,
   validateChannelDisplayName,
 } from '../services/channel-name-rules.js';
-import { openArweaveAttachmentManager, markArweaveAttachmentPlaced } from '../components/arweave-attachment-manager.js';
+import {
+  getArweaveAttachmentAvailability,
+  openArweaveAttachmentManager,
+  markArweaveAttachmentPlaced,
+} from '../components/arweave-attachment-manager.js';
 import { buildArweaveDataUrl } from '../services/arweave-file-service.js';
+import { makeShineChannelRoute } from '../services/shine-routes.js';
 
-export const pageMeta = { id: 'add-channel-view', title: 'Создать канал' };
+export const pageMeta = { id: 'add-channel-view', title: 'Создание канала' };
 
 const CREATE_CHANNEL_FLASH_KEY = 'shine-channels-create-success';
 const CHANNEL_TYPE_PUBLIC = 1;
+const CHANNEL_LOGIN_HINT = 'Разрешены латинские буквы, цифры, _ и -. Длина: от 3 до 32 символов. Название не должно состоять только из цифр.';
+const CHANNEL_LOGIN_DIGITS_ONLY_HINT = 'Имя канала не должно состоять только из цифр.';
 
 function persistCreateSuccessFlash(message) {
   try {
@@ -48,13 +54,38 @@ function renderAvatarPreview(slot, avatar, title) {
   slot.append(wrap);
 }
 
+function buildAbsoluteChannelUrl({ ownerBlockchainName = '', channelName = '' } = {}) {
+  const route = makeShineChannelRoute({ ownerBlockchainName, channelName });
+  if (!route) return '';
+  try {
+    return new URL(`/${route}`, window.location.origin).toString();
+  } catch {
+    return `${window.location.origin}/${route}`;
+  }
+}
+
+function sanitizeChannelLoginInput(value) {
+  const source = String(value || '');
+  let result = '';
+  for (const ch of source) {
+    if (/[A-Za-z0-9_-]/.test(ch)) result += ch;
+  }
+  return result.slice(0, 32);
+}
+
+function shortAvatarBlockchainAddress(value) {
+  const raw = String(value || '').trim();
+  if (raw.length <= 24) return raw;
+  return raw.slice(-24);
+}
+
 export function render({ navigate }) {
   const screen = document.createElement('section');
   screen.className = 'stack channels-screen channels-screen--add';
 
   screen.append(
     renderHeader({
-      title: 'Создать канал',
+      title: 'Создание канала',
       leftAction: { label: '<', onClick: () => navigate('channels-list') },
     }),
   );
@@ -62,24 +93,28 @@ export function render({ navigate }) {
   const form = document.createElement('form');
   form.className = 'card stack';
   form.innerHTML = `
-    <strong class="channel-head-title">Создание канала</strong>
+    <div class="channel-create-avatar-head">
-    <p class="channel-head-meta">Разрешены только латинские буквы, цифры, _ и -.</p>
+      <div id="channel-avatar-preview"></div>
-    <p class="channel-head-meta">Длина названия: от 3 до 32 символов. Название не должно состоять только из цифр.</p>
+      <div class="channel-create-avatar-side">
-    <p class="channel-head-meta">Можно использовать большие и маленькие буквы, но уникальность проверяется без учёта регистра.</p>
+        <div class="channel-create-avatar-status-row">
-    <div class="meta-muted">Тип канала фиксирован: публичный (1).</div>
+          <div class="channel-create-avatar-status" id="channel-avatar-status"></div>
+          <button type="button" class="channel-avatar-remove-btn" id="channel-avatar-remove" title="Убрать аватар" aria-label="Убрать аватар">✕</button>
+        </div>
+        <button type="button" class="secondary-btn" id="channel-avatar-btn">Выбрать аватар</button>
+      </div>
+    </div>
 
-    <label for="channel-name">Техническое имя канала</label>
+    <label for="channel-name">Технический логин канала</label>
     <input id="channel-name" class="input" maxlength="32" placeholder="Например: My-Channel_1" required />
+    <div class="meta-muted channel-create-login-hint">${CHANNEL_LOGIN_HINT}</div>
+    <div class="meta-muted channel-link-preview" id="channel-link-preview">&nbsp;</div>
     <div id="channel-name-error" class="meta-muted inline-error"></div>
 
-    <label for="channel-title">Человекочитаемое имя</label>
+    <label for="channel-title">Как канал будет виден пользователям</label>
     <input id="channel-title" class="input" maxlength="50" placeholder="Например: Мой красивый канал" />
     <div class="meta-muted" id="channel-title-counter">0 / 50 символов</div>
     <div id="channel-title-error" class="meta-muted inline-error"></div>
 
-    <div id="channel-avatar-preview"></div>
-    <button type="button" class="secondary-btn" id="channel-avatar-btn">Выбрать аватар</button>
-
     <label for="channel-description">Описание канала (необязательно)</label>
     <textarea id="channel-description" class="input" rows="4" maxlength="250" placeholder="Коротко о канале, до 250 символов"></textarea>
     <div class="meta-muted" id="channel-description-counter">0 / 250 символов</div>
@@ -96,7 +131,10 @@ export function render({ navigate }) {
   const titleEl = form.querySelector('#channel-title');
   const descriptionEl = form.querySelector('#channel-description');
   const avatarPreviewEl = form.querySelector('#channel-avatar-preview');
+  const avatarStatusEl = form.querySelector('#channel-avatar-status');
   const avatarBtn = form.querySelector('#channel-avatar-btn');
+  const avatarRemoveBtn = form.querySelector('#channel-avatar-remove');
+  const linkPreviewEl = form.querySelector('#channel-link-preview');
   const nameErrorEl = form.querySelector('#channel-name-error');
   const titleErrorEl = form.querySelector('#channel-title-error');
   const titleCounterEl = form.querySelector('#channel-title-counter');
@@ -108,6 +146,58 @@ export function render({ navigate }) {
 
   let submitInFlight = false;
   let selectedAvatar = null;
+  let ownerBlockchainName = '';
+  let avatarAvailabilityLabel = '';
+  let avatarAvailabilityTxId = '';
+
+  const renderAvatarStatus = (nameValue, titleValue) => {
+    renderAvatarPreview(avatarPreviewEl, selectedAvatar, titleValue || nameValue);
+    avatarRemoveBtn.hidden = !selectedAvatar?.ar;
+    if (!selectedAvatar?.ar) {
+      avatarStatusEl.innerHTML = '<p class="channel-avatar-status-text">Аватар канала не установлен.</p>';
+      return;
+    }
+    const txId = String(selectedAvatar.ar || '').trim();
+    const shortTxId = shortAvatarBlockchainAddress(txId);
+    const isPending = avatarAvailabilityLabel === 'pending' || avatarAvailabilityTxId !== txId;
+    avatarStatusEl.innerHTML = `
+      <p class="channel-avatar-status-text">Аватар канала</p>
+      <p class="channel-avatar-status-line">Адрес аватара в блокчейне Arweave <span class="channel-avatar-txid">${shortTxId}</span><span class="channel-avatar-status-pending">${isPending ? ', ещё не обновился в блокчейне.' : ''}</span></p>
+    `;
+  };
+
+  const renderChannelLinkPreview = (nameValue) => {
+    const normalizedChannelName = normalizeChannelDisplayName(nameValue);
+    if (!ownerBlockchainName || !normalizedChannelName) {
+      linkPreviewEl.innerHTML = '&nbsp;';
+      return;
+    }
+    const directUrl = buildAbsoluteChannelUrl({
+      ownerBlockchainName,
+      channelName: normalizedChannelName,
+    });
+    linkPreviewEl.innerHTML = `Прямая ссылка: <a href="${directUrl}" target="_blank" rel="noopener noreferrer">${directUrl}</a>`;
+  };
+
+  const refreshAvatarAvailability = async () => {
+    const txId = String(selectedAvatar?.ar || '').trim();
+    avatarAvailabilityTxId = txId;
+    avatarAvailabilityLabel = txId ? 'pending' : '';
+    renderAvatarStatus(nameEl.value, titleEl.value);
+    if (!txId) return;
+    try {
+      const availability = await getArweaveAttachmentAvailability({
+        gateway: state.entrySettings.arweaveServer,
+        attachment: selectedAvatar,
+      });
+      if (avatarAvailabilityTxId !== txId) return;
+      avatarAvailabilityLabel = String(availability?.status || '').trim().toLowerCase();
+    } catch {
+      if (avatarAvailabilityTxId !== txId) return;
+      avatarAvailabilityLabel = 'pending';
+    }
+    renderAvatarStatus(nameEl.value, titleEl.value);
+  };
 
   const setBusy = (busy) => {
     submitInFlight = !!busy;
@@ -125,7 +215,7 @@ export function render({ navigate }) {
     const titleCheck = normalizeMetaText(titleEl.value, 50, 'Название');
     const descriptionCheck = normalizeMetaText(descriptionEl.value, 250, 'Описание');
 
-    nameErrorEl.textContent = nameCheck.ok ? '' : channelNameErrorText(nameCheck.code);
+    nameErrorEl.textContent = '';
     titleErrorEl.textContent = titleCheck.error;
     descriptionErrorEl.textContent = descriptionCheck.error;
 
@@ -134,7 +224,8 @@ export function render({ navigate }) {
 
     const ok = nameCheck.ok && titleCheck.ok && descriptionCheck.ok;
     submitEl.disabled = submitInFlight || !ok;
-    renderAvatarPreview(avatarPreviewEl, selectedAvatar, titleCheck.normalized || nameCheck.normalized);
+    renderAvatarStatus(nameCheck.normalized, titleCheck.normalized);
+    renderChannelLinkPreview(nameCheck.normalized);
 
     return {
       ok,
@@ -144,24 +235,46 @@ export function render({ navigate }) {
     };
   };
 
-  nameEl.addEventListener('input', updateValidation);
+  nameEl.addEventListener('input', () => {
+    const raw = String(nameEl.value || '');
+    const sanitized = sanitizeChannelLoginInput(raw);
+    if (raw !== sanitized) {
+      nameEl.value = sanitized;
+      window.alert(CHANNEL_LOGIN_HINT);
+    }
+    updateValidation();
+  });
   titleEl.addEventListener('input', updateValidation);
   descriptionEl.addEventListener('input', updateValidation);
   avatarBtn.addEventListener('click', async () => {
     try {
-      selectedAvatar = await openArweaveAttachmentManager({
+      const nextAvatar = await openArweaveAttachmentManager({
         login: state.session.login,
         storagePwd: state.session.storagePwdInMemory,
         gateway: state.entrySettings.arweaveServer,
         mode: 'avatar',
         historyPurpose: 'avatar',
       });
+      if (nextAvatar?.ar) {
+        selectedAvatar = nextAvatar;
+        void refreshAvatarAvailability();
+      }
       updateValidation();
     } catch (error) {
       errorEl.textContent = toUserMessage(error, 'Не удалось выбрать аватар.');
     }
   });
 
+  avatarRemoveBtn.addEventListener('click', () => {
+    if (!selectedAvatar?.ar) return;
+    const confirmed = window.confirm('Убрать аватар и сделать канал без аватара?');
+    if (!confirmed) return;
+    selectedAvatar = null;
+    avatarAvailabilityLabel = '';
+    avatarAvailabilityTxId = '';
+    updateValidation();
+  });
+
   form.addEventListener('submit', async (event) => {
     event.preventDefault();
     if (submitInFlight) return;
@@ -174,6 +287,11 @@ export function render({ navigate }) {
     }
 
     const check = updateValidation();
+    if (check.name && /^[0-9]+$/.test(check.name)) {
+      window.alert(CHANNEL_LOGIN_DIGITS_ONLY_HINT);
+      nameEl.focus();
+      return;
+    }
     if (!check.ok) return;
 
     setBusy(true);
@@ -206,5 +324,14 @@ export function render({ navigate }) {
   screen.append(form);
   nameEl.focus();
   updateValidation();
+  void authService.getUser(String(state.session.login || '').trim())
+    .then((user) => {
+      ownerBlockchainName = String(user?.blockchainName || '').trim();
+      renderChannelLinkPreview(nameEl.value);
+    })
+    .catch(() => {
+      ownerBlockchainName = '';
+      renderChannelLinkPreview(nameEl.value);
+    });
   return screen;
 }

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

@@ -4,6 +4,7 @@ import { toUserMessage } from '../services/ui-error-texts.js';
 import {
   checkLoginExistsOnSolana,
   formatSolanaErrorDetails,
+  isSolanaRpcUnavailableError,
   precheckLoginClassOnSolana,
 } from '../services/solana-register-service.js';
 import {
@@ -251,6 +252,10 @@ export function render({ navigate }) {
       return isFree && className === 'free';
     } catch (error) {
       if (runId !== loginCheckRunId) return false;
+      if (isSolanaRpcUnavailableError(error)) {
+        setStatusMessage('Нет связи с сервером Solana. Попробуйте ещё раз позже.', 'is-unavailable');
+        return false;
+      }
       const base = toUserMessage(error, 'Не удалось проверить логин');
       const details = formatSolanaErrorDetails(error);
       setStatusMessage(`${base}. Детали: ${details}`, 'is-unavailable');

shine-UI/js/pages/registration-payment-view.js

@@ -18,6 +18,7 @@ import { loadSolanaWeb3 } from '../vendor/solana-web3-loader.js';
 import {
   checkLoginExistsOnSolana,
   formatSolanaErrorDetails,
+  isSolanaRpcUnavailableError,
   isUserAlreadyExistsSolanaError,
   registerUserOnSolana,
 } from '../services/solana-register-service.js';
@@ -311,6 +312,16 @@ export function render({ navigate }) {
       const keyBundle = state.registrationDraft.preGeneratedKeyBundle;
       if (!keyBundle) throw new Error('Ключи не найдены. Вернитесь на предыдущий шаг.');
 
+      // Перед on-chain регистрацией перепроверяем логин ещё раз:
+      // между экраном выбора логина и оплатой его мог занять кто-то другой.
+      const loginStateBeforeRegister = await checkLoginExistsOnSolana({
+        login: state.registrationDraft.login,
+        solanaEndpoint: state.entrySettings.solanaServer,
+      });
+      if (loginStateBeforeRegister?.exists) {
+        throw new Error('Этот логин уже зарегистрирован. Войдите в существующий аккаунт или выберите другой логин.');
+      }
+
       // Регистрация на Solana (смарт контракт)
       submitButton.textContent = 'Регистрация в Solana...';
       let registrationTxId = '';
@@ -325,15 +336,20 @@ export function render({ navigate }) {
         registrationTxId = String(registrationResult?.signature || '').trim();
       } catch (solanaError) {
         const solanaMsg = formatSolanaErrorDetails(solanaError);
-        // Пользователь уже зарегистрирован в Solana — продолжаем
+        if (solanaMsg.includes('already') || isUserAlreadyExistsSolanaError(solanaError)) {
-        if (!solanaMsg.includes('already') && !isUserAlreadyExistsSolanaError(solanaError)) {
+          throw new Error('Этот логин уже зарегистрирован. Войдите в существующий аккаунт или выберите другой логин.');
-          throw new Error(`Ошибка регистрации в Solana: ${solanaMsg}`);
         }
+        if (isSolanaRpcUnavailableError(solanaError)) {
+          throw new Error('Нет связи с сервером Solana. Попробуйте ещё раз позже.');
+        }
+        throw new Error(`Ошибка регистрации в Solana: ${solanaMsg}`);
       }
 
       renderSolanaRegistrationStage({ navigate, status, keyBundle, registrationTxId });
     } catch (error) {
-      const message = toUserMessage(error, 'Не удалось завершить регистрацию.');
+      const message = isSolanaRpcUnavailableError(error)
+        ? 'Нет связи с сервером Solana. Попробуйте ещё раз позже.'
+        : toUserMessage(error, 'Не удалось завершить регистрацию.');
       setAuthError(message);
       status.className = 'status-line is-unavailable';
       status.textContent = message;

shine-UI/js/router.js

@@ -1,4 +1,4 @@
-import { parseShineRootSegment } from './services/shine-routes.js';
+import { parseShineRouteParts } from './services/shine-routes.js';
 
 const ROOT_PAGES = ['messages-list', 'channels-list', 'network-view', 'notifications-view', 'profile-view'];
 const PRETTY_PATHS = new Map([
@@ -90,9 +90,11 @@ export function getRoute() {
   };
   const isLikelyBlockNumber = (value) => /^[0-9]+$/.test(String(value || '').trim());
 
-  const shineLogin = parseShineRootSegment(pageId);
+  const shineRoute = parseShineRouteParts(segments);
-  if (shineLogin) {
+  if (shineRoute?.entity) {
-    const section = decodePart(segments[1] || '').toLowerCase();
+    const shineLogin = shineRoute.entity;
+    const baseOffset = Number(shineRoute.offset || 0);
+    const section = decodePart(segments[baseOffset] || '').toLowerCase();
     if (!section) {
       return { pageId: 'user', params: { login: shineLogin, fromPage: 'messages-list', section: 'profile' } };
     }
@@ -100,7 +102,7 @@ export function getRoute() {
       return { pageId: 'network-view', params: { mode: 'keep-history', login: shineLogin } };
     }
     if (section === 'channels') {
-      const sub = decodePart(segments[2] || '').toLowerCase();
+      const sub = decodePart(segments[baseOffset + 1] || '').toLowerCase();
       if (sub === 'owned') {
         return {
           pageId: 'channels-list',
@@ -118,12 +120,12 @@ export function getRoute() {
         params: { mode: 'feed', login: shineLogin, scope: 'all' },
       };
     }
-    if (segments.length === 2 && isLikelyBlockNumber(segments[1])) {
+    if (segments.length === baseOffset + 1 && isLikelyBlockNumber(segments[baseOffset])) {
       return {
         pageId: 'channel-thread-view',
         params: {
           messageBlockchainName: shineLogin,
-          messageBlockNumber: segments[1] || '',
+          messageBlockNumber: segments[baseOffset] || '',
           messageBlockHash: '',
           channelOwnerBlockchainName: '',
           channelRootBlockNumber: '',
@@ -131,10 +133,10 @@ export function getRoute() {
         },
       };
     }
-    if (segments.length >= 2) {
+    if (segments.length >= baseOffset + 1) {
       const ownerBlockchainName = shineLogin;
-      const channelName = decodePart(segments[1] || '');
+      const channelName = decodePart(segments[baseOffset] || '');
-      const messageBlockNumber = segments[2] || '';
+      const messageBlockNumber = segments[baseOffset + 1] || '';
       if (ownerBlockchainName && channelName && messageBlockNumber) {
         return {
           pageId: 'channel-thread-view',

shine-UI/js/services/shine-routes.js

@@ -10,7 +10,7 @@ function decodeRoutePart(value = '') {
   }
 }
 
-const SHINE_ROUTE_PREFIX = 'SHiNE.';
+const SHINE_ROUTE_SEGMENT = 'SHiNE';
 
 export function normalizeLogin(value = '') {
   return String(value || '').trim().replace(/^@+/, '');
@@ -25,21 +25,21 @@ export function extractLoginFromBlockchainName(value = '') {
 
 export function makeProfileRoute(login = '') {
   const clean = normalizeLogin(login);
-  return clean ? `${SHINE_ROUTE_PREFIX}${encodeRoutePart(clean)}` : 'profile';
+  return clean ? `${SHINE_ROUTE_SEGMENT}/${encodeRoutePart(clean)}` : 'profile';
 }
 
 export function makeProfileLinksRoute(login = '') {
   const clean = normalizeLogin(login);
-  return clean ? `${SHINE_ROUTE_PREFIX}${encodeRoutePart(clean)}/links` : 'network/keep-history';
+  return clean ? `${SHINE_ROUTE_SEGMENT}/${encodeRoutePart(clean)}/links` : 'network/keep-history';
 }
 
 export function makeProfileChannelsRoute(login = '', scope = 'all') {
   const clean = normalizeLogin(login);
   if (!clean) return 'channels/feed';
   const normalizedScope = String(scope || '').trim().toLowerCase();
-  if (normalizedScope === 'owned') return `${SHINE_ROUTE_PREFIX}${encodeRoutePart(clean)}/channels/owned`;
+  if (normalizedScope === 'owned') return `${SHINE_ROUTE_SEGMENT}/${encodeRoutePart(clean)}/channels/owned`;
-  if (normalizedScope === 'following') return `${SHINE_ROUTE_PREFIX}${encodeRoutePart(clean)}/channels/following`;
+  if (normalizedScope === 'following') return `${SHINE_ROUTE_SEGMENT}/${encodeRoutePart(clean)}/channels/following`;
-  return `${SHINE_ROUTE_PREFIX}${encodeRoutePart(clean)}/channels`;
+  return `${SHINE_ROUTE_SEGMENT}/${encodeRoutePart(clean)}/channels`;
 }
 
 export function makeShineChannelRoute({ ownerLogin = '', ownerBlockchainName = '', channelName = '', messageBlockNumber = '' }) {
@@ -47,19 +47,33 @@ export function makeShineChannelRoute({ ownerLogin = '', ownerBlockchainName = '
   const chName = String(channelName || '').trim();
   const msgNo = String(messageBlockNumber || '').trim();
   if (!ownerBch || !chName) return '';
-  if (msgNo) return `${SHINE_ROUTE_PREFIX}${encodeRoutePart(ownerBch)}/${encodeRoutePart(chName)}/${encodeRoutePart(msgNo)}`;
+  if (msgNo) return `${SHINE_ROUTE_SEGMENT}/${encodeRoutePart(ownerBch)}/${encodeRoutePart(chName)}/${encodeRoutePart(msgNo)}`;
-  return `${SHINE_ROUTE_PREFIX}${encodeRoutePart(ownerBch)}/${encodeRoutePart(chName)}`;
+  return `${SHINE_ROUTE_SEGMENT}/${encodeRoutePart(ownerBch)}/${encodeRoutePart(chName)}`;
 }
 
 export function makeShineMessageRoute({ ownerLogin = '', messageBlockchainName = '', messageBlockNumber = '' }) {
   const msgBch = String(messageBlockchainName || '').trim();
   const msgNo = String(messageBlockNumber || '').trim();
   if (!msgBch || !msgNo) return '';
-  return `${SHINE_ROUTE_PREFIX}${encodeRoutePart(msgBch)}/${encodeRoutePart(msgNo)}`;
+  return `${SHINE_ROUTE_SEGMENT}/${encodeRoutePart(msgBch)}/${encodeRoutePart(msgNo)}`;
 }
 
-export function parseShineRootSegment(segment = '') {
+export function parseShineRouteParts(segments = []) {
-  const raw = String(segment || '').trim();
+  const parts = Array.isArray(segments) ? segments.map((value) => String(value || '').trim()) : [];
-  if (!raw.toLowerCase().startsWith(SHINE_ROUTE_PREFIX.toLowerCase())) return '';
+  if (!parts.length) return null;
-  return normalizeLogin(decodeRoutePart(raw.slice(SHINE_ROUTE_PREFIX.length)));
+
+  if (String(parts[0] || '').toLowerCase() === SHINE_ROUTE_SEGMENT.toLowerCase()) {
+    const entity = normalizeLogin(decodeRoutePart(parts[1] || ''));
+    if (!entity) return null;
+    return { entity, offset: 2, format: 'slash' };
+  }
+
+  const raw = String(parts[0] || '').trim();
+  const legacyPrefix = `${SHINE_ROUTE_SEGMENT}.`;
+  if (!raw.toLowerCase().startsWith(legacyPrefix.toLowerCase())) return null;
+  return {
+    entity: normalizeLogin(decodeRoutePart(raw.slice(legacyPrefix.length))),
+    offset: 1,
+    format: 'dot',
+  };
 }

shine-UI/js/services/solana-register-service.js

@@ -72,6 +72,19 @@ export function formatSolanaErrorDetails(error) {
   return parts.join(' :: ');
 }
 
+export function isSolanaRpcUnavailableError(error) {
+  const details = formatSolanaErrorDetails(error).toLowerCase();
+  return details.includes('service unavailable')
+    || details.includes('503')
+    || details.includes('failed to fetch')
+    || details.includes('fetch failed')
+    || details.includes('networkerror')
+    || details.includes('network error')
+    || details.includes('rpc unavailable')
+    || details.includes('rpc error')
+    || details.includes('failed to get info about account');
+}
+
 export function isUserAlreadyExistsSolanaError(error) {
   const details = formatSolanaErrorDetails(error);
   return details.includes('UserAlreadyExists')

shine-UI/styles/components.css

@@ -6557,6 +6557,95 @@ html, body { overflow-x: hidden; }
   box-shadow: 0 0 22px rgba(212, 175, 55, 0.2), inset 0 0 8px rgba(212, 175, 55, 0.1);
 }
 
+.channel-create-avatar-head {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 14px;
+  align-items: start;
+}
+
+.channel-create-avatar-side {
+  min-width: 0;
+  display: grid;
+  gap: 10px;
+  align-content: start;
+}
+
+.channel-create-avatar-status-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 10px;
+  align-items: start;
+}
+
+.channel-create-avatar-status {
+  min-width: 0;
+}
+
+.channel-avatar-status-text {
+  margin: 0;
+  color: rgba(255, 255, 255, 0.96);
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 1.35;
+}
+
+.channel-avatar-status-line {
+  margin: 2px 0 0;
+  color: rgba(255, 255, 255, 0.96);
+  font-size: 12px;
+  line-height: 1.35;
+}
+
+.channel-avatar-txid {
+  margin: 0;
+  word-break: break-all;
+  color: rgba(255, 255, 255, 0.96);
+  font-size: 11px;
+}
+
+.channel-avatar-status-pending {
+  color: rgba(255, 255, 255, 0.82);
+}
+
+.channel-create-login-hint {
+  font-size: 11px;
+  line-height: 1.35;
+}
+
+.channel-link-preview {
+  min-height: 18px;
+}
+
+.channel-avatar-remove-btn {
+  width: 26px;
+  min-width: 26px;
+  height: 26px;
+  padding: 0;
+  border: 1px solid rgba(255, 107, 107, 0.75);
+  border-radius: 8px;
+  background: rgba(150, 18, 18, 0.3);
+  color: #ff8b8b;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.channel-avatar-remove-btn:hover,
+.channel-avatar-remove-btn:focus-visible {
+  background: rgba(180, 22, 22, 0.42);
+  box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.16);
+}
+
+.channel-avatar-remove-btn[hidden] {
+  display: none;
+}
+
+@media (max-width: 420px) {
+  .channel-create-avatar-head {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* ===== Final microinteractions: breathe cards + static energy buttons ===== */
 @keyframes breatheCard {
   0%, 100% { transform: translateY(0px); }