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/download.html

@@ -45,10 +45,10 @@
       <div class="meta-body">
         <p class="h">{{.RecTitle}}</p>
         {{if .OriginalTitle}}<p class="o">{{.OriginalTitle}}</p>{{end}}
-        <dl class="kv" style="max-width:360px">
+        <dl class="kv">
           <dt>Тип</dt><dd>{{if .IsSeries}}сериал{{else if eq .MediaType "movie"}}фильм{{else}}{{.MediaType}}{{end}}</dd>
           {{if .Year}}<dt>Год</dt><dd>{{.Year}}</dd>{{end}}
-          <dt>База</dt><dd>{{if .Provider}}{{.Provider}} · <span class="mono">{{.ProviderID}}</span>{{else if .NoBase}}без базы{{else}}—{{end}}</dd>
+          <dt>База</dt><dd>{{if .Provider}}{{if .MatchURL}}<a class="ext-link" href="{{.MatchURL}}" target="_blank" rel="noopener">{{.Provider}} · {{.ProviderID}} ↗</a>{{else}}{{.Provider}} · <span class="mono">{{.ProviderID}}</span>{{end}}{{else if .NoBase}}без базы{{else}}—{{end}}</dd>
           {{if .Confidence}}<dt>Уверенность</dt><dd class="mono">{{.Confidence}}</dd>{{end}}
         </dl>
       </div>
@@ -83,11 +83,26 @@
 
   <!-- Контекст -->
   {{if .Context}}
-  <div class="section" style="margin-bottom:0">
+  <div class="section">
     <div class="section-head"><h2>Контекст</h2><span class="hint">сообщение при добавлении</span></div>
     <p style="margin:0;color:var(--text-dim)">«{{.Context}}»</p>
   </div>
   {{end}}
+
+  <!-- Информация о торренте -->
+  <div class="section" style="margin-bottom:0">
+    <div class="section-head"><h2>Информация о торренте</h2><span class="hint">сырой источник и infohash</span></div>
+    <dl class="kv">
+      <dt>Тип источника</dt><dd>{{.SourceType}}</dd>
+      {{if .Infohash}}<dt>infohash</dt><dd class="mono">{{.Infohash}}</dd>{{end}}
+    </dl>
+    {{if .SourceFull}}
+    <div class="src-block">
+      <code class="src-full">{{.SourceFull}}</code>
+      <button class="copy-btn" type="button" onclick="copyHash(this,'{{.SourceFull}}')">⧉ копировать</button>
+    </div>
+    {{end}}
+  </div>
 </main>
 </body>
 </html>

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}}
 

web/templates/partials/layout_widget.html

@@ -7,9 +7,8 @@
       <tr class="{{if $f.Ignored}}ignored{{end}}">
         <td class="cell-num">{{add $i 1}}</td>
         <td>
-          <div class="fname">{{$f.Src}}</div>
+          <div class="fname">{{$f.Src}} <span class="arr">→</span></div>
           <div class="link-to">
-            <span class="arr">→</span>
             {{if $f.Linked}}<span class="src">{{$f.Dst}}</span>{{else}}<span class="no-link">не разложен</span>{{end}}
           </div>
         </td>

web/templates/review.html

@@ -68,7 +68,7 @@
   <div class="section">
     <div class="section-head"><h2>Источник совпадения</h2><span class="hint">выбери базу или оставь распознавание нейронкой</span></div>
 
-    {{if .Provider}}<p style="margin:0 0 var(--sp-3)">Выбрано: <b>{{.Provider}}</b> <span class="mono">{{.ProviderID}}</span></p>
+    {{if .Provider}}<p style="margin:0 0 var(--sp-3)">Выбрано: <b>{{.Provider}}</b> {{if .MatchURL}}<a class="ext-link" href="{{.MatchURL}}" target="_blank" rel="noopener">{{.ProviderID}} ↗</a>{{else}}<span class="mono">{{.ProviderID}}</span>{{end}}</p>
     {{else if .NoBase}}<p style="margin:0 0 var(--sp-3)">Выбрано: <b>без базы</b> <span class="faint">(тег папки не ставится)</span></p>
     {{else}}<p style="margin:0 0 var(--sp-3)"><span class="faint">Матч не подтверждён — выбери кандидата, введи id или «без базы».</span></p>{{end}}