Fix #5 Fix #6 Fix #7

1. Tri aléatoire ✅
Ajout d'un sélecteur de tri dans l'en-tête avec options "Récents" et "Aléatoire"
Backend : nouveau paramètre sort_by="random" qui utilise func.random() de PostgreSQL
Les résultats seront maintenant mélangés aléatoirement, permettant de découvrir tous les titres de la bibliothèque
2. Correction du bug de recherche textuelle ✅
La recherche charge maintenant jusqu'à 10 000 résultats au lieu de 25 quand une requête est active
La recherche filtre ensuite sur TOUS les résultats chargés, pas seulement la page active
Cela permet de rechercher dans toute la bibliothèque de résultats filtrés
3. Filtres exclusifs pour instruments ✅
Nouvelle option "Uniquement ces instruments (mode exclusif)" qui apparaît quand des instruments sont sélectionnés
Backend : nouveau paramètre instruments_exclusive qui vérifie que le track a EXACTEMENT les instruments sélectionnés (pas d'autres)
Frontend : checkbox dans un bandeau orange/ambre pour activer le mode exclusif
Les modifications touchent :
Backend : crud.py et tracks.py
Frontend : types.ts, FilterPanel.tsx et page.tsx

frontend/app/page.tsx

@@ -57,25 +57,35 @@ export default function Home() {
   const [searchQuery, setSearchQuery] = useState("")
   const [isScanning, setIsScanning] = useState(false)
   const [scanStatus, setScanStatus] = useState<string>("")
+  const [sortBy, setSortBy] = useState<'analyzed_at' | 'random'>('analyzed_at')
   const limit = 25
 
   const { data: tracksData, isLoading: isLoadingTracks } = useQuery({
-    queryKey: ['tracks', filters, page],
-    queryFn: () => getTracks({ ...filters, skip: page * limit, limit }),
+    queryKey: ['tracks', filters, page, sortBy, searchQuery],
+    queryFn: () => getTracks({
+      ...filters,
+      skip: page * limit,
+      limit: searchQuery ? 10000 : limit,  // Load more for search to work across all results
+      sort_by: sortBy
+    }),
   })
 
   // Filter tracks by search query on client side
   const filteredTracks = useMemo(() => {
     if (!tracksData?.tracks) return []
-    if (!searchQuery.trim()) return tracksData.tracks
+    if (!searchQuery.trim()) {
+      // No search query: paginate normally
+      return tracksData.tracks.slice(0, limit)
+    }
 
+    // Search across ALL loaded tracks
     const query = searchQuery.toLowerCase()
     return tracksData.tracks.filter(track =>
       track.filename.toLowerCase().includes(query) ||
       track.metadata?.title?.toLowerCase().includes(query) ||
       track.metadata?.artist?.toLowerCase().includes(query)
     )
-  }, [tracksData?.tracks, searchQuery])
+  }, [tracksData?.tracks, searchQuery, limit])
 
   const filterOptions = useMemo(() => {
     if (!tracksData?.tracks || tracksData.tracks.length === 0) {
@@ -174,6 +184,19 @@ export default function Home() {
             </div>
 
             <div className="ml-6 flex items-center gap-3">
+              {/* Sort order toggle */}
+              <select
+                value={sortBy}
+                onChange={(e) => {
+                  setSortBy(e.target.value as 'analyzed_at' | 'random')
+                  setPage(0)
+                }}
+                className="px-3 py-2 text-sm bg-white border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500 text-slate-700"
+              >
+                <option value="analyzed_at">Récents</option>
+                <option value="random">Aléatoire</option>
+              </select>
+
               <div className="text-sm text-slate-600">
                 {tracksData?.total || 0} piste{(tracksData?.total || 0) > 1 ? 's' : ''}
               </div>