UI/UX списка и карточки загрузки: серверные фильтр/поиск/пагинация, матч-ссылка, имя раздачи (web-ui-list-detail)

- Список: серверные фильтр по группе состояний, поиск и пагинация (GET
  f/q/page/all, по 25), сортировка по времени добавления в qBittorrent
  (added_on) с фолбеком на created_at и tie-break по id.
- Заголовок загрузки = имя раздачи (display_name) → распознанное название →
  усечённый источник; сырой magnet вынесен в блок «Информация о торренте».
- Матч метабазы показан ссылкой на запись (страница загрузки и ревью);
  URL берётся у выбранного кандидата либо строится по provider+id и типу.
- Полировка вёрстки; клиентская JS-фильтрация убрана (всё серверное, без JS).
- Миграция 0005 (display_name, source_added_at); воркер однократно
  фиксирует source_added_at при поллинге/усыновлении; ER-схема обновлена.
- OpenSpec: дельты влиты в specs/{web-ui,ingest}, change заархивирован.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web/templates/index.html

@@ -28,30 +28,31 @@
     <p class="add-hint">Можно вставить целиком сообщение трекер-бота — magnet и контекст разберутся автоматически.</p>
   </form>
 
-  {{if .Downloads}}
-  <!-- Панель фильтров -->
+  {{if or .Downloads .Searching}}
+  <!-- Панель фильтров (серверные: фильтр/поиск/пагинация в query) -->
   <div class="toolbar" id="list-toolbar">
-    <div class="search">
+    <form class="search" method="get" action="/">
       <span class="ico">⌕</span>
-      <input class="input" type="search" placeholder="Поиск по названию или infohash…" oninput="applyFilters()">
-    </div>
+      <input class="input" type="search" name="q" value="{{.Query}}"
+        placeholder="Поиск по названию или infohash…">
+      {{if ne .Filter "all"}}<input type="hidden" name="f" value="{{.Filter}}">{{end}}
+      {{if .ShowAll}}<input type="hidden" name="all" value="1">{{end}}
+    </form>
     <div class="filter-chips" id="chips">
-      <button class="chip active" type="button" data-f="all" onclick="setFilter(this)">Все</button>
-      <button class="chip" type="button" data-f="review" onclick="setFilter(this)">Ждут меня</button>
-      <button class="chip" type="button" data-f="active" onclick="setFilter(this)">В работе</button>
-      <button class="chip" type="button" data-f="done" onclick="setFilter(this)">Готово</button>
-      <button class="chip" type="button" data-f="problem" onclick="setFilter(this)">Проблемы</button>
+      {{range .Chips}}<a class="chip{{if .Active}} active{{end}}" href="{{.URL}}">{{.Label}}</a>{{end}}
     </div>
   </div>
 
   <div class="toggle-line">
-    <label><input type="checkbox" id="showAll" onchange="applyFilters()"> Показать всё, включая удалённые</label>
+    <a href="{{.ShowURL}}">{{if .ShowAll}}☑{{else}}☐{{end}} Показать всё, включая удалённые</a>
   </div>
+  {{end}}
 
+  {{if .Downloads}}
   <!-- Список карточек -->
   <div id="list">
     {{range .Downloads}}
-    <article class="card" data-group="{{.Group}}" data-text="{{.SearchText}}"{{if .Deleted}} data-deleted="1"{{end}}>
+    <article class="card">
       <div class="card-top">
         <div>
           <div class="card-title"><a href="/download/{{.ID}}" style="color:inherit">{{.Title}}</a></div>
@@ -88,14 +89,18 @@
     {{end}}
   </div>
 
-  <div class="empty-state" id="empty" style="display:none">
-    <div class="big">🍿</div>
-    Ничего не найдено. Поменяй фильтр или запрос.
-  </div>
+  {{if gt .Pages 1}}
+  <nav class="pager">
+    {{if .PrevURL}}<a class="btn btn-sm" href="{{.PrevURL}}">←</a>{{end}}
+    {{range .PageLinks}}<a class="btn btn-sm{{if .Active}} btn-primary{{end}}" href="{{.URL}}">{{.Num}}</a>{{end}}
+    {{if .NextURL}}<a class="btn btn-sm" href="{{.NextURL}}">→</a>{{end}}
+  </nav>
+  {{end}}
+
   {{else}}
   <div class="empty-state">
     <div class="big">🍿</div>
-    Пока пусто. Добавь первую загрузку выше.
+    {{if .Searching}}Ничего не найдено. Поменяй фильтр или запрос.{{else}}Пока пусто. Добавь первую загрузку выше.{{end}}
   </div>
   {{end}}