From cf70e30db633d9d2df9c4b0c7e49fca55c63f90d Mon Sep 17 00:00:00 2001
From: caty21 <caty21@users.noreply.github.com>
Date: Sat, 27 Jun 2026 22:02:53 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20onglet=20March=C3=A9s=20+=20TvMiniChart?=
 =?UTF-8?q?=20sans=20popup=20+=20cache=20RP=2048h=20+=20OIS=20default?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- page.tsx: onglet '🌍 Marchés' — S&P 500, VIX, DXY, Or (TvMiniChart 2x2)
- TvChart: prop dateRange configurable sur TvMiniChart (défaut 1M)
- ReportTab: TvAdvancedChart → TvMiniChart (plus de popup TV), Or remplace US10Y
  S&P 500/VIX dateRange=12M (daily), DXY/Or dateRange=60M (weekly)
- rateprobability: cache TTL 4h → 48h (OIS revient même sans GitHub Actions hourly)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/page.tsx             | 22 ++++++++++++++++++++--
 components/ReportTab.tsx | 10 +++++-----
 components/TvChart.tsx   | 15 ++++++++-------
 lib/rateprobability.ts   |  2 +-
 4 files changed, 34 insertions(+), 15 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index c847c18..e61a99c 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -14,6 +14,7 @@ import YieldsTab from "@/components/YieldsTab";
 import NewsTab from "@/components/NewsTab";
 import CotTab from "@/components/CotTab";
 import ReportTab from "@/components/ReportTab";
+import { TvMiniChart } from "@/components/TvChart";
 import type { CalendarEvent } from "@/app/api/calendar/route";
 import type { NewsItem } from "@/app/api/news/route";
 import type { CotHistory } from "@/app/api/cot-history/route";
@@ -28,7 +29,7 @@ export default function Dashboard() {
   const [cot,          setCot]          = useState<Record<string, CotEntry> | null>(null);
   const [calEvents,    setCalEvents]    = useState<CalendarEvent[]>([]);
   const [nextWeekAvail, setNextWeekAvail] = useState(false);
-  const [activeTab,    setActiveTab]    = useState<"dashboard" | "calendar" | "pairs" | "yields" | "news" | "cot" | "report">("dashboard");
+  const [activeTab,    setActiveTab]    = useState<"dashboard" | "calendar" | "pairs" | "yields" | "news" | "cot" | "report" | "markets">("dashboard");
   const [newsItems,    setNewsItems]    = useState<NewsItem[]>([]);
   const [newsLoading,  setNewsLoading]  = useState(false);
   const [cotHistory,   setCotHistory]   = useState<CotHistory | null>(null);
@@ -350,7 +351,7 @@ export default function Dashboard() {
 
       {/* Tab navigation */}
       <div className="flex gap-0 border-b border-slate-800 mb-4">
-        {(["dashboard", "calendar", "pairs", "yields", "news", "cot", "report"] as const).map((tab) => (
+        {(["dashboard", "markets", "calendar", "pairs", "yields", "news", "cot", "report"] as const).map((tab) => (
           <button
             key={tab}
             onClick={() => setActiveTab(tab)}
@@ -361,6 +362,7 @@ export default function Dashboard() {
             }`}
           >
             {tab === "dashboard" ? "Dashboard"
+              : tab === "markets"  ? "🌍 Marchés"
               : tab === "calendar" ? "📅 Calendrier"
               : tab === "pairs"   ? "↕ Paires"
               : tab === "yields"  ? "📈 Yields 10Y"
@@ -597,6 +599,22 @@ export default function Dashboard() {
         </>
       )}
 
+      {activeTab === "markets" && (
+        <div className="space-y-6">
+          <div className="flex items-center gap-4">
+            <div className="h-px flex-1 bg-sky-500/20" />
+            <span className="text-sky-400 text-xs font-bold uppercase tracking-[0.3em]">Vue d&apos;ensemble · Marchés Globaux</span>
+            <div className="h-px flex-1 bg-sky-500/20" />
+          </div>
+          <div className="grid grid-cols-2 gap-4">
+            <TvMiniChart symbol="SP:SPX"   label="S&P 500 · Daily"           dateRange="12M" height={220} />
+            <TvMiniChart symbol="TVC:VIX"  label="VIX · Daily"               dateRange="12M" height={220} />
+            <TvMiniChart symbol="TVC:DXY"  label="DXY Dollar Index · Weekly" dateRange="60M" height={220} />
+            <TvMiniChart symbol="TVC:GOLD" label="Or (XAU/USD) · Weekly"     dateRange="60M" height={220} />
+          </div>
+        </div>
+      )}
+
       {activeTab === "calendar" && (
         <CalendarTab events={calEvents} loading={loading} nextWeekAvail={nextWeekAvail} />
       )}
diff --git a/components/ReportTab.tsx b/components/ReportTab.tsx
index 91eab8a..1137952 100644
--- a/components/ReportTab.tsx
+++ b/components/ReportTab.tsx
@@ -509,12 +509,12 @@ export default function ReportTab({ calEvents, drivers, cotHistory }: Props) {
               <div className="h-px flex-1 bg-sky-500/30" />
             </div>
 
-            {/* Macro overview : S&P, VIX, DXY, US10Y */}
+            {/* Macro overview : S&P, VIX, DXY, Or */}
             <div className="grid grid-cols-2 gap-4">
-              <TvAdvancedChart symbol="SP:SPX"    label="S&P 500 · Weekly"   interval="W" height={220} />
-              <TvAdvancedChart symbol="TVC:VIX"   label="VIX · Daily"        interval="D" height={220} />
-              <TvAdvancedChart symbol="TVC:DXY"   label="DXY Dollar Index · Weekly" interval="W" height={220} />
-              <TvAdvancedChart symbol="TVC:US10Y" label="US 10Y Yield · Weekly"     interval="W" height={220} />
+              <TvMiniChart symbol="SP:SPX"    label="S&P 500 · Daily"          dateRange="12M" height={200} />
+              <TvMiniChart symbol="TVC:VIX"   label="VIX · Daily"              dateRange="12M" height={200} />
+              <TvMiniChart symbol="TVC:DXY"   label="DXY Dollar Index · Weekly" dateRange="60M" height={200} />
+              <TvMiniChart symbol="TVC:GOLD"  label="Or (XAU/USD) · Weekly"    dateRange="60M" height={200} />
             </div>
 
             <div className="flex items-center gap-4 pt-2">
diff --git a/components/TvChart.tsx b/components/TvChart.tsx
index 2334a72..afbed5c 100644
--- a/components/TvChart.tsx
+++ b/components/TvChart.tsx
@@ -13,11 +13,12 @@ declare global {
 }
 
 interface TvMiniChartProps {
-  symbol:    string;   // ex: "FX:EURUSD", "TVC:DXY", "SP:SPX"
-  label?:    string;   // titre affiché au-dessus
-  interval?: "W" | "D" | "M";
-  height?:   number;
-  showInfo?: boolean;  // afficher nom + prix sous le graphique
+  symbol:     string;   // ex: "FX:EURUSD", "TVC:DXY", "SP:SPX"
+  label?:     string;   // titre affiché au-dessus
+  interval?:  "W" | "D" | "M";
+  dateRange?: string;   // "1D","5D","1M","3M","6M","12M","60M","ALL","YTD"
+  height?:    number;
+  showInfo?:  boolean;  // afficher nom + prix sous le graphique
 }
 
 // Script TradingView chargé une seule fois
@@ -41,7 +42,7 @@ function loadTvScript(cb: () => void) {
   document.head.appendChild(s);
 }
 
-export function TvMiniChart({ symbol, label, height = 180, showInfo = true }: TvMiniChartProps) {
+export function TvMiniChart({ symbol, label, dateRange = "1M", height = 180, showInfo = true }: TvMiniChartProps) {
   const uid  = useId().replace(/:/g, "_");
   const id   = `tv_mini_${uid}`;
   const ref  = useRef<HTMLDivElement>(null);
@@ -60,7 +61,7 @@ export function TvMiniChart({ symbol, label, height = 180, showInfo = true }: Tv
           width:                "100%",
           height,
           locale:               "fr",
-          dateRange:            "1M",
+          dateRange,
           colorTheme:           "dark",
           trendLineColor:       "#38bdf8",
           underLineColor:       "rgba(56,189,248,0.08)",
diff --git a/lib/rateprobability.ts b/lib/rateprobability.ts
index 1c41ebc..783d3ca 100644
--- a/lib/rateprobability.ts
+++ b/lib/rateprobability.ts
@@ -237,7 +237,7 @@ function loadCachedRPBody(ccy: string, slug: string): Record<string, unknown> |
     const entry = parsed.data?.[ccy] as Record<string, unknown> | undefined;
     if (!entry) return null;
     const ageMs = Date.now() - new Date(parsed.fetchedAt).getTime();
-    if (ageMs > 4 * 60 * 60 * 1000) { // ignore si > 4h
+    if (ageMs > 48 * 60 * 60 * 1000) { // ignore si > 48h (GitHub Actions peut ne pas tourner quotidiennement)
       console.warn(`[rate-prob] cache stale (${Math.round(ageMs / 3600000)}h), skipping`);
       return null;
     }