feat: search tackle catalog by name

apps/web/src/pages/tackle/index.astro

@@ -9,6 +9,7 @@ import { api, type PaginatedRigs, type PaginatedTackleItems } from "../../lib/ap
 
 const params = Astro.url.searchParams;
 const category = params.get("category") ?? "";
+const search = params.get("q") ?? "";
 const brand = params.get("brand") ?? "";
 const family = params.get("family") ?? "";
 const requestedOffset = Number(params.get("offset") ?? 0);
@@ -16,6 +17,7 @@ const limit = 48;
 const offset = Number.isInteger(requestedOffset) && requestedOffset >= 0 ? requestedOffset : 0;
 const query = new URLSearchParams({ limit: String(limit), offset: String(offset) });
 if (category) query.set("category", category);
+if (search) query.set("q", search);
 if (brand) query.set("brand", brand);
 if (family) query.set("family", family);
 let result: PaginatedTackleItems = { items: [], total: 0, limit, offset }, rigs: PaginatedRigs = { items: [], total: 0, limit, offset }, unavailable = false, rigsUnavailable = false;
@@ -29,6 +31,7 @@ if (unavailable) { Astro.response.status = 503; Astro.response.headers.set("Retr
 const categoryLabels: Record<string, string> = { bait: "Наживка", lure: "Приманка", rod: "Удилище", reel: "Катушка", line: "Леска", hook: "Крючок", rig: "Монтаж", float: "Поплавок", sinker: "Груз", other: "Другое" };
 const filterParams = new URLSearchParams();
 if (category) filterParams.set("category", category);
+if (search) filterParams.set("q", search);
 if (brand) filterParams.set("brand", brand);
 if (family) filterParams.set("family", family);
 ---
@@ -36,10 +39,11 @@ if (family) filterParams.set("family", family);
   <PageHero eyebrow="Канонический справочник" title="Снасти и приманки" description="Показываем только подтверждённые карточки. Пустые поля явно отмечены и не заменяются догадками." variant="fish" count={result.total} />
   <form class="record-filters" method="get" aria-label="Фильтры каталога снастей">
     <label>Категория<select name="category"><option value="">Все категории</option>{Object.entries(categoryLabels).map(([value, label]) => <option value={value} selected={category === value}>{label}</option>)}</select></label>
+    <label>Поиск<input name="q" value={search} maxlength="100" placeholder="Название снасти или приманки" /></label>
     <label>Бренд<input name="brand" value={brand} maxlength="100" placeholder="Например, RF4" /></label>
     <label>Семейство<input name="family" value={family} maxlength="100" placeholder="Название семейства" /></label>
     <button data-action="primary">Фильтровать</button>
-    {(category || brand || family) && <a data-action="quiet" href="/tackle">Сбросить</a>}
+    {(category || search || brand || family) && <a data-action="quiet" href="/tackle">Сбросить</a>}
     <a data-action="quiet" href="/tackle/analytics">Сочетания снастей</a>
   </form>
   {unavailable ? <StatePanel tone="unavailable" title="Каталог временно недоступен" description="Не показываем непроверенные карточки. Попробуйте обновить страницу позже." /> : result.items.length ? <section class="catalog-grid content-grid" aria-label="Карточки снастей">{result.items.map(item => <a href={`/tackle/items/${item.id}`}><TackleGlyph name={item.name} size={32} /><span>{categoryLabels[item.category] ?? item.category}</span><strong>{item.name}</strong><small>{[item.brand, item.family].filter(Boolean).join(" · ") || "Характеристики уточняются"}</small><div class="tackle-card-passport"><DataPassport sources={item.source_system ? [item.source_system] : []} sourceUrl={item.source_url} observedAt={item.source_checked_at} completeness={item.missing_fields.length ? null : 100} status={item.missing_fields.length ? "incomplete" : item.source_checked_at ? "verified" : "unverified"}/></div></a>)}</section> : <StatePanel title="Подтверждённых карточек пока нет" description="Каталог заполнится после разрешённой загрузки и ручной проверки источников." />}