Чат: поиск сверху, метка бота в списке ЛС, галочка закрытых разговоров

- Строка поиска перенесена наверх страницы (над всем чатом), результаты
  по-прежнему открываются в области сообщений
- В списке ЛС у собеседников-ботов рядом выводится метка «бот»
- Закрытые/архивные разговоры (delete_at>0) скрыты по умолчанию, показываются
  только по галочке «Показувати закриті розмови» (тянем include_deleted=true)

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

templates/pages/chat.html

@@ -8,6 +8,17 @@
     {% if chat_state == 'ready' %}
     {{ chat_config|json_script:"chat-config-data" }}
     {{ chat_colleagues|json_script:"chat-colleagues-data" }}
+
+    <!-- Пошук по всіх повідомленнях (над чатом) -->
+    <div style="display:flex; gap:0.5rem; align-items:center; margin-bottom:1rem;">
+        <input type="text" id="chat-search-input" placeholder="Пошук по всіх повідомленнях..." class="input" style="flex:1; max-width:34rem;"
+               onkeydown="if(event.key==='Enter'){event.preventDefault();chatSearchMessages(this.value);}">
+        <button type="button" class="btn btn-secondary btn-icon" aria-label="Шукати"
+                onclick="chatSearchMessages(document.getElementById('chat-search-input').value)">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
+        </button>
+    </div>
+
     <!-- Перемикач «кімнат» (команди Mattermost: Офіс / Аптеки / Склад) -->
     <div id="chat-team-switcher" style="margin-bottom:1rem;"></div>
     <div id="chat-app" style="display:grid; grid-template-columns:260px 1fr; gap:1.25rem; height:calc(100vh - 15rem); max-height:640px;">
@@ -33,6 +44,12 @@
                 </div>
 
             </div>
+            <div style="border-top:1px solid var(--color-border); padding:0.5rem 0.75rem;">
+                <label style="display:flex; align-items:center; gap:0.375rem; font-size:0.75rem; color:var(--color-muted-foreground); cursor:pointer;">
+                    <input type="checkbox" id="chat-show-archived" onchange="chatToggleArchived(this.checked)" style="cursor:pointer;">
+                    Показувати закриті розмови
+                </label>
+            </div>
         </div>
 
         <div style="background:var(--color-card); border-radius:0.75rem; border:1px solid var(--color-border); box-shadow:0 1px 2px rgb(0 0 0/0.05); display:flex; flex-direction:column; overflow:hidden;">
@@ -41,15 +58,6 @@
                 <span style="font-size:0.875rem; color:var(--color-muted-foreground);">Оберіть канал зліва</span>
             </div>
 
-            <div style="padding:0.5rem 1.25rem; border-bottom:1px solid var(--color-border); display:flex; gap:0.5rem; align-items:center;">
-                <input type="text" id="chat-search-input" placeholder="Пошук повідомлень..." class="input" style="flex:1;"
-                       onkeydown="if(event.key==='Enter'){event.preventDefault();chatSearchMessages(this.value);}">
-                <button type="button" class="btn btn-ghost btn-icon" aria-label="Шукати"
-                        onclick="chatSearchMessages(document.getElementById('chat-search-input').value)">
-                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
-                </button>
-            </div>
-
             <div id="chat-messages" style="flex:1; overflow-y:auto; padding:1.25rem; display:flex; flex-direction:column; gap:1rem;"></div>
             <div id="chat-search-results" style="display:none; flex:1; overflow-y:auto; padding:0.875rem 1.25rem; flex-direction:column; gap:0.5rem;"></div>