perf: lot 1 — chargements plus rapides et corrections, sans changement visuel

Grille (navigateur)
- « Rafraîchir » ne passe plus par l'URL : le paramètre _refresh restait
  mémorisé et chaque retour par le menu forçait un recalcul serveur complet
  (migration du store pour nettoyer les valeurs déjà enregistrées).
- Lignes reçues regroupées toutes les 300 ms au lieu de reconstruire tout le
  tableau à chaque paquet de 150 (chargement quadratique).
- Sélection indexée par code article (getRowId) : après un filtre, l'action
  groupée visait d'autres produits. Seules les lignes affichées comptent.
- Recherche : un passage par ligne au lieu d'un par colonne ; formateurs de
  nombres partagés (lib/format.ts) ; colonnes mensuelles mémorisées ;
  plus de transition-all sur les lignes positionnées par transform.
- exceljs, jspdf et xlsx chargés au clic seulement.

Grille (serveur)
- Requêtes Qlik et snapshot lancées en parallèle de la phase SQL.
- Cache mémoire borné (LRU) ; calcul en cours réutilisé même en forcé ;
  flux interrompu quand le client part.
- Après un enregistrement, les gammes sont reportées dans le cache et dans
  grid_rows au lieu d'invalider (recalcul de ~40 s évité).

Données et API
- lib/ff-cache.ts : cache mémoire 30 min des lectures FF (stock, hit-parade,
  CA mensuel, fournisseurs, dernière réception, publicités), vidé en fin de
  synchro nocturne ; erreurs jamais gardées.
- Pool PostgreSQL unique (globalThis), réglage sans workers parallèles posé
  une fois par connexion au lieu d'une transaction autour de chaque requête.
- Délai maximal sur tous les appels à l'API FF.
- Index session_snapshots ; commandes : plus de double rechargement ;
  synchro : saisies regroupées ; paramètres : configuration lue une fois ;
  journal de capture en ajout seul, rien de formaté sans capture ouverte.

Corrections
- Historique : l'échec de chargement s'affiche (au lieu de « Aucun snapshot »).
- Sessions et validations enregistrent le magasin affiché, plus « TOTAL ».
- Publicités : libellé du statut « passées ».

Plan complet : docs/plan-optimisation-webui.md

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AcA129WzGTH6zxPHFBGWmn

src/app/api/grid/rows/route.ts

@@ -4,8 +4,10 @@ import type { GridFilters } from "@/types/grid";
 
 export const dynamic = "force-dynamic";
 
+const encoder = new TextEncoder();
+
 function writeNdjson(controller: ReadableStreamDefaultController<Uint8Array>, value: unknown) {
-    controller.enqueue(new TextEncoder().encode(`${JSON.stringify(value)}\n`));
+    controller.enqueue(encoder.encode(`${JSON.stringify(value)}\n`));
 }
 
 export async function GET(request: NextRequest) {
@@ -26,14 +28,25 @@ export async function GET(request: NextRequest) {
     };
     const forceRefresh = searchParams.get("refresh") === "1";
 
+    // Client parti (changement de fournisseur, page quittée) : on arrête de
+    // sérialiser et d'envoyer. Le calcul lui-même continue — il est partagé et
+    // mis en cache, la prochaine ouverture en profitera.
+    let cancelled = false;
+    request.signal.addEventListener("abort", () => { cancelled = true; });
+
     const stream = new ReadableStream<Uint8Array>({
+        cancel() {
+            cancelled = true;
+        },
         async start(controller) {
             try {
                 writeNdjson(controller, { type: "start", loaded: 0, total: null });
                 const rows = await getProductRows({ codeFournisseur, magasin, filters, forceRefresh });
+                if (cancelled) return;
                 const total = rows.length;
 
                 for (let start = 0; start < total; start += chunkSize) {
+                    if (cancelled) return;
                     const chunk = rows.slice(start, start + chunkSize);
                     writeNdjson(controller, {
                         type: "chunk",
@@ -46,12 +59,17 @@ export async function GET(request: NextRequest) {
 
                 writeNdjson(controller, { type: "done", loaded: total, total });
             } catch (error) {
+                if (cancelled) return;
                 writeNdjson(controller, {
                     type: "error",
                     error: error instanceof Error ? error.message : "Unknown error",
                 });
             } finally {
-                controller.close();
+                try {
+                    controller.close();
+                } catch {
+                    /* flux déjà fermé côté client */
+                }
             }
         },
     });