v3 : l'entrée — accueil avec le choix du groupe, logo « Clé de voûte », quatre ambiances, menu et pages d'outil par groupe

- Accueil : le titre, le leitmotiv en trois lignes (contexte et cadrage ·
  processus et modalités · boîte à outils), puis directement le choix du
  groupe ; sans session, la connexion à sa place. /groupes redirige vers /,
  « Mes groupes » et le retour après connexion mènent à /.
- Logo « Clé de voûte » du DA (signe en currentColor, clé en --cle, libre
  Literata italique, Decision romain), droit, dans le menu et la barre
  mobile ; Stamp retiré, le sceau 井 ne bouge pas. Favicon, icônes 16/32/48,
  apple-touch, 192/512, manifeste.
- Quatre ambiances : pierre et calcaire (claires), nuit et ardoise
  (sombres), --cle par ambiance ; quatre pastilles à la place du soleil /
  lune ; première visite selon l'appareil (pierre / nuit). Calcaire et
  ardoise : textes, accent, mousse et avertissement à 4,5:1 au moins.
- Page d'un groupe : les quatre piliers, puis « En cours ».
- Menu : nombre de docs en cours à côté de « Docs de référence », surligné
  seulement dedans, seul Docs réagit au survol ; les trois autres éteints
  mais ouvrent leur page ; hors d'un groupe, le dernier groupe ouvert.
- /g/[group]/docs « En cours » + « À venir » ; /mandats et /protocoles du
  groupe : « À venir » éteints ; /g/[group]/decisions : une ligne par doc,
  « N modules à voter », « dont N sans ton vote ». Anciennes adresses
  /decisions, /mandats, /protocoles : vers le groupe courant, sinon /.
- e2e : C1, C2, C11, C12, M1 mis à jour ; C13–C17 pour L1–L6 ; CONTROLES.md.

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

web/e2e/reader.spec.ts

@@ -1,25 +1,37 @@
 import { expect, test } from '@playwright/test';
 import { DOC, person, signIn, TEST_DOC } from './helpers';
 
-test('C1 — l’accueil : l’intro, les quatre sections, le menu complet', async ({ page }) => {
+test('C1 — l’accueil sans session : le titre, le leitmotiv en trois lignes, la connexion, le menu complet', async ({ page }) => {
   await page.goto('/');
   await expect(page.getByRole('heading', { level: 1 })).toHaveText('Rendre possible la décision collective');
-  await expect(page.getByText('en fonction du contexte, processus et modalités, boîte à outils')).toBeVisible();
+  await expect(page.locator('.leitmotiv li')).toHaveText(['contexte et cadrage', 'processus et modalités', 'boîte à outils']);
   const nav = page.getByRole('navigation', { name: 'Boîte à outils' });
   for (const item of ['Décisions', 'Docs de référence', 'Mandats', 'Protocoles']) {
     await expect(nav.locator('.tool', { hasText: item })).toBeVisible();
   }
-  await expect(nav.locator('.tool.disabled')).toHaveCount(3);
+  await expect(nav.locator('.tool.off')).toHaveCount(3);
   await expect(page.getByRole('link', { name: 'Se connecter avec sa clé Ğ1' })).toBeVisible();
+  // The four pillars live on the page of a group, no longer here.
+  await expect(page.locator('.pillars')).toHaveCount(0);
+  await expect(page.getByText('Monnaie libre', { exact: true })).toHaveCount(0);
 });
 
-test('C2 — les groupes de la même clé ; pas l’Atelier du canal', async ({ page }) => {
+test('C2 — l’accueil avec session : le choix du groupe, ceux de la même clé ; pas l’Atelier du canal', async ({ page }) => {
   await signIn(page, 'Chiara');
-  await page.goto('/groupes');
+  await page.goto('/');
+  await expect(page.getByRole('heading', { level: 1 })).toHaveText('Rendre possible la décision collective');
+  await expect(page.locator('a.root')).toContainText('Monnaie libre');
   for (const g of ['Monnaie libre', 'Axiom', 'Librodrome', 'Groupe local Vallée Drôme Crestois']) {
     await expect(page.getByText(g, { exact: true })).toBeVisible();
   }
   await expect(page.getByText('Atelier du canal')).toHaveCount(0);
+  await expect(page.getByRole('link', { name: 'Se connecter avec sa clé Ğ1' })).toHaveCount(0);
+  // The old address and « Mes groupes » lead here.
+  await page.goto('/groupes');
+  await expect(page).toHaveURL((u) => u.pathname === '/');
+  await page.goto('/g/monnaie-libre');
+  await page.getByRole('navigation', { name: 'Boîte à outils' }).getByRole('link', { name: 'Mes groupes' }).click();
+  await expect(page).toHaveURL((u) => u.pathname === '/');
 });
 
 test('C3 — le texte en vigueur : préambule et deux engagements, seed a minima', async ({ page }) => {
@@ -144,7 +156,7 @@ test('C11 — une personne, une voix : dans Monnaie libre, seuls les membres de
   const ctx = await browser.newContext({ locale: 'fr-FR' });
   const invited = await ctx.newPage();
   await invited.goto(`/invitation#${link.split('#')[1]}`);
-  await expect(invited).toHaveURL(/\/groupes$/);
+  await expect(invited).toHaveURL((u) => u.pathname === '/');
   await invited.goto(DOC);
   await invited.locator('ul.deep button.row', { hasText: 'Connaissance suffisante' }).first().click();
   const panel = invited.locator('aside.panel');
@@ -172,7 +184,7 @@ test('C12 — lien d’équipe : chaque personne qui l’ouvre a sa propre ident
     await expect(page.getByText('« Équipe de test » t’ouvre', { exact: false })).toBeVisible();
     await page.getByLabel('Ton nom').fill(name);
     await page.getByRole('button', { name: 'Rejoindre' }).click();
-    await expect(page).toHaveURL(/\/groupes$/);
+    await expect(page).toHaveURL((u) => u.pathname === '/');
     await ctx.close();
   }
   // A shared browser: the person signed in steps aside, the next one gives a name.