From c5eac6509871a603f80c97400e87201b57eab5c6 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Wed, 3 Jun 2026 10:15:25 +0000
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Renouvellement=20PC=20et=20CAPEX-?=
 =?UTF-8?q?Synth=C3=A8se=20:=20KPIs,=20barre=20de=20filtres=20et=20tableau?=
 =?UTF-8?q?=20sont=20masqu=C3=A9s=20pour=20les=20ann=C3=A9es=20sans=20donn?=
 =?UTF-8?q?=C3=A9es=20import=C3=A9es/saisies.=20Seul=20l'=C3=A9cran=20vide?=
 =?UTF-8?q?=20explicite=20s'affiche.=20Les=20ann=C3=A9es=202026-2027=20res?=
 =?UTF-8?q?tent=20pleinement=20fonctionnelles=20sur=20Renouvellement=20PC.?=
 =?UTF-8?q?=20CAPEX-Synth=C3=A8se=20se=20vide=20d=C3=A8s=20qu'aucun=20budg?=
 =?UTF-8?q?et=20n'a=20=C3=A9t=C3=A9=20saisi=20pour=20l'ann=C3=A9e=20s?=
 =?UTF-8?q?=C3=A9lectionn=C3=A9e.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/DsiCapex.tsx | 32 ++++++++++--
 client/src/pages/Home.tsx     | 94 ++++++++++++++++++-----------------
 2 files changed, 76 insertions(+), 50 deletions(-)

diff --git a/client/src/pages/DsiCapex.tsx b/client/src/pages/DsiCapex.tsx
index 3aecea8..079812a 100644
--- a/client/src/pages/DsiCapex.tsx
+++ b/client/src/pages/DsiCapex.tsx
@@ -172,6 +172,9 @@ export default function DsiCapex() {
   const totalGeneral = useMemo(() => sortedLignes.reduce((s, l) => s + l.total, 0), [sortedLignes]);
   const nbFilled = useMemo(() => lignes.filter(l => l.hasSaisie).length, [lignes]);
 
+  // La synthèse n'affiche des données que si au moins un établissement a été saisi pour cette année
+  const hasDonnees = nbFilled > 0;
+
   const handleSort = (col: string) => {
     if (sortCol === col) setSortDir(d => d === 'asc' ? 'desc' : 'asc');
     else { setSortCol(col); setSortDir('asc'); }
@@ -213,7 +216,8 @@ export default function DsiCapex() {
           </div>
         </header>
 
-        {/* KPIs */}
+        {/* KPIs — uniquement si données saisies pour cette année */}
+        {hasDonnees && (
         <div className="px-6 py-4 border-b border-border bg-muted/20 flex-shrink-0">
           <div className="grid grid-cols-2 sm:grid-cols-4 gap-3">
             <div className="bg-card border border-border rounded-xl p-4">
@@ -260,8 +264,10 @@ export default function DsiCapex() {
             </div>
           </div>
         </div>
+        )}
 
-        {/* Barre d'outils */}
+        {/* Barre d'outils — uniquement si données saisies */}
+        {hasDonnees && (
         <div className="px-6 py-3 border-b border-border bg-background flex-shrink-0 flex flex-wrap items-center gap-3">
           <div className="relative flex-1 min-w-48 max-w-72">
             <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" />
@@ -287,9 +293,24 @@ export default function DsiCapex() {
             <span>{sortedLignes.length} établissement{sortedLignes.length > 1 ? 's' : ''} affichés</span>
           </div>
         </div>
+        )}
 
-        {/* Tableau principal — scroll horizontal */}
+        {/* Tableau principal — scroll horizontal ou état vide */}
         <div className="flex-1 overflow-auto px-6 py-4">
+          {!hasDonnees ? (
+            <div className="flex flex-col items-center justify-center py-20 text-center">
+              <div className="w-16 h-16 rounded-2xl bg-muted/40 flex items-center justify-center mb-4">
+                <FileSpreadsheet className="w-8 h-8 text-muted-foreground/40" />
+              </div>
+              <p className="text-lg font-semibold text-foreground" style={{ fontFamily: 'Sora, sans-serif' }}>
+                Aucune donnée pour {annee}
+              </p>
+              <p className="text-sm text-muted-foreground mt-2 max-w-sm">
+                Aucun budget CAPEX n'a encore été saisi pour l'exercice {annee}.
+                Utilisez la page <strong>CAPEX - Construction</strong> pour saisir les budgets des établissements.
+              </p>
+            </div>
+          ) : (
           <div className="min-w-max">
             <table className="w-full text-xs border-collapse shadow-sm">
               <thead>
@@ -442,9 +463,10 @@ export default function DsiCapex() {
               </tfoot>
             </table>
           </div>
+          )}
 
-          {/* Message si aucun résultat */}
-          {sortedLignes.length === 0 && (
+          {/* Message si aucun résultat (visible uniquement quand hasDonnees=true mais filtre vide) */}
+          {hasDonnees && sortedLignes.length === 0 && (
             <div className="flex flex-col items-center justify-center py-16 text-center">
               <FileSpreadsheet className="w-12 h-12 text-muted-foreground/30 mb-3" />
               <p className="text-muted-foreground font-medium">Aucun établissement trouvé</p>
diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx
index f873454..d6ad6b8 100644
--- a/client/src/pages/Home.tsx
+++ b/client/src/pages/Home.tsx
@@ -92,53 +92,56 @@ export default function Home() {
           </div>
         </header>
 
-        {/* KPIs globaux */}
-        <div className="px-6 py-4 border-b border-border bg-muted/20 flex-shrink-0">
-          <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3">
-            <KpiCard
-              icon={Euro}
-              label="Budget global"
-              value={formatEuros(meta.budget_global)}
-              subtitle={`TTC — exercice ${annee}`}
-              accentColor="text-orange-600"
-              delay={0}
-            />
-            <KpiCard
-              icon={Building2}
-              label="Établissements"
-              value={formatNumber(meta.nb_etablissements)}
-              subtitle="dans le périmètre"
-              accentColor="text-primary"
-              delay={60}
-            />
-            <KpiCard
-              icon={Monitor}
-              label="PC Fixes à renouveler"
-              value={formatNumber(meta.total_fixes_renouveler)}
-              subtitle={`sur ${formatNumber(meta.total_fixes)} au total`}
-              accentColor="text-primary"
-              delay={120}
-            />
-            <KpiCard
-              icon={Laptop}
-              label="PC Portables à renouveler"
-              value={formatNumber(meta.total_portables_renouveler)}
-              subtitle={`sur ${formatNumber(meta.total_portables)} au total`}
-              accentColor="text-primary"
-              delay={180}
-            />
-            <KpiCard
-              icon={AlertTriangle}
-              label="Équipements à renouveler"
-              value={formatNumber(meta.total_fixes_renouveler + meta.total_portables_renouveler)}
-              subtitle="fixes + portables"
-              accentColor="text-orange-500"
-              delay={240}
-            />
+        {/* KPIs globaux — uniquement si données disponibles */}
+        {hasDonnees && (
+          <div className="px-6 py-4 border-b border-border bg-muted/20 flex-shrink-0">
+            <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3">
+              <KpiCard
+                icon={Euro}
+                label="Budget global"
+                value={formatEuros(meta.budget_global)}
+                subtitle={`TTC — exercice ${annee}`}
+                accentColor="text-orange-600"
+                delay={0}
+              />
+              <KpiCard
+                icon={Building2}
+                label="Établissements"
+                value={formatNumber(meta.nb_etablissements)}
+                subtitle="dans le périmètre"
+                accentColor="text-primary"
+                delay={60}
+              />
+              <KpiCard
+                icon={Monitor}
+                label="PC Fixes à renouveler"
+                value={formatNumber(meta.total_fixes_renouveler)}
+                subtitle={`sur ${formatNumber(meta.total_fixes)} au total`}
+                accentColor="text-primary"
+                delay={120}
+              />
+              <KpiCard
+                icon={Laptop}
+                label="PC Portables à renouveler"
+                value={formatNumber(meta.total_portables_renouveler)}
+                subtitle={`sur ${formatNumber(meta.total_portables)} au total`}
+                accentColor="text-primary"
+                delay={180}
+              />
+              <KpiCard
+                icon={AlertTriangle}
+                label="Équipements à renouveler"
+                value={formatNumber(meta.total_fixes_renouveler + meta.total_portables_renouveler)}
+                subtitle="fixes + portables"
+                accentColor="text-orange-500"
+                delay={240}
+              />
+            </div>
           </div>
-        </div>
+        )}
 
-        {/* Barre de filtres + toggle vue */}
+        {/* Barre de filtres + toggle vue — uniquement si données disponibles */}
+        {hasDonnees && (
         <div className="px-6 py-3 border-b border-border bg-card flex-shrink-0">
           <div className="flex flex-wrap items-center gap-3">
             {/* Recherche */}
@@ -232,6 +235,7 @@ export default function Home() {
             </div>
           </div>
         </div>
+        )}
 
         {/* Contenu — vue vignettes ou liste */}
         <div className="flex-1 overflow-y-auto px-6 py-5">