feat(search): panneau de filtres unifié, clavier/focus du typeahead

Barre de recherche
- Panneau de filtres unifié (remplace le ProviderPicker) : sources, type
  (vidéos/shorts/direct/chaînes), période (heure/jour/semaine/mois/année),
  durée (<4 / 4-20 / >20 min) et tri. Pastilles + roving tabindex
  (←/→ dans un groupe, ↑/↓ entre groupes), focus trap, Échap, Ctrl/⌘+Maj+F,
  recherches récentes, « mémoriser par défaut », « Réinitialiser ».
- Pastilles des filtres actifs sous la barre (retrait en un clic) + compteur.
- Typeahead : un seul keydown (fin du double Enter), ↑/↓ bouclants,
  Home/End, PageUp/PageDown, Entrée valide la ligne surlignée (sinon
  recherche brute), Tab complète sans chercher, Échap ferme puis vide,
  ligne « Rechercher <q> », défilement de l'option active, aria à jour.
- Focus : le panneau se referme dès que le focus quitte la barre
  (focusout + relatedTarget + activeElement), pointerdown neutralisé sur les
  lignes pour garder le focus dans l'input (plus de scintillement).
- Opérateurs en clair : `linux live:`, `tuto today: long:` deviennent des
  filtres et sont retirés de la requête (autocomplétion après le `:`).

Filtres côté serveur
- Modèle partagé : src/app/search/filters.ts + server/search-filters.mjs.
- /api/search?type=&duration=&period=&sort= : InnerTube (upload_date, type,
  duration, features), Data API v3 (type, videoDuration, publishedAfter),
  yt-dlp --dateafter ; post-filtrage pour les providers sans filtre natif.
  Un champ manquant ne fait jamais disparaître un résultat.
- Filtres dans l'URL (partageables) + adapters + SearchService (clé de cache).
- Correction : la recherche Shorts renvoyait 0 (ShortsLockupView/GridShelfView
  non mappés, id/titre dans l'endpoint) -> mappage + shelf + vignette/vues.

Tests / docs
- 23 tests unitaires (clavier, focus, opérateurs, panneau de filtres),
  server/tests/search-filters.test.mjs (npm run test:filters) + CI,
  scénarios e2e des filtres, README/api/README/todo/MCP à jour.

server/providers/youtube-scrape.mjs

@@ -3,6 +3,7 @@
 import { execFile as execFileCb } from 'node:child_process';
 import { promisify } from 'node:util';
 import { getYtDlpTimeoutMs, buildYtDlpExtraArgs, resolveYtDlpBin } from './youtube-common.mjs';
+import { periodMs } from '../search-filters.mjs';
 
 const execFileAsync = promisify(execFileCb);
 
@@ -85,7 +86,7 @@ export function classifyScrapeError(e) {
   return Object.assign(new Error(`YouTube scrape failed: ${msg.slice(0, 200)}`), { ytStatus: 502, code: 'yt_scrape_failed' });
 }
 
-async function runYtDlpFlat(queryOrUrl, { limit = 10, playlistStart = 1 } = {}) {
+async function runYtDlpFlat(queryOrUrl, { limit = 10, playlistStart = 1, extraArgs = [] } = {}) {
   const bin = await resolveYtDlpBin();
   const timeout = getYtDlpTimeoutMs();
   const end = playlistStart + Math.max(1, Math.min(50, Number(limit || 10))) - 1;
@@ -98,6 +99,7 @@ async function runYtDlpFlat(queryOrUrl, { limit = 10, playlistStart = 1 } = {})
     '--no-playlist',
     '--playlist-start', String(playlistStart),
     '--playlist-end', String(end),
+    ...extraArgs,
     ...buildYtDlpExtraArgs(),
     queryOrUrl,
   ];
@@ -112,7 +114,11 @@ async function runYtDlpFlat(queryOrUrl, { limit = 10, playlistStart = 1 } = {})
   }
 }
 
-/** Recherche sans clé. sort: relevance|date|views */
+/**
+ * Recherche sans clé. sort: relevance|date|views
+ * `opts.filters` : seule la période est traduite nativement (`--dateafter`) ;
+ * durée / type sont affinés en post-traitement (côté /api/search).
+ */
 export async function searchViaScrape(q, opts = {}) {
   const query = String(q || '').trim();
   if (query.length < 2) return [];
@@ -125,7 +131,12 @@ export async function searchViaScrape(q, opts = {}) {
   if (sort === 'date') prefix = 'ytsearchdate';
   // views : pas de préfixe natif stable -> ytsearch + tri local
   const target = `${prefix}${perPage}:${query}`;
-  let items = await runYtDlpFlat(target, { limit: perPage, playlistStart: start });
+  // --dateafter : borne basse de mise en ligne (format YYYYMMDD attendu par yt-dlp).
+  const maxAge = periodMs(opts?.filters?.period);
+  const extraArgs = maxAge > 0
+    ? ['--dateafter', new Date(Date.now() - maxAge).toISOString().slice(0, 10).replace(/-/g, '')]
+    : [];
+  let items = await runYtDlpFlat(target, { limit: perPage, playlistStart: start, extraArgs });
   if (sort === 'views') items = [...items].sort((a, b) => (b.views || 0) - (a.views || 0));
   return items.slice(0, perPage);
 }