mirror of
https://github.com/caty21/forex-dashboard.git
synced 2026-07-27 20:37:45 +00:00
feat: onglet Scénario — étend le simulateur à l'EUR et au GBP
Recherché un équivalent Atlanta Fed MPT (options-implied probability) pour l'EUR et le GBP : n'existe pas. La BoE a explicitement arrêté de publier ses propres fonctions de densité de probabilité par options (short sterling) ; pour l'EUR, seule la recherche académique calcule ça depuis les options Euribor, aucune institution ne publie un jeu de données téléchargeable comme le fait l'Atlanta Fed. Le seul outil CME équivalent (€STRWatch) est un simulateur scénario→prix, pas un extracteur prix→probabilité — donc la même famille que l'onglet Scénario (CME SOFRWatch), pas que l'onglet Atlanta Fed. Étendu /api/scenario-spreads et ScenarioTab.tsx en conséquence (sélecteur de devise USD/EUR/GBP) : EUR : €STR ≈ DFR + (€STR − DFR) [rate_decisions.json: MRO − 15bps] GBP : SONIA ≈ Bank Rate + (SONIA − Bank Rate) Séries FRED : ECBESTRVOLWGTTRMDMNRT (€STR), IUDSOIA (SONIA). Fix méthodologique découvert en testant l'EUR : la fenêtre de calcul du spread était de 60 jours, ce qui chevauchait la hausse ECB du 17 juin 2026 et mélangeait ancien/nouveau régime (spread €STR−DFR calculé à -26bps au lieu de ~-7bps réel). Réduit à ~2 semaines (10 observations) pour les 3 devises, assez court pour rester dans le régime de taux courant tout en étant une vraie moyenne réalisée plutôt qu'un point unique bruité. Vérifié en direct : USD 3.64% (SOFR), EUR 2.18% (€STR), GBP 3.73% (SONIA) — tous cohérents avec les valeurs réelles du jour. Sélecteur de devise et clics sur le constructeur de scénario fonctionnels pour les 3 devises. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
caty21
@@ -1,15 +1,18 @@
|
||||
// app/api/scenario-spreads/route.ts
|
||||
// Spreads EFFR/SOFR utilisés par l'onglet Scénario (simulateur type CME
|
||||
// SOFRWatch) pour traduire une fourchette cible Fed hypothétique en niveau de
|
||||
// SOFR implicite : SOFR ≈ lowerBound + (EFFR − lowerBound) + (SOFR − EFFR).
|
||||
// Spreads utilisés par l'onglet Scénario (simulateur type CME SOFRWatch /
|
||||
// €STRWatch) pour traduire un taux directeur hypothétique en taux de
|
||||
// référence overnight implicite :
|
||||
// USD : SOFR ≈ borne basse Fed + (EFFR − borne basse) + (SOFR − EFFR)
|
||||
// EUR : €STR ≈ DFR + (€STR − DFR)
|
||||
// GBP : SONIA ≈ Bank Rate + (SONIA − Bank Rate)
|
||||
//
|
||||
// CME SOFRWatch calcule ces deux spreads à partir des prix des futures SOFR
|
||||
// 1 mois vs Fed Funds (SR1−ZQ), des données de marché propriétaires. On les
|
||||
// approxime ici avec la moyenne réalisée historique EFFR/SOFR (FRED, gratuit),
|
||||
// ce qui est un proxy raisonnable tant que la Fed n'a pas bougé récemment
|
||||
// (spread stable), mais reste un proxy — pas un prix forward-looking.
|
||||
// CME calcule ces spreads à partir de prix de futures/options (SR1−ZQ pour
|
||||
// SOFR ; pas d'équivalent public pour €STR/SONIA). On les approxime tous avec
|
||||
// la moyenne réalisée historique (FRED, gratuit) — un proxy raisonnable tant
|
||||
// que le taux directeur n'a pas bougé récemment, mais pas un prix
|
||||
// forward-looking.
|
||||
|
||||
import { NextResponse } from "next/server";
|
||||
import { NextRequest, NextResponse } from "next/server";
|
||||
import rateDecisionsData from "@/data/rate_decisions.json";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
@@ -31,52 +34,128 @@ async function fredObs(seriesId: string, apiKey: string, limit = 60): Promise<Fr
|
||||
} catch { return []; }
|
||||
}
|
||||
|
||||
export interface ScenarioSpreads {
|
||||
asOf: string;
|
||||
lowerBound: number | null;
|
||||
upperBound: number | null;
|
||||
effrSpreadBps: number | null; // EFFR − lowerBound, moyenne réalisée
|
||||
sofrEffrSpreadBps: number | null; // SOFR − EFFR, moyenne réalisée (apparié par date)
|
||||
windowDays: number;
|
||||
note: string;
|
||||
function avgSpread(ref: FredObs[], target: number | null): number | null {
|
||||
if (target === null || !ref.length) return null;
|
||||
return ref.reduce((s, o) => s + (o.value - target), 0) / ref.length;
|
||||
}
|
||||
|
||||
export async function GET() {
|
||||
const key = process.env.FRED_API_KEY;
|
||||
if (!key) return NextResponse.json({ error: "FRED_API_KEY missing" }, { status: 500 });
|
||||
export interface ScenarioSpread {
|
||||
label: string; // "EFFR − borne basse", "€STR − DFR", "SONIA − Bank Rate"…
|
||||
bps: number | null;
|
||||
}
|
||||
|
||||
const [effr, sofr] = await Promise.all([
|
||||
fredObs("EFFR", key, 60),
|
||||
fredObs("SOFR", key, 60),
|
||||
]);
|
||||
if (!effr.length || !sofr.length) {
|
||||
return NextResponse.json({ error: "Données FRED EFFR/SOFR indisponibles" }, { status: 502 });
|
||||
}
|
||||
export interface ScenarioSpreads {
|
||||
currency: "USD" | "EUR" | "GBP";
|
||||
asOf: string;
|
||||
targetRate: number | null; // borne basse (USD), DFR (EUR), Bank Rate (GBP)
|
||||
targetLabel: string;
|
||||
refRateLabel: string; // "SOFR" | "€STR" | "SONIA"
|
||||
// Offset fixe pour convertir l'impliedRate déjà exposé par /api/rate-probabilities
|
||||
// (convention borne haute pour USD, MRO pour EUR, Bank Rate direct pour GBP)
|
||||
// vers la même échelle que targetRate — permet au front de comparer le
|
||||
// scénario utilisateur au marché sans dupliquer les conventions par devise.
|
||||
marketConversionOffset: number;
|
||||
spreads: ScenarioSpread[];
|
||||
windowDays: number;
|
||||
note: string;
|
||||
}
|
||||
|
||||
const rateDec = (rateDecisionsData as Array<{ decisions: Record<string, { current: number }> }>)[0];
|
||||
type RateDecisions = Array<{ decisions: Record<string, { current: number }> }>;
|
||||
|
||||
// Fenêtre courte (≈2 semaines ouvrées) plutôt que longue : une fenêtre large
|
||||
// (60j) peut chevaucher un changement de taux directeur récent et fausser la
|
||||
// moyenne en mélangeant l'ancien et le nouveau régime (constaté sur l'EUR :
|
||||
// la BCE a bougé le 17 juin 2026, une fenêtre 60j donnait un spread €STR-DFR
|
||||
// de -26bps au lieu des ~-7bps réels une fois restreint à l'après-hausse).
|
||||
const SPREAD_WINDOW = 10;
|
||||
|
||||
async function buildUsd(key: string): Promise<ScenarioSpreads | { error: string }> {
|
||||
const [effr, sofr] = await Promise.all([fredObs("EFFR", key, SPREAD_WINDOW), fredObs("SOFR", key, SPREAD_WINDOW)]);
|
||||
if (!effr.length || !sofr.length) return { error: "Données FRED EFFR/SOFR indisponibles" };
|
||||
|
||||
const rateDec = (rateDecisionsData as RateDecisions)[0];
|
||||
const upperBound = rateDec?.decisions?.USD?.current ?? null;
|
||||
const lowerBound = upperBound !== null ? parseFloat((upperBound - 0.25).toFixed(2)) : null;
|
||||
|
||||
const effrSpread = lowerBound !== null
|
||||
? effr.reduce((s, o) => s + (o.value - lowerBound), 0) / effr.length
|
||||
: null;
|
||||
|
||||
const effrSpread = avgSpread(effr, lowerBound);
|
||||
const effrByDate = new Map(effr.map(o => [o.date, o.value]));
|
||||
const pairedDiffs = sofr
|
||||
.filter(o => effrByDate.has(o.date))
|
||||
.map(o => o.value - effrByDate.get(o.date)!);
|
||||
const sofrEffrSpread = pairedDiffs.length
|
||||
? pairedDiffs.reduce((s, d) => s + d, 0) / pairedDiffs.length
|
||||
: null;
|
||||
const pairedDiffs = sofr.filter(o => effrByDate.has(o.date)).map(o => o.value - effrByDate.get(o.date)!);
|
||||
const sofrEffrSpread = pairedDiffs.length ? pairedDiffs.reduce((s, d) => s + d, 0) / pairedDiffs.length : null;
|
||||
|
||||
const data: ScenarioSpreads = {
|
||||
return {
|
||||
currency: "USD",
|
||||
asOf: new Date().toISOString().slice(0, 10),
|
||||
lowerBound,
|
||||
upperBound,
|
||||
effrSpreadBps: effrSpread !== null ? Math.round(effrSpread * 100) : null,
|
||||
sofrEffrSpreadBps: sofrEffrSpread !== null ? Math.round(sofrEffrSpread * 100) : null,
|
||||
targetRate: lowerBound,
|
||||
targetLabel: "Fourchette Fed (borne basse)",
|
||||
refRateLabel: "SOFR",
|
||||
marketConversionOffset: -0.25, // impliedRate (borne haute) -> borne basse
|
||||
spreads: [
|
||||
{ label: "EFFR − borne basse", bps: effrSpread !== null ? Math.round(effrSpread * 100) : null },
|
||||
{ label: "SOFR − EFFR", bps: sofrEffrSpread !== null ? Math.round(sofrEffrSpread * 100) : null },
|
||||
],
|
||||
windowDays: effr.length,
|
||||
note: "Spreads = moyennes réalisées historiques EFFR/SOFR (FRED, fenêtre glissante ~60j) — approximation du spread forward-looking SR1−ZQ utilisé par CME SOFRWatch (données de marché propriétaires non accessibles gratuitement).",
|
||||
note: "Spreads = moyennes réalisées historiques EFFR/SOFR (FRED, fenêtre glissante ~2 semaines) — approximation du spread forward-looking SR1−ZQ utilisé par CME SOFRWatch (données de marché propriétaires non accessibles gratuitement).",
|
||||
};
|
||||
return NextResponse.json(data, { headers: { "Cache-Control": "s-maxage=21600, stale-while-revalidate=43200" } });
|
||||
}
|
||||
|
||||
async function buildEur(key: string): Promise<ScenarioSpreads | { error: string }> {
|
||||
const estr = await fredObs("ECBESTRVOLWGTTRMDMNRT", key, SPREAD_WINDOW);
|
||||
if (!estr.length) return { error: "Données FRED €STR indisponibles" };
|
||||
|
||||
const rateDec = (rateDecisionsData as RateDecisions)[0];
|
||||
const mro = rateDec?.decisions?.EUR?.current ?? null; // rate_decisions.json stocke le MRO
|
||||
const dfr = mro !== null ? parseFloat((mro - 0.15).toFixed(2)) : null; // corridor ECB: MRO = DFR+15bps
|
||||
|
||||
const estrSpread = avgSpread(estr, dfr);
|
||||
|
||||
return {
|
||||
currency: "EUR",
|
||||
asOf: new Date().toISOString().slice(0, 10),
|
||||
targetRate: dfr,
|
||||
targetLabel: "DFR (taux de dépôt BCE)",
|
||||
refRateLabel: "€STR",
|
||||
marketConversionOffset: -0.15, // impliedRate (MRO) -> DFR
|
||||
spreads: [
|
||||
{ label: "€STR − DFR", bps: estrSpread !== null ? Math.round(estrSpread * 100) : null },
|
||||
],
|
||||
windowDays: estr.length,
|
||||
note: "Spread = moyenne réalisée historique €STR/DFR (FRED, fenêtre glissante ~2 semaines) — approximation ; pas d'équivalent public d'un spread forward-looking type SR1−ZQ pour l'EUR.",
|
||||
};
|
||||
}
|
||||
|
||||
async function buildGbp(key: string): Promise<ScenarioSpreads | { error: string }> {
|
||||
const sonia = await fredObs("IUDSOIA", key, SPREAD_WINDOW);
|
||||
if (!sonia.length) return { error: "Données FRED SONIA indisponibles" };
|
||||
|
||||
const rateDec = (rateDecisionsData as RateDecisions)[0];
|
||||
const bankRate = rateDec?.decisions?.GBP?.current ?? null;
|
||||
|
||||
const soniaSpread = avgSpread(sonia, bankRate);
|
||||
|
||||
return {
|
||||
currency: "GBP",
|
||||
asOf: new Date().toISOString().slice(0, 10),
|
||||
targetRate: bankRate,
|
||||
targetLabel: "Bank Rate (BoE)",
|
||||
refRateLabel: "SONIA",
|
||||
marketConversionOffset: 0, // impliedRate déjà en convention Bank Rate directe
|
||||
spreads: [
|
||||
{ label: "SONIA − Bank Rate", bps: soniaSpread !== null ? Math.round(soniaSpread * 100) : null },
|
||||
],
|
||||
windowDays: sonia.length,
|
||||
note: "Spread = moyenne réalisée historique SONIA/Bank Rate (FRED, fenêtre glissante ~2 semaines) — approximation ; la BoE a arrêté de publier ses propres fonctions de densité de probabilité implicites par options (short sterling), donc pas de spread forward-looking public disponible.",
|
||||
};
|
||||
}
|
||||
|
||||
export async function GET(req: NextRequest) {
|
||||
const key = process.env.FRED_API_KEY;
|
||||
if (!key) return NextResponse.json({ error: "FRED_API_KEY missing" }, { status: 500 });
|
||||
|
||||
const currency = (req.nextUrl.searchParams.get("currency") ?? "USD").toUpperCase();
|
||||
const builder = currency === "EUR" ? buildEur : currency === "GBP" ? buildGbp : buildUsd;
|
||||
|
||||
const result = await builder(key);
|
||||
if ("error" in result) return NextResponse.json(result, { status: 502 });
|
||||
|
||||
return NextResponse.json(result, { headers: { "Cache-Control": "s-maxage=21600, stale-while-revalidate=43200" } });
|
||||
}
|
||||
|
||||
+105
-59
@@ -1,19 +1,21 @@
|
||||
"use client";
|
||||
|
||||
// components/ScenarioTab.tsx
|
||||
// Simulateur "scénario → prix implicite", façon CME SOFRWatch — logique
|
||||
// INVERSÉE par rapport aux autres onglets Taux (qui déduisent une probabilité
|
||||
// depuis les prix de marché) : ici, l'utilisateur choisit lui-même un scénario
|
||||
// de hikes/cuts à chaque réunion FOMC, et l'outil en déduit où devrait se
|
||||
// situer le SOFR implicite si ce scénario se réalisait.
|
||||
// Simulateur "scénario → prix implicite", façon CME SOFRWatch / €STRWatch —
|
||||
// logique INVERSÉE par rapport aux autres onglets Taux (qui déduisent une
|
||||
// probabilité depuis les prix de marché) : ici, l'utilisateur choisit
|
||||
// lui-même un scénario de hikes/cuts à chaque réunion de banque centrale, et
|
||||
// l'outil en déduit où devrait se situer le taux de référence overnight
|
||||
// implicite si ce scénario se réalisait.
|
||||
//
|
||||
// Lien taux cible Fed → SOFR (méthodologie CME SOFRWatch, en 2 spreads) :
|
||||
// 1. EFFR − borne basse de la fourchette cible (observé)
|
||||
// 2. SOFR − EFFR (observé)
|
||||
// SOFR implicite ≈ borne basse + spread 1 + spread 2
|
||||
// CME calcule ces spreads à partir des prix forward des futures SOFR 1 mois
|
||||
// vs Fed Funds (SR1−ZQ) — données de marché propriétaires. On les approxime
|
||||
// ici avec la moyenne réalisée historique (FRED, gratuit) : voir /api/scenario-spreads.
|
||||
// Lien taux directeur → taux de référence overnight (voir /api/scenario-spreads) :
|
||||
// USD : SOFR ≈ borne basse Fed + (EFFR − borne basse) + (SOFR − EFFR)
|
||||
// EUR : €STR ≈ DFR + (€STR − DFR)
|
||||
// GBP : SONIA ≈ Bank Rate + (SONIA − Bank Rate)
|
||||
// CME calcule ces spreads (USD) à partir des prix forward des futures SOFR
|
||||
// 1 mois vs Fed Funds (SR1−ZQ) — données de marché propriétaires, pas
|
||||
// d'équivalent public pour €STR/SONIA. On les approxime partout avec la
|
||||
// moyenne réalisée historique (FRED, gratuit, fenêtre ~2 semaines).
|
||||
|
||||
import { useEffect, useState, useMemo } from "react";
|
||||
import { RefreshCw, RotateCcw, Info } from "lucide-react";
|
||||
@@ -21,49 +23,65 @@ import {
|
||||
LineChart, Line, ResponsiveContainer, Tooltip, XAxis, YAxis, CartesianGrid, Legend,
|
||||
} from "recharts";
|
||||
|
||||
interface ScenarioSpreads {
|
||||
asOf: string;
|
||||
lowerBound: number | null;
|
||||
upperBound: number | null;
|
||||
effrSpreadBps: number | null;
|
||||
sofrEffrSpreadBps: number | null;
|
||||
windowDays: number;
|
||||
note: string;
|
||||
type ScenarioCcy = "USD" | "EUR" | "GBP";
|
||||
|
||||
interface ScenarioSpread {
|
||||
label: string;
|
||||
bps: number | null;
|
||||
}
|
||||
|
||||
interface UsdMeeting {
|
||||
dateIso: string;
|
||||
label: string;
|
||||
impliedRate: number; // convention upper bound, cf. rate_decisions.json
|
||||
interface ScenarioSpreads {
|
||||
currency: ScenarioCcy;
|
||||
asOf: string;
|
||||
targetRate: number | null;
|
||||
targetLabel: string;
|
||||
refRateLabel: string;
|
||||
marketConversionOffset: number;
|
||||
spreads: ScenarioSpread[];
|
||||
windowDays: number;
|
||||
note: string;
|
||||
}
|
||||
|
||||
interface Meeting {
|
||||
dateIso: string;
|
||||
label: string;
|
||||
impliedRate: number;
|
||||
}
|
||||
|
||||
const STEPS = [-50, -25, 0, 25, 50] as const;
|
||||
|
||||
const CCY_META: Record<ScenarioCcy, { flag: string; bank: string; meetingLabel: string }> = {
|
||||
USD: { flag: "🇺🇸", bank: "Fed (FOMC)", meetingLabel: "réunion FOMC" },
|
||||
EUR: { flag: "🇪🇺", bank: "BCE", meetingLabel: "Conseil des gouverneurs" },
|
||||
GBP: { flag: "🇬🇧", bank: "BoE (MPC)", meetingLabel: "réunion MPC" },
|
||||
};
|
||||
|
||||
function fmtDate(iso: string): string {
|
||||
const d = new Date(iso + "T12:00:00Z");
|
||||
return d.toLocaleDateString("fr-FR", { month: "short", day: "numeric" });
|
||||
}
|
||||
|
||||
export default function ScenarioTab() {
|
||||
const [currency, setCurrency] = useState<ScenarioCcy>("USD");
|
||||
const [spreads, setSpreads] = useState<ScenarioSpreads | null>(null);
|
||||
const [meetings, setMeetings] = useState<UsdMeeting[]>([]);
|
||||
const [meetings, setMeetings] = useState<Meeting[]>([]);
|
||||
const [deltas, setDeltas] = useState<Record<string, number>>({});
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
|
||||
const load = async () => {
|
||||
const load = async (ccy: ScenarioCcy) => {
|
||||
setLoading(true);
|
||||
setError(null);
|
||||
try {
|
||||
const [spreadsRes, rpRes] = await Promise.all([
|
||||
fetch("/api/scenario-spreads", { cache: "no-store" }).then(r => r.json()),
|
||||
fetch(`/api/scenario-spreads?currency=${ccy}`, { cache: "no-store" }).then(r => r.json()),
|
||||
fetch("/api/rate-probabilities", { cache: "no-store" }).then(r => r.json()),
|
||||
]);
|
||||
if (spreadsRes?.error) throw new Error(spreadsRes.error);
|
||||
setSpreads(spreadsRes as ScenarioSpreads);
|
||||
|
||||
const usd = rpRes?.data?.USD;
|
||||
const ms: UsdMeeting[] = (usd?.meetings ?? []).map((m: { dateIso: string; label: string; impliedRate: number }) => ({
|
||||
const entry = rpRes?.data?.[ccy];
|
||||
const ms: Meeting[] = (entry?.meetings ?? []).map((m: { dateIso: string; label: string; impliedRate: number }) => ({
|
||||
dateIso: m.dateIso, label: m.label, impliedRate: m.impliedRate,
|
||||
}));
|
||||
setMeetings(ms);
|
||||
@@ -74,59 +92,84 @@ export default function ScenarioTab() {
|
||||
}
|
||||
};
|
||||
|
||||
useEffect(() => { load(); }, []);
|
||||
useEffect(() => { setDeltas({}); load(currency); }, [currency]);
|
||||
|
||||
const setDelta = (dateIso: string, bps: number) => setDeltas(prev => ({ ...prev, [dateIso]: bps }));
|
||||
const resetAll = () => setDeltas({});
|
||||
|
||||
const chartData = useMemo(() => {
|
||||
if (!spreads || spreads.lowerBound === null || !meetings.length) return [];
|
||||
const spreadTotal = (spreads.effrSpreadBps ?? 0) / 100 + (spreads.sofrEffrSpreadBps ?? 0) / 100;
|
||||
const totalSpreadBps = useMemo(
|
||||
() => spreads ? spreads.spreads.reduce((s, x) => s + (x.bps ?? 0), 0) : null,
|
||||
[spreads]
|
||||
);
|
||||
|
||||
let cumulLower = spreads.lowerBound;
|
||||
const chartData = useMemo(() => {
|
||||
if (!spreads || spreads.targetRate === null || totalSpreadBps === null || !meetings.length) return [];
|
||||
const spreadTotal = totalSpreadBps / 100;
|
||||
|
||||
let cumulTarget = spreads.targetRate;
|
||||
return meetings.map(m => {
|
||||
const delta = deltas[m.dateIso] ?? 0;
|
||||
cumulLower = parseFloat((cumulLower + delta / 100).toFixed(4));
|
||||
const scenarioSofr = parseFloat((cumulLower + spreadTotal).toFixed(4));
|
||||
cumulTarget = parseFloat((cumulTarget + delta / 100).toFixed(4));
|
||||
const scenarioRef = parseFloat((cumulTarget + spreadTotal).toFixed(4));
|
||||
|
||||
// Marché (OIS) : impliedRate suit la convention upper bound → on
|
||||
// convertit en borne basse pour rester sur la même échelle SOFR.
|
||||
const marketLower = parseFloat((m.impliedRate - 0.25).toFixed(4));
|
||||
const marketSofr = parseFloat((marketLower + spreadTotal).toFixed(4));
|
||||
// Marché (OIS) : impliedRate suit la convention propre à /api/rate-probabilities
|
||||
// (borne haute pour USD, MRO pour EUR, Bank Rate direct pour GBP) → on la
|
||||
// convertit vers la même échelle que targetRate avant d'ajouter le spread.
|
||||
const marketTarget = parseFloat((m.impliedRate + spreads.marketConversionOffset).toFixed(4));
|
||||
const marketRef = parseFloat((marketTarget + spreadTotal).toFixed(4));
|
||||
|
||||
return {
|
||||
label: m.label,
|
||||
dateIso: m.dateIso,
|
||||
scenario: scenarioSofr,
|
||||
marche: marketSofr,
|
||||
cumulBps: Math.round((cumulLower - spreads.lowerBound!) * 100),
|
||||
scenario: scenarioRef,
|
||||
marche: marketRef,
|
||||
cumulBps: Math.round((cumulTarget - spreads.targetRate!) * 100),
|
||||
};
|
||||
});
|
||||
}, [spreads, meetings, deltas]);
|
||||
}, [spreads, meetings, deltas, totalSpreadBps]);
|
||||
|
||||
const spreadTotalBps = spreads ? (spreads.effrSpreadBps ?? 0) + (spreads.sofrEffrSpreadBps ?? 0) : null;
|
||||
const currentImpliedSofr = spreads?.lowerBound !== null && spreadTotalBps !== null && spreads
|
||||
? parseFloat((spreads.lowerBound + spreadTotalBps / 100).toFixed(2))
|
||||
const currentImpliedRef = spreads?.targetRate !== null && totalSpreadBps !== null && spreads
|
||||
? parseFloat((spreads.targetRate + totalSpreadBps / 100).toFixed(2))
|
||||
: null;
|
||||
|
||||
const meta = CCY_META[currency];
|
||||
|
||||
return (
|
||||
<div className="space-y-3">
|
||||
<div className="bg-slate-900 border border-slate-800 rounded-xl px-4 py-3">
|
||||
<div className="flex items-center justify-between mb-1">
|
||||
<h2 className="text-sm font-semibold text-slate-200">Scénario — simulateur taux → SOFR implicite</h2>
|
||||
<div className="flex items-center justify-between mb-2 flex-wrap gap-2">
|
||||
<h2 className="text-sm font-semibold text-slate-200">Scénario — simulateur taux → {spreads?.refRateLabel ?? "taux"} implicite</h2>
|
||||
<div className="flex items-center gap-2">
|
||||
<button onClick={resetAll} className="flex items-center gap-1 text-[10px] text-slate-400 hover:text-slate-200 border border-slate-800 hover:border-slate-600 rounded-md px-2 py-1 transition-colors">
|
||||
<RotateCcw size={11} /> Réinitialiser
|
||||
</button>
|
||||
<button onClick={load} disabled={loading} className="flex items-center gap-1 text-[10px] text-slate-400 hover:text-slate-200 border border-slate-800 hover:border-slate-600 rounded-md px-2 py-1 transition-colors disabled:opacity-50">
|
||||
<button onClick={() => load(currency)} disabled={loading} className="flex items-center gap-1 text-[10px] text-slate-400 hover:text-slate-200 border border-slate-800 hover:border-slate-600 rounded-md px-2 py-1 transition-colors disabled:opacity-50">
|
||||
<RefreshCw size={11} className={loading ? "animate-spin" : ""} /> Rafraîchir
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Sélecteur de devise */}
|
||||
<div className="flex gap-1.5 mb-2">
|
||||
{(Object.keys(CCY_META) as ScenarioCcy[]).map(ccy => (
|
||||
<button
|
||||
key={ccy}
|
||||
onClick={() => setCurrency(ccy)}
|
||||
className={`flex items-center gap-1.5 text-[11px] font-semibold px-3 py-1 rounded-full border transition-colors ${
|
||||
currency === ccy
|
||||
? "bg-slate-700 border-slate-500 text-white"
|
||||
: "border-slate-700/60 text-slate-400 hover:text-white"
|
||||
}`}
|
||||
>
|
||||
<span>{CCY_META[ccy].flag}</span> {ccy} <span className="text-slate-500 font-normal">· {CCY_META[ccy].bank}</span>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<p className="text-[10px] text-slate-600 leading-relaxed">
|
||||
Logique inversée par rapport aux autres onglets Taux (qui déduisent une probabilité depuis les prix de marché) :
|
||||
choisissez vous-même un scénario de hikes/cuts à chaque réunion FOMC, l'outil déduit où devrait se situer le SOFR
|
||||
implicite si ce scénario se réalisait — façon CME SOFRWatch.
|
||||
choisissez vous-même un scénario de hikes/cuts à chaque {meta.meetingLabel}, l'outil déduit où devrait se situer
|
||||
le {spreads?.refRateLabel ?? "taux de référence"} implicite si ce scénario se réalisait — façon CME SOFRWatch / €STRWatch.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -144,20 +187,23 @@ export default function ScenarioTab() {
|
||||
<div className="bg-slate-900 border border-slate-800 rounded-xl px-4 py-3">
|
||||
<div className="flex items-center gap-1.5 mb-2">
|
||||
<Info size={11} className="text-slate-600" />
|
||||
<span className="text-[10px] text-slate-500 uppercase tracking-wider font-semibold">Fourchette Fed actuelle → SOFR</span>
|
||||
<span className="text-[10px] text-slate-500 uppercase tracking-wider font-semibold">{spreads.targetLabel} → {spreads.refRateLabel}</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-4 flex-wrap text-[11px]">
|
||||
<span className="text-slate-400">Fourchette : <span className="text-slate-200 font-semibold font-mono">{spreads.lowerBound?.toFixed(2)}–{spreads.upperBound?.toFixed(2)}%</span></span>
|
||||
<span className="text-slate-400">Spread EFFR−borne basse : <span className="text-amber-400 font-semibold font-mono">{spreads.effrSpreadBps! >= 0 ? "+" : ""}{spreads.effrSpreadBps}bps</span></span>
|
||||
<span className="text-slate-400">Spread SOFR−EFFR : <span className="text-sky-400 font-semibold font-mono">{spreads.sofrEffrSpreadBps! >= 0 ? "+" : ""}{spreads.sofrEffrSpreadBps}bps</span></span>
|
||||
<span className="text-slate-400">SOFR implicite actuel : <span className="text-slate-100 font-bold font-mono">{currentImpliedSofr?.toFixed(2)}%</span></span>
|
||||
<span className="text-slate-400">{spreads.targetLabel} : <span className="text-slate-200 font-semibold font-mono">{spreads.targetRate?.toFixed(2)}%</span></span>
|
||||
{spreads.spreads.map(s => (
|
||||
<span key={s.label} className="text-slate-400">
|
||||
Spread {s.label} : <span className="text-amber-400 font-semibold font-mono">{s.bps !== null ? `${s.bps >= 0 ? "+" : ""}${s.bps}bps` : "—"}</span>
|
||||
</span>
|
||||
))}
|
||||
<span className="text-slate-400">{spreads.refRateLabel} implicite actuel : <span className="text-slate-100 font-bold font-mono">{currentImpliedRef?.toFixed(2)}%</span></span>
|
||||
</div>
|
||||
<p className="text-[9px] text-slate-700 mt-2 leading-snug">{spreads.note}</p>
|
||||
</div>
|
||||
|
||||
{/* Constructeur de scénario */}
|
||||
<div className="bg-slate-900 border border-slate-800 rounded-xl px-4 py-3">
|
||||
<span className="text-[10px] text-slate-500 uppercase tracking-wider font-semibold">Votre scénario — par réunion FOMC</span>
|
||||
<span className="text-[10px] text-slate-500 uppercase tracking-wider font-semibold">Votre scénario — par {meta.meetingLabel}</span>
|
||||
<div className="mt-2 space-y-1.5">
|
||||
{meetings.map(m => {
|
||||
const delta = deltas[m.dateIso] ?? 0;
|
||||
@@ -189,7 +235,7 @@ export default function ScenarioTab() {
|
||||
|
||||
{/* Chart comparatif */}
|
||||
<div className="bg-slate-900 border border-slate-800 rounded-xl px-4 py-3">
|
||||
<span className="text-[10px] text-slate-500 uppercase tracking-wider font-semibold">SOFR implicite — votre scénario vs marché (OIS)</span>
|
||||
<span className="text-[10px] text-slate-500 uppercase tracking-wider font-semibold">{spreads.refRateLabel} implicite — votre scénario vs marché (OIS)</span>
|
||||
<ResponsiveContainer width="100%" height={260}>
|
||||
<LineChart data={chartData} margin={{ top: 12, right: 16, left: 0, bottom: 0 }}>
|
||||
<CartesianGrid stroke="#1e293b" strokeDasharray="3 3" />
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"ts":1783535815952,"data":{"current":{"NZD":{"currency":"NZD","nextMeetingProbPct":82,"nextMeetingIsHike":true,"nextMeetingIsNoChange":false,"bpsYearEnd":62,"publishedDate":"2026-07-03"},"USD":{"currency":"USD","nextMeetingProbPct":17,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":30,"publishedDate":"2026-07-03"},"EUR":{"currency":"EUR","nextMeetingProbPct":28,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":24,"publishedDate":"2026-07-03"},"JPY":{"currency":"JPY","nextMeetingProbPct":1,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":20,"publishedDate":"2026-07-03"},"GBP":{"currency":"GBP","nextMeetingProbPct":7,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":18,"publishedDate":"2026-07-03"},"AUD":{"currency":"AUD","nextMeetingProbPct":15,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":10,"publishedDate":"2026-07-03"},"CAD":{"currency":"CAD","nextMeetingProbPct":9,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":8,"publishedDate":"2026-07-03"},"CHF":{"currency":"CHF","nextMeetingProbPct":4,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":5,"publishedDate":"2026-07-03"}},"prev":{"NZD":{"currency":"NZD","nextMeetingProbPct":62,"nextMeetingIsHike":true,"nextMeetingIsNoChange":false,"bpsYearEnd":55,"publishedDate":"2026-06-26"},"USD":{"currency":"USD","nextMeetingProbPct":30,"nextMeetingIsHike":true,"nextMeetingIsNoChange":false,"bpsYearEnd":31,"publishedDate":"2026-06-26"},"EUR":{"currency":"EUR","nextMeetingProbPct":31,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":27,"publishedDate":"2026-06-26"},"GBP":{"currency":"GBP","nextMeetingProbPct":14,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":20,"publishedDate":"2026-06-26"},"JPY":{"currency":"JPY","nextMeetingProbPct":3,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":19,"publishedDate":"2026-06-26"},"CAD":{"currency":"CAD","nextMeetingProbPct":4,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":18,"publishedDate":"2026-06-26"},"AUD":{"currency":"AUD","nextMeetingProbPct":13,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":8,"publishedDate":"2026-06-26"},"CHF":{"currency":"CHF","nextMeetingProbPct":6,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":5,"publishedDate":"2026-06-26"}},"prevDate":"2026-06-26"}}
|
||||
{"ts":1783543879291,"data":{"current":{"NZD":{"currency":"NZD","nextMeetingProbPct":82,"nextMeetingIsHike":true,"nextMeetingIsNoChange":false,"bpsYearEnd":62,"publishedDate":"2026-07-03"},"USD":{"currency":"USD","nextMeetingProbPct":17,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":30,"publishedDate":"2026-07-03"},"EUR":{"currency":"EUR","nextMeetingProbPct":28,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":24,"publishedDate":"2026-07-03"},"JPY":{"currency":"JPY","nextMeetingProbPct":1,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":20,"publishedDate":"2026-07-03"},"GBP":{"currency":"GBP","nextMeetingProbPct":7,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":18,"publishedDate":"2026-07-03"},"AUD":{"currency":"AUD","nextMeetingProbPct":15,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":10,"publishedDate":"2026-07-03"},"CAD":{"currency":"CAD","nextMeetingProbPct":9,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":8,"publishedDate":"2026-07-03"},"CHF":{"currency":"CHF","nextMeetingProbPct":4,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":5,"publishedDate":"2026-07-03"}},"prev":{"NZD":{"currency":"NZD","nextMeetingProbPct":62,"nextMeetingIsHike":true,"nextMeetingIsNoChange":false,"bpsYearEnd":55,"publishedDate":"2026-06-26"},"USD":{"currency":"USD","nextMeetingProbPct":30,"nextMeetingIsHike":true,"nextMeetingIsNoChange":false,"bpsYearEnd":31,"publishedDate":"2026-06-26"},"EUR":{"currency":"EUR","nextMeetingProbPct":31,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":27,"publishedDate":"2026-06-26"},"GBP":{"currency":"GBP","nextMeetingProbPct":14,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":20,"publishedDate":"2026-06-26"},"JPY":{"currency":"JPY","nextMeetingProbPct":3,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":19,"publishedDate":"2026-06-26"},"CAD":{"currency":"CAD","nextMeetingProbPct":4,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":18,"publishedDate":"2026-06-26"},"AUD":{"currency":"AUD","nextMeetingProbPct":13,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":8,"publishedDate":"2026-06-26"},"CHF":{"currency":"CHF","nextMeetingProbPct":6,"nextMeetingIsHike":false,"nextMeetingIsNoChange":true,"bpsYearEnd":5,"publishedDate":"2026-06-26"}},"prevDate":"2026-06-26"}}
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user