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/tests/youtube-innertube.test.mjs

@@ -1,6 +1,6 @@
 // Step 18 — tests offline InnerTube (AUCUN réseau : mappers purs + modes).
 import assert from 'node:assert/strict';
-import { mapVideoNode, mapLockupView, mapNodes, mapCaptionTracks, parseViewsText, parseDurationLabel } from '../providers/youtube-innertube.mjs';
+import { mapVideoNode, mapLockupView, mapNodes, mapShelfNodes, mapCaptionTracks, parseViewsText, parseDurationLabel } from '../providers/youtube-innertube.mjs';
 import { pickTrack, orderedTracks } from '../transcript.mjs';
 import { getSearchMode, YT_SEARCH_MODES } from '../providers/youtube-common.mjs';
 
@@ -96,7 +96,50 @@ function ok(msg) { console.log(`✓ ${msg}`); }
   ok('mapLockupView watch-next');
 }
 
-// 5) modes innertube connus
+// 5) mapShelfNodes + ShortsLockupView : les Shorts d'une recherche « Shorts »
+//    n'ont ni `id` ni `title` classiques (endpoint + overlay_metadata), et
+//    vivent dans un GridShelfView -> sans ce complément la recherche renvoie 0.
+{
+  // Forme réelle observée (youtubei.js v18, ShortsLockupView)
+  const shortsNode = (id) => ({
+    type: 'ShortsLockupView',
+    entity_id: `shorts-shelf-item-${id}`,
+    on_tap_endpoint: { name: 'reelWatchEndpoint', payload: { videoId: id } },
+    overlay_metadata: {
+      primary_text: { text: `Short ${id}` },
+      secondary_text: { text: '219 M de vues' },
+    },
+    thumbnail: [{ url: 'http://t/low.jpg', width: 100 }, { url: 'http://t/high.jpg', width: 1080 }],
+  });
+  const mapped = mapVideoNode(shortsNode('s1'));
+  assert.equal(mapped.id, 's1', 'l\'id du Short est lu dans on_tap_endpoint');
+  assert.equal(mapped.title, 'Short s1', 'le titre vient de overlay_metadata');
+  assert.equal(mapped.isShort, true, 'un Short est marqué isShort');
+  assert.equal(mapped.views, 219000000, 'les vues viennent de la 2e ligne d\'overlay');
+  assert.equal(mapped.thumbnail, 'http://t/high.jpg', 'la plus grande vignette est retenue');
+  // Forme « brute » (avant parsing youtubei.js) également gérée
+  assert.equal(mapVideoNode({
+    type: 'ShortsLockupView',
+    on_tap: { innertubeCommand: { reelWatchEndpoint: { videoId: 'raw1' } } },
+    overlay_metadata: { primary_text: { text: 'Raw' } },
+  }).id, 'raw1', 'forme brute (on_tap) gérée');
+
+  const feed = {
+    results: [
+      { type: 'Video', id: 'regular1', title: { text: 'Vidéo normale' } },
+      { type: 'GridShelfView', contents: [shortsNode('s1'), shortsNode('s2'), { type: 'ChipCloud' }] },
+    ],
+  };
+  const shelf = mapShelfNodes(feed);
+  assert.equal(shelf.length, 2, 'les 2 Shorts du shelf sont mappés');
+  assert.deepEqual(shelf.map((s) => s.id).sort(), ['s1', 's2']);
+  assert.equal(mapShelfNodes({ results: [{ type: 'Video', id: 'v' }] }).length, 0, 'hors shelf, rien à faire');
+  assert.deepEqual(mapShelfNodes(null), []);
+  assert.deepEqual(mapShelfNodes({}), []);
+  ok('mapShelfNodes + ShortsLockupView (Shorts dans un shelf)');
+}
+
+// 6) modes innertube connus
 {
   assert.ok(YT_SEARCH_MODES.includes('innertube-first'));
   assert.ok(YT_SEARCH_MODES.includes('innertube-only'));
@@ -107,7 +150,7 @@ function ok(msg) { console.log(`✓ ${msg}`); }
   ok('modes innertube-first/only');
 }
 
-// 6) mapCaptionTracks : forme InnerTube -> pseudo dump yt-dlp, interop pickTrack
+// 7) mapCaptionTracks : forme InnerTube -> pseudo dump yt-dlp, interop pickTrack
 {
   const cap = mapCaptionTracks([
     { base_url: 'https://x/t?caps=asr&x=1', language_code: 'en', kind: 'asr', name: { text: 'English (auto-generated)' } },