Arbre des séries dépouillé, et ordre de lecture derrière son propre écran

- L'arbre ne montre plus que la descendance : titre, avancement, lien. Il dépliait
  auparavant la liste complète des tomes de chaque nœud, cartes de livres comprises —
  un cycle occupait plusieurs écrans et l'on ne voyait plus qui contient quoi. Corollaire :
  tout est déplié par défaut, et l'on replie ce dont on ne veut pas.
- /series ne charge plus le catalogue entier : l'arbre n'en a plus l'usage.
- ⚠️ Nouvelle route /series/{id}/ordre, sur le modèle de /souhaits/ordre. Les flèches
  n'existent plus qu'ici : en consultation, elles se déclenchaient au défilement du pouce
  et l'ordre de lecture d'une saga changeait sans qu'on l'ait voulu.
- Le mode ordre ne fait QUE réordonner : les actions par tome et l'ajout de tome n'y
  figurent pas.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

MaBibli.Client/Composants/ArbreSerie.razor

@@ -1,78 +1,86 @@
 @using MaBibli.Shared.Dtos
 
-<li class="carte-serie arbre-serie" @key="Serie.Id">
-    <div class="arbre-serie-entete">
-        <button type="button" class="bouton bouton-discret"
-                aria-expanded="@Deplie"
-                @onclick="Basculer">
-            @(Deplie ? "▼" : "▶")
-        </button>
-        <a class="carte-titre" href="@($"series/{Serie.Id}")">@Serie.Titre</a>
-        <span class="carte-details">@Avancement()</span>
+@*
+    L'arbre des séries : rien d'autre que la descendance.
+
+    ⚠️ Il dépliait auparavant la liste complète des tomes de chaque série, carte de livre
+    comprise. Un cycle de quatre séries occupait alors plusieurs écrans, et l'on ne voyait
+    justement plus ce qu'un arbre sert à voir — qui contient quoi. Les tomes ont leur écran,
+    celui de la série ; ici on ne montre que le titre, l'avancement, et le lien qui y mène.
+
+    Corollaire : tout est DÉPLIÉ par défaut, et l'on replie ce dont on ne veut pas. L'inverse
+    (tout replié) obligeait à ouvrir chaque nœud pour découvrir s'il contenait quelque chose,
+    c'est-à-dire à faire à la main le travail que l'arbre est censé faire.
+*@
+<li class="arbre-noeud" @key="Serie.Id">
+    <div class="arbre-ligne">
+        @if (Enfants.Count > 0)
+        {
+            <button type="button" class="arbre-plier" aria-expanded="@Deplie"
+                    aria-label="@($"{(Deplie ? "Replier" : "Déplier")} « {Serie.Titre} »")"
+                    @onclick="Basculer">
+                <span aria-hidden="true">@(Deplie ? "▾" : "▸")</span>
+            </button>
+        }
+        else
+        {
+            @* Une puce à la place de la bascule : sans elle, les titres sans descendance ne
+               s'aligneraient pas sur ceux qui en ont. *@
+            <span class="arbre-puce" aria-hidden="true">•</span>
+        }
+
+        <a class="arbre-titre" href="@($"series/{Serie.Id}")">@Serie.Titre</a>
+        <span class="arbre-compte">@Avancement()</span>
+
         @if (ActionsActives)
         {
-            <button type="button" class="bouton bouton-compact"
-                    disabled="@(_index == 0)" title="@MotifBlocage"
-                    aria-label="@($"Monter « {Serie.Titre} »")"
-                    @onclick="Monter">▲</button>
-            <button type="button" class="bouton bouton-compact"
-                    disabled="@(_index < 0 || _index == Soeurs.Count - 1)" title="@MotifBlocage"
-                    aria-label="@($"Descendre « {Serie.Titre} »")"
-                    @onclick="Descendre">▼</button>
+            <span class="arbre-actions">
+                <button type="button" class="bouton bouton-compact"
+                        disabled="@(_index <= 0)" title="@MotifBlocage"
+                        aria-label="@($"Monter « {Serie.Titre} »")"
+                        @onclick="Monter">▲</button>
+                <button type="button" class="bouton bouton-compact"
+                        disabled="@(_index < 0 || _index == Soeurs.Count - 1)" title="@MotifBlocage"
+                        aria-label="@($"Descendre « {Serie.Titre} »")"
+                        @onclick="Descendre">▼</button>
+            </span>
         }
     </div>
 
-    @if (Deplie)
+    @* Le chemin déjà rendu coupe la récursion : une boucle résiduelle en base ferait sinon
+       boucler le rendu Razor à l'infini. Le garde-fou serveur, lui, reste borné par le
+       nombre de séries. *@
+    @if (Deplie && Enfants.Count > 0)
     {
-        <div class="arbre-serie-detail">
-            @if (Serie.Elements.Count == 0)
+        <ul class="arbre-enfants">
+            @foreach (var enfant in Enfants.Where(e => !CheminAvecSerie.Contains(e.Id)))
             {
-                <p class="message-discret">Aucun tome recensé.</p>
+                <ArbreSerie Serie="enfant" Toutes="Toutes"
+                            Totaux="Totaux" Chemin="@CheminAvecSerie"
+                            ActionsActives="ActionsActives"
+                            MotifBlocage="MotifBlocage"
+                            Replies="Replies"
+                            OnDeplacer="OnDeplacer" />
             }
-            else
-            {
-                @foreach (var element in Serie.Elements)
-                {
-                    @if (element.LivreId is { } livreId
-                         && Livres.FirstOrDefault(l => l.Id == livreId) is { } livre)
-                    {
-                        <CarteLivre Livre="livre" />
-                    }
-                    else
-                    {
-                        <p class="carte-tome tome-manquant">
-                            @element.Titre
-                            <span class="etiquette etiquette-manquant">Pas dans la bibliothèque</span>
-                        </p>
-                    }
-                }
-            }
-
-            @if (Enfants.Count > 0)
-            {
-                <ul class="liste-sous-series">
-                    @foreach (var enfant in Enfants.Where(e => !CheminAvecSerie.Contains(e.Id)))
-                    {
-                        <ArbreSerie Serie="enfant" Toutes="Toutes" Livres="Livres"
-                                    Totaux="Totaux" Chemin="@CheminAvecSerie"
-                                    ActionsActives="ActionsActives"
-                                    MotifBlocage="MotifBlocage"
-                                    Deplies="Deplies"
-                                    OnDeplacer="OnDeplacer" />
-                    }
-                </ul>
-            }
-        </div>
+        </ul>
     }
 </li>
 
 @code {
     [Parameter, EditorRequired] public SerieDto Serie { get; set; } = default!;
     [Parameter, EditorRequired] public IReadOnlyList<SerieDto> Toutes { get; set; } = [];
-    [Parameter, EditorRequired] public IReadOnlyList<LivreDto> Livres { get; set; } = [];
     [Parameter, EditorRequired] public IReadOnlyDictionary<int, (int Possedes, int Total)> Totaux { get; set; } = new Dictionary<int, (int, int)>();
     [Parameter] public IReadOnlySet<int> Chemin { get; set; } = new HashSet<int>();
-    [Parameter] public ISet<int> Deplies { get; set; } = new HashSet<int>();
+
+    /// <summary>
+    /// Nœuds REPLIÉS, et non dépliés : le défaut est de tout montrer.
+    /// </summary>
+    /// <remarks>
+    /// État local de l'écran, volontairement non persistant : c'est un confort de lecture,
+    /// pas une propriété de la série.
+    /// </remarks>
+    [Parameter] public ISet<int> Replies { get; set; } = new HashSet<int>();
+
     [Parameter] public bool ActionsActives { get; set; }
     [Parameter] public string? MotifBlocage { get; set; }
     [Parameter] public EventCallback<DeplacementSerie> OnDeplacer { get; set; }
@@ -90,24 +98,28 @@
         .ToList();
 
     private int _index => Soeurs.FindIndex(s => s.Id == Serie.Id);
-    private bool Deplie => Deplies.Contains(Serie.Id);
+    private bool Deplie => !Replies.Contains(Serie.Id);
     private IReadOnlySet<int> CheminAvecSerie => new HashSet<int>(Chemin) { Serie.Id };
 
+    /// <summary>
+    /// « 3 sur 7 tomes », en comptant les descendants — c'est ce qu'on vient chercher.
+    /// </summary>
     private string Avancement()
     {
         var total = Totaux.TryGetValue(Serie.Id, out var valeur)
             ? valeur
             : (Possedes: Serie.NombrePossedes, Total: Serie.Elements.Count);
+
         return total.Total == 0
-            ? "Aucun tome recensé"
+            ? "aucun tome recensé"
             : $"{total.Possedes} sur {total.Total} tome{(total.Total > 1 ? "s" : "")}";
     }
 
     private void Basculer()
     {
-        if (!Deplies.Add(Serie.Id))
+        if (!Replies.Add(Serie.Id))
         {
-            Deplies.Remove(Serie.Id);
+            Replies.Remove(Serie.Id);
         }
     }