From 78ede01d11879efddc99d36353172876f6f6d4a2 Mon Sep 17 00:00:00 2001
From: syoul <syoul@librezo.fr>
Date: Tue, 24 Mar 2026 13:12:24 +0100
Subject: [PATCH 1/6] =?UTF-8?q?feat:=20d=C3=A9placer=20bouton=20=E2=84=B9?=
 =?UTF-8?q?=20hors=20du=20PeriodSelector=20=E2=86=92=20bouton=20flottant?=
 =?UTF-8?q?=20isol=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Sous ☰ sur mobile (top-16 left-4), top-4 left-4 sur desktop
- PeriodSelector : suppression prop onInfo + bouton ℹ intégré

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/App.tsx                       | 10 +++++++++-
 src/components/PeriodSelector.tsx | 12 +-----------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 0f9d2a8..1d71eb6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -131,6 +131,15 @@ export default function App() {
           </button>
         )}
 
+        {/* Bouton info — sous ☰ sur mobile, top-left sur desktop */}
+        <button
+          onClick={() => setInfoOpen(true)}
+          className={`absolute ${isMobile ? 'top-16' : 'top-4'} left-4 z-[1001] w-10 h-10 bg-[#0a0b0f]/90 backdrop-blur-sm border border-[#2e2f3a] rounded-xl flex items-center justify-center text-[#6b7280] hover:text-[#d4a843] transition-colors text-base`}
+          aria-label="Aide"
+        >
+          ℹ
+        </button>
+
         {/* Period selector — floating over map */}
         <div className={`absolute top-4 z-[1000] ${isMobile ? 'left-16 right-4' : 'left-1/2 -translate-x-1/2'}`}>
           <PeriodSelector
@@ -143,7 +152,6 @@ export default function App() {
             geoPercent={visibleStats && visibleStats.transactionCount > 0
               ? Math.round((visibleStats.geoCount / visibleStats.transactionCount) * 100)
               : null}
-            onInfo={() => setInfoOpen(true)}
           />
         </div>
 
diff --git a/src/components/PeriodSelector.tsx b/src/components/PeriodSelector.tsx
index 2ccb8ad..3fb7953 100644
--- a/src/components/PeriodSelector.tsx
+++ b/src/components/PeriodSelector.tsx
@@ -8,7 +8,6 @@ interface PeriodSelectorProps {
   viewMode: 'heatmap' | 'flow';
   onViewModeChange: (mode: 'heatmap' | 'flow') => void;
   geoPercent?: number | null;
-  onInfo: () => void;
 }
 
 const PERIODS = [
@@ -19,7 +18,7 @@ const PERIODS = [
 
 const PRESET_DAYS = new Set([1, 7, 30]);
 
-export function PeriodSelector({ value, onChange, animationActive, onAnimate, viewMode, onViewModeChange, geoPercent, onInfo }: PeriodSelectorProps) {
+export function PeriodSelector({ value, onChange, animationActive, onAnimate, viewMode, onViewModeChange, geoPercent }: PeriodSelectorProps) {
   const [customOpen, setCustomOpen] = useState(false);
   const [inputVal, setInputVal] = useState('');
   const inputRef = useRef<HTMLInputElement>(null);
@@ -132,15 +131,6 @@ export function PeriodSelector({ value, onChange, animationActive, onAnimate, vi
         </span>
       )}
 
-      <div className="w-px mx-1 bg-[#2e2f3a] self-stretch" />
-
-      <button
-        onClick={onInfo}
-        className="px-2 py-1.5 rounded-md text-sm text-[#6b7280] hover:text-[#d4a843] hover:bg-[#1a1b23] transition-all duration-200 cursor-pointer leading-none"
-        aria-label="Aide"
-      >
-        ℹ
-      </button>
     </div>
   );
 }

From 46b11710cc66fc9ad44a0dd9110f0832885881de Mon Sep 17 00:00:00 2001
From: syoul <syoul@librezo.fr>
Date: Tue, 24 Mar 2026 13:15:41 +0100
Subject: [PATCH 2/6] fix: supprimer label 'Vitesse' dans AnimationPlayer (gain
 de place mobile)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/AnimationPlayer.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/AnimationPlayer.tsx b/src/components/AnimationPlayer.tsx
index cf993f0..bb50ac3 100644
--- a/src/components/AnimationPlayer.tsx
+++ b/src/components/AnimationPlayer.tsx
@@ -78,8 +78,7 @@ export function AnimationPlayer({
 
           {/* Speed selector */}
           <div className="flex items-center gap-1">
-            <span className="text-[#4b5563] text-xs mr-1">Vitesse</span>
-            {([1, 2, 4] as const).map((s) => (
+{([1, 2, 4] as const).map((s) => (
               <button
                 key={s}
                 onClick={() => onSpeedChange(s)}

From 6d01c8d29e79dc7ed8e0800b024061af3680d96e Mon Sep 17 00:00:00 2001
From: syoul <syoul@librezo.fr>
Date: Tue, 24 Mar 2026 13:19:52 +0100
Subject: [PATCH 3/6] =?UTF-8?q?fix:=20supprimer=20bouton=20=E2=9C=95=20de?=
 =?UTF-8?q?=20l'AnimationPlayer=20(fermeture=20via=20=E2=96=B6=20Animer)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Économise une ligne sur mobile. onClose retiré de l'interface et du JSX.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/App.tsx                        |  1 -
 src/components/AnimationPlayer.tsx | 10 ----------
 2 files changed, 11 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 1d71eb6..b92e8a2 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -192,7 +192,6 @@ export default function App() {
             onPlay={animation.play}
             onPause={animation.pause}
             onSpeedChange={animation.setSpeed}
-            onClose={animation.deactivate}
           />
         )}
 
diff --git a/src/components/AnimationPlayer.tsx b/src/components/AnimationPlayer.tsx
index bb50ac3..e8ef05b 100644
--- a/src/components/AnimationPlayer.tsx
+++ b/src/components/AnimationPlayer.tsx
@@ -9,7 +9,6 @@ interface AnimationPlayerProps {
   onPlay: () => void;
   onPause: () => void;
   onSpeedChange: (s: 1 | 2 | 4) => void;
-  onClose: () => void;
 }
 
 export function AnimationPlayer({
@@ -21,7 +20,6 @@ export function AnimationPlayer({
   onPlay,
   onPause,
   onSpeedChange,
-  onClose,
 }: AnimationPlayerProps) {
   const frame = frames[currentIndex];
 
@@ -93,14 +91,6 @@ export function AnimationPlayer({
             ))}
           </div>
 
-          {/* Close */}
-          <button
-            onClick={onClose}
-            className="text-[#4b5563] hover:text-white transition-colors px-2 py-1 text-sm ml-2"
-            title="Quitter l'animation"
-          >
-            ✕
-          </button>
         </div>
       </div>
     </div>

From bac113e51b04b714646e469be3fe1a150f055854 Mon Sep 17 00:00:00 2001
From: syoul <syoul@librezo.fr>
Date: Tue, 24 Mar 2026 13:22:45 +0100
Subject: [PATCH 4/6] =?UTF-8?q?fix:=20couleur=20=C3=A9metteurs=20#e53935?=
 =?UTF-8?q?=20(rouge)=20au=20lieu=20de=20#ff6d00=20(orange)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Meilleur contraste avec la couleur neutre or #d4a843.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/FlowMap.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FlowMap.tsx b/src/components/FlowMap.tsx
index e78ae65..29e5289 100644
--- a/src/components/FlowMap.tsx
+++ b/src/components/FlowMap.tsx
@@ -17,7 +17,7 @@ function lerpColor(hex1: string, hex2: string, t: number): string {
 }
 
 const COLOR_NEUTRAL = '#d4a843'; // or Ğ1
-const COLOR_NEG     = '#ff6d00'; // orange vif
+const COLOR_NEG     = '#e53935'; // rouge vif
 const COLOR_POS     = '#00c853'; // vert vif
 const NEUTRAL_THRESHOLD = 0.05; // ±5 % → couleur neutre
 const CLUSTER_RADIUS    = 38;   // pixels — distance max pour regrouper deux villes

From 15807c7bcb8edba125496cbd05053ec8daac5f44 Mon Sep 17 00:00:00 2001
From: syoul <syoul@librezo.fr>
Date: Tue, 24 Mar 2026 13:27:16 +0100
Subject: [PATCH 5/6] =?UTF-8?q?fix:=20InfoPanel=20=E2=80=94=20couleur=20?=
 =?UTF-8?q?=C3=A9metteurs=20rouge=20(d=C3=A9grad=C3=A9=20or=E2=86=92rouge)?=
 =?UTF-8?q?=20+=20description=20d=C3=A9grad=C3=A9s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/InfoPanel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/InfoPanel.tsx b/src/components/InfoPanel.tsx
index b0a4724..82563c5 100644
--- a/src/components/InfoPanel.tsx
+++ b/src/components/InfoPanel.tsx
@@ -54,8 +54,8 @@ export function InfoPanel({ onClose }: InfoPanelProps) {
             </Feature>
             <Feature icon="●" name="Couleur des nœuds">
               <span className="text-green-400">Vert</span> = receveur net (reçoit plus que ce qu'il émet) ·{' '}
-              <span className="text-[#d4a843]">Or</span> = équilibré ·{' '}
-              <span className="text-orange-400">Orange</span> = émetteur net.
+              <span className="text-[#d4a843]">Or</span> = équilibré (dégradé or → vert selon l'excédent reçu) ·{' '}
+              <span className="text-[#e53935]">Rouge</span> = émetteur net (dégradé or → rouge selon l'excédent émis).
             </Feature>
             <Feature icon="↗" name="Clic sur un nœud">
               Affiche la liste des villes du cluster avec leur balance individuelle,

From 6fc1705f6d8d453786d74f7788ad39847cd7dc36 Mon Sep 17 00:00:00 2001
From: syoul <syoul@librezo.fr>
Date: Tue, 24 Mar 2026 13:31:36 +0100
Subject: [PATCH 6/6] chore: bump version to 1.4.0

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7eea991..f14220a 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "g1flux",
   "private": true,
-  "version": "1.3.2",
+  "version": "1.4.0",
   "type": "module",
   "scripts": {
     "dev": "vite",