v3 : interface Svelte — accueil, groupes, lecteur du texte en vigueur, panneau contextuel, éditeur à assistant, trustinWallet

- Accueil sobre, menu complet à gauche (Décisions, Docs de référence, Mandats,
  Protocoles), intro demandée, quatre sections, connexion Ğ1.
- Lecteur : texte en vigueur en Literata, actions contextuelles par article
  (le vote, propositions, proposer), propositions en cours sous la « surface »
  avec leur niveau d'eau, aperçus « si les bien cotées passent » / « si tout
  passe », langue du texte fr/en/es (traductions éditoriales).
- Panneau : vote pour/contre, seuil et formule (MathML), inertie et son
  changement (voté en inertie +), coquille sans vote, traduction, signalement
  de contradiction, historique des corrections.
- trustinWallet (/acces) : groupes et membres, invitations à usage unique,
  administrateurs, retours d'usage.
- Contrôles : vitest (markdown, catalogues, anti-lexique), Playwright C1–C10 + M1.
- Sections du seed portées jusqu'à l'écran.

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

web/src/routes/g/[group]/docs/+page.svelte

@@ -0,0 +1,94 @@
+<script lang="ts">
+  import { page } from '$app/state';
+  import { api } from '$lib/api';
+  import Guard from '$lib/components/Guard.svelte';
+  import { i18n, t } from '$lib/i18n/index.svelte';
+  import { Remote } from '$lib/load.svelte';
+  import type { GroupView } from '$lib/group';
+  import type { LangMap } from '$lib/types';
+
+  const slug = $derived(page.params.group ?? '');
+  const data = new Remote(() => api.get<GroupView>(`/groups/${slug}`));
+  $effect(() => {
+    void slug;
+    void data.load();
+  });
+  const pick = (m: LangMap) => m[i18n.lang] ?? m.fr ?? '';
+</script>
+
+{#if data.error}
+  <Guard code={data.error} onretry={() => data.load()} />
+{:else if data.value}
+  {@const g = data.value.group}
+  <div class="page">
+    <a class="eyebrow back" href="/g/{g.slug}">{g.name}</a>
+    <h1>{t('docs.title')}</h1>
+    {#if !g.open}
+      <p class="muted">{t('groups.locked.long')}</p>
+    {:else if !data.value.docs.length}
+      <p class="muted">{t('group.docs.empty')}</p>
+    {:else}
+      <ul class="docs">
+        {#each data.value.docs as d (d.id)}
+          <li>
+            <a class="doc card" href="/g/{g.slug}/docs/{d.slug}">
+              <span class="title">{pick(d.title)}</span>
+              <span class="summary">{pick(d.summary)}</span>
+              <span class="meta faint">{i18n.plural('docs.inForce', d.inForce)} · {i18n.plural('docs.open', d.open)}</span>
+            </a>
+          </li>
+        {/each}
+      </ul>
+    {/if}
+  </div>
+{/if}
+
+<style>
+  .page {
+    max-width: 46rem;
+    margin: 0 auto;
+    padding: clamp(2.5rem, 8vh, 5rem) 1.4rem 5rem;
+    display: grid;
+    gap: 0.8rem;
+  }
+  .back {
+    text-decoration: none;
+  }
+  h1 {
+    font-family: var(--font-text);
+    font-weight: 500;
+    font-size: clamp(2rem, 1.5rem + 2vw, 2.8rem);
+    margin-bottom: 1rem;
+  }
+  .docs {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: grid;
+    gap: 0.8rem;
+  }
+  .doc {
+    display: grid;
+    gap: 0.5rem;
+    padding: 1.5rem 1.6rem;
+    color: var(--ink);
+    text-decoration: none;
+    transition: transform 0.12s ease;
+  }
+  .doc:hover {
+    transform: translateY(-3px);
+  }
+  .title {
+    font-family: var(--font-text);
+    font-size: 1.45rem;
+    font-weight: 500;
+  }
+  .summary {
+    color: var(--ink-soft);
+    line-height: 1.55;
+  }
+  .meta {
+    font-size: 0.85rem;
+    font-weight: 700;
+  }
+</style>