refactor: improve team management, OKRs, and session components

2026-02-25 17:29:40 +01:00
parent c828ab1a48
commit a10205994c
74 changed files with 3771 additions and 1889 deletions
--- a/PERF_OPTIMIZATIONS.md
+++ b/PERF_OPTIMIZATIONS.md
@@ -3,18 +3,21 @@
 ## Requêtes DB (impact critique)

 ### resolveCollaborator — suppression du scan complet de la table User
+
 **Fichier:** `src/services/auth.ts`

 Avant : `findMany` sur tous les users puis `find()` en JS pour un match case-insensitive par nom.
 Après : `findFirst` avec `contains` + vérification exacte. O(1) au lieu de O(N users).

 ### getAllUsersWithStats — suppression du N+1
+
 **Fichier:** `src/services/auth.ts`

 Avant : 2 queries `count` par utilisateur (`Promise.all` avec map).
 Après : 2 `groupBy` en bulk + construction d'une Map. 3 queries au lieu de 2N+1.

 ### React.cache sur les fonctions teams
+
 **Fichier:** `src/services/teams.ts`

 `getTeamMemberIdsForAdminTeams` et `isAdminOfUser` wrappées avec `React.cache()`.
@@ -23,11 +26,13 @@ Sur la page `/sessions`, ces fonctions étaient appelées ~10 fois par requête
 ## SSE / Temps réel (impact haut)

 ### Polling interval 1s → 2s
+
 **Fichiers:** 5 routes `src/app/api/*/[id]/subscribe/route.ts`

 Réduit de 50% le nombre de queries DB en temps réel. Imperceptible côté UX (la plupart des outils collab utilisent 2-5s).

 ### Nettoyage des events
+
 **Fichier:** `src/services/session-share-events.ts`

 Ajout de `cleanupOldEvents(maxAgeHours)` pour purger les events périmés. Les tables d'events n'ont pas de mécanisme de TTL — cette méthode peut être appelée périodiquement ou à la connexion SSE.
@@ -35,7 +40,9 @@ Ajout de `cleanupOldEvents(maxAgeHours)` pour purger les events périmés. Les t
 ## Rendu client (impact haut)

 ### React.memo sur les composants de cartes
+
 **Fichiers:**
+
 - `src/components/swot/SwotCard.tsx`
 - `src/components/moving-motivators/MotivatorCard.tsx` (+ `MotivatorCardStatic`)
 - `src/components/weather/WeatherCard.tsx`
@@ -45,6 +52,7 @@ Ajout de `cleanupOldEvents(maxAgeHours)` pour purger les events périmés. Les t
 Ces composants sont rendus en liste et re-rendaient tous à chaque drag, changement d'état, ou `router.refresh()` SSE.

 ### WeatherCard — fix du pattern useEffect + setState
+
 **Fichier:** `src/components/weather/WeatherCard.tsx`

 Remplacé le `useEffect` qui appelait 5 `setState` (cascading renders, erreur lint React 19) par le pattern idiomatique de state-driven prop sync (comparaison directe dans le render body).
@@ -52,12 +60,14 @@ Remplacé le `useEffect` qui appelait 5 `setState` (cascading renders, erreur li
 ## Configuration Next.js (impact moyen)

 ### next.config.ts
+
 **Fichier:** `next.config.ts`

 - `poweredByHeader: false` — supprime le header `X-Powered-By` (sécurité)
 - `optimizePackageImports` — tree-shaking amélioré pour `@dnd-kit/*` et `@hello-pangea/dnd`

 ### Fix FOUC dark mode
+
 **Fichier:** `src/app/layout.tsx`

 Script inline dans `<head>` qui lit `localStorage` et applique la classe `dark`/`light` sur `<html>` avant l'hydratation React. Élimine le flash blanc pour les utilisateurs en dark mode.