# Audit Frontend Phase 1 ## 1. Stack Technique - **Build**: Vite 7.1.5 - **Tests**: Vitest 3.2.4 + Playwright - **UI**: Shadcn/UI (Radix), TailwindCSS 4.0.0, Lucide React - **State**: Zustand + React Query (TanStack Query) - **Langage**: TypeScript 5.3 ## 2. État TypeScript - **Total Erreurs**: ~197 - **Fichiers Affectés**: 56 - **Zones Critiques**: - `src/features/playlists` (PlaylistForm, PlaylistList, TrackItem) : Mismatch types API (string vs number IDs), Toast API incorrecte. - `src/features/chat`: ~40 erreurs (Props manquantes, types stricts). - `src/features/library`: 27 erreurs (LibraryManager). ## 3. État des Tests - **Résultat**: 22 fichiers en échec (sur 190 scannés ? ou total inconnu). - **Tests**: 109 échoués / 153 passés. - **Failures Principales**: - `ChatMessages`: Crash (TypeError undefined). - `useTrackList`: Problèmes probable d'IDs (string vs number) dans les mocks. - `PlaylistList.test.responsive`: Erreur `toHaveClass` (matchers manquants ?). ## 4. Plan d'Action 1. **TypeScript 0 Errors**: - Fixer `PlaylistForm` (Toast API, Types). - Fixer `RemoveTrackButton` (Unused React). - Aligner les Mocks de tests avec les nouveaux types (String IDs). - Corriger `Chat` et `Library`. 2. **Tests**: - Vérifier `setupTests.ts` pour `jest-dom`. - Adapter les données de test (IDs strings).