UI: мультиаккаунты профиля и улучшенный поиск каналов

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

@@ -407,12 +407,13 @@ function openChannelFinderModal({ navigate }) {
     <div class="modal" id="channels-find-modal">
       <div class="modal-card stack" style="max-width: min(96vw, 760px); width: min(96vw, 760px);">
         <h3 class="modal-title">Поиск каналов</h3>
-        <p class="meta-muted">Введите логин или формат login/channel</p>
-        <input id="channels-find-input" class="input" placeholder="login/channel" autocomplete="off" />
+        <p class="meta-muted">Введите логин (или начало логина), затем выберите пользователя и канал.</p>
+        <input id="channels-find-input" class="input" placeholder="Например: aid" autocomplete="off" />
         <div id="channels-find-suggest" class="channels-search-suggest" style="display:none"></div>
         <div id="channels-find-list" class="channels-search-suggest" style="display:none"></div>
         <div id="channels-find-error" class="meta-muted inline-error"></div>
         <div class="form-actions-grid">
+          <button class="primary-btn" id="channels-find-run" type="button">Найти</button>
           <button class="secondary-btn" id="channels-find-close" type="button">Закрыть</button>
         </div>
       </div>
@@ -496,9 +497,16 @@ function openChannelFinderModal({ navigate }) {
         channelName: item.channelName,
       }));
     renderChannelRows(channels);
+    if (!channels.length) {
+      errorEl.textContent = filterChannel
+        ? 'Каналы с таким фильтром не найдены.'
+        : `У пользователя "${ownerLogin}" пока нет доступных каналов.`;
+    } else {
+      errorEl.textContent = '';
+    }
   };
 
-  const refresh = createDebounced(async () => {
+  const runSearch = async () => {
     const raw = String(inputEl?.value || '').trim();
     errorEl.textContent = '';
     if (!raw) {
@@ -506,6 +514,7 @@ function openChannelFinderModal({ navigate }) {
       suggestEl.innerHTML = '';
       channelsEl.style.display = 'none';
       channelsEl.innerHTML = '';
+      errorEl.textContent = 'Введите логин или начало логина.';
       return;
     }
 
@@ -521,7 +530,7 @@ function openChannelFinderModal({ navigate }) {
         return;
       }
 
-      if (loginPrefix.length < 2) {
+      if (loginPrefix.length < 1) {
         suggestEl.style.display = 'none';
         suggestEl.innerHTML = '';
         channelsEl.style.display = 'none';
@@ -530,10 +539,20 @@ function openChannelFinderModal({ navigate }) {
       }
 
       const logins = await authService.searchUsers(loginPrefix);
+      const rows = Array.isArray(logins) ? logins : [];
+      if (!rows.length) {
+        suggestEl.style.display = 'none';
+        suggestEl.innerHTML = '';
+        channelsEl.style.display = 'none';
+        channelsEl.innerHTML = '';
+        errorEl.textContent = `Логины, начинающиеся на "${loginPrefix}", не найдены.`;
+        return;
+      }
       const items = (Array.isArray(logins) ? logins : []).slice(0, 15).map((login) => ({
         label: login,
         login,
       }));
+      errorEl.textContent = '';
       renderButtons(suggestEl, items, async (item) => {
         inputEl.value = `${item.login}/`;
         suggestEl.style.display = 'none';
@@ -543,9 +562,19 @@ function openChannelFinderModal({ navigate }) {
     } catch (error) {
       errorEl.textContent = toUserMessage(error, 'Не удалось выполнить поиск.');
     }
-  }, 220);
+  };
+
+  const refresh = createDebounced(runSearch, 220);
 
   root.querySelector('#channels-find-close')?.addEventListener('click', close);
+  root.querySelector('#channels-find-run')?.addEventListener('click', () => {
+    void runSearch();
+  });
+  inputEl?.addEventListener('keydown', (event) => {
+    if (event.key !== 'Enter') return;
+    event.preventDefault();
+    void runSearch();
+  });
   inputEl?.addEventListener('input', refresh);
   if (inputEl) inputEl.focus();
 }