Nouvelle page /dashboard/repartition, renomme "Dashboard" en "SAS" dans le menu

Nouvelle page "Répartition/Soldes" entre "SAS" (ex-"Dashboard") et "Par
compte" dans le menu : reprend "Solde par compte" et "Évolution du solde
par compte", retirés du dashboard général pour le recentrer sur
l'activité/CA/type/client. Mêmes données déjà exposées par
/dashboard/api/stats (solde_par_compte, solde_par_compte_par_annee),
aucun changement backend nécessaire pour cette page.

js/dashboard-repartition.js reprend le HBarChart/MiniTrend de
dashboard.js -- dupliqués plutôt que partagés, même convention que
dashboard-compte.js. Racine Vue volontairement le même id
#figli-dashboard-app que les deux autres pages dashboard (pas un id
dédié) : dashboard.css scope ses variables CSS (thème clair/sombre) sur
ce sélecteur, réutiliser le même id est comment les trois pages héritent
du même thème sans feuille de style séparée -- vérifié en dark mode.

Le lien de menu "Dashboard" devient "SAS" partout (les 3 templates Twig
+ le nav en render array de HistoryController, qui n'a pas de template
Twig propre).

dashboard.js : MiniTrend/soldeParCompteItems/comptesOrdonnes/
trendValues supprimés (code mort après le déplacement, plus rien ne les
utilise sur le dashboard général).

web/modules/custom/figli_compta_ledger/templates/figli-compta-dashboard-compte.html.twig

@@ -10,7 +10,8 @@
 #}
 <nav class="figli-page-nav">
   <a href="{{ path('figli_compta_ledger.home') }}" class="{{ current_route == 'figli_compta_ledger.home' ? 'is-active' : '' }}">Grand livre</a>
-  <a href="{{ path('figli_compta_ledger.dashboard') }}" class="{{ current_route == 'figli_compta_ledger.dashboard' ? 'is-active' : '' }}">Dashboard</a>
+  <a href="{{ path('figli_compta_ledger.dashboard') }}" class="{{ current_route == 'figli_compta_ledger.dashboard' ? 'is-active' : '' }}">SAS</a>
+  <a href="{{ path('figli_compta_ledger.dashboard_repartition') }}" class="{{ current_route == 'figli_compta_ledger.dashboard_repartition' ? 'is-active' : '' }}">Répartition/Soldes</a>
   <a href="{{ path('figli_compta_ledger.dashboard_compte') }}" class="{{ current_route == 'figli_compta_ledger.dashboard_compte' ? 'is-active' : '' }}">Par compte</a>
 </nav>
 {% verbatim %}

web/modules/custom/figli_compta_ledger/templates/figli-compta-dashboard-repartition.html.twig

@@ -0,0 +1,39 @@
+{#
+  Répartition / Soldes: solde par compte (all-time + évolution année par
+  année), split out of the general dashboard (figli-compta-dashboard.html.twig)
+  to keep that one focused on activité/CA/type/client.
+
+  {% verbatim %} below: this is Vue template syntax, not Twig -- both use
+  {{ }}, so verbatim tells Twig to leave it alone and let Vue compile it
+  in the browser.
+#}
+<nav class="figli-page-nav">
+  <a href="{{ path('figli_compta_ledger.home') }}" class="{{ current_route == 'figli_compta_ledger.home' ? 'is-active' : '' }}">Grand livre</a>
+  <a href="{{ path('figli_compta_ledger.dashboard') }}" class="{{ current_route == 'figli_compta_ledger.dashboard' ? 'is-active' : '' }}">SAS</a>
+  <a href="{{ path('figli_compta_ledger.dashboard_repartition') }}" class="{{ current_route == 'figli_compta_ledger.dashboard_repartition' ? 'is-active' : '' }}">Répartition/Soldes</a>
+  <a href="{{ path('figli_compta_ledger.dashboard_compte') }}" class="{{ current_route == 'figli_compta_ledger.dashboard_compte' ? 'is-active' : '' }}">Par compte</a>
+</nav>
+{% verbatim %}
+<div id="figli-dashboard-app">
+  <p v-if="loading">Chargement des données…</p>
+  <p v-else-if="error" class="figli-error">Erreur de chargement du tableau de bord : {{ error }}</p>
+  <template v-else>
+    <section class="figli-chart-section">
+      <h2>Solde par compte</h2>
+      <p class="figli-note">Solde cumulé de chaque compte depuis l'origine (ouverture comprise) -- vert = créditeur, rouge = débiteur.</p>
+      <h-bar-chart :items="soldeParCompteItems" :format-value="formatEurRound"></h-bar-chart>
+    </section>
+
+    <section class="figli-chart-section">
+      <h2>Évolution du solde par compte</h2>
+      <p class="figli-note">Solde de clôture de chaque compte, année par année.</p>
+      <div class="figli-trend-grid">
+        <div class="figli-trend-card" v-for="compte in comptesOrdonnes" :key="compte">
+          <div class="figli-trend-title">{{ compte }}</div>
+          <mini-trend :annees="stats.annees" :values="trendValues(compte)" :format-value="formatEurRound"></mini-trend>
+        </div>
+      </div>
+    </section>
+  </template>
+</div>
+{% endverbatim %}

web/modules/custom/figli_compta_ledger/templates/figli-compta-dashboard.html.twig

@@ -1,6 +1,7 @@
 {#
-  Charts and aggregate totals: solde par compte, chiffre d'affaires par
-  année, répartition par type, top clients. The spreadsheet-like
+  Charts and aggregate totals: chiffre d'affaires par année, répartition
+  par type, top clients. Solde par compte lives on its own page now (see
+  figli-compta-dashboard-repartition.html.twig). The spreadsheet-like
   line-by-line view is the site's home page (figli-compta-home.html.twig).
 
   {% verbatim %} below: this is Vue template syntax, not Twig -- both use
@@ -9,7 +10,8 @@
 #}
 <nav class="figli-page-nav">
   <a href="{{ path('figli_compta_ledger.home') }}" class="{{ current_route == 'figli_compta_ledger.home' ? 'is-active' : '' }}">Grand livre</a>
-  <a href="{{ path('figli_compta_ledger.dashboard') }}" class="{{ current_route == 'figli_compta_ledger.dashboard' ? 'is-active' : '' }}">Dashboard</a>
+  <a href="{{ path('figli_compta_ledger.dashboard') }}" class="{{ current_route == 'figli_compta_ledger.dashboard' ? 'is-active' : '' }}">SAS</a>
+  <a href="{{ path('figli_compta_ledger.dashboard_repartition') }}" class="{{ current_route == 'figli_compta_ledger.dashboard_repartition' ? 'is-active' : '' }}">Répartition/Soldes</a>
   <a href="{{ path('figli_compta_ledger.dashboard_compte') }}" class="{{ current_route == 'figli_compta_ledger.dashboard_compte' ? 'is-active' : '' }}">Par compte</a>
 </nav>
 {% verbatim %}
@@ -34,23 +36,6 @@
       <column-chart :items="caParAnneeItems" :format-value="formatEurRound"></column-chart>
     </section>
 
-    <section class="figli-chart-section">
-      <h2>Solde par compte</h2>
-      <p class="figli-note">Solde cumulé de chaque compte depuis l'origine (ouverture comprise) -- vert = créditeur, rouge = débiteur.</p>
-      <h-bar-chart :items="soldeParCompteItems" :format-value="formatEurRound"></h-bar-chart>
-    </section>
-
-    <section class="figli-chart-section">
-      <h2>Évolution du solde par compte</h2>
-      <p class="figli-note">Solde de clôture de chaque compte, année par année.</p>
-      <div class="figli-trend-grid">
-        <div class="figli-trend-card" v-for="compte in comptesOrdonnes" :key="compte">
-          <div class="figli-trend-title">{{ compte }}</div>
-          <mini-trend :annees="stats.annees" :values="trendValues(compte)" :format-value="formatEurRound"></mini-trend>
-        </div>
-      </div>
-    </section>
-
     <section class="figli-chart-section">
       <h2>Répartition de l'activité par type</h2>
       <p class="figli-note">Montant total (HT, valeur absolue) par type de ligne, hors ouvertures.</p>

web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig

@@ -7,7 +7,8 @@
 #}
 <nav class="figli-page-nav">
   <a href="{{ path('figli_compta_ledger.home') }}" class="{{ current_route == 'figli_compta_ledger.home' ? 'is-active' : '' }}">Grand livre</a>
-  <a href="{{ path('figli_compta_ledger.dashboard') }}" class="{{ current_route == 'figli_compta_ledger.dashboard' ? 'is-active' : '' }}">Dashboard</a>
+  <a href="{{ path('figli_compta_ledger.dashboard') }}" class="{{ current_route == 'figli_compta_ledger.dashboard' ? 'is-active' : '' }}">SAS</a>
+  <a href="{{ path('figli_compta_ledger.dashboard_repartition') }}" class="{{ current_route == 'figli_compta_ledger.dashboard_repartition' ? 'is-active' : '' }}">Répartition/Soldes</a>
   <a href="{{ path('figli_compta_ledger.dashboard_compte') }}" class="{{ current_route == 'figli_compta_ledger.dashboard_compte' ? 'is-active' : '' }}">Par compte</a>
 </nav>
 {% verbatim %}