feat(r0.11): apps/web — connexion + sélecteur démo, coquille, /design, client typé

- React 19 + Vite + Tailwind v4 : tokens.css copié tel quel (source de
  vérité), classes composants extraites de la maquette validée, Manrope
  auto-hébergée, primitives shadcn-style possédées (Button cva, menu Radix)
- connexion fidèle à la maquette ; liste démo affichée seulement si
  /auth/demo-accounts répond (404 ⇒ rien — ADR-002, l'API seule source)
- coquille : sidebar 4 groupes avec rail safran actif (écrans futurs marqués
  R1-R3), topbar recherche/thème/chip DÉMO + sélecteur de rôle (bascule 101 ms,
  critère < 3 s) ; page /design = référence vivante des revues pixel
- règle d'or : schema.d.ts généré depuis docs/openapi.json et committé
  (openapi-typescript + openapi-fetch)
- tokens.css : tokens --nav-* ajoutés (valeurs de la maquette validée) ;
  seed réaligné sur les personas de la maquette
- vérifié en navigateur réel (Playwright + Chrome headless) : 7 captures,
  parcours démo complet, bi-thème, zéro erreur console ; typecheck + vitest + build OK

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

docs/02-design/tokens.css

@@ -50,6 +50,12 @@
   --graf-4: #8a63d2;
   --graf-grille: #e6ebf2;
 
+  /* ——— Navigation (sidebar toujours sombre — identité) ——— */
+  --nav-fond: #16233b;
+  --nav-encre: #c6d2e4;
+  --nav-encre-vif: #ffffff;
+  --nav-bordure: #24344f;
+
   /* ——— Typographie ——— */
   --police-ui: "Manrope", "Avenir Next", "Segoe UI Variable", system-ui, sans-serif;
   --police-mono: "SF Mono", ui-monospace, "Cascadia Mono", monospace;
@@ -71,6 +77,11 @@
 /* ——— Thème sombre (« machinerie de nuit », pas une inversion) ——— */
 @media (prefers-color-scheme: dark) {
   :root {
+    --nav-fond: #0c1524;
+    --nav-encre: #a7b4c8;
+    --nav-encre-vif: #f2f6fc;
+    --nav-bordure: #1e2c44;
+
     --primaire: #6e92e8;
     --primaire-actif: #8facf0;
     --primaire-doux: #1d2c4c;
@@ -115,6 +126,7 @@
 
 /* Le sélecteur de thème de l'app doit GAGNER dans les deux sens. */
 :root[data-theme="light"] {
+  --nav-fond: #16233b; --nav-encre: #c6d2e4; --nav-encre-vif: #ffffff; --nav-bordure: #24344f;
   --primaire: #1f4fb8; --primaire-actif: #1a439c; --primaire-doux: #eaf0fb;
   --safran: #dd8a0b; --safran-doux: #fdf3e3;
   --fond: #f5f7fa; --surface: #ffffff; --surface-2: #eef2f7;
@@ -133,6 +145,7 @@
   --ombre-menu: 0 8px 24px rgb(16 30 54 / 0.14);
 }
 :root[data-theme="dark"] {
+  --nav-fond: #0c1524; --nav-encre: #a7b4c8; --nav-encre-vif: #f2f6fc; --nav-bordure: #1e2c44;
   --primaire: #6e92e8; --primaire-actif: #8facf0; --primaire-doux: #1d2c4c;
   --safran: #e89a1f; --safran-doux: #33270f;
   --fond: #0f1622; --surface: #182234; --surface-2: #1e2a40;

docs/journal/journal.md

@@ -4,6 +4,25 @@ Trace chronologique des sessions (la plus récente en premier). Le **playbook**
 
 ---
 
+## 2026-07-15 — Pr. Daaif (+ Claude) — R0.11 : apps/web (connexion + sélecteur démo, coquille, /design)
+
+**Actions**
+
+- `apps/web` (React 19 + Vite + Tailwind v4) : `tokens.css` copié tel quel depuis 02-design ; classes composants **extraites de la maquette validée** ; Manrope auto-hébergée (@fontsource) ; primitives shadcn-style possédées (Button/variants cva, menu Radix).
+- **Client typé** : `pnpm generate:client` → `src/api/schema.d.ts` généré depuis `docs/openapi.json` et committé (règle d'or) ; openapi-fetch + injection du jeton.
+- Écrans : **connexion** (fidèle maquette, liste démo masquée si l'API répond 404 — ADR-002), **coquille** sidebar (4 groupes, rail safran actif, écrans à venir marqués R1-R3) + topbar (recherche ⌘K, bascule de thème, chip DÉMO, **sélecteur de rôle** dans le menu compte), **/design** (référence vivante : nuanciers, typo, boutons, pastilles), tableau de bord R0 minimal.
+- Compléments : tokens `--nav-*` ajoutés à `tokens.css` (valeurs issues de la maquette validée) ; **seed réaligné sur les personas de la maquette** (Salma Idrissi, Ahmed Benali, …) pour des revues pixel cohérentes.
+- **Vérifié dans un vrai navigateur** (Playwright + Chrome headless) : parcours démo-login → tableau de bord → bascule Dispatcher→Technicien en **101 ms** (critère < 3 s) → /design clair & sombre ; 7 captures, zéro erreur console. Typecheck, 3 tests vitest, build prod OK.
+
+**Décisions**
+
+- Le web ne lit pas `VITE_DEMO_MODE` : la présence du mode démo est déduite de la réponse de `/auth/demo-accounts` (404 ⇒ rien n'est affiché) — une seule source de vérité, l'API.
+- Les entrées de navigation des releases futures restent visibles mais inertes, marquées R1/R2/R3 — le périmètre est annoncé, pas simulé.
+
+**Prochaine étape** : R0.12 — CI GitHub Actions (lint, typecheck, tests, couverture api ≥ 70 %, `ci-contract` sur openapi.json/clients, Playwright du parcours démo) puis R0.13 Dockerfiles + runbook Dokploy.
+
+---
+
 ## 2026-07-15 — Pr. Daaif (+ Claude) — R0.10 : apps/api complète (auth, matrice, démo-login, seed)
 
 **Actions**