{totalHigh === 0 ? (
);
}
/* ========== SECTIONS ===================================================== */
function TabGeneral({ state }) {
const s = state.sentiment;
const discourse = state.discourse;
const country = state.meta?.country || '';
return (
<>
Aucun événement High cette semaine pour {cal.country}.
) : (
{highDays.map(day => (
))}
)}
{day.label}
{day.events.length} high
{day.events.map((e, i) => (
{e.time}
))}
Mise à jour : {discourse.date}
{discourse.text}
{state.pillars.map((p, i) =>
Forces
{state.synth.forces.map((f, i) => ({f}
))}
Risques
{state.synth.risques.map((r, i) => ({r}
))}
Recommandation : {state.synth.reco.dir} — {state.synth.reco.text}
)}
Paramètres {cbShort}
{f.params.map((p, i) => (
0 ? 'border-t border-gold/[0.08]' : ''}`}>
{p.label}
{p.value}
))}
{probaTitle}
{probaUnavailable ? (
Pas de fed-watch équivalent public pour la {cbShort}.
Le sentiment monétaire s'apprécie via la stance, l'évolution récente du taux directeur et les rendements obligataires.
{f.proba.baisse >= 50 ? (
<>Le marché price {f.proba.baisse}% de baisse de taux à la prochaine réunion {cbShort}.
) : f.proba.hausse >= 50 ? (
<>Le marché price {f.proba.hausse}% de hausse de taux à la prochaine réunion.
) : (
<>La majorité anticipe un maintien ({f.proba.maintien}%) à court terme.
)}
)}
{strengthTitle}
{f.usd_strength.score}/100
{f.usd_strength.label}
{f.usd_strength.stats.map((st, i) => (
{st.l}
{st.v}
))}
{componentsTitle}
{f.usd_strength.components.map((c, i) => (
{c.pair} ({c.weight}%)
= 0 ? 'text-bull' : 'text-bear'}>
{ccyCode} {c.usd_impact >= 0 ? '+' : ''}{c.usd_impact}%
))}
{f.inflation_chart.title}
{f.proba_details.map((d, i) => (
{d.range}%
{d.proba}%
))}
{f.communications.map((c, i) => (
))}
{ARROW[c.market_impact]} {c.title} — {c.speaker} {c.date} ⌄
Impact marché : {c.market_impact_label}
-
{c.key_points.map((pt, j) =>
- {pt} )}
IndicateurActuelPrécédentAttenduImpact
);
const hasIndEco = Array.isArray(d.indicators_economic) && d.indicators_economic.length > 0;
const hasIndInf = Array.isArray(d.indicators_inflation) && d.indicators_inflation.length > 0;
return (
<>
{d.sectors.map((sec, i) => (
)}
{sec.name}
))}
{sec.value}
{ARROW[sec.status]}
{d.macro_cards.map((c, i) => (
))}
)}
{c.label}
{c.value}
{ARROW[c.trend === 'up' || c.trend === 'bull' ? 'bull' : c.trend === 'down' || c.trend === 'bear' ? 'bear' : 'neut']} {c.delta}
{d.gdp_chart?.title || 'PIB'}
{(d.gdp_chart?.values?.length) ?
{d.dxy_chart?.wip ? (
{d.dxy_chart.title}
{label}
{b}
…
);
}
const r = data.correlation;
const color = corrColor(r);
const pct = Math.min(100, Math.abs(r) * 100);
return (
{isPrimary && ★}
{b}
{r >= 0 ? '+' : ''}{r.toFixed(2)}
{data.strength} {r >= 0 ? 'positive' : 'négative'}
);
}
function TabCorrelation() {
const [instruments, setInstruments] = useState([]);
const [matrixData, setMatrixData] = useState(null);
const [pairA, setPairA] = useState('EUR/USD');
const [pairsB, setPairsB] = useState(['GBP/USD']);
const [pendingB, setPendingB] = useState('USD/JPY');
const [pairsData, setPairsData] = useState({}); // { "GBP/USD": {...}, ... }
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);
const [mode, setMode] = useState('1vAll'); // '1v1' | '1vAll' | 'setup'
// ===== Mode "setup" : analyse d'un panier d'idees de trade =================
const [setupPairs, setSetupPairs] = useState(['EUR/USD', 'GBP/USD', 'USD/JPY']);
const [setupPending, setSetupPending] = useState('AUD/USD');
const [setupResult, setSetupResult] = useState(null);
const [setupLoading, setSetupLoading] = useState(false);
const [setupError, setSetupError] = useState(null);
const addSetupPair = () => {
if (!setupPending || setupPairs.includes(setupPending)) return;
setSetupPairs([...setupPairs, setupPending]);
setSetupResult(null);
};
const removeSetupPair = (p) => {
setSetupPairs(setupPairs.filter(x => x !== p));
setSetupResult(null);
};
const runSetupAnalysis = () => {
if (setupPairs.length < 2) {
setSetupError('Ajoute au moins 2 paires pour analyser le setup.');
return;
}
setSetupLoading(true);
setSetupError(null);
const url = `/api/correlation/basket?pairs=${encodeURIComponent(setupPairs.join(','))}`;
fetch(url)
.then(r => r.ok ? r.json() : r.json().then(j => Promise.reject(j.detail || 'Erreur API')))
.then(d => { setSetupResult(d); setSetupLoading(false); })
.catch(e => { setSetupError(typeof e === 'string' ? e : 'Erreur lors de l\'analyse'); setSetupLoading(false); });
};
// Init: charge instruments + matrice
useEffect(() => {
Promise.all([
fetch('/api/correlation/instruments').then(r => r.json()),
fetch('/api/correlation/matrix').then(r => r.json()),
]).then(([insts, mat]) => {
setInstruments(insts.instruments);
setMatrixData(mat);
setLoading(false);
}).catch(e => {
setError(e.message);
setLoading(false);
});
}, []);
// (Re)charge les correlations A vs chaque B quand A ou la liste change
useEffect(() => {
if (!pairA) return;
const targets = pairsB.filter(b => b && b !== pairA);
targets.forEach(b => {
const key = `${pairA}::${b}`;
if (pairsData[key]) return; // deja en cache
fetch(`/api/correlation/pair?a=${encodeURIComponent(pairA)}&b=${encodeURIComponent(b)}`)
.then(r => r.ok ? r.json() : null)
.then(d => {
if (!d) return;
setPairsData(prev => ({ ...prev, [key]: d }));
})
.catch(() => {});
});
}, [pairA, pairsB]);
// Quand A change, on vide le cache (toutes les correlations sont obsoletes)
useEffect(() => {
setPairsData({});
}, [pairA]);
// Mode 1v1 : un seul B autorisé ; on tronque si on bascule depuis 1vAll.
useEffect(() => {
if (mode === '1v1' && pairsB.length > 1) {
setPairsB(pairsB.slice(0, 1));
}
}, [mode]);
if (loading) return
{!isPrimary && (
)}
Chargement des corrélations...
;
if (error) return Erreur : {error}
;
const primaryB = pairsB[0];
const primaryData = primaryB ? pairsData[`${pairA}::${primaryB}`] : null;
const addPair = () => {
if (!pendingB || pendingB === pairA || pairsB.includes(pendingB)) return;
setPairsB([...pairsB, pendingB]);
};
const removePair = (b) => {
const next = pairsB.filter(x => x !== b);
setPairsB(next.length ? next : [pendingB && pendingB !== pairA ? pendingB : 'GBP/USD']);
};
const promotePair = (b) => {
setPairsB([b, ...pairsB.filter(x => x !== b)]);
};
// Swap : la paire B cliquée devient A ; A prend la place de B dans la liste.
const swapWith = (b) => {
if (!b || b === pairA) return;
setPairsB(prev => prev.map(x => x === b ? pairA : x));
setPairA(b);
};
const onSelectFromMap = (label) => {
if (label === pairA) return;
if (pairsB.includes(label)) {
promotePair(label);
} else {
setPairsB([label, ...pairsB]);
}
};
// Pre-filtre pour le dropdown d'ajout : exclure A et celles deja matchees
const availableForAdd = instruments.filter(it => it.label !== pairA && !pairsB.includes(it.label));
return (
<>
Mode
{[
{ k: '1v1', label: '1 vs 1', sub: 'duel' },
{ k: '1vAll', label: '1 vs all', sub: 'multi-match' },
{ k: 'setup', label: 'Setup', sub: 'panier d\'idées' },
].map(({ k, label, sub }) => (
))}
{mode === 'setup' ? (
// ===== MODE SETUP (panier d'idees de trade) ===================
v && v !== pairA && setPairsB([v])}
instruments={instruments.filter(it => it.label !== pairA)}
label="Paire B" />
) : (
// ===== MODE 1 vs ALL =========================================
<>
Matches actuels ({pairA} ↔ …)
Instrument B
r
Intensité
Force
Actions
{pairsB.map((b, i) => (
Aucune paire à matcher — ajoutez-en une via le sélecteur ci-dessus.
)}
{primaryData.strength} {primaryData.correlation >= 0 ? '· positive' : '· négative'}
Interprétation
{primaryData.interpretation}
{primaryData.a}
{primaryData.raw_a_last}
{primaryData.b}
{primaryData.raw_b_last}
Évolution conjointe (normalisée 0-100)
{[
{l:'Forte +', c:'#34d6a5'},
{l:'Modérée +',c:'#7ad9b3'},
{l:'Faible', c:'#f5c542'},
{l:'Modérée -',c:'#ff8b7a'},
{l:'Forte -', c:'#ff4757'},
].map((s,i) => (
{s.l}
))}
Sélectionne tes idées de trade (2 à 10 paires). L'analyse te dit lesquelles sont des
setups distincts et lesquelles
sont redondantes (à arbitrer).
Idées sélectionnées
{setupPairs.length === 0 && (
Aucune idée sélectionnée — ajoutes-en au moins 2.
)}
{setupPairs.map((p, i) => (
{i+1}
{p}
))}
Pearson · 90 jours · indépendant si |r| ≤ 30%, redondant si |r| {'>'} 60%
);
}
function SetupResult({ result, loading, error, pairs }) {
if (loading) {
return (
Calcul des corrélations…
⚠ {error}
Configure tes idées et clique sur Analyser le setup.
⚠ {result.error}
Risque
{result.risk}
{VERDICT_LABEL[result.verdict] || result.verdict}
{result.reco}
{result.missing && result.missing.length > 0 && (
Données indisponibles pour : {result.missing.join(', ')}
)}
{result.independent_setups.length > 0 && (
)}
{result.cluster_groups.map((group, i) => (
))}
✓ Idées indépendantes — tradables ensemble
{result.independent_setups.map(p => (
{p}
))}
⚠ Groupe {String.fromCharCode(65+i)} — choisis-en UNE seule (les {group.length} sont fortement liées)
{group.map(p => (
{p}
))}
Paire A
Paire B
r
Intensité
Statut
{result.pairs
.slice()
.sort((a, b) => b.abs_r - a.abs_r)
.map((p, i) => {
const st = bucketStyle(p.bucket);
const pct = Math.min(100, p.abs_r * 100);
return (
{p.a}
{p.b}
{p.r >= 0 ? '+' : ''}{p.r.toFixed(2)}
{st.label}
);
})}
{longPct >= 12 && {longPct}%}
{shortPct >= 12 && {shortPct}%}
Paire
Lecture contrarian
{label}
{txt}
{sorted.map(p => {
const isSel = p.symbol === selected;
return (
);
})}
);
}
function PositionsBlock({ pair }) {
if (!pair) return null;
const fmtPrice = v => v == null ? '—' : (v < 100 ? v.toFixed(4) : v.toFixed(2));
const fmtVol = v => {
if (v == null) return '—';
if (v >= 1_000_000) return `${(v/1_000_000).toFixed(1)}M`;
if (v >= 1_000) return `${(v/1_000).toFixed(1)}K`;
return v.toFixed(0);
};
const fmtPos = v => v == null ? '—' : v.toLocaleString('fr-FR');
const stats = [
{ l:'Volume long', v: fmtVol(pair.long_volume), c:'#34d6a5'},
{ l:'Volume short', v: fmtVol(pair.short_volume), c:'#ff4757'},
{ l:'Positions long', v: fmtPos(pair.long_positions), c:'#34d6a5'},
{ l:'Positions short', v: fmtPos(pair.short_positions), c:'#ff4757'},
{ l:'Prix moy. long', v: fmtPrice(pair.avg_long_price), c:'#34d6a5'},
{ l:'Prix moy. short', v: fmtPrice(pair.avg_short_price), c:'#ff4757'},
];
return (
{stats.map((s,i) => (
);
}
/* ========== SPEECH ======================================================= */
function TrumpCard({ post }) {
return (
{s.l}
{s.v}
))}
DT
Donald Trump
@realDonaldTrump · Truth Social
{post.date}
↻ Repost
)}
{post.text && (
{post.text}
)}
{post.media?.length > 0 && (
{post.media.map((m, i) => (
))}
)}
{item.title}
{item.date}
{item.summary}
)}
);
}
function TabSpeech() {
const [data, setData] = useState(null);
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);
useEffect(() => {
fetch('/api/speech')
.then(r => { if (!r.ok) throw new Error(`HTTP ${r.status}`); return r.json(); })
.then(d => { setData(d); setLoading(false); })
.catch(e => { setError(e.message); setLoading(false); });
}, []);
if (loading) return Chargement des discours et tweets...
;
if (error) return Erreur : {error}
;
const trumpCount = data?.trump?.length || 0;
const fedCount = data?.fed?.length || 0;
const ecbCount = data?.ecb?.length || 0;
return (
<>
Flux Truth Social temporairement injoignable.
) : (
{data.trump.map((p, i) =>
)}
Flux Fed indisponible.
) : (
data.fed.map((it, i) => Flux ECB indisponible.
) : (
data.ecb.map((it, i) =>
Mise à jour {data.updated_at}
Chargement du sentiment retail...
;
if (error) return Erreur : {error}
;
if (!data?.pairs?.length) return Première requête : ~10s.
Aucune donnée disponible.
;
const pair = data.pairs.find(p => p.symbol === selected) || data.pairs[0];
return (
<>
Biais USD retail
{data.usd_retail_long != null ? (
<>
Long USD {data.usd_retail_long}%
Short USD {data.usd_retail_short}%
Moyenne pondérée du positionnement retail sur les majors USD.
) : (
Biais USD non calculable
)}
Classement par % long
Long
{pair.long_pct}%
Short
{pair.short_pct}%
Volumes & positions
Données rafraîchies toutes les 5 min
Prochains événements à fort impact
{events.length} à venir
{events.slice(0, 5).map((e, i) => (
))}
{e.title}
{e.weekday} · {e.time}
dans {e.in_human}
{horizon}
{verdict.label}
{verdict.detail}
{verdict.drivers && verdict.drivers.length > 0 && (
{verdict.drivers.map((d, i) => (
{d}
))}
)}
= 0 ? '50%' : `${pct}%`,
width: score >= 0 ? `${pct - 50}%` : `${50 - pct}%`,
boxShadow: `0 0 8px ${color}`,
}}/>
{score > 0 ? `+${score}` : score}
#
Devise
Court terme
Long terme
Total
{ranking.map((r, i) => (
#{i + 1}
{r.code}
{r.name}
{r.code}
{r.name}
Drivers court terme
{r.driversShort?.length ? (
-
{r.driversShort.map((d, j) => (
- {d} ))}
Aucun signal CT
}
Drivers long terme
{r.driversLong?.length ? (
-
{r.driversLong.map((d, j) => (
- {d} ))}
Aucun signal LT
}
{isLong ? '↑' : '↓'}
{idea.pair}
{idea.direction}
{idea.horizon}
{idea.rationale}
Agrégation de toutes les devises…
);
if (error) return Premier calcul ~30s (8 devises × providers). Ensuite cache 15 min.
Erreur : {error}
;
if (!data) return Aucune donnée.
;
return (
<>
Court terme
{(data.tradeIdeasShort || []).length === 0 ? (
Aucune idée CT (écarts trop faibles).
) : (
{data.tradeIdeasShort.map((idea, i) =>
)}
Long terme
{(data.tradeIdeasLong || []).length === 0 ? (
Aucune idée LT (écarts trop faibles).
) : (
{data.tradeIdeasLong.map((idea, i) =>
)}
{data.ranking?.length || 0} devises agrégées
e.stopPropagation()}>
Alerte push
{event.title}
{event.country} · {event.impact} · {new Date(event.datetime_iso).toLocaleString('fr-FR', { dateStyle: 'short', timeStyle: 'short' })}
Délai avant l'event
{[5, 15, 30, 60].map(v => (
))}
setLead(e.target.value)}
className="w-16 bg-transparent border border-gold/15 text-ink-soft text-[0.82rem] px-2 py-2 text-center focus:outline-none focus:border-gold/40"/>
Canaux
{[
{ k: 'ntfy', label: 'ntfy.sh' },
{ k: 'telegram', label: 'Telegram' },
].map(({ k, label }) => {
const on = channels.has(k);
return (
);
})}
Message custom (vide = template par défaut)