veza/docs/REPORT_FRONTEND_PHASE1.md

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).