feat: vue flux — arcs dirigés entre villes géolocalisées

- Nouveau type TransactionArc + buildCorridors + computeFlowStats
- FlowMap : SVG overlay Leaflet, arcs bezier, flèches de direction, nœuds de villes cliquables
- Clic sur une ville : arcs sortants orange, entrants teal, reste grisé
- DataService : résolution géo des destinataires (toId) dans le même appel Cesium+
- useAnimation : expose visibleArcs filtré par frame
- PeriodSelector : bouton toggle Heatmap / Flux
- StatsPanel : stats flux (volume, top émetteurs, top récepteurs, balance nette)
- App : state viewMode + focusCity, FlowMap conditionnel

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/hooks/useAnimation.ts

@@ -1,5 +1,6 @@
 import { useState, useMemo, useEffect } from 'react';
 import type { Transaction } from '../data/mockData';
+import type { TransactionArc } from '../data/arcData';
 
 export interface TimeFrame {
   label: string;
@@ -56,7 +57,7 @@ function buildFrames(periodDays: number): TimeFrame[] {
   return frames;
 }
 
-export function useAnimation(transactions: Transaction[], periodDays: number, allTimestamps: number[] = []) {
+export function useAnimation(transactions: Transaction[], arcs: TransactionArc[], periodDays: number, allTimestamps: number[] = []) {
   const [active, setActive] = useState(false);
   const [currentIndex, setCurrentIndex] = useState(0);
   const [playing, setPlaying] = useState(false);
@@ -95,6 +96,13 @@ export function useAnimation(transactions: Transaction[], periodDays: number, al
     return transactions.filter((t) => t.timestamp >= frame.from && t.timestamp < frame.to);
   }, [active, transactions, frames, currentIndex]);
 
+  const visibleArcs = useMemo(() => {
+    if (!active || frames.length === 0) return arcs;
+    const frame = frames[currentIndex];
+    if (!frame) return arcs;
+    return arcs.filter((a) => a.timestamp >= frame.from && a.timestamp < frame.to);
+  }, [active, arcs, frames, currentIndex]);
+
   // Nombre total de transfers (géo + non-géo) dans la frame courante
   const frameTotalCount = useMemo(() => {
     if (!active || frames.length === 0 || allTimestamps.length === 0) return null;
@@ -117,6 +125,7 @@ export function useAnimation(transactions: Transaction[], periodDays: number, al
     frames,
     currentFrame: frames[currentIndex] ?? null,
     visibleTransactions,
+    visibleArcs,
     frameTotalCount,
   };
 }