v3 : interface des objections, des coquilles validées et de la messagerie ; contrôles C28–C31

Une version retenue par une objection le dit sous l'article, à chacun
selon son rôle : la personne qui vote voit qu'elle ne se vote plus (les
votes faits restent) ; l'auteur, quoi faire (« Modifier l'article visé »
pour une redite, « Reformuler » pour une contradiction) ; la personne qui
objecte, lever ou réitérer avant l'échéance. Le panier la montre sans
choix et ne l'envoie jamais.

« Détails » : faire une objection (redit / contredit), les objections et
où elles en sont, les coquilles proposées par d'autres avec leur diff
resserré, valider / refuser / revenir, l'historique dit qui a validé.
Une coquille se propose sur toute version ouverte ou en vigueur.

Boîte « Messages » dans le menu, avec le nombre de non-lus (pastille sur
le bouton du menu en mobile) : objet, texte, gestes, échéance ; un message
traité n'a plus de geste. Répondre à une objection lit son message.

Trilingue (fr, en, es). C6 suit la règle : la coquille d'un administrateur
sur un texte du seed passe tout de suite ; C28–C31 couvrent le reste.

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

web/src/lib/components/BallotPanel.svelte

@@ -3,8 +3,9 @@
   // section entière, ou un article avec son titre, ou séparément »): choices
   // article by article, « tout pour » / « tout contre » for a section or the whole
   // document — never for an article whose versions compete —, then one gesture.
+  // A version held back by an objection is shown, with nothing to choose.
   import { onMount } from 'svelte';
-  import { clearScope, counts, fill, lines, sections, waiting, type Section, type Slot } from '$lib/basket';
+  import { clearScope, counts, fill, lines, sections, votableIds, waiting, type Section, type Slot } from '$lib/basket';
   import type { DocState } from '$lib/doc.svelte';
   import { i18n, t, type Key } from '$lib/i18n/index.svelte';
   import { relationOf, titleOf } from '$lib/labels';
@@ -37,7 +38,7 @@
   const access = $derived(view?.vote);
   const all = $derived(sections(view?.units ?? []));
   const slots = $derived(all.flatMap((s) => s.slots));
-  const known = $derived(new Set(slots.flatMap((s) => [...s.versions, ...s.inertia].map((p) => p.id))));
+  const known = $derived(votableIds(all));
   const toSend = $derived(lines(basket.picks, known));
   const tally = $derived(counts(Object.fromEntries(Object.entries(basket.picks).filter(([id]) => known.has(id)))));
   const left = $derived(waiting(slots, basket.picks));
@@ -51,7 +52,7 @@
   });
 
   function headline(s: Slot): string {
-    const text = s.versions.find((p) => p.kind === 'text');
+    const text = [...s.versions, ...s.held].find((p) => p.kind === 'text');
     return text?.title ?? (s.versions[0] ? titleOf(s.versions[0], s.unit) : s.unit.code);
   }
 
@@ -123,7 +124,7 @@
           {#each s.slots as slot (slot.unit.id)}
             {@const title = headline(slot)}
             {@const several = slot.versions.length > 1}
-            {@const first = slot.versions[0] ?? slot.inertia[0]}
+            {@const first = slot.versions[0] ?? slot.inertia[0] ?? slot.held[0]}
             <li class="slot" class:several class:waiting={left.includes(slot)}>
               <button class="title" type="button" onclick={() => first && onread(first.id)}>{title}</button>
               {#if several}<p class="versions-note">{t('basket.versions')}</p>{/if}
@@ -145,6 +146,15 @@
                   />
                 </div>
               {/each}
+              {#each slot.held as v (v.id)}
+                <div class="version held">
+                  <span class="about">
+                    <span class="label">{labelOf(v, slot)}</span>
+                    <span class="faint small">{t('tally.short', { for: v.tally.for, against: v.tally.against })}</span>
+                  </span>
+                  <span class="held-note">{t('basket.held')}</span>
+                </div>
+              {/each}
             </li>
           {/each}
         </ul>
@@ -279,6 +289,17 @@
   .small {
     font-size: 0.8rem;
   }
+  .version.held .label {
+    color: var(--ink-soft);
+  }
+  .held-note {
+    padding: 0.25rem 0.7rem;
+    border-radius: var(--r-pill);
+    background: var(--ochre-wash);
+    color: var(--ochre);
+    font-size: 0.8rem;
+    font-weight: 750;
+  }
   .send {
     position: sticky;
     bottom: -1.6rem;