);
}
// ── CSV export ──────────────────────────────────
function hiExportCsv(days) {
const header = ["iso","jour","semaine","intensite","articles","signaux_rising","jarvis_calls","pinned","macro_titre","top1","top2","top3"];
const rows = days.map(d => [
d.iso,
d.long,
d.week,
d.intensity,
d.articles,
d.signals_rising,
d.jarvis_calls,
d.pinned ? "oui" : "",
`"${(d.macro?.title || "").replace(/"/g, '""')}"`,
`"${(d.top[0]?.title || "").replace(/"/g, '""')}"`,
`"${(d.top[1]?.title || "").replace(/"/g, '""')}"`,
`"${(d.top[2]?.title || "").replace(/"/g, '""')}"`,
].join(","));
const csv = [header.join(","), ...rows].join("\n");
const blob = new Blob(["\ufeff" + csv], { type: "text/csv;charset=utf-8" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = `cockpit-historique-${new Date().toISOString().slice(0,10)}.csv`;
document.body.appendChild(a); a.click(); a.remove();
setTimeout(() => URL.revokeObjectURL(url), 1000);
}
// ── Main ────────────────────────────────────────
function PanelHistory({ data, onNavigate, onLoadDay, historicalDay }) {
const hist = window.HISTORY_DATA;
const [intensity, setIntensity] = useHiState("all");
const [pinnedOnly, setPinnedOnly] = useHiState(false);
const [query, setQuery] = useHiState("");
const [selectedIso, setSelectedIso] = useHiState(null);
const [pinTick, setPinTick] = useHiState(0); // forces re-render after pin toggle
useHiEffect(() => {
function onKey(e) {
// Ignore when typing in input/textarea
const tag = (e.target && e.target.tagName) || "";
if (tag === "INPUT" || tag === "TEXTAREA") return;
if (e.key === "Escape") { setSelectedIso(null); return; }
// J/K or ArrowDown/ArrowUp to move selection in the filtered list
const list = hist.days;
if (!list.length) return;
const idx = selectedIso ? list.findIndex(d => d.iso === selectedIso) : -1;
if (e.key === "ArrowDown" || e.key === "j") {
e.preventDefault();
const next = list[Math.min(list.length - 1, idx === -1 ? 0 : idx + 1)];
if (next) setSelectedIso(next.iso);
} else if (e.key === "ArrowUp" || e.key === "k") {
e.preventDefault();
const prev = list[Math.max(0, idx === -1 ? 0 : idx - 1)];
if (prev) setSelectedIso(prev.iso);
} else if (e.key === "Enter" && selectedIso) {
// Already selected, no extra action (drawer already open)
} else if (e.key === "p" && selectedIso) {
// Quick pin toggle on current selection
handleTogglePin(selectedIso);
}
}
window.addEventListener("keydown", onKey);
return () => window.removeEventListener("keydown", onKey);
}, [selectedIso, hist.days]);
function handleTogglePin(iso) {
if (window.cockpitHistoryPins?.toggle) {
const nowPinned = window.cockpitHistoryPins.toggle(iso);
// Mutate the day in place so filters/KPIs reflect the change without refetch.
const day = hist.days.find(d => d.iso === iso);
if (day) day.pinned = nowPinned;
setPinTick(t => t + 1);
try { window.track && window.track("history_pin_toggled", { iso, pinned: nowPinned }); } catch {}
}
}
const filtered = useHiMemo(() => {
return hist.days.filter((d) => {
if (d.days_ago === 0) return true; // toujours montrer aujourd'hui
if (intensity !== "all" && d.intensity !== intensity) return false;
if (pinnedOnly && !d.pinned) return false;
if (query) {
const q = query.toLowerCase();
const hay = (d.macro.title + " " + d.macro.body + " " + d.signals.map((s) => s.name).join(" ")).toLowerCase();
if (!hay.includes(q)) return false;
}
return true;
});
}, [intensity, pinnedOnly, query, hist.days, pinTick]);
// Group par semaine pour affichage
const filteredByWeek = useHiMemo(() => {
const g = {};
filtered.forEach((d) => { if (!g[d.week]) g[d.week] = []; g[d.week].push(d); });
return Object.entries(g).sort((a, b) => a[1][0].iso < b[1][0].iso ? 1 : -1);
}, [filtered]);
const selectedDay = selectedIso ? hist.days.find((d) => d.iso === selectedIso) : null;
const t = hist?.totals || {};
return (
{/* HERO */}
Historique · {hist.days.length} jours archivés
Revivre n'importe quel brief, tel qu'il a été.
Chaque jour est une archive complète : macro, top, signaux, décisions. Sélectionne un jour pour ouvrir sa fiche, épingler les moments clés ou exporter le brief.
Articles vus (60j)
{(t.total_articles ?? 0).toLocaleString("fr-FR")}
{((t.total_articles ?? 0) / Math.max(1, hist?.days?.length || 1)).toFixed(0)}/jour en moyenne