feat: coloration des nœuds par balance nette (orange émetteur / vert récepteur)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-24 00:55:08 +01:00
parent 136571ed53
commit 78b4762c88
2 changed files with 41 additions and 4 deletions
@@ -247,7 +247,13 @@ export function StatsPanel({ stats, loading, periodDays, source, currentUD, anim
              {/* Balance nette */}
              {flowStats.netBalance.length > 0 && (
                <div className="bg-[#0f1016] border border-[#2e2f3a] rounded-xl p-3 space-y-1.5">
-                  <p className="text-[#4b5563] text-xs uppercase tracking-widest">Balance nette</p>
+                  <div className="flex items-center justify-between">
+                    <p className="text-[#4b5563] text-xs uppercase tracking-widest">Balance nette</p>
+                    <p className="text-[10px] text-[#4b5563] flex items-center gap-1.5">
+                      <span style={{ color: '#ff6d00' }}>●</span>émetteur
+                      <span style={{ color: '#00c853' }}>●</span>récepteur
+                    </p>
+                  </div>
                  {flowStats.netBalance.map((c) => (
                    <div key={c.city} className="flex items-center justify-between">
                      <span className="text-white text-xs truncate">{c.city}</span>