// Dashboard — Trésorerie dédiée (prospectif : projection + échéancier). window.OryzeDash.TresorerieView (function () { const { Card, Amount, Tag, Button, StatTile, SegmentedControl, MiniBars, StatusBadge, EmptyState, CashTensionRing } = window.OryzeDesignSystem_78c60a; const Ic = window.OryzeIcons; // Projection de solde — semaine par semaine. Constaté puis prévisionnel. // Seuil de sécurité : 2 000 €. const THRESHOLD = 2000; const weeks = [ { d: "01/04", v: 7860, past: true }, { d: "08/04", v: 8460, past: true }, { d: "15/04", v: 8920, past: true, today: true }, { d: "22/04", v: 8114 }, { d: "29/04", v: 9698 }, { d: "06/05", v: 8558 }, { d: "13/05", v: 8160 }, { d: "20/05", v: 7380 }, { d: "27/05", v: 6310 }, { d: "03/06", v: 4870 }, { d: "10/06", v: 3240 }, { d: "17/06", v: 1880 }, ]; // Échéancier groupé par période — impact cumulé sur le solde. const schedule = [ { period: "Cette semaine · 15–21 avr", start: 8920, items: [ { label: "Loyer — Atelier", date: "18/04", amount: -720, icon: "building", bg: "var(--oryze-lilac)", tag: ["neutral", "Prévu"] }, { label: "Abonnements SaaS", date: "20/04", amount: -86, icon: "settings", bg: "var(--oryze-lilac)", tag: ["neutral", "Prévu"] }, ], }, { period: "Semaine du 28 avr", start: 8114, items: [ { label: "Boulangerie Lou — FAC-2044", date: "30/04", amount: 1584, icon: "arrowUpRight", bg: "var(--oryze-mint)", tag: ["due", "Attendu"] }, { label: "Atelier Rivoli — FAC-2046", date: "02/05", amount: 1238.4, icon: "arrowUpRight", bg: "var(--oryze-mint)", tag: ["due", "Attendu"] }, { label: "URSSAF — cotisations", date: "05/05", amount: -1140, icon: "percent", bg: "var(--oryze-butter)", tag: ["neutral", "Prévu"] }, ], }, { period: "Plus tard", start: 9796.4, items: [ { label: "TVA — provision T2", date: "31/07", amount: -2480, icon: "percent", bg: "var(--oryze-butter)", tag: ["brand", "De côté"] }, ], }, ]; const fmt = (v) => v.toLocaleString("fr-FR", { minimumFractionDigits: 2 }) + " €"; const fmtK = (v) => v.toLocaleString("fr-FR") + " €"; // Barres hebdomadaires — même vocabulaire que le reste du système : aplats // pastel + keyline 1.5px. Constaté en mint plein, prévisionnel en hachures // lavande, sous le seuil en coral. Seuil = ligne pointillée rouge. function ProjectionChart({ horizon }) { const data = horizon === "30 j" ? weeks.slice(0, 7) : weeks; const H = 185, max = 11000; const yTh = (THRESHOLD / max) * H; return (
{/* seuil de sécurité — ligne seule; le libellé vit dans la légende */}
{data.map((w, i) => { const under = w.v < THRESHOLD + 500 && !w.past; const showVal = w.today || i === data.length - 1; return (
{showVal && ( {fmtK(w.v)} )}
{w.d}
{w.today && ( )} ); })}
); } function TresorerieView({ demoState = "normal" }) { const [horizon, setHorizon] = React.useState("60 j"); const [ct, setCt] = React.useState("vigilance"); // démo — scénario cash_tension // ---- États démo : chargement / vide / erreur (patterns guidelines/states.html) ---- const { ErrorState, SkelTiles, SkelListCard, SkelBlockCard } = window.OryzeShared; if (demoState === "empty") { return ( }>Ajouter une échéance} /> ); } if (demoState === "loading") { return (
); } if (demoState === "error") { return ; } return (
{/* KPI row — prospectif */}
} hint="Compte pro · 15 avr" /> } accent="var(--oryze-mint)" hint="+ 2 encaissements attendus" /> } accent="var(--oryze-coral)" hint="semaine du 17 juin — sous le seuil" /> 2,9 mois} accent="var(--oryze-butter)" hint="au rythme de dépenses actuel" />
{/* Santé de trésorerie — cash_tension v1 (barème figé 13/07) : Sain ≥1,3 · Vigilance 1,0–1,3 · Tendu <1,0 · « En cours » tant que les socles manquent. Jamais de boîte noire : trace + détail du calcul. */} {(() => { const st = window.OryzeShared.cashTensionState(ct); return (
Santé de trésorerie · 30 jours
Estimation
démo
{st.message}
Ratio de couverture sur 30 jours : (solde + encaissements pondérés) / décaissements prévus.
{st.rows.map((r) => (
{r.label} {r.text != null ? {r.text} : r.value == null ? — : }
))}
{st.trace}
 ); })()} {/* Projection de solde */}
Projection de solde
Semaine par semaine · prévisionnel d'après vos échéances
Constaté Prévisionnel Seuil 2 000 € Sous le seuil {horizon === "60 j" && ( À surveiller Passage sous le seuil estimé mi-juin )}
{/* Échéancier + rythme mensuel */}
Échéancier
Impact cumulé
{schedule.map((g, gi) => { let running = g.start; return (
0 ? "1px solid var(--line-divider)" : "none" }}> {g.period}
{g.items.map((u, i) => { const UIcon = Ic[u.icon] || Ic.wallet; running += u.amount; return (
{u.label}
{u.date}
{u.tag[1]}
0 ? "positive" : "default"} />
→ {fmt(running)}
); })}
); })}
{/* Rythme mensuel compact — MiniBars toneBySign */}
Rythme mensuel
Net encaissé − décaissé, 6 derniers mois
{["Nov", "Déc", "Jan", "Fév", "Mar", "Avr"].map((m) => {m})}
Encaissé / mois (moy.) 5 713 €
Décaissé / mois (moy.) 3 123 €
Net moyen
{/* Virements — machine à états visible (pending → executed | failed). Démo : rien n'est émis. */}
Virements
IBAN MOCK
{[ { label: "URSSAF — cotisations", date: "05/05", amount: -1140, status: "pending" }, { label: "Print Pro — impression", date: "11/04", amount: -312, status: "executed" }, { label: "Test IBAN invalide", date: "10/04", amount: -50, status: "failed", note: "Virement rejeté — IBAN invalide" }, ].map((v, i) => (
{v.label}
{v.date}{v.note ? " · " + v.note : ""}
))}
Mode démo : aucun virement réel n'est émis.
); } window.OryzeDash = window.OryzeDash || {}; window.OryzeDash.TresorerieView = TresorerieView; })();