Merge pull request 'feat(glossaire): enrich entries and refine glossary navigation' (#281) from feat/glossaire-enrich-navigation into main

Reviewed-on: #281

.gitea/workflows/deploy-staging-live.yml

@@ -297,6 +297,19 @@ jobs:
           docker image tag archicratie-web:blue  "archicratie-web:blue.BAK.${TS}"  || true
           docker image tag archicratie-web:green "archicratie-web:green.BAK.${TS}" || true
 
+          BUILD_TIME_RAW="$(TZ=Europe/Paris date '+%Y-%m-%dT%H:%M:%S%z')"
+          BUILD_TIME="${BUILD_TIME_RAW:0:${#BUILD_TIME_RAW}-2}:${BUILD_TIME_RAW:${#BUILD_TIME_RAW}-2}"
+
+          PUBLIC_OPS_ENV=staging \
+          PUBLIC_OPS_UPSTREAM=web_blue \
+          PUBLIC_BUILD_SHA="${AFTER}" \
+          PUBLIC_BUILD_TIME="${BUILD_TIME}" \
+          node scripts/write-ops-health.mjs
+
+          test -f public/__ops/health.json
+          echo "=== public/__ops/health.json (blue/staging) ==="
+          cat public/__ops/health.json
+
           docker compose -p "$PROJ" -f docker-compose.yml build web_blue
           docker rm -f archicratie-web-blue || true
           docker compose -p "$PROJ" -f docker-compose.yml up -d --force-recreate --remove-orphans web_blue
@@ -306,6 +319,11 @@ jobs:
           wait_url "http://127.0.0.1:8081/annotations-index.json" "blue annotations-index"
           wait_url "http://127.0.0.1:8081/pagefind/pagefind.js"   "blue pagefind.js"
 
+          wait_url "http://127.0.0.1:8081/__ops/health.json" "blue ops health"
+
+          curl -fsS --max-time 6 "http://127.0.0.1:8081/__ops/health.json" \
+            | python3 -c 'import sys, json; j=json.load(sys.stdin); print("env=", j.get("env")); print("upstream=", j.get("upstream")); print("buildSha=", j.get("buildSha")); print("builtAt=", j.get("builtAt"))'
+
           CANON="$(curl -fsS --max-time 6 "http://127.0.0.1:8081/archicrat-ia/chapitre-1/" | grep -oE 'rel="canonical" href="[^"]+"' | head -n1 || true)"
           echo "canonical(blue)=$CANON"
           echo "$CANON" | grep -q 'https://staging\.archicratie\.trans-hands\.synology\.me/' || {
@@ -353,6 +371,19 @@ jobs:
             docker compose -p "$PROJ" -f docker-compose.yml up -d --force-recreate --remove-orphans web_green || true
           }
 
+          BUILD_TIME_RAW="$(TZ=Europe/Paris date '+%Y-%m-%dT%H:%M:%S%z')"
+          BUILD_TIME="${BUILD_TIME_RAW:0:${#BUILD_TIME_RAW}-2}:${BUILD_TIME_RAW:${#BUILD_TIME_RAW}-2}"
+
+          PUBLIC_OPS_ENV=prod \
+          PUBLIC_OPS_UPSTREAM=web_green \
+          PUBLIC_BUILD_SHA="${AFTER}" \
+          PUBLIC_BUILD_TIME="${BUILD_TIME}" \
+          node scripts/write-ops-health.mjs
+
+          test -f public/__ops/health.json
+          echo "=== public/__ops/health.json (green/prod) ==="
+          cat public/__ops/health.json
+
           # build/restart green
           if ! docker compose -p "$PROJ" -f docker-compose.yml build web_green; then
             echo "❌ build green failed"; rollback; exit 4
@@ -366,6 +397,11 @@ jobs:
           if ! wait_url "http://127.0.0.1:8082/annotations-index.json" "green annotations-index"; then rollback; exit 4; fi
           if ! wait_url "http://127.0.0.1:8082/pagefind/pagefind.js"   "green pagefind.js"; then rollback; exit 4; fi
 
+          if ! wait_url "http://127.0.0.1:8082/__ops/health.json" "green ops health"; then rollback; exit 4; fi
+
+          curl -fsS --max-time 6 "http://127.0.0.1:8082/__ops/health.json" \
+            | python3 -c 'import sys, json; j=json.load(sys.stdin); print("env=", j.get("env")); print("upstream=", j.get("upstream")); print("buildSha=", j.get("buildSha")); print("builtAt=", j.get("builtAt"))'
+
           CANON="$(curl -fsS --max-time 6 "http://127.0.0.1:8082/archicrat-ia/chapitre-1/" | grep -oE 'rel="canonical" href="[^"]+"' | head -n1 || true)"
           echo "canonical(green)=$CANON"
           echo "$CANON" | grep -q 'https://archicratie\.trans-hands\.synology\.me/' || {

.gitignore

@@ -30,4 +30,5 @@ public/favicon_io.zip
 .DS_Store
 
 # local temp workspace
-.tmp/
+.tmp/
+public/__ops/health.json

docs/START-HERE.md

@@ -1,51 +1,147 @@
-# START-HERE — Archicratie / Édition Web (v2)
-> Onboarding + exploitation “nickel chrome” (DEV → Gitea → CI → Release → Blue/Green → Edge/SSO)
+# START-HERE — Archicratie / Édition Web (v3)
+> Onboarding + exploitation “nickel chrome” (DEV → Gitea → CI → Release → Blue/Green → Edge/SSO → localhost auto-sync)
 
 ## 0) TL;DR (la règle d’or)
-- **Gitea = source canonique**.  
-- **main est protégé** : toute modification passe par **branche → PR → CI → merge**.  
-- **Le NAS n’est pas la source** : si un hotfix est fait sur NAS, on **backporte** via PR immédiatement.
-- **Le site est statique Astro** : la prod sert du HTML (nginx), l’accès est contrôlé au niveau reverse-proxy (Traefik + Authelia).
+
+- **Gitea = source canonique**.
+- **`main` est protégée** : toute modification passe par **branche → PR → CI → merge**.
+- **Le NAS n’est pas la source** : si un hotfix est fait sur NAS, il doit être **backporté immédiatement** via PR.
+- **Le site est statique Astro** : la prod sert du HTML via nginx ; l’accès est contrôlé au niveau reverse-proxy (Traefik + Authelia).
+- **Le localhost automatique n’est pas le repo de dev** : il tourne depuis un **worktree dédié**, synchronisé sur `origin/main`.
+
+---
 
 ## 1) Architecture mentale (ultra simple)
-- **DEV (Mac Studio)** : édition + tests + commit + push
-- **Gitea** : dépôt canon + PR + CI (CI.yaml)
-- **NAS (DS220+)** : déploiement “blue/green”
-  - `web_blue` (staging upstream) → `127.0.0.1:8081`
-  - `web_green` (live upstream) → `127.0.0.1:8082`
-- **Edge (Traefik)** : route les hosts
+
+- **DEV canonique (Mac Studio)** : édition, dev, tests, commits, pushes
+- **Gitea** : dépôt canonique, PR, CI, workflows éditoriaux
+- **NAS (DS220+)** : déploiement blue/green
+  - `web_blue` → staging upstream → `127.0.0.1:8081`
+  - `web_green` → live upstream → `127.0.0.1:8082`
+- **Edge (Traefik)** : routage des hosts
   - `staging.archicratie...` → 8081
   - `archicratie...` → 8082
   - **Authelia** devant, via middleware `chain-auth@file`
+- **Localhost auto-sync**
+  - un **repo canonique de développement**
+  - un **worktree localhost miroir de `origin/main`**
+  - un **agent de sync**
+  - un **agent Astro**
+
+---
 
 ## 2) Répertoires & conventions (repo)
+
 ### 2.1 Contenu canon (édition)
-- `src/content/**` : contenu MD / MDX canon (Astro content collections)
-- `src/pages/**` : routes Astro (index, [...slug], etc.)
-- `src/components/**` : composants UI (SiteNav, TOC, SidePanel, etc.)
-- `src/layouts/**` : layouts (EditionLayout, SiteLayout)
+
+- `src/content/**` : contenu MD / MDX canon
+- `src/pages/**` : routes Astro
+- `src/components/**` : composants UI
+- `src/layouts/**` : layouts
 - `src/styles/**` : CSS global
 
 ### 2.2 Annotations (pré-Édition “tickets”)
+
 - `src/annotations/<workKey>/<slug>.yml`
-  - Exemple : `src/annotations/archicrat-ia/prologue.yml`
-- Objectif : stocker “Références / Médias / Commentaires” par page et par paragraphe (`p-...`).
+- Exemple :
+  `src/annotations/archicrat-ia/prologue.yml`
+
+Objectif :
+stocker “Références / Médias / Commentaires” par page et par paragraphe (`p-...`).
 
 ### 2.3 Scripts (tooling / build)
-- `scripts/inject-anchor-aliases.mjs` : injection aliases dans dist
-- `scripts/dedupe-ids-dist.mjs` : retire IDs dupliqués dans dist
-- `scripts/build-para-index.mjs` : index paragraphes (postbuild / predev)
-- `scripts/build-annotations-index.mjs` : index annotations (postbuild / predev)
-- `scripts/check-anchors.mjs` : contrat stabilité d’ancres (CI)
+
+- `scripts/inject-anchor-aliases.mjs` : injection aliases dans `dist`
+- `scripts/dedupe-ids-dist.mjs` : retrait IDs dupliqués
+- `scripts/build-para-index.mjs` : index paragraphes
+- `scripts/build-annotations-index.mjs` : index annotations
+- `scripts/check-anchors.mjs` : contrat stabilité d’ancres
 - `scripts/check-annotations*.mjs` : sanity YAML + médias
 
-> Important : les scripts sont **partie intégrante** de la stabilité (IDs/ancres/indexation).  
-> On évite “la magie” : tout est scripté + vérifié.
+> Important : ces scripts ne sont pas accessoires.  
+> Ils font partie du contrat de stabilité éditoriale.
 
-## 3) Workflow Git “pro” (main protégé)
-### 3.1 Cycle standard (toute modif)
-en bash :
+---
 
+## 3) Les trois espaces à ne jamais confondre
+
+### 3.1 Repo canonique de développement
+
+```text
+/Volumes/FunIA/dev/archicratie-edition/site
+```
+
+Usage :
+
+- développement normal
+- branches de travail
+- nouvelles fonctionnalités
+- corrections manuelles
+- commits
+- pushes
+- PR
+
+### 3.2 Worktree localhost miroir de `main`
+
+```text
+/Users/s-funia/ops-local/archicratie/localhost-worktree
+```
+
+Branche attendue :
+
+```text
+localhost-sync
+```
+
+Usage :
+
+- exécuter le localhost automatique
+- refléter `origin/main`
+- ne jamais servir d’espace de développement
+
+### 3.3 Ops local hors repo
+
+```text
+/Users/s-funia/ops-local/archicratie
+```
+
+Usage :
+
+- scripts d’exploitation
+- état
+- logs
+- automatisation `launchd`
+
+---
+
+## 4) Pourquoi cette séparation existe
+
+Il ne faut pas utiliser le repo canonique de développement comme serveur localhost permanent.
+
+Sinon on mélange :
+
+- travail en cours
+- commits non poussés
+- essais temporaires
+- état réellement publié sur `main`
+
+Le résultat devient ambigu.
+
+La séparation retenue est donc :
+
+- **repo canonique** = espace de développement
+- **worktree localhost** = miroir exécutable de `origin/main`
+- **ops local** = scripts et automatisation
+
+C’est cette séparation qui rend le système lisible, robuste et opérable.
+
+---
+
+## 5) Workflow Git “pro” (main protégée)
+
+### 5.1 Cycle standard (toute modif)
+
+```bash
 git checkout main
 git pull --ff-only
 
@@ -60,37 +156,48 @@ npm run test:anchors
 git add -A
 git commit -m "xxx: description claire"
 git push -u origin "$BR"
+```
 
-### 3.2 PR vers main
+### 5.2 PR vers `main`
 
-Ouvrir PR dans Gitea
+- ouvrir une PR dans Gitea
+- attendre une CI verte
+- merger
+- laisser les workflows faire le reste
 
-CI doit être verte
+### 5.3 Cas spécial : hotfix prod (NAS)
 
-Merge PR → main
+On peut faire un hotfix d’urgence côté NAS si nécessaire.
 
-### 3.3 Cas spécial : hotfix prod (NAS)
+Mais l’état final doit toujours revenir dans Gitea :
 
-On peut faire un hotfix “urgence” en prod/staging si nécessaire…
+- branche
+- PR
+- CI
+- merge
 
-MAIS : l’état final doit revenir dans Gitea : branche → PR → CI → merge.
+---
 
-## 4) Déploiement (NAS) — principe
-### 4.1 Release pack
+## 6) Déploiement (NAS) — principe
 
-On génère un pack “reproductible” (source + config + scripts) puis on déploie.
+### 6.1 Release pack
 
-### 4.2 Blue/Green
+On génère un pack reproductible, puis on déploie.
 
-web_blue = staging upstream (8081)
+### 6.2 Blue/Green
 
-web_green = live upstream (8082)
+- `web_blue` = staging (`8081`)
+- `web_green` = live (`8082`)
 
-Edge Traefik sélectionne quel host pointe vers quel upstream.
+Le reverse-proxy choisit l’upstream selon le host demandé.
 
-## 5) Check-list “≤ 10 commandes” (happy path complet)
-### 5.1 DEV (Mac)
+---
 
+## 7) Happy path complet
+
+### 7.1 DEV (Mac)
+
+```bash
 git checkout main && git pull --ff-only
 git checkout -b chore/my-change-$(date +%Y%m%d)
 
@@ -99,55 +206,258 @@ rm -rf .astro node_modules/.vite dist
 npm run build
 npm run test:anchors
 npm run dev
+```
 
-### 5.2 Push + PR
+### 7.2 Push + PR
 
+```bash
 git add -A
 git commit -m "chore: my change"
 git push -u origin chore/my-change-YYYYMMDD
-# ouvrir PR dans Gitea
+```
 
-### 5.3 Déploiement NAS (résumé)
+Puis ouvrir la PR dans Gitea.
 
-Voir docs/runbooks/DEPLOY-BLUE-GREEN.md.
+### 7.3 Déploiement NAS
 
-## 6) Problèmes “classiques” + diagnostic rapide
-### 6.1 “Le staging ne ressemble pas au local”
+Voir :
 
-# Comparer upstream direct 8081 vs 8082 :
+```text
+docs/runbooks/DEPLOY-BLUE-GREEN.md
+```
 
+---
+
+## 8) Localhost auto-sync — ce qu’il faut retenir
+
+Le localhost automatique sert à voir **la vérité de `main`**, pas à développer du neuf.
+
+### 8.1 Scripts principaux
+
+#### Script de sync
+
+```text
+~/ops-local/archicratie/auto-sync-localhost.sh
+```
+
+Rôle :
+
+- fetch `origin/main`
+- réaligner le worktree localhost
+- lancer `npm ci` si besoin
+- redéclencher l’agent Astro si nécessaire
+
+#### Script Astro
+
+```text
+~/ops-local/archicratie/run-astro-localhost.sh
+```
+
+Rôle :
+
+- lancer `astro dev`
+- depuis le bon worktree
+- avec le bon runtime Node
+- sur `127.0.0.1:4321`
+
+> Oui : ce script est nécessaire.  
+> Il isole proprement le lancement du serveur Astro dans un contexte `launchd` stable.
+
+### 8.2 LaunchAgents
+
+#### Agent sync
+
+```text
+~/Library/LaunchAgents/me.archicratie.localhost-sync.plist
+```
+
+#### Agent Astro
+
+```text
+~/Library/LaunchAgents/me.archicratie.localhost-astro.plist
+```
+
+### 8.3 Document de référence
+
+Pour tout le détail d’exploitation du localhost automatique, lire :
+
+```text
+docs/OPS-LOCALHOST-AUTO-SYNC.md
+```
+
+---
+
+## 9) Règle d’or : il y a deux usages locaux distincts
+
+### 9.1 Voir ce qui est réellement sur `main`
+
+Utiliser :
+
+```text
+http://127.0.0.1:4321
+```
+
+Ce localhost doit être considéré comme :
+
+**un miroir local exécutable de `origin/main`**
+
+### 9.2 Développer / tester une nouvelle fonctionnalité
+
+Utiliser le repo canonique :
+
+```bash
+cd /Volumes/FunIA/dev/archicratie-edition/site
+npm run dev
+```
+
+Donc :
+
+- **localhost auto-sync** = vérité de `main`
+- **localhost de dev manuel** = expérimentation en cours
+
+Il ne faut pas les confondre.
+
+---
+
+## 10) Ce qu’il ne faut pas faire
+
+### 10.1 Ne pas développer dans le worktree localhost
+
+Le worktree localhost est piloté automatiquement.
+
+Il peut être :
+
+- réaligné
+- nettoyé
+- redémarré
+
+Donc :
+
+- pas de commits dedans
+- pas de dev feature dedans
+- pas d’expérimentation de fond dedans
+
+### 10.2 Ne pas utiliser le repo canonique comme miroir auto-sync
+
+Sinon on mélange :
+
+- espace de dev
+- état publié
+- serveur local permanent
+
+### 10.3 Ne pas remettre les scripts ops sur un volume externe
+
+Les scripts d’ops doivent rester sous `HOME`.
+
+Le fait de les mettre sous `/Volumes/...` a déjà provoqué des erreurs du type :
+
+```text
+Operation not permitted
+```
+
+### 10.4 Ne pas supprimer `run-astro-localhost.sh`
+
+Ce script fait partie de l’architecture actuelle.
+Le supprimer reviendrait à réintroduire le flou entre sync Git et exécution d’Astro.
+
+---
+
+## 11) Commandes de contrôle essentielles
+
+### 11.1 État global
+
+```bash
+~/ops-local/archicratie/doctor-localhost.sh
+```
+
+### 11.2 État Git
+
+```bash
+git -C ~/ops-local/archicratie/localhost-worktree rev-parse HEAD
+git -C /Volumes/FunIA/dev/archicratie-edition/site ls-remote origin refs/heads/main
+git -C ~/ops-local/archicratie/localhost-worktree branch --show-current
+```
+
+### 11.3 État LaunchAgents
+
+```bash
+launchctl print "gui/$(id -u)/me.archicratie.localhost-sync" | sed -n '1,160p'
+launchctl print "gui/$(id -u)/me.archicratie.localhost-astro" | sed -n '1,160p'
+```
+
+### 11.4 État logs
+
+```bash
+tail -n 120 ~/ops-local/archicratie/logs/auto-sync-localhost.log
+tail -n 120 ~/ops-local/archicratie/logs/astro-localhost.log
+tail -n 80 ~/Library/Logs/archicratie-localhost-sync.err.log
+tail -n 80 ~/Library/Logs/archicratie-localhost-astro.err.log
+```
+
+### 11.5 État serveur
+
+```bash
+lsof -nP -iTCP:4321 -sTCP:LISTEN
+PID="$(lsof -tiTCP:4321 -sTCP:LISTEN | head -n 1)"
+ps -p "$PID" -o pid=,command=
+lsof -a -p "$PID" -d cwd
+```
+
+### 11.6 Vérification contenu
+
+```bash
+curl -s http://127.0.0.1:4321/archicrat-ia/prologue/ | grep -n "taxe Zucman"
+```
+
+---
+
+## 12) Problèmes classiques + diagnostic
+
+### 12.1 “Le staging ne ressemble pas au local”
+
+Comparer les upstream directs :
+
+```bash
 curl -sS http://127.0.0.1:8081/ | head -n 2
 curl -sS http://127.0.0.1:8082/ | head -n 2
+```
 
-# Vérifier quel routeur edge répond (header diag) :
+Vérifier le routeur edge :
 
+```bash
 curl -sSI -H 'Host: staging.archicratie.trans-hands.synology.me' http://127.0.0.1:18080/ \
  | grep -iE 'HTTP/|location:|x-archi-router'
+```
 
-# Lire docs/runbooks/EDGE-TRAEFIK.md.
+Voir :
 
-### 6.2 Canonical incorrect (localhost en prod)
+```text
+docs/runbooks/EDGE-TRAEFIK.md
+```
 
-Cause racine : site dans Astro = PUBLIC_SITE non injecté au build.
+### 12.2 Canonical incorrect
 
-Fix canonique : voir docs/runbooks/ENV-PUBLIC_SITE.md.
+Cause probable : `PUBLIC_SITE` mal injecté au build.
 
 Test :
 
+```bash
 curl -sS http://127.0.0.1:8082/ | grep -oE 'rel="canonical" href="[^"]+"' | head -1
+```
 
-### 6.3 Contrat “anchors” en échec après migration d’URL
+Voir :
 
-Quand on déplace des routes (ex: /archicratie/archicrat-ia/* → /archicrat-ia/*), le test d’ancres peut échouer même si les IDs n’ont pas changé, car les pages ont changé de chemin.
+```text
+docs/runbooks/ENV-PUBLIC_SITE.md
+```
 
-# Procédure safe :
+### 12.3 Contrat anchors en échec après migration d’URL
 
-Backup baseline :
+Procédure safe :
 
+```bash
 cp -a tests/anchors-baseline.json /tmp/anchors-baseline.json.bak.$(date +%F-%H%M%S)
 
-Mettre à jour les clés (chemins) sans toucher aux IDs :
-
 node - <<'NODE'
 import fs from 'fs';
 const p='tests/anchors-baseline.json';
@@ -161,16 +471,213 @@ fs.writeFileSync(p, JSON.stringify(out,null,2)+'\n');
 console.log('updated keys:', Object.keys(j).length, '->', Object.keys(out).length);
 NODE
 
-Re-run :
-
 npm run test:anchors
+```
 
-## 7) Ce que l’étape 9 doit faire (orientation)
+### 12.4 “Le localhost auto-sync ne montre pas les dernières modifs”
 
-Stabiliser le pipeline “tickets → YAML annotations”
+Commande réflexe :
 
-Formaliser la spec YAML + merge + anti-doublon (voir docs/EDITORIAL-ANNOTATIONS-SPEC.md)
+```bash
+~/ops-local/archicratie/doctor-localhost.sh
+```
 
-Durcir l’onboarding (ce START-HERE + runbooks)
+Puis :
 
-Éviter les régressions par tests (anchors / annotations / smoke)
+```bash
+git -C ~/ops-local/archicratie/localhost-worktree rev-parse HEAD
+git -C /Volumes/FunIA/dev/archicratie-edition/site ls-remote origin refs/heads/main
+```
+
+Si les SHA diffèrent :
+- le sync n’a pas tourné
+- ou l’agent sync a un problème
+
+### 12.5 “Le SHA est bon mais le contenu web est faux”
+
+Vérifier quel Astro écoute réellement :
+
+```bash
+lsof -nP -iTCP:4321 -sTCP:LISTEN
+PID="$(lsof -tiTCP:4321 -sTCP:LISTEN | head -n 1)"
+ps -p "$PID" -o pid=,command=
+lsof -a -p "$PID" -d cwd
+```
+
+Attendu :
+- commande contenant `astro dev`
+- cwd = `~/ops-local/archicratie/localhost-worktree`
+
+### 12.6 Erreur `EBADENGINE`
+
+Cause probable :
+- Node 23 utilisé au lieu de Node 22
+
+Résolution :
+- forcer `node@22` dans les scripts et les LaunchAgents
+
+### 12.7 Erreur `Operation not permitted`
+
+Cause probable :
+- scripts d’ops placés sous `/Volumes/...`
+
+Résolution :
+- garder les scripts sous :
+
+```text
+~/ops-local/archicratie
+```
+
+### 12.8 Erreur `EPERM` sur `astro.mjs`
+
+Cause probable :
+- ancien worktree sur volume externe
+- ancien chemin résiduel
+- Astro lancé depuis un mauvais emplacement
+
+Résolution :
+- worktree localhost sous :
+
+```text
+~/ops-local/archicratie/localhost-worktree
+```
+
+- scripts cohérents avec ce chemin
+- réinstallation propre via :
+
+```bash
+~/ops-local/archicratie/install-localhost-sync.sh
+```
+
+---
+
+## 13) Redémarrage machine
+
+Après reboot, le comportement attendu est :
+
+1. le LaunchAgent sync se recharge
+2. le LaunchAgent Astro se recharge
+3. le worktree localhost est réaligné
+4. Astro redémarre sur `127.0.0.1:4321`
+
+### Vérification rapide après reboot
+
+```bash
+~/ops-local/archicratie/doctor-localhost.sh
+```
+
+Si nécessaire :
+
+```bash
+~/ops-local/archicratie/install-localhost-sync.sh
+```
+
+---
+
+## 14) Procédure de secours manuelle
+
+### Forcer un sync
+
+```bash
+~/ops-local/archicratie/auto-sync-localhost.sh
+```
+
+### Réinstaller proprement le dispositif local
+
+```bash
+~/ops-local/archicratie/install-localhost-sync.sh
+```
+
+### Diagnostic complet
+
+```bash
+~/ops-local/archicratie/doctor-localhost.sh
+```
+
+---
+
+## 15) Décision d’exploitation finale
+
+La politique retenue est la suivante :
+
+- **repo canonique** = espace de développement
+- **worktree localhost** = miroir automatique de `main`
+- **ops sous HOME** = scripts, logs, automation
+- **LaunchAgent sync** = réalignement Git
+- **LaunchAgent Astro** = exécution stable du serveur local
+- **Astro local** = lancé uniquement depuis le worktree localhost
+
+Cette séparation rend le dispositif plus :
+
+- lisible
+- robuste
+- opérable
+- antifragile
+
+---
+
+## 16) Résumé opératoire
+
+### Pour voir la vérité de `main`
+
+Ouvrir :
+
+```text
+http://127.0.0.1:4321
+```
+
+Le serveur doit provenir de :
+
+```text
+/Users/s-funia/ops-local/archicratie/localhost-worktree
+```
+
+### Pour développer
+
+Travailler dans :
+
+```text
+/Volumes/FunIA/dev/archicratie-edition/site
+```
+
+avec les commandes habituelles.
+
+### Pour réparer vite
+
+```bash
+~/ops-local/archicratie/doctor-localhost.sh
+~/ops-local/archicratie/auto-sync-localhost.sh
+```
+
+---
+
+## 17) Mémoire courte
+
+Si un jour plus rien n’est clair, repartir de ces commandes :
+
+```bash
+~/ops-local/archicratie/doctor-localhost.sh
+git -C ~/ops-local/archicratie/localhost-worktree rev-parse HEAD
+git -C /Volumes/FunIA/dev/archicratie-edition/site ls-remote origin refs/heads/main
+lsof -nP -iTCP:4321 -sTCP:LISTEN
+```
+
+Puis lire :
+
+```bash
+tail -n 120 ~/ops-local/archicratie/logs/auto-sync-localhost.log
+tail -n 120 ~/ops-local/archicratie/logs/astro-localhost.log
+```
+
+---
+
+## 18) Statut actuel visé
+
+Quand tout fonctionne correctement :
+
+- le worktree localhost pointe sur le même SHA que `origin/main`
+- `astro dev` écoute sur `127.0.0.1:4321`
+- son cwd est `~/ops-local/archicratie/localhost-worktree`
+- le contenu servi correspond au contenu mergé sur `main`
+
+C’est l’état de référence à préserver.

scripts/write-ops-health.mjs

@@ -0,0 +1,20 @@
+import fs from "node:fs";
+import path from "node:path";
+
+const root = process.cwd();
+const outDir = path.join(root, "public", "__ops");
+const outFile = path.join(outDir, "health.json");
+
+const payload = {
+  service: "archicratie-site",
+  env: process.env.PUBLIC_OPS_ENV || "unknown",
+  upstream: process.env.PUBLIC_OPS_UPSTREAM || "unknown",
+  buildSha: process.env.PUBLIC_BUILD_SHA || "unknown",
+  builtAt: process.env.PUBLIC_BUILD_TIME || new Date().toISOString(),
+};
+
+fs.mkdirSync(outDir, { recursive: true });
+fs.writeFileSync(outFile, `${JSON.stringify(payload, null, 2)}\n`, "utf8");
+
+console.log(`✅ ops health written: ${outFile}`);
+console.log(payload);

src/components/GlossaryAside.astro

@@ -26,7 +26,7 @@ const fondamentaux = fondamentauxWanted
 
 function resolveList(slugs = []) {
   return slugs
-    .map((slug) => bySlug.get(slug))
+    .map((slug) => bySlug.get(String(slug || "").trim()))
     .filter(Boolean);
 }
 
@@ -42,43 +42,138 @@ function uniqueBySlug(entries) {
   return out;
 }
 
-const relatedEntries = uniqueBySlug(resolveList(currentEntry.data.related ?? []))
-  .sort((a, b) => collator.compare(a.data.term, b.data.term));
+function sortByTerm(entries = []) {
+  return [...entries].sort((a, b) => collator.compare(a.data.term, b.data.term));
+}
 
-const opposedEntries = uniqueBySlug(resolveList(currentEntry.data.opposedTo ?? []))
-  .sort((a, b) => collator.compare(a.data.term, b.data.term));
+function familyOf(entry) {
+  return entry?.data?.family ?? "";
+}
 
-const seeAlsoEntries = uniqueBySlug(resolveList(currentEntry.data.seeAlso ?? []))
-  .sort((a, b) => collator.compare(a.data.term, b.data.term));
+function kindOf(entry) {
+  return entry?.data?.kind ?? "";
+}
 
-const paradigmes = [...allEntries]
-  .filter((e) => e.data.kind === "paradigme" && slugOf(e) !== currentSlug)
-  .sort((a, b) => collator.compare(a.data.term, b.data.term));
+const relatedEntries = sortByTerm(
+  uniqueBySlug(resolveList(currentEntry.data.related ?? []))
+);
 
-function contextualParadigmsFor(entry) {
-  const relatedParadigms = (entry.data.related ?? [])
-    .map((slug) => bySlug.get(slug))
-    .filter((e) => e && e.data.kind === "paradigme");
+const opposedEntries = sortByTerm(
+  uniqueBySlug(resolveList(currentEntry.data.opposedTo ?? []))
+);
 
-  const seeAlsoParadigms = (entry.data.seeAlso ?? [])
-    .map((slug) => bySlug.get(slug))
-    .filter((e) => e && e.data.kind === "paradigme");
+const seeAlsoEntries = sortByTerm(
+  uniqueBySlug(resolveList(currentEntry.data.seeAlso ?? []))
+);
 
-  const opposedParadigms = (entry.data.opposedTo ?? [])
-    .map((slug) => bySlug.get(slug))
-    .filter((e) => e && e.data.kind === "paradigme");
+const familyLabels = {
+  "concept-fondamental": "Concept fondamental",
+  scene: "Scène",
+  dynamique: "Dynamique",
+  pathologie: "Pathologie",
+  topologie: "Topologie",
+  "meta-regime": "Méta-régime",
+  paradigme: "Paradigme",
+  doctrine: "Doctrine",
+  verbe: "Verbe",
+  "dispositif-ia": "Dispositif IA",
+  "tension-irreductible": "Tension irréductible",
+};
 
-  const merged = uniqueBySlug([
-    ...relatedParadigms,
-    ...seeAlsoParadigms,
-    ...opposedParadigms,
-  ]);
+const kindLabels = {
+  concept: "Concept",
+  diagnostic: "Diagnostic",
+  topologie: "Topologie",
+  verbe: "Verbe",
+  paradigme: "Paradigme",
+  doctrine: "Doctrine",
+};
 
-  if (merged.length > 0) {
-    return merged.slice(0, 5);
+const domainLabels = {
+  transversal: "Transversal",
+  theorie: "Théorie",
+  "cas-ia": "Cas IA",
+};
+
+const levelLabels = {
+  fondamental: "Fondamental",
+  intermediaire: "Intermédiaire",
+  avance: "Avancé",
+};
+
+const currentFamily = familyOf(currentEntry);
+const displayFamily =
+  familyLabels[currentFamily] ??
+  kindLabels[currentEntry.data.kind] ??
+  "Fiche";
+
+const displayDomain =
+  domainLabels[currentEntry.data.domain] ??
+  currentEntry.data.domain;
+
+const displayLevel =
+  levelLabels[currentEntry.data.level] ??
+  currentEntry.data.level;
+
+function entriesOfSameFamily(entry) {
+  const family = familyOf(entry);
+
+  if (!family) return [];
+
+  if (family === "concept-fondamental") {
+    return fondamentaux;
   }
 
-  if (entry.data.kind === "paradigme") {
+  return sortByTerm(
+    allEntries.filter((item) => familyOf(item) === family)
+  );
+}
+
+const sameFamilyEntries = entriesOfSameFamily(currentEntry);
+
+const familySectionTitles = {
+  "concept-fondamental": "Noyau archicratique",
+  scene: "Scènes archicratiques",
+  dynamique: "Dynamiques archicratiques",
+  pathologie: "Pathologies archicratiques",
+  topologie: "Topologies voisines",
+  "meta-regime": "Méta-régimes archicratiques",
+  paradigme: "Paradigmes voisins",
+  doctrine: "Doctrines fondatrices",
+  verbe: "Verbes de la scène",
+  "dispositif-ia": "Dispositifs IA",
+  "tension-irreductible": "Tensions irréductibles",
+};
+
+const sameFamilyTitle =
+  familySectionTitles[currentFamily] ?? "Même famille";
+
+function isTheoryEntry(entry) {
+  const family = familyOf(entry);
+  const kind = kindOf(entry);
+
+  return (
+    family === "paradigme" ||
+    family === "doctrine" ||
+    kind === "paradigme" ||
+    kind === "doctrine"
+  );
+}
+
+function contextualTheoryFor(entry) {
+  const fromRelations = uniqueBySlug([
+    ...resolveList(entry.data.related ?? []),
+    ...resolveList(entry.data.seeAlso ?? []),
+    ...resolveList(entry.data.opposedTo ?? []),
+  ])
+    .filter((item) => slugOf(item) !== currentSlug)
+    .filter((item) => isTheoryEntry(item));
+
+  if (fromRelations.length > 0) {
+    return sortByTerm(fromRelations).slice(0, 6);
+  }
+
+  if (familyOf(entry) === "paradigme") {
     const preferred = [
       "gouvernementalite",
       "gouvernementalite-algorithmique",
@@ -100,6 +195,22 @@ function contextualParadigmsFor(entry) {
       "grammatisation-et-proletarisation-cognitive",
     ];
 
+    return uniqueBySlug(
+      preferred
+        .filter((slug) => slug !== currentSlug)
+        .map((slug) => bySlug.get(slug))
+        .filter(Boolean)
+    ).slice(0, 8);
+  }
+
+  if (familyOf(entry) === "doctrine") {
+    const preferred = [
+      "contractualisme-hobbesien",
+      "droit-naturel-et-propriete",
+      "volonte-generale",
+      "decisionnisme-souverain",
+    ];
+
     return uniqueBySlug(
       preferred
         .filter((slug) => slug !== currentSlug)
@@ -108,55 +219,56 @@ function contextualParadigmsFor(entry) {
     ).slice(0, 6);
   }
 
-  return paradigmes.slice(0, 5);
+  return [];
 }
 
-const contextualParadigms = contextualParadigmsFor(currentEntry);
+const contextualTheory = contextualTheoryFor(currentEntry);
 
-const kindLabels = {
-  concept: "Concept",
-  diagnostic: "Diagnostic",
-  topologie: "Topologie",
-  verbe: "Verbe",
-  paradigme: "Paradigme",
-  doctrine: "Doctrine",
-};
+const showNoyau = currentFamily !== "concept-fondamental" && fondamentaux.length > 0;
 
-const domainLabels = {
-  transversal: "Transversal",
-  theorie: "Théorie",
-  "cas-ia": "Cas IA",
-};
+const showSameFamily =
+  sameFamilyEntries.length > 0 && currentFamily !== "concept-fondamental";
 
-const levelLabels = {
-  fondamental: "Fondamental",
-  intermediaire: "Intermédiaire",
-  avance: "Avancé",
-};
-
-const metaLabel = [
-  kindLabels[currentEntry.data.kind] ?? currentEntry.data.kind,
-  domainLabels[currentEntry.data.domain] ?? currentEntry.data.domain,
-  levelLabels[currentEntry.data.level] ?? currentEntry.data.level,
-].join(" · ");
+const relationSections = [
+  {
+    title: "Concepts liés",
+    items: relatedEntries,
+  },
+  {
+    title: "En tension avec",
+    items: opposedEntries,
+  },
+  {
+    title: "Voir aussi",
+    items: seeAlsoEntries,
+  },
+].filter((section) => section.items.length > 0);
 ---
 
 <nav class="glossary-aside" aria-label="Navigation du glossaire">
   <div class="glossary-aside__block glossary-aside__block--intro">
     <a class="glossary-aside__back" href="/glossaire/">← Retour au glossaire</a>
     <div class="glossary-aside__title">Glossaire archicratique</div>
-    <div class="glossary-aside__meta">{metaLabel}</div>
+
+    <div class="glossary-aside__pills" aria-label="Repères de lecture">
+      <span class="glossary-aside__pill glossary-aside__pill--family">
+        {displayFamily}
+      </span>
+      <span class="glossary-aside__pill">{displayDomain}</span>
+      <span class="glossary-aside__pill">{displayLevel}</span>
+    </div>
   </div>
 
   <section class="glossary-aside__block">
     <h2 class="glossary-aside__heading">Portails</h2>
     <ul class="glossary-aside__list">
       <li><a href="/glossaire/">Index général</a></li>
-      <li><a href="/glossaire/paradigmes/">Page paradigmes</a></li>
+      <li><a href="/glossaire/archicrations/">Archicrations</a></li>
+      <li><a href="/glossaire/paradigmes/">Paradigmes et doctrines</a></li>
     </ul>
   </section>
 
-  {fondamentaux.length > 0 && (
+  {showNoyau && (
     <section class="glossary-aside__block">
       <h2 class="glossary-aside__heading">Noyau archicratique</h2>
       <ul class="glossary-aside__list">
@@ -178,52 +290,50 @@ const metaLabel = [
     </section>
   )}
 
-  {(relatedEntries.length > 0 || opposedEntries.length > 0 || seeAlsoEntries.length > 0) && (
+  {showSameFamily && (
     <section class="glossary-aside__block">
-      <h2 class="glossary-aside__heading">Autour de cette fiche</h2>
-
-      {relatedEntries.length > 0 && (
-        <>
-          <h3 class="glossary-aside__subheading">Liés</h3>
-          <ul class="glossary-aside__list">
-            {relatedEntries.map((entry) => (
-              <li><a href={hrefOf(entry)}>{entry.data.term}</a></li>
-            ))}
-          </ul>
-        </>
-      )}
-
-      {opposedEntries.length > 0 && (
-        <>
-          <h3 class="glossary-aside__subheading">Opposés</h3>
-          <ul class="glossary-aside__list">
-            {opposedEntries.map((entry) => (
-              <li><a href={hrefOf(entry)}>{entry.data.term}</a></li>
-            ))}
-          </ul>
-        </>
-      )}
-
-      {seeAlsoEntries.length > 0 && (
-        <>
-          <h3 class="glossary-aside__subheading">Voir aussi</h3>
-          <ul class="glossary-aside__list">
-            {seeAlsoEntries.map((entry) => (
-              <li><a href={hrefOf(entry)}>{entry.data.term}</a></li>
-            ))}
-          </ul>
-        </>
-      )}
+      <h2 class="glossary-aside__heading">{sameFamilyTitle}</h2>
+      <ul class="glossary-aside__list">
+        {sameFamilyEntries.map((entry) => {
+          const active = slugOf(entry) === currentSlug;
+          return (
+            <li>
+              <a
+                href={hrefOf(entry)}
+                aria-current={active ? "page" : undefined}
+                class={active ? "is-active" : undefined}
+              >
+                {entry.data.term}
+              </a>
+            </li>
+          );
+        })}
+      </ul>
     </section>
   )}
 
-  {contextualParadigms.length > 0 && (
+  {relationSections.length > 0 && (
     <section class="glossary-aside__block">
-      <h2 class="glossary-aside__heading">
-        {currentEntry.data.kind === "paradigme" ? "Paradigmes voisins" : "Paradigmes mobilisés"}
-      </h2>
+      <h2 class="glossary-aside__heading">Autour de cette fiche</h2>
+
+      {relationSections.map((section) => (
+        <>
+          <h3 class="glossary-aside__subheading">{section.title}</h3>
+          <ul class="glossary-aside__list">
+            {section.items.map((entry) => (
+              <li><a href={hrefOf(entry)}>{entry.data.term}</a></li>
+            ))}
+          </ul>
+        </>
+      ))}
+    </section>
+  )}
+
+  {contextualTheory.length > 0 && (
+    <section class="glossary-aside__block">
+      <h2 class="glossary-aside__heading">Paysage théorique</h2>
       <ul class="glossary-aside__list">
-        {contextualParadigms.map((entry) => (
+        {contextualTheory.map((entry) => (
           <li><a href={hrefOf(entry)}>{entry.data.term}</a></li>
         ))}
       </ul>
@@ -265,11 +375,28 @@ const metaLabel = [
     line-height: 1.25;
   }
 
-  .glossary-aside__meta{
+  .glossary-aside__pills{
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
     margin-top: 8px;
+  }
+
+  .glossary-aside__pill{
+    display: inline-flex;
+    align-items: center;
+    padding: 4px 9px;
+    border: 1px solid rgba(127,127,127,0.24);
+    border-radius: 999px;
+    background: rgba(127,127,127,0.04);
     font-size: 12px;
-    line-height: 1.35;
-    opacity: .78;
+    line-height: 1.3;
+    opacity: .9;
+  }
+
+  .glossary-aside__pill--family{
+    border-color: rgba(127,127,127,0.38);
+    font-weight: 800;
   }
 
   .glossary-aside__heading{
@@ -309,7 +436,8 @@ const metaLabel = [
   }
 
   @media (prefers-color-scheme: dark){
-    .glossary-aside__block{
+    .glossary-aside__block,
+    .glossary-aside__pill{
       background: rgba(255,255,255,0.04);
     }
   }

src/content.config.ts

@@ -67,6 +67,19 @@ const glossaire = defineCollection({
     links: z.array(linkSchema).default([]),
 
     kind: z.enum(["concept", "topologie", "diagnostic", "verbe", "paradigme", "doctrine"]),
+    family: z.enum([
+      "concept-fondamental",
+      "scene",
+      "dynamique",
+      "pathologie",
+      "topologie",
+      "meta-regime",
+      "paradigme",
+      "doctrine",
+      "verbe",
+      "dispositif-ia",
+      "tension-irreductible",
+    ]).optional(),
     domain: z.enum(["transversal", "theorie", "cas-ia"]),
     level: z.enum(["fondamental", "intermediaire", "avance"]),
     related: z.array(z.string().min(1)).default([]),

src/content/glossaire/agencement-machinique.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation fondé sur des agencements hétérog
 concepts: ["agencement-machinique", "agencement", "machine", "flux", "dispositif", "tension"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["archicratie", "cratialite", "archicration", "tension", "co-viabilite"]

src/content/glossaire/arcalite.md

@@ -9,6 +9,7 @@ definitionShort: "Vecteur fondationnel et structurant de la régulation : ensemb
 concepts: ["arcalite", "archicratie", "cratialite", "archicration", "co-viabilite"]
 links: []
 kind: "concept"
+family: "concept-fondamental"
 domain: "transversal"
 level: "fondamental"
 related: ["archicratie", "cratialite", "archicration", "co-viabilite", "tension"]

src/content/glossaire/archicratie.md

@@ -9,6 +9,7 @@ definitionShort: "Méta-régime de régulation par lequel les sociétés humaine
 concepts: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "tension"]
 links: []
 kind: "concept"
+family: "concept-fondamental"
 domain: "transversal"
 level: "fondamental"
 related: ["arcalite", "cratialite", "archicration", "co-viabilite", "tension"]

src/content/glossaire/archicration.md

@@ -9,6 +9,7 @@ definitionShort: "Vecteur régulateur par lequel les tensions entre arcalités e
 concepts: ["archicration", "archicratie", "arcalite", "cratialite", "co-viabilite", "tension", "scene-depreuve"]
 links: []
 kind: "concept"
+family: "concept-fondamental"
 domain: "transversal"
 level: "fondamental"
 related: ["archicratie", "arcalite", "cratialite", "co-viabilite", "tension", "scene-depreuve"]

src/content/glossaire/archicrations-differentielles-et-formes-hybrides.md

@@ -8,10 +8,11 @@ comparisonTraditions: ["anthropologie politique comparative", "sociologie proces
 edition: "glossaire"
 status: "referentiel"
 version: "0.1.0"
-definitionShort: "Configurations dans lesquelles un régime archicratique se module, se fragmente ou se combine à d’autres sans produire une forme unifiée."
+definitionShort: "Configurations dans lesquelles un méta-régime archicratique se module, se fragmente ou se combine à d’autres sans produire une forme unifiée."
 concepts: ["archicrations-differentielles-et-formes-hybrides", "archicration", "hybridation", "modulation", "plasticite", "composition", "co-viabilite"]
 links: []
 kind: "topologie"
+family: "topologie"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "scene-depreuve"]

src/content/glossaire/archicrations-epistemiques.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité dans lequel la régulation coll
 concepts: ["archicrations-epistemiques", "archicration", "savoir", "episteme", "paradigme", "verite", "expertise"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "gouvernementalite"]

src/content/glossaire/archicrations-esthetico-symboliques.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité où la régulation collective p
 concepts: ["archicrations-esthetico-symboliques", "archicration", "forme-symbolique", "imaginaire", "representation", "esthetique"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite"]
@@ -41,7 +42,9 @@ L’archicration se joue dans les scènes de création et de réception des form
 
 Ces régimes montrent que la co-viabilité peut être stabilisée par des dispositifs sensibles et symboliques.
 
-La forme esthétique devient alors une infrastructure du lien social.
+Mais ces formes peuvent également reconfigurer la perception du commun, déplacer les frontières du visible et du dicible et ouvrir des scènes de dissensus.
+
+La forme esthétique devient ainsi une infrastructure du lien social, capable à la fois de stabiliser et de transformer l’ordre collectif.
 
 ## Renvois
 

src/content/glossaire/archicrations-guerrieres.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité dans lequel la stabilité colle
 concepts: ["archicrations-guerrieres", "archicration", "puissance", "violence", "strategie", "dissuasion"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite"]

src/content/glossaire/archicrations-historiographiques.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité où la régulation collective s
 concepts: ["archicrations-historiographiques", "archicration", "memoire", "recit", "temporalite", "historiographie"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite"]

src/content/glossaire/archicrations-marchandes.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité dans lequel la coordination col
 concepts: ["archicrations-marchandes", "archicration", "marche", "echange", "prix", "coordination"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite"]

src/content/glossaire/archicrations-normativo-politiques.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité dans lequel la régulation coll
 concepts: ["archicrations-normativo-politiques", "archicration", "norme", "droit", "legalite", "souverainete"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "domination-legale-rationnelle"]

src/content/glossaire/archicrations-proto-symboliques.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité où la régulation passe priori
 concepts: ["archicrations-proto-symboliques", "archicration", "proto-symbolique", "rite", "tabou", "alliance", "co-viabilite"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "scene-depreuve"]

src/content/glossaire/archicrations-sacrales-non-etatiques.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité où des puissances sacrales, de
 concepts: ["archicrations-sacrales-non-etatiques", "archicration", "sacral", "rituel", "totemisme", "oracle", "co-viabilite"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "archicrations-proto-symboliques"]

src/content/glossaire/archicrations-scripturo-cosmologiques.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité où l’écriture ne prescrit p
 concepts: ["archicrations-scripturo-cosmologiques","archicration","cosmos","cosmographie","ecriture","alignement","correspondance"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "archicrations-techno-logistiques"]

src/content/glossaire/archicrations-scripturo-normatives.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité où l’obligation découle d
 concepts: ["archicrations-scripturo-normatives", "archicration", "scripturalite", "norme", "ecriture", "code", "obligation"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "domination-legale-rationnelle"]

src/content/glossaire/archicrations-techno-logistiques.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité où la régulation s’incarne
 concepts: ["archicrations-techno-logistiques", "archicration", "techno-logistique", "megamachine", "infrastructure", "flux", "coordination"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "cybernetique"]

src/content/glossaire/archicrations-theologiques.md

@@ -12,6 +12,7 @@ definitionShort: "Méta-régime de co-viabilité où l’obligation procède d
 concepts: ["archicrations-theologiques", "archicration", "revelation", "verbe", "transcendance", "doctrine", "orthodoxie", "exegese"]
 links: []
 kind: "topologie"
+family: "meta-regime"
 domain: "transversal"
 level: "avance"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "decisionnisme-souverain"]

src/content/glossaire/autarchicratie.md

@@ -9,6 +9,7 @@ definitionShort: "Dérive d’un régime archicratique dans laquelle les archite
 concepts: ["autarchicratie", "archicratie", "archicration", "obliteration-archicratique", "scene-depreuve"]
 links: []
 kind: "diagnostic"
+family: "pathologie"
 domain: "transversal"
 level: "fondamental"
 related: ["archicratie", "archicration", "obliteration-archicratique", "scene-depreuve", "co-viabilite"]

src/content/glossaire/biopolitique.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme d’analyse du pouvoir centré sur la prise en charg
 concepts: ["biopolitique", "population", "vie", "gouvernementalite"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "intermediaire"
 related: ["gouvernementalite", "archicratie", "co-viabilite"]

src/content/glossaire/co-viabilite.md

@@ -9,6 +9,7 @@ definitionShort: "Capacité d’un système social à maintenir la continuité d
 concepts: ["co-viabilite", "archicratie", "arcalite", "cratialite", "archicration", "tension"]
 links: []
 kind: "concept"
+family: "concept-fondamental"
 domain: "transversal"
 level: "fondamental"
 related: ["archicratie", "arcalite", "cratialite", "archicration", "tension"]

src/content/glossaire/conatus-et-multitude.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme immanent de régulation dans lequel la tenue du coll
 concepts: ["conatus-et-multitude", "conatus", "multitude", "affect", "puissance"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["archicratie", "tension", "co-viabilite", "theorie-de-la-resonance"]

src/content/glossaire/configuration-et-interdependance.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation dans lequel les formes sociales émer
 concepts: ["configuration-et-interdependance", "configuration", "interdependance", "autocontrainte", "processus"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["archicratie", "co-viabilite", "tension", "conatus-et-multitude"]

src/content/glossaire/contractualisme-hobbesien.md

@@ -12,6 +12,7 @@ definitionShort: "Doctrine fondatrice faisant de la sortie de la guerre de tous
 concepts: ["contractualisme-hobbesien", "souverainete", "ordre", "tension"]
 links: []
 kind: "doctrine"
+family: "paradigme"
 domain: "theorie"
 level: "fondamental"
 related: ["archicratie", "tension", "co-viabilite"]

src/content/glossaire/cosmopolitique.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme politique selon lequel les collectifs humains doiven
 concepts: ["cosmopolitique", "pluralite-des-mondes", "composition"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["technodiversite-et-cosmotechnie", "gouvernance-des-communs", "configuration-et-interdependance"]

src/content/glossaire/cratialite.md

@@ -9,6 +9,7 @@ definitionShort: "Vecteur opératoire et transformateur de la régulation : ense
 concepts: ["cratialite", "archicratie", "arcalite", "archicration", "tension", "co-viabilite"]
 links: []
 kind: "concept"
+family: "concept-fondamental"
 domain: "transversal"
 level: "fondamental"
 related: ["archicratie", "arcalite", "archicration", "tension", "co-viabilite"]

src/content/glossaire/cybernetique.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation centré sur les boucles de rétroacti
 concepts: ["cybernetique", "retroaction", "pilotage", "tension"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "fondamental"
 related: ["archicratie", "tension", "cratialite", "gouvernementalite-algorithmique"]

src/content/glossaire/decisionnisme-souverain.md

@@ -12,6 +12,7 @@ definitionShort: "Doctrine fondatrice selon laquelle l’ordre politique se cons
 concepts: ["decisionnisme-souverain", "decision", "exception", "souverainete", "theologie-politique"]
 links: []
 kind: "doctrine"
+family: "doctrine"
 domain: "theorie"
 level: "fondamental"
 related: ["contractualisme-hobbesien", "archicratie", "archicration", "tension"]

src/content/glossaire/democratie-deliberative.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme politique fondant la légitimité de l’ordre colle
 concepts: ["democratie-deliberative", "deliberation", "discussion", "legitimite", "espace-public"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "fondamental"
 related: ["volonte-generale", "archicration", "scene-depreuve", "archicratie"]

src/content/glossaire/dissensus-politique.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme politique dans lequel le litige, le désaccord et l
 concepts: ["dissensus-politique", "dissensus", "litige", "scene", "conflit"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "fondamental"
 related: ["archicration", "scene-depreuve", "tension", "archicratie"]

src/content/glossaire/domination-legale-rationnelle.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation fondé sur la légalité formelle, la
 concepts: ["domination-legale-rationnelle", "bureaucratie", "legalite", "administration", "regle", "procedure"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "fondamental"
 related: ["archicratie", "arcalite", "cratialite", "archicration"]

src/content/glossaire/droit-naturel-et-propriete.md

@@ -12,6 +12,7 @@ definitionShort: "Doctrine fondatrice faisant de la loi naturelle, de la propri
 concepts: ["droit-naturel-et-propriete", "propriete", "droit-naturel", "consentement", "encadrement-liberal"]
 links: []
 kind: "doctrine"
+family: "doctrine"
 domain: "theorie"
 level: "fondamental"
 related: ["contractualisme-hobbesien", "volonte-generale", "archicratie", "co-viabilite"]

src/content/glossaire/exception-souveraine.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation dans lequel l’ordre se maintient pa
 concepts: ["exception-souveraine", "exception", "suspension", "souverainete", "urgence"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "fondamental"
 related: ["decisionnisme-souverain", "archicratie", "tension", "autarchicratie"]

src/content/glossaire/fait-social-total.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation dans lequel les échanges, obligation
 concepts: ["fait-social-total", "echange", "obligation", "symbolisation", "cohesion"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "intermediaire"
 related: ["archicratie", "arcalite", "co-viabilite", "tension"]

src/content/glossaire/gouvernance-des-communs.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation fondé sur la coordination collective
 concepts: ["gouvernance-des-communs", "communs", "coordination", "polycentrisme", "ressources"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "intermediaire"
 related: ["co-viabilite", "archicratie", "democratie-deliberative", "tension"]

src/content/glossaire/gouvernementalite-algorithmique.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation fondé sur le calcul automatisé, la
 concepts: ["gouvernementalite-algorithmique", "algorithme", "scoring", "autarchicratie"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "cas-ia"
 level: "intermediaire"
 related: ["gouvernementalite", "cybernetique", "autarchicratie", "obliteration-archicratique", "cratialite"]

src/content/glossaire/gouvernementalite.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme d’analyse du pouvoir centré sur la conduite des c
 concepts: ["gouvernementalite", "pouvoir", "population", "regulation"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "fondamental"
 related: ["archicratie", "biopolitique", "gouvernementalite-algorithmique", "scene-depreuve"]

src/content/glossaire/grammatisation-et-proletarisation-cognitive.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation technique dans lequel la capture, la
 concepts: ["grammatisation-et-proletarisation-cognitive", "grammatisation", "proletarisation", "savoir", "automatisation", "technique"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["archicratie", "pharmacologie-technique", "preemption-algorithmique", "gouvernementalite-algorithmique"]

src/content/glossaire/habitus-et-violence-symbolique.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation dans lequel l’ordre social se repro
 concepts: ["habitus-et-violence-symbolique", "habitus", "champ", "violence-symbolique", "reproduction"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "fondamental"
 related: ["archicratie", "arcalite", "autarchicratie", "obliteration-archicratique"]

src/content/glossaire/lieu-vide-du-pouvoir.md

@@ -20,6 +20,7 @@ concepts:
   - "conflit"
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related:

src/content/glossaire/obliteration-archicratique.md

@@ -9,6 +9,7 @@ definitionShort: "Processus par lequel les architectures régulatrices continuen
 concepts: ["obliteration-archicratique", "archicration", "autarchicratie", "scene-depreuve", "archicratie"]
 links: []
 kind: "diagnostic"
+family: "dynamique"
 domain: "transversal"
 level: "fondamental"
 related: ["archicration", "autarchicratie", "scene-depreuve", "archicratie"]

src/content/glossaire/pensee-complexe.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme épistémologique selon lequel les phénomènes soci
 concepts: ["complexite", "dialogique", "recursivite", "systeme"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["configuration-et-interdependance", "transduction-et-individuation", "co-viabilite"]

src/content/glossaire/pharmacologie-technique.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation fondé sur l’ambivalence constituti
 concepts: ["pharmacologie-technique", "technique", "soin", "attention", "automatisation"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["archicratie", "co-viabilite", "tension", "preemption-algorithmique"]

src/content/glossaire/pluralite-natalite-action.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme politique dans lequel la régulation doit ménager l
 concepts: ["pluralite-natalite-action", "pluralite", "natalite", "action", "monde-commun"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["archicration", "scene-depreuve", "dissensus-politique", "archicratie"]

src/content/glossaire/preemption-algorithmique.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation dans lequel les comportements sont an
 concepts: ["preemption-algorithmique", "algorithme", "scoring", "nudging", "anticipation"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "cas-ia"
 level: "avance"
 related: ["gouvernementalite-algorithmique", "archicratie", "obliteration-archicratique", "autarchicratie"]

src/content/glossaire/scene-depreuve.md

@@ -9,6 +9,7 @@ definitionShort: "Espace de comparution, d’exposition et de révision dans leq
 concepts: ["scene-depreuve", "archicration", "archicratie", "tension", "co-viabilite"]
 links: []
 kind: "concept"
+family: "scene"
 domain: "transversal"
 level: "fondamental"
 related: ["archicration", "archicratie", "tension", "co-viabilite", "obliteration-archicratique"]

src/content/glossaire/technodiversite-et-cosmotechnie.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation technique selon lequel les formes de
 concepts: ["technodiversite-et-cosmotechnie", "technodiversite", "cosmotechnie", "technique", "pluralite", "monde"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["archicratie", "co-viabilite", "pharmacologie-technique", "agencement-machinique"]

src/content/glossaire/tension.md

@@ -9,6 +9,7 @@ definitionShort: "Phénomène systémique général par lequel des forces, dynam
 concepts: ["tension", "archicratie", "co-viabilite", "arcalite", "cratialite", "archicration"]
 links: []
 kind: "concept"
+family: "concept-fondamental"
 domain: "transversal"
 level: "fondamental"
 related: ["archicratie", "co-viabilite", "arcalite", "cratialite", "archicration"]

src/content/glossaire/theorie-de-la-justification.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme sociologique selon lequel les conflits sociaux s’o
 concepts: ["justification", "grandeur", "cites", "regimes-de-justification"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["dissensus-politique", "scene-depreuve", "democratie-deliberative"]

src/content/glossaire/theorie-de-la-resonance.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme relationnel dans lequel la qualité d’un ordre dé
 concepts: ["theorie-de-la-resonance", "resonance", "relation", "reponse", "monde"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "intermediaire"
 related: ["archicratie", "co-viabilite", "tension", "scene-depreuve"]

src/content/glossaire/theorie-de-lacteur-reseau.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme sociologique selon lequel l’action collective rés
 concepts: ["acteur-reseau", "traduction", "association", "hybridation"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["agencement-machinique", "configuration-et-interdependance", "cybernetique"]

src/content/glossaire/transduction-et-individuation.md

@@ -12,6 +12,7 @@ definitionShort: "Paradigme de régulation dans lequel les formes individuelles
 concepts: ["transduction-et-individuation", "transduction", "individuation", "milieu", "tension"]
 links: []
 kind: "paradigme"
+family: "paradigme"
 domain: "theorie"
 level: "avance"
 related: ["archicratie", "archicration", "tension", "co-viabilite"]

src/content/glossaire/volonte-generale.md

@@ -12,6 +12,7 @@ definitionShort: "Doctrine fondatrice faisant de la volonté générale, de l’
 concepts: ["volonte-generale", "legitimite", "collectif", "politique"]
 links: []
 kind: "doctrine"
+family: "doctrine"
 domain: "theorie"
 level: "fondamental"
 related: ["archicratie", "archicration", "scene-depreuve", "co-viabilite"]

src/pages/glossaire/[...slug].astro

@@ -55,6 +55,107 @@ const { Content } = await render(entry);
 
 const isAliasRoute = requestedSlug !== canonicalSlug;
 const canonicalHref = `/glossaire/${canonicalSlug}/`;
+
+const slugOf = (item) =>
+  String(item.id || "")
+    .trim()
+    .replace(/^\/+|\/+$/g, "")
+    .replace(/\.(md|mdx)$/i, "");
+
+const hrefOf = (item) => `/glossaire/${slugOf(item)}/`;
+
+const collator = new Intl.Collator("fr", { sensitivity: "base", numeric: true });
+const bySlug = new Map(allEntries.map((item) => [slugOf(item), item]));
+
+function resolveEntries(slugs = []) {
+  const seen = new Set();
+
+  return slugs
+    .map((slug) => bySlug.get(String(slug || "").trim()))
+    .filter(Boolean)
+    .filter((item) => {
+      const slug = slugOf(item);
+      if (seen.has(slug)) return false;
+      seen.add(slug);
+      return true;
+    })
+    .sort((a, b) => collator.compare(a.data.term, b.data.term));
+}
+
+const relatedEntries = resolveEntries(entry.data.related ?? []);
+const opposedEntries = resolveEntries(entry.data.opposedTo ?? []);
+const seeAlsoEntries = resolveEntries(entry.data.seeAlso ?? []);
+
+const relationBlocks = [
+  {
+    title: "Concepts liés",
+    items: relatedEntries,
+    className: "is-related",
+  },
+  {
+    title: "En tension avec",
+    items: opposedEntries,
+    className: "is-opposed",
+  },
+  {
+    title: "Voir aussi",
+    items: seeAlsoEntries,
+    className: "is-see-also",
+  },
+].filter((block) => block.items.length > 0);
+
+const familyLabels = {
+  "concept-fondamental": "Concept fondamental",
+  scene: "Scène",
+  dynamique: "Dynamique",
+  pathologie: "Pathologie",
+  topologie: "Topologie",
+  "meta-regime": "Méta-régime",
+  paradigme: "Paradigme",
+  doctrine: "Doctrine",
+  verbe: "Verbe",
+  "dispositif-ia": "Dispositif IA",
+  "tension-irreductible": "Tension irréductible",
+};
+
+const kindLabels = {
+  concept: "Concept",
+  diagnostic: "Diagnostic",
+  topologie: "Topologie",
+  verbe: "Verbe",
+  paradigme: "Paradigme",
+  doctrine: "Doctrine",
+};
+
+const domainLabels = {
+  transversal: "Transversal",
+  theorie: "Théorie",
+  "cas-ia": "Cas IA",
+};
+
+const levelLabels = {
+  fondamental: "Fondamental",
+  intermediaire: "Intermédiaire",
+  avance: "Avancé",
+};
+
+const familyKey = entry.data.family ?? "";
+const displayFamily =
+  familyLabels[familyKey] ??
+  kindLabels[entry.data.kind] ??
+  "Fiche";
+
+const displayDomain =
+  domainLabels[entry.data.domain] ??
+  entry.data.domain;
+
+const displayLevel =
+  levelLabels[entry.data.level] ??
+  entry.data.level;
+
+const hasScholarlyMeta =
+  (entry.data.mobilizedAuthors?.length ?? 0) > 0 ||
+  (entry.data.comparisonTraditions?.length ?? 0) > 0;
 ---
 
 <GlossaryLayout
@@ -72,23 +173,66 @@ const canonicalHref = `/glossaire/${canonicalSlug}/`;
     </p>
   )}
 
-  <h1>{entry.data.term}</h1>
-  <p><em>{entry.data.definitionShort}</em></p>
-  {(entry.data.mobilizedAuthors?.length > 0 || entry.data.comparisonTraditions) && (
+  <header class="glossary-entry-head">
+    <h1>{entry.data.term}</h1>
+    <p class="glossary-entry-dek">
+      <em>{entry.data.definitionShort}</em>
+    </p>
+
+    <div class="glossary-entry-signals" aria-label="Repères de lecture">
+      <span class="glossary-pill glossary-pill--family">
+        <strong>Famille :</strong> {displayFamily}
+      </span>
+      <span class="glossary-pill">
+        <strong>Domaine :</strong> {displayDomain}
+      </span>
+      <span class="glossary-pill">
+        <strong>Niveau :</strong> {displayLevel}
+      </span>
+    </div>
+  </header>
+
+  {hasScholarlyMeta && (
     <div class="glossary-entry-meta">
-      {entry.data.mobilizedAuthors?.length > 0 && (
+      {(entry.data.mobilizedAuthors?.length ?? 0) > 0 && (
         <p>
           <strong>Auteurs mobilisés :</strong> {entry.data.mobilizedAuthors.join(" / ")}
         </p>
       )}
-      {entry.data.comparisonTraditions && (
+
+      {(entry.data.comparisonTraditions?.length ?? 0) > 0 && (
         <p>
           <strong>Traditions de comparaison :</strong> {entry.data.comparisonTraditions.join(" / ")}
         </p>
       )}
     </div>
   )}
-  <Content />
+
+  <div class="glossary-entry-body">
+    <Content />
+  </div>
+
+  {relationBlocks.length > 0 && (
+    <section class="glossary-relations" aria-label="Relations conceptuelles">
+      <h2>Relations conceptuelles</h2>
+
+      <div class="glossary-relations-grid">
+        {relationBlocks.map((block) => (
+          <section class={`glossary-relations-card ${block.className}`}>
+            <h3>{block.title}</h3>
+            <ul>
+              {block.items.map((item) => (
+                <li>
+                  <a href={hrefOf(item)}>{item.data.term}</a>
+                  <span> — {item.data.definitionShort}</span>
+                </li>
+              ))}
+            </ul>
+          </section>
+        ))}
+      </div>
+    </section>
+  )}
 </GlossaryLayout>
 
 <style>
@@ -99,10 +243,50 @@ const canonicalHref = `/glossaire/${canonicalSlug}/`;
     background: rgba(127,127,127,0.05);
     font-size: 14px;
     line-height: 1.45;
+    margin-bottom: 18px;
   }
 
-    .glossary-entry-meta{
-    margin: 0 0 16px;
+  .glossary-entry-head{
+    margin-bottom: 18px;
+  }
+
+  .glossary-entry-head h1{
+    margin-bottom: 10px;
+  }
+
+  .glossary-entry-dek{
+    margin: 0 0 14px;
+    font-size: 1.02rem;
+    line-height: 1.6;
+    opacity: .95;
+  }
+
+  .glossary-entry-signals{
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin: 0 0 6px;
+  }
+
+  .glossary-pill{
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 5px 10px;
+    border: 1px solid rgba(127,127,127,0.24);
+    border-radius: 999px;
+    background: rgba(127,127,127,0.05);
+    font-size: 13px;
+    line-height: 1.35;
+  }
+
+  .glossary-pill--family{
+    border-color: rgba(127,127,127,0.36);
+    font-weight: 700;
+  }
+
+  .glossary-entry-meta{
+    margin: 0 0 18px;
     padding: 10px 12px;
     border: 1px solid rgba(127,127,127,0.18);
     border-radius: 12px;
@@ -119,14 +303,77 @@ const canonicalHref = `/glossaire/${canonicalSlug}/`;
     margin-top: 6px;
   }
 
-  @media (prefers-color-scheme: dark){
-    .glossary-entry-meta{
-      background: rgba(255,255,255,0.03);
+  .glossary-entry-body{
+    margin-bottom: 28px;
+  }
+
+  .glossary-relations{
+    margin-top: 26px;
+    padding-top: 18px;
+    border-top: 1px solid rgba(127,127,127,0.18);
+  }
+
+  .glossary-relations h2{
+    margin-bottom: 14px;
+  }
+
+  .glossary-relations-grid{
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+    gap: 12px;
+  }
+
+  .glossary-relations-card{
+    border: 1px solid rgba(127,127,127,0.22);
+    border-radius: 16px;
+    padding: 14px 16px;
+    background: rgba(127,127,127,0.05);
+  }
+
+  .glossary-relations-card h3{
+    margin-top: 0;
+    margin-bottom: 10px;
+    font-size: 15px;
+    line-height: 1.35;
+  }
+
+  .glossary-relations-card ul{
+    margin: 0;
+    padding-left: 18px;
+  }
+
+  .glossary-relations-card li{
+    margin-bottom: 8px;
+    font-size: 14px;
+    line-height: 1.45;
+  }
+
+  .glossary-relations-card li:last-child{
+    margin-bottom: 0;
+  }
+
+  .glossary-relations-card span{
+    opacity: .9;
+  }
+
+  @media (max-width: 720px){
+    .glossary-entry-signals{
+      gap: 6px;
+    }
+
+    .glossary-pill{
+      font-size: 12px;
     }
   }
 
   @media (prefers-color-scheme: dark){
-    .glossary-legacy-note{
+    .glossary-entry-meta{
+      background: rgba(255,255,255,0.03);
+    }
+
+    .glossary-legacy-note,
+    .glossary-pill,
+    .glossary-relations-card{
       background: rgba(255,255,255,0.04);
     }
   }

src/pages/glossaire/index-complet.astro

@@ -0,0 +1,223 @@
+---
+import SiteLayout from "../../layouts/SiteLayout.astro";
+import { getCollection } from "astro:content";
+
+const entries = await getCollection("glossaire");
+
+const slugOf = (entry) => String(entry.id).replace(/\.(md|mdx)$/i, "");
+const hrefOf = (entry) => `/glossaire/${slugOf(entry)}/`;
+
+const collator = new Intl.Collator("fr", { sensitivity: "base", numeric: true });
+
+const kindLabels = {
+  concept: "Concept",
+  diagnostic: "Diagnostic",
+  topologie: "Topologie",
+  verbe: "Verbe",
+  paradigme: "Paradigme",
+  doctrine: "Doctrine",
+};
+
+const domainLabels = {
+  transversal: "Transversal",
+  theorie: "Théorie",
+  "cas-ia": "Cas IA",
+};
+
+const levelLabels = {
+  fondamental: "Fondamental",
+  intermediaire: "Intermédiaire",
+  avance: "Avancé",
+};
+
+const sorted = [...entries].sort((a, b) => collator.compare(a.data.term, b.data.term));
+
+function groupByInitial(list) {
+  const map = new Map();
+
+  for (const entry of list) {
+    const letter = (entry.data.term || "").trim().charAt(0).toUpperCase() || "#";
+    if (!map.has(letter)) map.set(letter, []);
+    map.get(letter).push(entry);
+  }
+
+  return [...map.entries()].sort((a, b) => collator.compare(a[0], b[0]));
+}
+
+const groupedAlpha = groupByInitial(sorted);
+---
+
+<SiteLayout title="Index complet du glossaire">
+  <section class="glossary-index-page">
+    <header class="glossary-index-page__hero">
+      <p class="glossary-index-page__kicker">Référentiel terminologique</p>
+      <h1>Index complet du glossaire</h1>
+      <p class="glossary-index-page__intro">
+        Cette page rassemble l’ensemble des entrées du glossaire dans un ordre alphabétique intégral.
+        Elle complète l’accueil conceptuel du glossaire par une navigation plus encyclopédique.
+      </p>
+    </header>
+
+    <div class="glossary-index-page__topbar">
+      <a class="glossary-index-page__back" href="/glossaire/">← Retour à l’accueil du glossaire</a>
+
+      <nav class="glossary-index-page__letters" aria-label="Lettres de l’index">
+        {groupedAlpha.map(([letter]) => (
+          <a href={`#letter-${letter}`}>{letter}</a>
+        ))}
+      </nav>
+    </div>
+
+    <div class="glossary-index-page__groups">
+      {groupedAlpha.map(([letter, items]) => (
+        <section class="glossary-index-page__group" id={`letter-${letter}`}>
+          <h2>{letter}</h2>
+          <ul class="glossary-index-page__list">
+            {items.map((entry) => (
+              <li class="glossary-index-page__item">
+                <a class="glossary-index-page__term" href={hrefOf(entry)}>
+                  {entry.data.term}
+                </a>
+                <p class="glossary-index-page__def">{entry.data.definitionShort}</p>
+                <p class="glossary-index-page__meta">
+                  <span>{kindLabels[entry.data.kind] ?? entry.data.kind}</span>
+                  <span>{domainLabels[entry.data.domain] ?? entry.data.domain}</span>
+                  <span>{levelLabels[entry.data.level] ?? entry.data.level}</span>
+                </p>
+              </li>
+            ))}
+          </ul>
+        </section>
+      ))}
+    </div>
+  </section>
+</SiteLayout>
+
+<style>
+  .glossary-index-page{
+    padding: 8px 0 32px;
+  }
+
+  .glossary-index-page__hero{
+    margin-bottom: 22px;
+  }
+
+  .glossary-index-page__kicker{
+    margin: 0 0 8px;
+    font-size: 12px;
+    letter-spacing: .08em;
+    text-transform: uppercase;
+    opacity: .72;
+  }
+
+  .glossary-index-page__hero h1{
+    margin: 0 0 12px;
+    font-size: clamp(2.2rem, 4vw, 3rem);
+    line-height: 1.05;
+    letter-spacing: -.03em;
+  }
+
+  .glossary-index-page__intro{
+    max-width: 76ch;
+    margin: 0;
+    opacity: .92;
+  }
+
+  .glossary-index-page__topbar{
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    margin: 22px 0 28px;
+  }
+
+  .glossary-index-page__back{
+    display: inline-flex;
+    width: fit-content;
+    align-items: center;
+    border: 1px solid rgba(127,127,127,0.28);
+    border-radius: 999px;
+    padding: 7px 14px;
+    text-decoration: none;
+  }
+
+  .glossary-index-page__letters{
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  .glossary-index-page__letters a{
+    min-width: 34px;
+    text-align: center;
+    border: 1px solid rgba(127,127,127,0.24);
+    border-radius: 10px;
+    padding: 5px 8px;
+    text-decoration: none;
+  }
+
+  .glossary-index-page__groups{
+    display: flex;
+    flex-direction: column;
+    gap: 28px;
+  }
+
+  .glossary-index-page__group{
+    scroll-margin-top: calc(var(--sticky-offset) + 20px);
+  }
+
+  .glossary-index-page__group h2{
+    margin: 0 0 14px;
+    font-size: clamp(1.6rem, 2vw, 2rem);
+    line-height: 1.1;
+  }
+
+  .glossary-index-page__list{
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: grid;
+    gap: 12px;
+  }
+
+  .glossary-index-page__item{
+    border: 1px solid rgba(127,127,127,0.20);
+    border-radius: 16px;
+    padding: 14px 16px;
+    background: rgba(127,127,127,0.04);
+  }
+
+  .glossary-index-page__term{
+    display: inline-block;
+    font-weight: 800;
+    font-size: 1.04rem;
+    text-decoration: none;
+    margin-bottom: 6px;
+  }
+
+  .glossary-index-page__def{
+    margin: 0 0 8px;
+    line-height: 1.5;
+    opacity: .94;
+  }
+
+  .glossary-index-page__meta{
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin: 0;
+    font-size: 12px;
+    opacity: .78;
+  }
+
+  .glossary-index-page__meta span{
+    border: 1px solid rgba(127,127,127,0.20);
+    border-radius: 999px;
+    padding: 2px 8px;
+  }
+
+  @media (prefers-color-scheme: dark){
+    .glossary-index-page__item{
+      background: rgba(255,255,255,0.04);
+    }
+  }
+</style>