refactor(glossaire): componentize glossary home sections

Reviewed-on: #294

src/components/GlossaryAside.astro

@@ -1,258 +1,32 @@
 ---
+import {
+  getGlossaryEntryAsideData,
+  getGlossaryPortalLinks,
+  hrefOfGlossaryEntry,
+  slugOfGlossaryEntry,
+} from "../lib/glossary";
+
 const {
   currentEntry,
   allEntries = [],
 } = Astro.props;
 
-const slugOf = (entry) => String(entry.id).replace(/\.(md|mdx)$/i, "");
-const hrefOf = (entry) => `/glossaire/${slugOf(entry)}/`;
+const currentSlug = slugOfGlossaryEntry(currentEntry);
 
-const collator = new Intl.Collator("fr", { sensitivity: "base", numeric: true });
-const bySlug = new Map(allEntries.map((entry) => [slugOf(entry), entry]));
-const currentSlug = slugOf(currentEntry);
+const {
+  displayFamily,
+  displayDomain,
+  displayLevel,
+  showNoyau,
+  showSameFamily,
+  fondamentaux,
+  sameFamilyTitle,
+  sameFamilyEntries,
+  relationSections,
+  contextualTheory,
+} = getGlossaryEntryAsideData(currentEntry, allEntries);
 
-const fondamentauxWanted = [
-  "archicratie",
-  "tension",
-  "arcalite",
-  "cratialite",
-  "archicration",
-  "co-viabilite",
-];
-
-const fondamentaux = fondamentauxWanted
-  .map((slug) => bySlug.get(slug))
-  .filter(Boolean);
-
-function resolveList(slugs = []) {
-  return slugs
-    .map((slug) => bySlug.get(String(slug || "").trim()))
-    .filter(Boolean);
-}
-
-function uniqueBySlug(entries) {
-  const seen = new Set();
-  const out = [];
-  for (const entry of entries) {
-    const slug = slugOf(entry);
-    if (seen.has(slug)) continue;
-    seen.add(slug);
-    out.push(entry);
-  }
-  return out;
-}
-
-function sortByTerm(entries = []) {
-  return [...entries].sort((a, b) => collator.compare(a.data.term, b.data.term));
-}
-
-function familyOf(entry) {
-  return entry?.data?.family ?? "";
-}
-
-function kindOf(entry) {
-  return entry?.data?.kind ?? "";
-}
-
-const relatedEntries = sortByTerm(
-  uniqueBySlug(resolveList(currentEntry.data.related ?? []))
-);
-
-const opposedEntries = sortByTerm(
-  uniqueBySlug(resolveList(currentEntry.data.opposedTo ?? []))
-);
-
-const seeAlsoEntries = sortByTerm(
-  uniqueBySlug(resolveList(currentEntry.data.seeAlso ?? []))
-);
-
-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",
-  figure: "Figure",
-  qualification: "Qualification",
-  epistemologie: "Épistémologie",
-};
-
-const kindLabels = {
-  concept: "Concept",
-  diagnostic: "Diagnostic",
-  topologie: "Topologie",
-  verbe: "Verbe",
-  paradigme: "Paradigme",
-  doctrine: "Doctrine",
-  dispositif: "Dispositif",
-  figure: "Figure",
-  qualification: "Qualification",
-  epistemologie: "Épistémologie",
-};
-
-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;
-  }
-
-  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",
-  figure: "Figures archicratiques",
-  qualification: "Qualifications archicratiques",
-  epistemologie: "Outillage épistémologique",
-};
-
-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",
-      "cybernetique",
-      "biopolitique",
-      "domination-legale-rationnelle",
-      "democratie-deliberative",
-      "gouvernance-des-communs",
-      "agencement-machinique",
-      "pharmacologie-technique",
-      "preemption-algorithmique",
-      "dissensus-politique",
-      "lieu-vide-du-pouvoir",
-      "habitus-et-violence-symbolique",
-      "theorie-de-la-resonance",
-      "conatus-et-multitude",
-      "configuration-et-interdependance",
-      "technodiversite-et-cosmotechnie",
-      "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)
-        .map((slug) => bySlug.get(slug))
-        .filter(Boolean)
-    ).slice(0, 6);
-  }
-
-  return [];
-}
-
-const contextualTheory = contextualTheoryFor(currentEntry);
-
-const showNoyau = currentFamily !== "concept-fondamental" && fondamentaux.length > 0;
-
-const showSameFamily =
-  sameFamilyEntries.length > 0 && currentFamily !== "concept-fondamental";
-
-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);
+const portalLinks = getGlossaryPortalLinks();
 ---
 
 <nav class="glossary-aside" aria-label="Navigation du glossaire">
@@ -264,20 +38,23 @@ const relationSections = [
       <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>
+
+      {displayDomain && (
+        <span class="glossary-aside__pill">{displayDomain}</span>
+      )}
+
+      {displayLevel && (
+        <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/">Accueil du glossaire</a></li>
-      <li><a href="/glossaire/index-complet/">Index complet</a></li>
-      <li><a href="/glossaire/paradigme-archicratique/">Paradigme archicratique</a></li>
-      <li><a href="/glossaire/archicrations/">Archicrations</a></li>
-      <li><a href="/glossaire/paradigmes/">Paradigmes et doctrines</a></li>
-      <li><a href="/glossaire/tensions-irreductibles/">Tensions irréductibles</a></li>
+      {portalLinks.map((item) => (
+        <li><a href={item.href}>{item.label}</a></li>
+      ))}
     </ul>
   </section>
 
@@ -286,11 +63,11 @@ const relationSections = [
       <h2 class="glossary-aside__heading">Noyau archicratique</h2>
       <ul class="glossary-aside__list">
         {fondamentaux.map((entry) => {
-          const active = slugOf(entry) === currentSlug;
+          const active = slugOfGlossaryEntry(entry) === currentSlug;
           return (
             <li>
               <a
-                href={hrefOf(entry)}
+                href={hrefOfGlossaryEntry(entry)}
                 aria-current={active ? "page" : undefined}
                 class={active ? "is-active" : undefined}
               >
@@ -308,11 +85,11 @@ const relationSections = [
       <h2 class="glossary-aside__heading">{sameFamilyTitle}</h2>
       <ul class="glossary-aside__list">
         {sameFamilyEntries.map((entry) => {
-          const active = slugOf(entry) === currentSlug;
+          const active = slugOfGlossaryEntry(entry) === currentSlug;
           return (
             <li>
               <a
-                href={hrefOf(entry)}
+                href={hrefOfGlossaryEntry(entry)}
                 aria-current={active ? "page" : undefined}
                 class={active ? "is-active" : undefined}
               >
@@ -334,7 +111,7 @@ const relationSections = [
           <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>
+              <li><a href={hrefOfGlossaryEntry(entry)}>{entry.data.term}</a></li>
             ))}
           </ul>
         </>
@@ -347,7 +124,7 @@ const relationSections = [
       <h2 class="glossary-aside__heading">Paysage théorique</h2>
       <ul class="glossary-aside__list">
         {contextualTheory.map((entry) => (
-          <li><a href={hrefOf(entry)}>{entry.data.term}</a></li>
+          <li><a href={hrefOfGlossaryEntry(entry)}>{entry.data.term}</a></li>
         ))}
       </ul>
     </section>

src/components/GlossaryCardGrid.astro

@@ -0,0 +1,83 @@
+---
+import { hrefOfGlossaryEntry, type GlossaryEntry } from "../lib/glossary";
+
+export interface Props {
+  entries?: GlossaryEntry[];
+  wide?: boolean;
+}
+
+const {
+  entries = [],
+  wide = false,
+} = Astro.props;
+---
+
+<div class="glossary-cards">
+  {entries.map((entry) => (
+    <a
+      class:list={[
+        "glossary-card",
+        wide && "glossary-card--wide",
+      ]}
+      href={hrefOfGlossaryEntry(entry)}
+    >
+      <strong>{entry.data.term}</strong>
+      <span>{entry.data.definitionShort}</span>
+    </a>
+  ))}
+</div>
+
+<style>
+  .glossary-cards{
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: 12px;
+    margin-top: 14px;
+  }
+
+  .glossary-card{
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 14px 16px;
+    border: 1px solid var(--glossary-border);
+    border-radius: 18px;
+    background: var(--glossary-bg-soft);
+    text-decoration: none;
+    transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
+  }
+
+  .glossary-card:hover{
+    transform: translateY(-1px);
+    background: var(--glossary-bg-soft-strong);
+    border-color: rgba(0,217,255,0.16);
+    text-decoration: none;
+  }
+
+  .glossary-card--wide{
+    grid-column: 1 / -1;
+  }
+
+  .glossary-card strong{
+    color: var(--glossary-accent);
+    font-size: 1.04rem;
+    line-height: 1.28;
+  }
+
+  .glossary-card span{
+    color: inherit;
+    font-size: 1rem;
+    line-height: 1.5;
+    opacity: .94;
+  }
+
+  @media (prefers-color-scheme: dark){
+    .glossary-card{
+      background: rgba(255,255,255,0.04);
+    }
+
+    .glossary-card:hover{
+      background: rgba(255,255,255,0.07);
+    }
+  }
+</style>

src/components/GlossaryHomeAside.astro

@@ -1,88 +1,24 @@
 ---
+import {
+  getFondamentaux,
+  getGlossaryHomeStats,
+  getGlossaryPortalLinks,
+  hrefOfGlossaryEntry,
+} from "../lib/glossary";
+
 const {
   allEntries = [],
 } = Astro.props;
 
-const slugOf = (entry) => String(entry.id).replace(/\.(md|mdx)$/i, "");
-const hrefOf = (entry) => `/glossaire/${slugOf(entry)}/`;
+const fondamentaux = getFondamentaux(allEntries);
+const portalLinks = getGlossaryPortalLinks();
 
-const collator = new Intl.Collator("fr", { sensitivity: "base", numeric: true });
-const bySlug = new Map(allEntries.map((entry) => [slugOf(entry), entry]));
-
-function sortByTerm(list = []) {
-  return [...list].sort((a, b) => collator.compare(a.data.term, b.data.term));
-}
-
-function familyOf(entry) {
-  const explicit = entry?.data?.family;
-  if (explicit) return explicit;
-
-  const slug = slugOf(entry);
-  const kind = entry?.data?.kind;
-
-  if (kind === "paradigme") return "paradigme";
-  if (kind === "doctrine") return "doctrine";
-  if (kind === "verbe") return "verbe";
-
-  if (slug === "scene-depreuve") return "scene";
-  if (slug === "autarchicratie") return "pathologie";
-  if (slug === "obliteration-archicratique") return "dynamique";
-
-  if (
-    [
-      "archicratie",
-      "arcalite",
-      "cratialite",
-      "archicration",
-      "co-viabilite",
-      "tension",
-    ].includes(slug)
-  ) {
-    return "concept-fondamental";
-  }
-
-  if (slug === "archicrations-differentielles-et-formes-hybrides") {
-    return "topologie";
-  }
-
-  if (kind === "topologie" && slug.startsWith("archicrations-")) {
-    return "meta-regime";
-  }
-
-  return "";
-}
-
-const fondamentauxWanted = [
-  "archicratie",
-  "arcalite",
-  "cratialite",
-  "archicration",
-  "co-viabilite",
-  "tension",
-];
-
-const fondamentaux = sortByTerm(
-  fondamentauxWanted
-    .map((slug) => bySlug.get(slug))
-    .filter(Boolean)
-);
-
-const totalEntries = allEntries.length;
-const paradigmesCount = allEntries.filter((entry) => entry.data.kind === "paradigme").length;
-const doctrinesCount = allEntries.filter((entry) => entry.data.kind === "doctrine").length;
-const metaRegimesCount = allEntries.filter((entry) => familyOf(entry) === "meta-regime").length;
-
-const portalLinks = [
-  { href: "/glossaire/concepts-fondamentaux/", label: "Concepts fondamentaux" },
-  { href: "/glossaire/index-complet/", label: "Index complet" },
-  { href: "/glossaire/paradigme-archicratique/", label: "Paradigme archicratique" },
-  { href: "/glossaire/scenes-archicratiques/", label: "Scènes archicratiques" },
-  { href: "/glossaire/dynamiques-archicratiques/", label: "Dynamiques archicratiques" },
-  { href: "/glossaire/tensions-irreductibles/", label: "Tensions irréductibles" },
-  { href: "/glossaire/archicrations/", label: "Méta-régimes archicratiques" },
-  { href: "/glossaire/paradigmes/", label: "Paradigmes et doctrines" },
-  { href: "/glossaire/verbes-de-la-scene/", label: "Verbes de la scène" },
-];
+const {
+  totalEntries,
+  paradigmesCount,
+  doctrinesCount,
+  metaRegimesCount,
+} = getGlossaryHomeStats(allEntries);
 ---
 
 <nav class="glossary-home-aside" aria-label="Navigation du portail du glossaire">
@@ -115,7 +51,7 @@ const portalLinks = [
       <h2 class="glossary-home-aside__heading">Noyau archicratique</h2>
       <ul class="glossary-home-aside__list">
         {fondamentaux.map((entry) => (
-          <li><a href={hrefOf(entry)}>{entry.data.term}</a></li>
+          <li><a href={hrefOfGlossaryEntry(entry)}>{entry.data.term}</a></li>
         ))}
       </ul>
     </section>

src/components/GlossaryHomeHero.astro

@@ -0,0 +1,103 @@
+---
+export interface Props {
+  kicker?: string;
+  title?: string;
+  intro?: string;
+}
+
+const {
+  kicker = "Référentiel terminologique",
+  title = "Glossaire archicratique",
+  intro = "Ce glossaire n’est pas seulement un index de définitions. Il constitue une porte d’entrée dans la pensée archicratique : une cartographie raisonnée des concepts fondamentaux, des scènes, des dynamiques et des méta-régimes à partir desquels une société peut être décrite comme organisation de tensions et recherche de co-viabilité.",
+} = Astro.props;
+---
+
+<header class="glossary-hero" id="glossary-hero">
+  <p class="glossary-kicker">{kicker}</p>
+  <h1>{title}</h1>
+  <p class="glossary-intro">{intro}</p>
+  <h2
+    class="glossary-hero-follow"
+    id="glossary-hero-follow"
+    aria-hidden="true"
+  ></h2>
+</header>
+
+<style>
+  .glossary-hero{
+    position: sticky;
+    top: var(--glossary-sticky-top);
+    z-index: 12;
+    margin-bottom: 28px;
+    padding: 14px 16px 18px;
+    border: 1px solid rgba(127,127,127,0.18);
+    border-radius: 28px;
+    background:
+      linear-gradient(180deg, rgba(0,0,0,0.60), rgba(0,0,0,0.90)),
+      radial-gradient(900px 240px at 20% 0%, rgba(0,217,255,0.08), transparent 60%);
+    transition:
+      background 300ms cubic-bezier(.22,.8,.22,1),
+      border-color 300ms cubic-bezier(.22,.8,.22,1),
+      box-shadow 300ms cubic-bezier(.22,.8,.22,1);
+    backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
+    display: grid;
+    row-gap: 12px;
+  }
+
+  .glossary-kicker{
+    margin: 0;
+    font-size: 12px;
+    letter-spacing: .12em;
+    text-transform: uppercase;
+    opacity: .72;
+  }
+
+  .glossary-hero h1{
+    margin: 0;
+    font-size: clamp(2.2rem, 4vw, 3.15rem);
+    line-height: 1.02;
+    letter-spacing: -.04em;
+    font-weight: 850;
+  }
+
+  .glossary-intro{
+    margin: 0;
+    max-width: 72ch;
+    font-size: 1.05rem;
+    line-height: 1.55;
+    opacity: .94;
+  }
+
+  .glossary-hero-follow{
+    margin: 2px 0 0;
+    min-height: var(--glossary-follow-height);
+    display: flex;
+    align-items: flex-end;
+    opacity: 0;
+    transform: translateY(10px) scale(.985);
+    filter: blur(6px);
+    transition:
+      opacity 220ms cubic-bezier(.22,1,.36,1),
+      transform 320ms cubic-bezier(.22,1,.36,1),
+      filter 320ms cubic-bezier(.22,1,.36,1);
+    pointer-events: none;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    will-change: opacity, transform, filter;
+  }
+
+  .glossary-hero-follow.is-visible{
+    opacity: 1;
+    transform: translateY(0) scale(1);
+    filter: blur(0);
+  }
+
+  @media (max-width: 760px){
+    .glossary-hero{
+      top: calc(var(--glossary-sticky-top) - 2px);
+      padding: 12px 14px 16px;
+    }
+  }
+</style>

src/components/GlossaryHomeSection.astro

@@ -0,0 +1,109 @@
+---
+export interface Props {
+  id?: string;
+  title: string;
+  intro?: string;
+  followSection?: string;
+  ctaHref?: string;
+  ctaLabel?: string;
+}
+
+const {
+  id,
+  title,
+  intro,
+  followSection,
+  ctaHref,
+  ctaLabel,
+} = Astro.props;
+
+const resolvedFollowSection = (followSection || title || "").trim();
+const showCta = Boolean(ctaHref && ctaLabel);
+---
+
+<section id={id} class="glossary-section">
+  <div class="glossary-section__head">
+    <div>
+      <h2 data-follow-section={resolvedFollowSection}>{title}</h2>
+
+      {intro && (
+        <p class="glossary-intro">{intro}</p>
+      )}
+    </div>
+
+    {showCta && (
+      <a class="glossary-cta" href={ctaHref}>
+        {ctaLabel}
+      </a>
+    )}
+  </div>
+
+  <slot />
+</section>
+
+<style>
+  .glossary-section{
+    margin-top: 42px;
+    scroll-margin-top: calc(var(--glossary-sticky-top) + 190px);
+  }
+
+  .glossary-section__head{
+    display: flex;
+    justify-content: space-between;
+    align-items: start;
+    gap: 16px;
+    flex-wrap: wrap;
+    margin-bottom: 14px;
+  }
+
+  .glossary-section h2{
+    margin: 0;
+    font-size: clamp(2rem, 3vw, 2.55rem);
+    line-height: 1.06;
+    letter-spacing: -.03em;
+    font-weight: 800;
+  }
+
+  .glossary-intro{
+    margin: 0;
+    max-width: 72ch;
+    font-size: 1.05rem;
+    line-height: 1.55;
+    opacity: .94;
+  }
+
+  .glossary-section__head .glossary-intro{
+    margin-top: 10px;
+  }
+
+  .glossary-cta{
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 40px;
+    border: 1px solid var(--glossary-border-strong);
+    border-radius: 999px;
+    padding: 7px 14px;
+    color: var(--glossary-accent);
+    text-decoration: none;
+    white-space: nowrap;
+    transition: transform 120ms ease, background 120ms ease;
+  }
+
+  .glossary-cta:hover{
+    background: var(--glossary-bg-soft-strong);
+    text-decoration: none;
+    transform: translateY(-1px);
+  }
+
+  @media (max-width: 760px){
+    .glossary-section__head{
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .glossary-cta{
+      width: fit-content;
+    }
+  }
+</style>

src/components/GlossaryPortalGrid.astro

@@ -0,0 +1,91 @@
+---
+export type GlossaryPortalGridItem = {
+  href: string;
+  title: string;
+  description: string;
+  meta: string;
+};
+
+export interface Props {
+  items?: GlossaryPortalGridItem[];
+  secondary?: boolean;
+}
+
+const {
+  items = [],
+  secondary = false,
+} = Astro.props;
+---
+
+<div
+  class:list={[
+    "glossary-portals",
+    secondary && "glossary-portals--secondary",
+  ]}
+>
+  {items.map((item) => (
+    <a class="glossary-portal-card" href={item.href}>
+      <strong>{item.title}</strong>
+      <span>{item.description}</span>
+      <small>{item.meta}</small>
+    </a>
+  ))}
+</div>
+
+<style>
+  .glossary-portals{
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+    gap: 14px;
+    margin-top: 14px;
+  }
+
+  .glossary-portal-card{
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 16px 18px;
+    border: 1px solid var(--glossary-border);
+    border-radius: 18px;
+    background: var(--glossary-bg-soft);
+    text-decoration: none;
+    transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
+  }
+
+  .glossary-portal-card:hover{
+    transform: translateY(-1px);
+    background: var(--glossary-bg-soft-strong);
+    border-color: rgba(0,217,255,0.16);
+    text-decoration: none;
+  }
+
+  .glossary-portal-card strong{
+    color: var(--glossary-accent);
+    font-size: 1.08rem;
+    line-height: 1.28;
+  }
+
+  .glossary-portal-card span{
+    color: inherit;
+    font-size: 1rem;
+    line-height: 1.5;
+    opacity: .94;
+  }
+
+  .glossary-portal-card small{
+    color: var(--glossary-accent);
+    font-size: .94rem;
+    line-height: 1.35;
+    opacity: .9;
+  }
+
+  @media (prefers-color-scheme: dark){
+    .glossary-portal-card{
+      background: rgba(255,255,255,0.04);
+    }
+
+    .glossary-portal-card:hover{
+      background: rgba(255,255,255,0.07);
+    }
+  }
+</style>

src/components/GlossaryRelationCards.astro

@@ -0,0 +1,32 @@
+---
+import type { GlossaryRelationBlock } from "../lib/glossary";
+import { hrefOfGlossaryEntry } from "../lib/glossary";
+
+interface Props {
+  relationBlocks: GlossaryRelationBlock[];
+}
+
+const { relationBlocks = [] } = Astro.props;
+---
+
+{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={hrefOfGlossaryEntry(item)}>{item.data.term}</a>
+                <span> — {item.data.definitionShort}</span>
+              </li>
+            ))}
+          </ul>
+        </section>
+      ))}
+    </div>
+  </section>
+)}

src/content/glossaire/agencement-machinique.md

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "avance"
-related: ["archicratie", "cratialite", "archicration", "tension", "co-viabilite", "theorie-de-lacteur-reseau", "transduction-et-individuation"]
+related: ["archicratie", "cratialite", "archicration", "tension", "co-viabilite", "theorie-de-lacteur-reseau", "transduction-et-individuation", "configuration-et-interdependance"]
 opposedTo: ["decisionnisme-souverain", "domination-legale-rationnelle"]
-seeAlso: ["pharmacologie-technique", "preemption-algorithmique", "technodiversite-et-cosmotechnie", "configuration-et-interdependance"]
+seeAlso: ["pharmacologie-technique", "preemption-algorithmique", "technodiversite-et-cosmotechnie"]
 ---
 
 L’agencement machinique désigne un paradigme de régulation fondé sur des agencements hétérogènes de flux, de machines, de signes, de corps et de dispositifs, sans centre souverain unique ni forme close préalable.

src/content/glossaire/arcalite.md

@@ -12,9 +12,9 @@ kind: "concept"
 family: "concept-fondamental"
 domain: "transversal"
 level: "fondamental"
-related: ["archicratie", "cratialite", "archicration", "co-viabilite", "tension"]
+related: ["archicratie", "cratialite", "archicration", "co-viabilite", "tension", "domination-legale-rationnelle", "fait-social-total"]
 opposedTo: ["autarchicratie"]
-seeAlso: ["obliteration-archicratique"]
+seeAlso: ["obliteration-archicratique", "hyperarcalite", "archicrations-scripturo-normatives"]
 ---
 
 L’arcalité désigne le vecteur fondationnel et structurant de toute régulation.

src/content/glossaire/archeogenese.md

@@ -12,9 +12,9 @@ kind: "concept"
 family: "dynamique"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "meta-regime-archicratique", "regime-de-co-viabilite", "co-viabilisation"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "meta-regime-archicratique", "regime-de-co-viabilite", "co-viabilisation", "meta-regime", "archicrations-proto-symboliques", "archicrations-differentielles-et-formes-hybrides"]
 opposedTo: []
-seeAlso: ["archicrations-proto-symboliques", "archicrations-differentielles-et-formes-hybrides", "meta-regime", "transduction-et-individuation"]
+seeAlso: ["transduction-et-individuation"]
 ---
 
 L’archéogenèse désigne l’analyse de la genèse longue des régimes de co-viabilité : le processus par lequel émergent, se sédimentent, se transforment et se recomposent des prises fondationnelles, opératoires et régulatrices.

src/content/glossaire/archicrate.md

@@ -12,9 +12,9 @@ kind: "figure"
 family: "figure"
 domain: "transversal"
 level: "avance"
-related: ["figures-archicratiques", "archicratie", "arcalite", "cratialite", "scene-darchicration", "autarchicratie", "hypercratialite", "hyperarcalite"]
+related: ["figures-archicratiques", "archicratie", "arcalite", "cratialite", "scene-darchicration", "autarchicratie", "hypercratialite", "hyperarcalite", "institution-invisible", "autarchicration"]
 opposedTo: []
-seeAlso: ["institution-invisible", "obliteration-archicratique", "scene-empechee", "autarchicration"]
+seeAlso: ["obliteration-archicratique", "scene-empechee"]
 ---
 
 L’archicrate désigne la figure — individuelle, institutionnelle ou techno-organisationnelle — qui concentre une cratialité décisive sur la base d’une arcalité stabilisée, tout en neutralisant, filtrant ou capturant les scènes où cette puissance pourrait comparaître.

src/content/glossaire/archicration-obliteree.md

@@ -12,9 +12,9 @@ kind: "diagnostic"
 family: "pathologie"
 domain: "transversal"
 level: "avance"
-related: ["archicration", "obliteration-archicratique", "autarchicration", "autarchicratie", "scene-empechee", "scene-manquante", "hypotopie", "atopie"]
+related: ["archicration", "obliteration-archicratique", "autarchicration", "autarchicratie", "scene-empechee", "scene-manquante", "hypotopie", "atopie", "desarchicration", "institution-invisible"]
 opposedTo: ["scene-darchicration", "monde-instituable"]
-seeAlso: ["desarchicration", "institution-invisible", "hypercratialite", "hyperarcalite", "desarchicratisation"]
+seeAlso: ["hypercratialite", "hyperarcalite", "desarchicratisation"]
 ---
 
 L’archicration oblitérée désigne la situation dans laquelle l’archicration continue d’exister et de produire des effets, mais sous une forme devenue partiellement invisible, introuvable ou difficilement disputable.

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

@@ -15,9 +15,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "scene-depreuve", "meta-regime-archicratique", "archeogenese", "regime-de-co-viabilite"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "scene-depreuve", "meta-regime-archicratique", "archeogenese", "regime-de-co-viabilite", "archicrations-normativo-politiques", "archicrations-marchandes", "archicrations-guerrieres"]
 opposedTo: []
-seeAlso: ["archicrations-normativo-politiques", "archicrations-marchandes", "archicrations-guerrieres", "archicrations-epistemiques", "archicrations-esthetico-symboliques", "archicrations-techno-logistiques"]
+seeAlso: ["archicrations-epistemiques", "archicrations-esthetico-symboliques", "archicrations-techno-logistiques"]
 ---
 
 Les archicrations différentielles et formes hybrides désignent l’ensemble des configurations dans lesquelles les méta-régimes archicratiques ne se déploient ni dans la pureté formelle ni dans l’isolement d’une cohérence close.

src/content/glossaire/archicrations-epistemiques.md

@@ -15,9 +15,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "gouvernementalite", "archicrations-historiographiques"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "gouvernementalite", "archicrations-historiographiques", "archicrations-esthetico-symboliques"]
 opposedTo: []
-seeAlso: ["archicrations-esthetico-symboliques", "cybernetique", "theorie-de-la-justification", "gouvernementalite-algorithmique", "regulation-technique-et-legitimation-democratique"]
+seeAlso: ["cybernetique", "theorie-de-la-justification", "gouvernementalite-algorithmique", "regulation-technique-et-legitimation-democratique"]
 ---
 
 Les archicrations épistémiques désignent un méta-régime de co-viabilité dans lequel la régulation collective s’appuie sur la production, la validation, la hiérarchisation et la diffusion institutionnelle du savoir.

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

@@ -15,9 +15,10 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "dissensus-politique", "visibilite-mediatique-et-reconnaissance-symbolique"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "dissensus-politique", "visibilite-mediatique-et-reconnaissance-symbolique", "archicrations-historiographiques", "archicrations-epistemiques"]
 opposedTo: []
-seeAlso: ["archicrations-historiographiques", "archicrations-epistemiques", "theorie-de-la-resonance", "fait-social-total", "lieu-vide-du-pouvoir"]
+seeAlso: ["theorie-de-la-resonance", "fait-social-total", "lieu-vide-du-pouvoir"
+]
 ---
 
 Les archicrations esthético-symboliques désignent un méta-régime de co-viabilité dans lequel la régulation collective s’appuie sur la production, la circulation et la reconnaissance de formes symboliques partageables.

src/content/glossaire/archicrations-guerrieres.md

@@ -15,9 +15,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "exception-souveraine", "souverainetes-territoriales-et-interdependances-globales"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "exception-souveraine", "souverainetes-territoriales-et-interdependances-globales", "archicrations-normativo-politiques"]
 opposedTo: []
-seeAlso: ["archicrations-normativo-politiques", "archicrations-marchandes", "decisionnisme-souverain", "liberte-daction-et-regimes-de-securite-algorithmique", "preemption-algorithmique"]
+seeAlso: ["decisionnisme-souverain", "liberte-daction-et-regimes-de-securite-algorithmique", "preemption-algorithmique"]
 ---
 
 Les archicrations guerrières désignent un méta-régime de co-viabilité dans lequel la stabilité collective repose sur l’organisation stratégique de la puissance, sur la maîtrise institutionnelle de la violence et sur la capacité à protéger le collectif face à des menaces internes ou externes.

src/content/glossaire/archicrations-historiographiques.md

@@ -15,9 +15,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "archicrations-epistemiques", "memoire-symbolique-et-instantaneite-computationnelle"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "archicrations-epistemiques", "memoire-symbolique-et-instantaneite-computationnelle", "archicrations-esthetico-symboliques"]
 opposedTo: []
-seeAlso: ["archicrations-esthetico-symboliques", "fait-social-total", "theorie-de-la-resonance", "visibilite-mediatique-et-reconnaissance-symbolique"]
+seeAlso: ["fait-social-total", "theorie-de-la-resonance", "visibilite-mediatique-et-reconnaissance-symbolique"]
 ---
 
 Les archicrations historiographiques désignent un méta-régime de co-viabilité dans lequel la régulation collective s’appuie sur la production autorisée du récit du passé.

src/content/glossaire/archicrations-marchandes.md

@@ -15,9 +15,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "gouvernementalite", "travail-vivant-et-abstraction-de-la-valeur", "subsistance-vivante-et-captation-capitalistique"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "gouvernementalite", "travail-vivant-et-abstraction-de-la-valeur", "subsistance-vivante-et-captation-capitalistique", "archicrations-normativo-politiques"]
 opposedTo: []
-seeAlso: ["archicrations-normativo-politiques", "archicrations-guerrieres", "gouvernance-des-communs", "gouvernementalite-algorithmique", "theorie-de-la-justification"]
+seeAlso: ["archicrations-guerrieres", "gouvernance-des-communs", "gouvernementalite-algorithmique", "theorie-de-la-justification"]
 ---
 
 Les archicrations marchandes désignent un méta-régime de co-viabilité dans lequel la coordination collective repose principalement sur les mécanismes d’échange, de circulation et de formation des prix.

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

@@ -15,9 +15,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "domination-legale-rationnelle", "democratie-deliberative", "archicrations-scripturo-normatives"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "domination-legale-rationnelle", "democratie-deliberative", "archicrations-scripturo-normatives", "archicrations-marchandes"]
 opposedTo: []
-seeAlso: ["archicrations-marchandes", "archicrations-guerrieres", "decisionnisme-souverain", "exception-souveraine", "regulation-technique-et-legitimation-democratique"]
+seeAlso: ["archicrations-guerrieres", "decisionnisme-souverain", "exception-souveraine", "regulation-technique-et-legitimation-democratique"]
 ---
 
 Les archicrations normativo-politiques désignent un méta-régime de co-viabilité dans lequel la stabilité collective repose sur l’institution de normes juridiques obligatoires et sur la reconnaissance d’un ordre politique formalisé comme cadre légitime de la décision.

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

@@ -15,7 +15,7 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "scene-depreuve", "archicrations-sacrales-non-etatiques", "fait-social-total", "pluralite-natalite-action"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "scene-depreuve", "archicrations-sacrales-non-etatiques", "fait-social-total", "pluralite-natalite-action", "archeogenese", "meta-regime-archicratique"]
 opposedTo: []
 seeAlso: ["archicrations-techno-logistiques", "archicrations-esthetico-symboliques", "cosmopolitique"]
 ---

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

@@ -15,9 +15,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "archicrations-proto-symboliques", "fait-social-total", "cosmopolitique"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "archicrations-proto-symboliques", "fait-social-total", "cosmopolitique", "archicrations-scripturo-cosmologiques"]
 opposedTo: ["decisionnisme-souverain", "exception-souveraine"]
-seeAlso: ["archicrations-techno-logistiques", "archicrations-theologiques", "archicrations-scripturo-cosmologiques"]
+seeAlso: ["archicrations-techno-logistiques", "archicrations-theologiques"]
 ---
 
 Les archicrations sacrales non étatiques désignent un méta-régime de co-viabilité dans lequel des puissances sacrales, des cosmologies, des interdits et des médiations rituelles structurent le lien collectif sans passer par un État central ni par une souveraineté unifiée.

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

@@ -15,9 +15,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "archicrations-scripturo-normatives", "archicrations-theologiques", "technodiversite-et-cosmotechnie"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "archicrations-scripturo-normatives", "archicrations-theologiques", "technodiversite-et-cosmotechnie", "archicrations-sacrales-non-etatiques", "archicrations-techno-logistiques"]
 opposedTo: []
-seeAlso: ["archicrations-sacrales-non-etatiques", "archicrations-historiographiques", "archicrations-techno-logistiques", "cosmopolitique"]
+seeAlso: ["archicrations-historiographiques", "cosmopolitique"]
 ---
 
 Les archicrations scripturo-cosmologiques désignent un méta-régime de co-viabilité dans lequel l’écriture n’édicte pas la règle mais figure un ordre cosmique préalable, déjà là, structuré et lisible.

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

@@ -15,9 +15,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "domination-legale-rationnelle", "archicrations-scripturo-cosmologiques", "archicrations-normativo-politiques"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "domination-legale-rationnelle", "archicrations-scripturo-cosmologiques", "archicrations-normativo-politiques", "meta-regime-archicratique", "archicrations-theologiques"]
 opposedTo: []
-seeAlso: ["archicrations-theologiques", "archicrations-techno-logistiques", "theorie-de-la-justification", "decisionnisme-souverain"]
+seeAlso: ["archicrations-techno-logistiques", "theorie-de-la-justification", "decisionnisme-souverain"]
 ---
 
 Les archicrations scripturo-normatives désignent un méta-régime de co-viabilité dans lequel l’obligation découle d’un énoncé inscrit, traçable, reproductible et opposable. On n’écrit plus principalement ce qui est : on inscrit ce qui doit être.

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

@@ -15,9 +15,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "cybernetique", "synchrotopie", "theorie-de-lacteur-reseau"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "cybernetique", "synchrotopie", "theorie-de-lacteur-reseau", "archicrations-scripturo-normatives", "archicrations-scripturo-cosmologiques"]
 opposedTo: []
-seeAlso: ["archicrations-proto-symboliques", "archicrations-sacrales-non-etatiques", "archicrations-scripturo-normatives", "domination-legale-rationnelle", "gouvernementalite-algorithmique", "preemption-algorithmique"]
+seeAlso: ["archicrations-proto-symboliques", "archicrations-sacrales-non-etatiques", "domination-legale-rationnelle", "gouvernementalite-algorithmique", "preemption-algorithmique"]
 ---
 
 Les archicrations techno-logistiques désignent un méta-régime de co-viabilité dans lequel la régulation cesse d’être assurée principalement par le différé symbolique ou rituel, et s’incarne dans des dispositifs intégrés, durables et opérationnels articulant formes monumentales, flux logistiques et fonctions codifiées.

src/content/glossaire/archicrations-theologiques.md

@@ -15,9 +15,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "decisionnisme-souverain", "archicrations-scripturo-cosmologiques", "archicrations-scripturo-normatives"]
+related: ["archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "decisionnisme-souverain", "archicrations-scripturo-cosmologiques", "archicrations-scripturo-normatives", "archicrations-sacrales-non-etatiques"]
 opposedTo: []
-seeAlso: ["lieu-vide-du-pouvoir", "volonte-generale", "archicrations-sacrales-non-etatiques"]
+seeAlso: ["lieu-vide-du-pouvoir", "volonte-generale"]
 ---
 
 Les archicrations théologiques désignent un méta-régime de co-viabilité dans lequel l’obligation ne procède ni d’un cosmos lisible, ni d’un code autonome, ni d’une logistique matérielle, mais d’un verbe révélé tenu pour émaner d’une source divine transcendante et irréductible à l’ordre du monde.

src/content/glossaire/archicratisation.md

@@ -12,9 +12,9 @@ kind: "concept"
 family: "dynamique"
 domain: "transversal"
 level: "avance"
-related: ["archicratie", "archicration", "co-viabilisation", "scene-darchicration", "monde-instituable", "archidiagnostic", "scene-depreuve"]
+related: ["archicratie", "archicration", "co-viabilisation", "scene-darchicration", "monde-instituable", "archidiagnostic", "scene-depreuve", "audit-archicratique"]
 opposedTo: ["desarchicratisation", "autarchicratie"]
-seeAlso: ["desarchicration", "archicration-obliteree", "audit-archicratique", "regime-de-co-viabilite"]
+seeAlso: ["desarchicration", "archicration-obliteree", "regime-de-co-viabilite"]
 ---
 
 L’archicratisation désigne le processus par lequel un champ social, une institution, une infrastructure ou un monde commun devient davantage structuré par des logiques explicites d’archicration, de comparution et de co-viabilisation.

src/content/glossaire/archicratistique.md

@@ -12,9 +12,9 @@ kind: "epistemologie"
 family: "epistemologie"
 domain: "theorie"
 level: "avance"
-related: ["archicratie", "archidiagnostic", "archicratique", "meta-regime-archicratique", "figures-archicratiques", "tension"]
+related: ["archicratie", "archidiagnostic", "archicratique", "meta-regime-archicratique", "figures-archicratiques", "tension", "institution-invisible", "pensee-complexe"]
 opposedTo: []
-seeAlso: ["archeogenese", "co-viabilite", "scene-depreuve", "institution-invisible", "pensee-complexe"]
+seeAlso: ["archeogenese", "co-viabilite", "scene-depreuve"]
 ---
 
 L’archicratistique désigne le champ d’analyse consacré à la description, à la comparaison et au diagnostic des architectures de régulation et de leurs formes de co-viabilité.

src/content/glossaire/autarchicratie.md

@@ -12,9 +12,9 @@ kind: "diagnostic"
 family: "pathologie"
 domain: "transversal"
 level: "fondamental"
-related: ["archicratie", "archicration", "obliteration-archicratique", "scene-depreuve", "co-viabilite", "autarchicration", "archicration-obliteree"]
+related: ["archicratie", "archicration", "obliteration-archicratique", "scene-depreuve", "co-viabilite", "autarchicration", "archicration-obliteree", "desarchicratisation", "institution-invisible"]
 opposedTo: ["archicratie"]
-seeAlso: ["tension", "hyperarcalite", "hypercratialite", "institution-invisible"]
+seeAlso: ["tension", "hyperarcalite", "hypercratialite", "figures-archicratiques"]
 ---
 
 L’autarchicratie désigne une dérive d’un méta-régime archicratique dans laquelle les architectures régulatrices continuent d’opérer tout en devenant de plus en plus autonomes, opaques et soustraites à la scène d’épreuve.

src/content/glossaire/autarchicration.md

@@ -12,9 +12,9 @@ kind: "diagnostic"
 family: "pathologie"
 domain: "transversal"
 level: "avance"
-related: ["archicration", "autarchicratie", "archicration-obliteree", "scene-depreuve", "scene-darchicration", "obliteration-archicratique"]
+related: ["archicration", "autarchicratie", "archicration-obliteree", "scene-depreuve", "scene-darchicration", "obliteration-archicratique", "desarchicration", "hyperarcalite", "hypercratialite"]
 opposedTo: ["monde-instituable", "scene-depreuve"]
-seeAlso: ["desarchicration", "institution-invisible", "hyperarcalite", "hypercratialite"]
+seeAlso: ["institution-invisible"]
 ---
 
 L’autarchicration désigne un mode dégradé d’archicration dans lequel l’épreuve régulatrice continue de fonctionner, mais principalement pour reproduire et protéger le dispositif plutôt que pour le rendre effectivement révisable.

src/content/glossaire/co-viabilisation.md

@@ -12,9 +12,9 @@ kind: "concept"
 family: "dynamique"
 domain: "transversal"
 level: "intermediaire"
-related: ["co-viabilite", "tension", "archicration", "archicratie", "scene-depreuve", "archicratisation", "monde-instituable"]
+related: ["co-viabilite", "tension", "archicration", "archicratie", "scene-depreuve", "archicratisation", "monde-instituable", "regime-de-co-viabilite", "regulation-morphogenetique-des-interdependances"]
 opposedTo: ["desarchicratisation"]
-seeAlso: ["archicration-obliteree", "autarchicratie", "regime-de-co-viabilite", "regulation-morphogenetique-des-interdependances"]
+seeAlso: ["archicration-obliteree", "autarchicratie"]
 ---
 
 La co-viabilisation désigne le processus par lequel des tensions, des formes de vie, des temporalités et des intérêts hétérogènes deviennent mutuellement tenables dans un cadre régulatoire donné.

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

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "avance"
-related: ["archicratie", "co-viabilite", "tension", "conatus-et-multitude", "transduction-et-individuation", "gouvernance-des-communs"]
+related: ["archicratie", "co-viabilite", "tension", "conatus-et-multitude", "transduction-et-individuation", "gouvernance-des-communs", "pensee-complexe", "fait-social-total"]
 opposedTo: ["decisionnisme-souverain"]
-seeAlso: ["fait-social-total", "domination-legale-rationnelle", "theorie-de-la-justification", "pensee-complexe"]
+seeAlso: ["domination-legale-rationnelle", "theorie-de-la-justification"]
 ---
 
 La configuration et l’interdépendance désignent un paradigme de régulation dans lequel les formes sociales émergent de chaînes d’interdépendance, de contraintes réciproques et de configurations évolutives qui transforment les acteurs autant qu’elles les lient.

src/content/glossaire/contractualisme-hobbesien.md

@@ -15,9 +15,9 @@ kind: "doctrine"
 family: "doctrine"
 domain: "theorie"
 level: "fondamental"
-related: ["decisionnisme-souverain", "exception-souveraine", "archicratie", "tension", "co-viabilite", "domination-legale-rationnelle"]
+related: ["decisionnisme-souverain", "exception-souveraine", "archicratie", "archicration", "tension", "co-viabilite", "domination-legale-rationnelle", "droit-naturel-et-propriete"]
 opposedTo: ["volonte-generale", "democratie-deliberative", "gouvernance-des-communs"]
-seeAlso: ["droit-naturel-et-propriete", "gouvernementalite", "archicration", "exception-souveraine"]
+seeAlso: ["gouvernementalite", "volonte-generale"]
 ---
 
 Le contractualisme hobbesien désigne la doctrine selon laquelle l’ordre politique tire sa légitimité première de sa capacité à conjurer la conflictualité destructrice et à garantir la sécurité commune.

src/content/glossaire/cratialite.md

@@ -12,9 +12,9 @@ kind: "concept"
 family: "concept-fondamental"
 domain: "transversal"
 level: "fondamental"
-related: ["archicratie", "arcalite", "archicration", "tension", "co-viabilite"]
+related: ["archicratie", "arcalite", "archicration", "tension", "co-viabilite", "agencement-machinique", "cybernetique", "gouvernementalite-algorithmique"]
 opposedTo: ["autarchicratie"]
-seeAlso: ["obliteration-archicratique"]
+seeAlso: ["obliteration-archicratique", "hypercratialite"]
 ---
 
 La cratialité désigne le vecteur opératoire et transformateur de toute régulation.

src/content/glossaire/cybernetique.md

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "fondamental"
-related: ["archicratie", "tension", "cratialite", "gouvernementalite-algorithmique", "preemption-algorithmique", "regulation-technique-et-legitimation-democratique"]
+related: ["archicratie", "tension", "cratialite", "gouvernementalite", "gouvernementalite-algorithmique", "preemption-algorithmique", "regulation-technique-et-legitimation-democratique", "pharmacologie-technique"]
 opposedTo: []
-seeAlso: ["gouvernementalite", "biopolitique", "pharmacologie-technique", "technodiversite-et-cosmotechnie", "pensee-complexe"]
+seeAlso: ["biopolitique", "technodiversite-et-cosmotechnie", "pensee-complexe"]
 ---
 
 La cybernétique désigne le paradigme selon lequel un système peut être compris et gouverné à partir de ses flux d’information, de ses boucles de rétroaction, de ses écarts et de ses mécanismes de correction.

src/content/glossaire/democratie-deliberative.md

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "fondamental"
-related: ["volonte-generale", "archicration", "scene-depreuve", "archicratie", "gouvernance-des-communs", "theorie-de-la-justification"]
+related: ["volonte-generale", "archicration", "scene-depreuve", "archicratie", "gouvernance-des-communs", "theorie-de-la-justification", "dissensus-politique", "lieu-vide-du-pouvoir"]
 opposedTo: ["decisionnisme-souverain", "exception-souveraine", "preemption-algorithmique"]
-seeAlso: ["dissensus-politique", "lieu-vide-du-pouvoir", "domination-legale-rationnelle", "gouvernementalite"]
+seeAlso: ["domination-legale-rationnelle", "gouvernementalite"]
 ---
 
 La démocratie délibérative désigne le paradigme politique selon lequel la légitimité d’un ordre collectif doit se fonder sur la discussion publique, l’échange argumenté et la formation procédurale d’un accord révisable.

src/content/glossaire/desarchicration.md

@@ -12,9 +12,9 @@ kind: "diagnostic"
 family: "dynamique"
 domain: "transversal"
 level: "avance"
-related: ["archicration", "archicration-obliteree", "scene-manquante", "scene-empechee", "autarchicration", "autarchicratie", "obliteration-archicratique"]
+related: ["archicration", "archicration-obliteree", "scene-manquante", "scene-empechee", "autarchicration", "autarchicratie", "obliteration-archicratique", "desarchicratisation", "institution-invisible"]
 opposedTo: ["archicratisation", "monde-instituable"]
-seeAlso: ["desarchicratisation", "institution-invisible", "atopie", "obliteration-archicratique"]
+seeAlso: ["atopie"]
 ---
 
 La désarchicration désigne le processus local par lequel une scène, un dispositif, une institution ou un domaine cesse d’être effectivement archicraté, alors même qu’il demeure encore régulé.

src/content/glossaire/desarchicratique.md

@@ -12,9 +12,9 @@ kind: "qualification"
 family: "qualification"
 domain: "transversal"
 level: "intermediaire"
-related: ["desarchicration", "desarchicratisation", "autarchicratie", "archicration-obliteree", "scene-manquante", "institution-invisible"]
+related: ["desarchicration", "desarchicratisation", "autarchicratie", "archicration-obliteree", "scene-manquante", "institution-invisible", "autarchicration", "obliteration-archicratique"]
 opposedTo: ["archicratique"]
-seeAlso: ["autarchicration", "obliteration-archicratique", "scene-empechee"]
+seeAlso: ["scene-empechee", "archidiagnostic"]
 ---
 
 Désarchicratique qualifie ce qui contribue à retirer une régulation de la scène de l’épreuve, à la rendre moins disputable, moins révisable ou moins capable de soutenir une co-viabilisation explicite.

src/content/glossaire/desarchicratisation.md

@@ -12,9 +12,9 @@ kind: "diagnostic"
 family: "dynamique"
 domain: "transversal"
 level: "avance"
-related: ["desarchicration", "autarchicratie", "institution-invisible", "scene-manquante", "archicration-obliteree", "co-viabilite", "obliteration-archicratique", "monde-instituable"]
+related: ["desarchicration", "autarchicratie", "institution-invisible", "scene-manquante", "archicration-obliteree", "co-viabilite", "obliteration-archicratique", "monde-instituable", "scene-empechee", "archidiagnostic"]
 opposedTo: ["archicratisation"]
-seeAlso: ["autarchicration", "atopie", "scene-empechee", "scene-depreuve"]
+seeAlso: ["autarchicration", "atopie", "scene-depreuve"]
 ---
 
 La désarchicratisation désigne le processus historique ou systémique par lequel un monde social perd sa capacité à rendre comparables, disputables et révisables ses propres architectures de régulation.

src/content/glossaire/dissensus-politique.md

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "fondamental"
-related: ["archicration", "scene-depreuve", "tension", "archicratie", "pluralite-natalite-action", "lieu-vide-du-pouvoir"]
+related: ["archicration", "scene-depreuve", "tension", "archicratie", "pluralite-natalite-action", "lieu-vide-du-pouvoir", "democratie-deliberative", "visibilite-mediatique-et-reconnaissance-symbolique"]
 opposedTo: ["decisionnisme-souverain", "preemption-algorithmique", "autarchicratie"]
-seeAlso: ["democratie-deliberative", "volonte-generale", "co-viabilite", "visibilite-mediatique-et-reconnaissance-symbolique"]
+seeAlso: ["volonte-generale", "co-viabilite"]
 ---
 
 Le dissensus politique désigne le paradigme dans lequel le litige, le désaccord et l’apparition conflictuelle des voix exclues constituent une dimension constitutive de la scène commune.

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

@@ -15,9 +15,9 @@ kind: "doctrine"
 family: "doctrine"
 domain: "theorie"
 level: "fondamental"
-related: ["contractualisme-hobbesien", "volonte-generale", "archicratie", "co-viabilite", "domination-legale-rationnelle"]
+related: ["contractualisme-hobbesien", "volonte-generale", "archicratie", "archicration", "co-viabilite", "domination-legale-rationnelle", "democratie-deliberative"]
 opposedTo: ["decisionnisme-souverain"]
-seeAlso: ["democratie-deliberative", "gouvernementalite", "archicration"]
+seeAlso: ["gouvernementalite"]
 ---
 
 Le droit naturel et la propriété désignent la doctrine fondatrice qui fait de la loi naturelle, de la propriété et du consentement des gouvernés les principes supérieurs d’un ordre politique chargé avant tout de protéger des droits préexistants.

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

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "intermediaire"
-related: ["archicratie", "arcalite", "co-viabilite", "tension", "archicrations-proto-symboliques", "archicrations-sacrales-non-etatiques"]
+related: ["archicratie", "arcalite", "co-viabilite", "tension", "archicrations-proto-symboliques", "archicrations-sacrales-non-etatiques", "configuration-et-interdependance", "habitus-et-violence-symbolique"]
 opposedTo: ["preemption-algorithmique"]
-seeAlso: ["configuration-et-interdependance", "theorie-de-la-resonance", "gouvernance-des-communs", "habitus-et-violence-symbolique"]
+seeAlso: ["theorie-de-la-resonance", "gouvernance-des-communs"]
 ---
 
 Le fait social total désigne un paradigme de régulation dans lequel les échanges, obligations et symbolisations engagent simultanément les dimensions économiques, juridiques, rituelles, politiques et affectives de la vie collective.

src/content/glossaire/figures-archicratiques.md

@@ -12,9 +12,9 @@ kind: "figure"
 family: "figure"
 domain: "transversal"
 level: "avance"
-related: ["archicrate", "archicratie", "institution-invisible", "scene-darchicration", "archicration", "autarchicratie", "hypercratialite", "hyperarcalite"]
+related: ["archicrate", "archicratie", "institution-invisible", "scene-darchicration", "archicration", "autarchicratie", "hypercratialite", "hyperarcalite", "archidiagnostic", "obliteration-archicratique"]
 opposedTo: []
-seeAlso: ["obliteration-archicratique", "archidiagnostic", "desarchicratisation"]
+seeAlso: ["desarchicratisation", "autarchicration"]
 ---
 
 Les figures archicratiques désignent l’ensemble des positions, profils, rôles et agencements qui, dans une configuration donnée, exercent une fonction structurante dans la régulation collective.

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

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "intermediaire"
-related: ["co-viabilite", "archicratie", "democratie-deliberative", "tension", "domination-legale-rationnelle", "gouvernementalite"]
+related: ["co-viabilite", "archicratie", "democratie-deliberative", "tension", "domination-legale-rationnelle", "gouvernementalite", "configuration-et-interdependance"]
 opposedTo: ["decisionnisme-souverain", "exception-souveraine"]
-seeAlso: ["configuration-et-interdependance", "theorie-de-la-justification", "meta-regime-archicratique"]
+seeAlso: ["theorie-de-la-justification", "meta-regime-archicratique", "cosmopolitique"]
 ---
 
 La gouvernance des communs désigne le paradigme de régulation fondé sur la coordination collective, située et polycentrique de ressources ou d’usages partagés par des communautés d’acteurs.

src/content/glossaire/gouvernementalite-algorithmique.md

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "cas-ia"
 level: "intermediaire"
-related: ["gouvernementalite", "cybernetique", "autarchicratie", "obliteration-archicratique", "cratialite", "preemption-algorithmique", "regulation-technique-et-legitimation-democratique"]
+related: ["gouvernementalite", "cybernetique", "autarchicratie", "obliteration-archicratique", "cratialite", "preemption-algorithmique", "regulation-technique-et-legitimation-democratique", "archicration", "audit-archicratique"]
 opposedTo: []
-seeAlso: ["archicratie", "archicration", "co-viabilite", "tension", "audit-archicratique", "tribunal-de-lalgorithme", "biopolitique"]
+seeAlso: ["archicratie", "co-viabilite", "tension", "tribunal-de-lalgorithme", "biopolitique"]
 ---
 
 La gouvernementalité algorithmique désigne le paradigme contemporain dans lequel la régulation tend à s’appuyer sur des traitements automatisés de données, des calculs prédictifs, des classements, des seuils de risque et des ajustements opérés à distance par des systèmes techniques.

src/content/glossaire/gouvernementalite.md

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "fondamental"
-related: ["archicratie", "biopolitique", "gouvernementalite-algorithmique", "scene-depreuve", "preemption-algorithmique", "domination-legale-rationnelle"]
+related: ["archicratie", "biopolitique", "gouvernementalite-algorithmique", "scene-depreuve", "preemption-algorithmique", "domination-legale-rationnelle", "cybernetique", "pharmacologie-technique"]
 opposedTo: []
-seeAlso: ["cybernetique", "volonte-generale", "lieu-vide-du-pouvoir", "pharmacologie-technique"]
+seeAlso: ["volonte-generale", "lieu-vide-du-pouvoir"]
 ---
 
 La gouvernementalité désigne le paradigme d’analyse dans lequel le pouvoir est pensé comme conduite des conduites, à travers des savoirs, des dispositifs, des calculs et des techniques orientés vers la gestion des comportements collectifs.

src/content/glossaire/hyperarcalite.md

@@ -12,9 +12,9 @@ kind: "diagnostic"
 family: "pathologie"
 domain: "transversal"
 level: "avance"
-related: ["arcalite", "hypercratialite", "archicration", "autarchicratie", "scene-manquante", "archicration-obliteree", "archicrate"]
+related: ["arcalite", "hypercratialite", "archicration", "autarchicratie", "scene-manquante", "archicration-obliteree", "archicrate", "autarchicration", "institution-invisible"]
 opposedTo: ["co-viabilite", "archicratisation"]
-seeAlso: ["institution-invisible", "autarchicration", "scene-depreuve", "obliteration-archicratique"]
+seeAlso: ["scene-depreuve", "obliteration-archicratique"]
 ---
 
 L’hyperarcalité désigne l’hypertrophie de l’arcalité, c’est-à-dire la situation dans laquelle les fondements, les cadres, les principes de légitimation ou les structures de cadrage deviennent excessivement massifs, saturants ou immunisés contre l’épreuve.

src/content/glossaire/hypercratialite.md

@@ -12,9 +12,9 @@ kind: "diagnostic"
 family: "pathologie"
 domain: "transversal"
 level: "avance"
-related: ["cratialite", "hyperarcalite", "archicration", "autarchicratie", "archicrate", "archicration-obliteree", "preemption-algorithmique", "gouvernementalite-algorithmique"]
+related: ["cratialite", "hyperarcalite", "archicration", "autarchicratie", "archicrate", "archicration-obliteree", "preemption-algorithmique", "gouvernementalite-algorithmique", "autarchicration", "institution-invisible"]
 opposedTo: ["co-viabilite", "archicratisation"]
-seeAlso: ["tension", "institution-invisible", "autarchicration", "scene-depreuve", "obliteration-archicratique"]
+seeAlso: ["tension", "scene-depreuve", "obliteration-archicratique"]
 ---
 
 L’hypercratialité désigne l’hypertrophie de la cratialité, c’est-à-dire la situation dans laquelle la capacité d’effectuation, d’intervention, de pilotage, d’automatisation ou de transformation croît plus vite que les scènes capables de l’exposer, de la qualifier et de la réviser.

src/content/glossaire/meta-regime-archicratique.md

@@ -12,9 +12,9 @@ kind: "topologie"
 family: "meta-regime"
 domain: "transversal"
 level: "intermediaire"
-related: ["meta-regime", "regime-de-co-viabilite", "archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "archeogenese"]
+related: ["meta-regime", "regime-de-co-viabilite", "archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "archeogenese", "archicrations-proto-symboliques", "archicrations-scripturo-normatives", "archicrations-marchandes", "archicrations-differentielles-et-formes-hybrides"]
 opposedTo: []
-seeAlso: ["archicrations-proto-symboliques", "archicrations-sacrales-non-etatiques", "archicrations-scripturo-normatives", "archicrations-marchandes", "archicrations-differentielles-et-formes-hybrides"]
+seeAlso: ["archicrations-sacrales-non-etatiques"]
 ---
 
 Le méta-régime archicratique désigne une forme-type de régulation définie par une composition spécifique d’[Arcalité](/glossaire/arcalite/), de [Cratialité](/glossaire/cratialite/) et d’[Archicration](/glossaire/archicration/).

src/content/glossaire/meta-regime.md

@@ -12,9 +12,9 @@ kind: "concept"
 family: "topologie"
 domain: "transversal"
 level: "intermediaire"
-related: ["meta-regime-archicratique", "regime-de-co-viabilite", "archicration", "archicratie", "co-viabilite", "archeogenese"]
+related: ["meta-regime-archicratique", "regime-de-co-viabilite", "archicration", "archicratie", "co-viabilite", "archeogenese", "archicrations-proto-symboliques", "archicrations-differentielles-et-formes-hybrides"]
 opposedTo: []
-seeAlso: ["archicrations-proto-symboliques", "archicrations-scripturo-normatives", "archicrations-marchandes", "archicrations-differentielles-et-formes-hybrides"]
+seeAlso: ["archicrations-scripturo-normatives", "archicrations-marchandes"]
 ---
 
 Le méta-régime désigne une forme de régulation transversale, plus abstraite qu’un régime historique concret, qui structure une famille entière d’ordres à partir d’une manière récurrente d’articuler fondements, dispositifs et scènes.

src/content/glossaire/pharmacologie-technique.md

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "avance"
-related: ["archicratie", "co-viabilite", "tension", "preemption-algorithmique", "grammatisation-et-proletarisation-cognitive", "technodiversite-et-cosmotechnie", "memoire-symbolique-et-instantaneite-computationnelle"]
+related: ["archicratie", "co-viabilite", "tension", "preemption-algorithmique", "grammatisation-et-proletarisation-cognitive", "technodiversite-et-cosmotechnie", "memoire-symbolique-et-instantaneite-computationnelle", "gouvernementalite-algorithmique", "scene-depreuve"]
 opposedTo: ["preemption-algorithmique"]
-seeAlso: ["agencement-machinique", "gouvernementalite-algorithmique", "scene-depreuve", "theorie-de-la-resonance"]
+seeAlso: ["agencement-machinique", "theorie-de-la-resonance"]
 ---
 
 La pharmacologie technique désigne un paradigme de régulation fondé sur l’idée que toute technique est à la fois remède et poison : elle peut soutenir des formes de mémoire, de soin, de transmission et de délibération, ou au contraire accentuer l’automatisation, la désynchronisation, l’entropie attentionnelle et la dépossession cognitive.

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

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "avance"
-related: ["archicration", "scene-depreuve", "dissensus-politique", "archicratie", "lieu-vide-du-pouvoir", "theorie-de-la-resonance"]
+related: ["archicration", "scene-depreuve", "dissensus-politique", "archicratie", "lieu-vide-du-pouvoir", "theorie-de-la-resonance", "visibilite-mediatique-et-reconnaissance-symbolique", "conatus-et-multitude"]
 opposedTo: ["preemption-algorithmique", "exception-souveraine"]
-seeAlso: ["democratie-deliberative", "transduction-et-individuation", "visibilite-mediatique-et-reconnaissance-symbolique", "conatus-et-multitude"]
+seeAlso: ["democratie-deliberative", "transduction-et-individuation"]
 ---
 
 La pluralité, la natalité et l’action désignent un paradigme politique dans lequel la régulation doit ménager l’apparition de sujets pluriels capables d’initiative, d’action concertée et d’inauguration imprévisible dans un monde commun.

src/content/glossaire/regime-de-co-viabilite.md

@@ -12,9 +12,9 @@ kind: "topologie"
 family: "topologie"
 domain: "transversal"
 level: "intermediaire"
-related: ["co-viabilite", "meta-regime", "meta-regime-archicratique", "archicratie", "tension", "archicration", "archeogenese"]
+related: ["co-viabilite", "meta-regime", "meta-regime-archicratique", "archicratie", "tension", "archicration", "archeogenese", "co-viabilisation", "archicrations-differentielles-et-formes-hybrides"]
 opposedTo: []
-seeAlso: ["archicrations-proto-symboliques", "archicrations-marchandes", "archicrations-differentielles-et-formes-hybrides", "co-viabilisation"]
+seeAlso: ["archicrations-proto-symboliques", "archicrations-marchandes"]
 ---
 
 Le régime de co-viabilité désigne une forme d’ordre dans laquelle la question centrale n’est pas seulement : « qui gouverne ? », mais : « comment des formes de vie, des milieux, des intérêts et des temporalités peuvent-ils tenir ensemble sans destruction irréversible ? »

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

@@ -15,7 +15,7 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "avance"
-related: ["dissensus-politique", "scene-depreuve", "democratie-deliberative", "archicration", "gouvernance-des-communs"]
+related: ["dissensus-politique", "scene-depreuve", "democratie-deliberative", "archicration", "gouvernance-des-communs", "archicratie"]
 opposedTo: ["decisionnisme-souverain"]
 seeAlso: ["configuration-et-interdependance", "habitus-et-violence-symbolique", "tribunal-de-lalgorithme", "journal-de-justification"]
 ---

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

@@ -15,9 +15,9 @@ kind: "paradigme"
 family: "paradigme"
 domain: "theorie"
 level: "intermediaire"
-related: ["archicratie", "co-viabilite", "tension", "scene-depreuve", "pluralite-natalite-action", "pharmacologie-technique"]
+related: ["archicratie", "co-viabilite", "tension", "scene-depreuve", "pluralite-natalite-action", "pharmacologie-technique", "resonance-sociale", "visibilite-mediatique-et-reconnaissance-symbolique"]
 opposedTo: ["preemption-algorithmique", "domination-legale-rationnelle"]
-seeAlso: ["habitus-et-violence-symbolique", "dissensus-politique", "memoire-symbolique-et-instantaneite-computationnelle", "visibilite-mediatique-et-reconnaissance-symbolique"]
+seeAlso: ["habitus-et-violence-symbolique", "dissensus-politique", "memoire-symbolique-et-instantaneite-computationnelle"]
 ---
 
 La théorie de la résonance désigne un paradigme relationnel dans lequel la qualité d’un ordre dépend de la possibilité pour les sujets et les mondes qu’ils habitent d’entrer dans des rapports de réponse, d’écoute et de transformation mutuelle.

src/content/glossaire/volonte-generale.md

@@ -15,9 +15,9 @@ kind: "doctrine"
 family: "doctrine"
 domain: "theorie"
 level: "fondamental"
-related: ["archicratie", "archicration", "scene-depreuve", "co-viabilite", "democratie-deliberative"]
+related: ["archicratie", "archicration", "scene-depreuve", "co-viabilite", "democratie-deliberative", "dissensus-politique", "lieu-vide-du-pouvoir"]
 opposedTo: ["contractualisme-hobbesien", "droit-naturel-et-propriete", "decisionnisme-souverain"]
-seeAlso: ["dissensus-politique", "pluralite-natalite-action", "gouvernementalite", "lieu-vide-du-pouvoir"]
+seeAlso: ["pluralite-natalite-action", "gouvernementalite"]
 ---
 
 La volonté générale désigne la doctrine selon laquelle un ordre politique légitime doit pouvoir être rapporté à une orientation commune irréductible à la simple agrégation des intérêts particuliers.

src/lib/glossary.ts

@@ -0,0 +1,561 @@
+import type { CollectionEntry } from "astro:content";
+
+export type GlossaryEntry = CollectionEntry<"glossaire">;
+
+export type GlossaryPortalLink = {
+  href: string;
+  label: string;
+};
+
+export type GlossaryRelationSection = {
+  title: string;
+  items: GlossaryEntry[];
+};
+
+export type GlossaryRelationBlock = GlossaryRelationSection & {
+  className: string;
+};
+
+export type GlossaryHomeStats = {
+  totalEntries: number;
+  paradigmesCount: number;
+  doctrinesCount: number;
+  metaRegimesCount: number;
+};
+
+export type GlossaryEntryAsideData = {
+  displayFamily: string;
+  displayDomain: string;
+  displayLevel: string;
+  showNoyau: boolean;
+  showSameFamily: boolean;
+  fondamentaux: GlossaryEntry[];
+  sameFamilyTitle: string;
+  sameFamilyEntries: GlossaryEntry[];
+  relationSections: GlossaryRelationSection[];
+  contextualTheory: GlossaryEntry[];
+};
+
+export type GlossaryHomeData = {
+  fondamentaux: GlossaryEntry[];
+  scenes: GlossaryEntry[];
+  dynamiques: GlossaryEntry[];
+  metaRegimes: GlossaryEntry[];
+  metaRegimesPreview: GlossaryEntry[];
+  arcalite?: GlossaryEntry;
+  cratialite?: GlossaryEntry;
+  tension?: GlossaryEntry;
+  sceneDepreuve?: GlossaryEntry;
+  archicration?: GlossaryEntry;
+};
+
+export const GLOSSARY_COLLATOR = new Intl.Collator("fr", {
+  sensitivity: "base",
+  numeric: true,
+});
+
+export const FAMILY_LABELS: Record<string, string> = {
+  "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",
+  figure: "Figure",
+  qualification: "Qualification",
+  epistemologie: "Épistémologie",
+};
+
+export const KIND_LABELS: Record<string, string> = {
+  concept: "Concept",
+  diagnostic: "Diagnostic",
+  topologie: "Topologie",
+  verbe: "Verbe",
+  paradigme: "Paradigme",
+  doctrine: "Doctrine",
+  dispositif: "Dispositif",
+  figure: "Figure",
+  qualification: "Qualification",
+  epistemologie: "Épistémologie",
+};
+
+export const DOMAIN_LABELS: Record<string, string> = {
+  transversal: "Transversal",
+  theorie: "Théorie",
+  "cas-ia": "Cas IA",
+};
+
+export const LEVEL_LABELS: Record<string, string> = {
+  fondamental: "Fondamental",
+  intermediaire: "Intermédiaire",
+  avance: "Avancé",
+};
+
+export const FONDAMENTAUX_WANTED = [
+  "archicratie",
+  "arcalite",
+  "cratialite",
+  "archicration",
+  "co-viabilite",
+  "tension",
+] as const;
+
+export const FAMILY_SECTION_TITLES: Record<string, string> = {
+  "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",
+  figure: "Figures archicratiques",
+  qualification: "Qualifications archicratiques",
+  epistemologie: "Outillage épistémologique",
+};
+
+const PREFERRED_PARADIGME_SLUGS = [
+  "gouvernementalite",
+  "gouvernementalite-algorithmique",
+  "cybernetique",
+  "biopolitique",
+  "domination-legale-rationnelle",
+  "democratie-deliberative",
+  "gouvernance-des-communs",
+  "agencement-machinique",
+  "pharmacologie-technique",
+  "preemption-algorithmique",
+  "dissensus-politique",
+  "lieu-vide-du-pouvoir",
+  "habitus-et-violence-symbolique",
+  "theorie-de-la-resonance",
+  "conatus-et-multitude",
+  "configuration-et-interdependance",
+  "technodiversite-et-cosmotechnie",
+  "grammatisation-et-proletarisation-cognitive",
+] as const;
+
+const PREFERRED_DOCTRINE_SLUGS = [
+  "contractualisme-hobbesien",
+  "droit-naturel-et-propriete",
+  "volonte-generale",
+  "decisionnisme-souverain",
+] as const;
+
+export function normalizeGlossarySlug(value: unknown): string {
+  return String(value ?? "")
+    .trim()
+    .replace(/^\/+|\/+$/g, "")
+    .replace(/\.(md|mdx)$/i, "")
+    .toLowerCase();
+}
+
+export function slugOfGlossaryEntry(
+  entry: Pick<GlossaryEntry, "id"> | null | undefined,
+): string {
+  return normalizeGlossarySlug(entry?.id ?? "");
+}
+
+export function hrefOfGlossaryEntry(
+  entry: Pick<GlossaryEntry, "id"> | null | undefined,
+): string {
+  const slug = slugOfGlossaryEntry(entry);
+  return slug ? `/glossaire/${slug}/` : "/glossaire/";
+}
+
+export function buildGlossaryBySlug(
+  entries: GlossaryEntry[] = [],
+): Map<string, GlossaryEntry> {
+  return new Map(entries.map((entry) => [slugOfGlossaryEntry(entry), entry]));
+}
+
+export function sortGlossaryEntries(
+  entries: GlossaryEntry[] = [],
+): GlossaryEntry[] {
+  return [...entries].sort((a, b) =>
+    GLOSSARY_COLLATOR.compare(a.data.term, b.data.term),
+  );
+}
+
+export function uniqueGlossaryEntries(
+  entries: GlossaryEntry[] = [],
+): GlossaryEntry[] {
+  const seen = new Set<string>();
+  const out: GlossaryEntry[] = [];
+
+  for (const entry of entries) {
+    const slug = slugOfGlossaryEntry(entry);
+    if (!slug || seen.has(slug)) continue;
+    seen.add(slug);
+    out.push(entry);
+  }
+
+  return out;
+}
+
+export function resolveGlossaryEntriesInSourceOrder(
+  slugs: string[] = [],
+  allEntries: GlossaryEntry[] = [],
+): GlossaryEntry[] {
+  const bySlug = buildGlossaryBySlug(allEntries);
+  const seen = new Set<string>();
+  const resolved: GlossaryEntry[] = [];
+
+  for (const rawSlug of slugs) {
+    const slug = normalizeGlossarySlug(rawSlug);
+    if (!slug || seen.has(slug)) continue;
+
+    const entry = bySlug.get(slug);
+    if (!entry) continue;
+
+    seen.add(slug);
+    resolved.push(entry);
+  }
+
+  return resolved;
+}
+
+export function resolveGlossaryEntries(
+  slugs: string[] = [],
+  allEntries: GlossaryEntry[] = [],
+): GlossaryEntry[] {
+  return sortGlossaryEntries(
+    resolveGlossaryEntriesInSourceOrder(slugs, allEntries),
+  );
+}
+
+export function rawFamilyOf(
+  entry: GlossaryEntry | null | undefined,
+): string {
+  return String(entry?.data?.family ?? "");
+}
+
+export function kindOf(
+  entry: GlossaryEntry | null | undefined,
+): string {
+  return String(entry?.data?.kind ?? "");
+}
+
+export function familyOf(
+  entry: GlossaryEntry | null | undefined,
+): string {
+  const explicit = rawFamilyOf(entry);
+  if (explicit) return explicit;
+
+  const slug = slugOfGlossaryEntry(entry);
+  const kind = kindOf(entry);
+
+  if (kind === "paradigme") return "paradigme";
+  if (kind === "doctrine") return "doctrine";
+  if (kind === "verbe") return "verbe";
+
+  if (slug === "scene-depreuve") return "scene";
+  if (slug === "autarchicratie") return "pathologie";
+  if (slug === "obliteration-archicratique") return "dynamique";
+
+  if (
+    FONDAMENTAUX_WANTED.includes(
+      slug as (typeof FONDAMENTAUX_WANTED)[number],
+    )
+  ) {
+    return "concept-fondamental";
+  }
+
+  if (slug === "archicrations-differentielles-et-formes-hybrides") {
+    return "topologie";
+  }
+
+  if (kind === "topologie" && slug.startsWith("archicrations-")) {
+    return "meta-regime";
+  }
+
+  return "";
+}
+
+export function getDisplayFamily(
+  entry: GlossaryEntry | null | undefined,
+): string {
+  const familyKey = rawFamilyOf(entry) || familyOf(entry);
+  return FAMILY_LABELS[familyKey] ?? KIND_LABELS[kindOf(entry)] ?? "Fiche";
+}
+
+export function getDisplayDomain(
+  entry: GlossaryEntry | null | undefined,
+): string {
+  const key = String(entry?.data?.domain ?? "");
+  return key ? (DOMAIN_LABELS[key] ?? key) : "";
+}
+
+export function getDisplayLevel(
+  entry: GlossaryEntry | null | undefined,
+): string {
+  const key = String(entry?.data?.level ?? "");
+  return key ? (LEVEL_LABELS[key] ?? key) : "";
+}
+
+export function getFondamentaux(
+  entries: GlossaryEntry[] = [],
+): GlossaryEntry[] {
+  const bySlug = buildGlossaryBySlug(entries);
+
+  return sortGlossaryEntries(
+    FONDAMENTAUX_WANTED
+      .map((slug) => bySlug.get(slug))
+      .filter(Boolean) as GlossaryEntry[],
+  );
+}
+
+export function getGlossaryEntriesByFamily(
+  entries: GlossaryEntry[] = [],
+  familyKey: string,
+): GlossaryEntry[] {
+  return sortGlossaryEntries(
+    entries.filter((entry) => familyOf(entry) === familyKey),
+  );
+}
+
+export function countGlossaryEntriesByKind(
+  entries: GlossaryEntry[] = [],
+  kindKey: string,
+): number {
+  return entries.filter((entry) => kindOf(entry) === kindKey).length;
+}
+
+export function countGlossaryEntriesByFamily(
+  entries: GlossaryEntry[] = [],
+  familyKey: string,
+): number {
+  return entries.filter((entry) => familyOf(entry) === familyKey).length;
+}
+
+export function getGlossaryPortalLinks(): GlossaryPortalLink[] {
+  return [
+    { href: "/glossaire/", label: "Accueil du glossaire" },
+    { href: "/glossaire/concepts-fondamentaux/", label: "Concepts fondamentaux" },
+    { href: "/glossaire/index-complet/", label: "Index complet" },
+    {
+      href: "/glossaire/paradigme-archicratique/",
+      label: "Paradigme archicratique",
+    },
+    {
+      href: "/glossaire/scenes-archicratiques/",
+      label: "Scènes archicratiques",
+    },
+    {
+      href: "/glossaire/dynamiques-archicratiques/",
+      label: "Dynamiques archicratiques",
+    },
+    {
+      href: "/glossaire/tensions-irreductibles/",
+      label: "Tensions irréductibles",
+    },
+    {
+      href: "/glossaire/archicrations/",
+      label: "Méta-régimes archicratiques",
+    },
+    { href: "/glossaire/paradigmes/", label: "Paradigmes et doctrines" },
+    { href: "/glossaire/verbes-de-la-scene/", label: "Verbes de la scène" },
+  ];
+}
+
+export function getGlossaryHomeStats(
+  allEntries: GlossaryEntry[] = [],
+): GlossaryHomeStats {
+  return {
+    totalEntries: allEntries.length,
+    paradigmesCount: countGlossaryEntriesByKind(allEntries, "paradigme"),
+    doctrinesCount: countGlossaryEntriesByKind(allEntries, "doctrine"),
+    metaRegimesCount: countGlossaryEntriesByFamily(allEntries, "meta-regime"),
+  };
+}
+
+export function getEntriesOfSameFamily(
+  entry: GlossaryEntry,
+  allEntries: GlossaryEntry[] = [],
+): GlossaryEntry[] {
+  const familyKey = familyOf(entry);
+  if (!familyKey) return [];
+
+  if (familyKey === "concept-fondamental") {
+    return getFondamentaux(allEntries);
+  }
+
+  return getGlossaryEntriesByFamily(allEntries, familyKey);
+}
+
+export function getSameFamilyTitle(
+  entry: GlossaryEntry,
+): string {
+  return FAMILY_SECTION_TITLES[familyOf(entry)] ?? "Même famille";
+}
+
+export function getRelationBlocks(
+  entry: GlossaryEntry,
+  allEntries: GlossaryEntry[] = [],
+): GlossaryRelationBlock[] {
+  const currentSlug = slugOfGlossaryEntry(entry);
+
+  const relatedEntries = resolveGlossaryEntriesInSourceOrder(
+    entry.data.related ?? [],
+    allEntries,
+  ).filter((item) => slugOfGlossaryEntry(item) !== currentSlug);
+
+  const opposedEntries = resolveGlossaryEntriesInSourceOrder(
+    entry.data.opposedTo ?? [],
+    allEntries,
+  ).filter((item) => slugOfGlossaryEntry(item) !== currentSlug);
+
+  const seeAlsoEntries = resolveGlossaryEntriesInSourceOrder(
+    entry.data.seeAlso ?? [],
+    allEntries,
+  ).filter((item) => slugOfGlossaryEntry(item) !== currentSlug);
+
+  return [
+    {
+      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);
+}
+
+export function getRelationSections(
+  entry: GlossaryEntry,
+  allEntries: GlossaryEntry[] = [],
+): GlossaryRelationSection[] {
+  return getRelationBlocks(entry, allEntries).map(({ title, items }) => ({
+    title,
+    items,
+  }));
+}
+
+function isTheoryEntry(entry: GlossaryEntry): boolean {
+  const familyKey = familyOf(entry);
+  const kindKey = kindOf(entry);
+
+  return (
+    familyKey === "paradigme" ||
+    familyKey === "doctrine" ||
+    kindKey === "paradigme" ||
+    kindKey === "doctrine"
+  );
+}
+
+export function getContextualTheory(
+  entry: GlossaryEntry,
+  allEntries: GlossaryEntry[] = [],
+): GlossaryEntry[] {
+  const currentSlug = slugOfGlossaryEntry(entry);
+  const bySlug = buildGlossaryBySlug(allEntries);
+
+  const fromRelations = uniqueGlossaryEntries([
+    ...resolveGlossaryEntriesInSourceOrder(entry.data.related ?? [], allEntries),
+    ...resolveGlossaryEntriesInSourceOrder(entry.data.seeAlso ?? [], allEntries),
+    ...resolveGlossaryEntriesInSourceOrder(entry.data.opposedTo ?? [], allEntries),
+  ])
+    .filter((item) => slugOfGlossaryEntry(item) !== currentSlug)
+    .filter((item) => isTheoryEntry(item));
+
+  if (fromRelations.length > 0) {
+    return fromRelations.slice(0, 6);
+  }
+
+  if (familyOf(entry) === "paradigme") {
+    return uniqueGlossaryEntries(
+      PREFERRED_PARADIGME_SLUGS
+        .filter((slug) => slug !== currentSlug)
+        .map((slug) => bySlug.get(slug))
+        .filter(Boolean) as GlossaryEntry[],
+    ).slice(0, 8);
+  }
+
+  if (familyOf(entry) === "doctrine") {
+    return uniqueGlossaryEntries(
+      PREFERRED_DOCTRINE_SLUGS
+        .filter((slug) => slug !== currentSlug)
+        .map((slug) => bySlug.get(slug))
+        .filter(Boolean) as GlossaryEntry[],
+    ).slice(0, 6);
+  }
+
+  return [];
+}
+
+export function getGlossaryEntryAsideData(
+  currentEntry: GlossaryEntry,
+  allEntries: GlossaryEntry[] = [],
+): GlossaryEntryAsideData {
+  const currentFamily = familyOf(currentEntry);
+  const fondamentaux = getFondamentaux(allEntries);
+  const sameFamilyEntries = getEntriesOfSameFamily(currentEntry, allEntries);
+  const sameFamilyTitle = getSameFamilyTitle(currentEntry);
+  const relationSections = getRelationSections(currentEntry, allEntries);
+  const contextualTheory = getContextualTheory(currentEntry, allEntries);
+
+  const showNoyau =
+    currentFamily !== "concept-fondamental" &&
+    fondamentaux.length > 0;
+
+  const showSameFamily =
+    currentFamily !== "concept-fondamental" &&
+    sameFamilyEntries.length > 0;
+
+  return {
+    displayFamily: getDisplayFamily(currentEntry),
+    displayDomain: getDisplayDomain(currentEntry),
+    displayLevel: getDisplayLevel(currentEntry),
+    showNoyau,
+    showSameFamily,
+    fondamentaux,
+    sameFamilyTitle,
+    sameFamilyEntries: showSameFamily ? sameFamilyEntries : [],
+    relationSections,
+    contextualTheory,
+  };
+}
+
+export function getGlossaryHomeData(
+  entries: GlossaryEntry[] = [],
+): GlossaryHomeData {
+  const bySlug = buildGlossaryBySlug(entries);
+
+  const fondamentaux = getGlossaryEntriesByFamily(entries, "concept-fondamental");
+  const scenes = getGlossaryEntriesByFamily(entries, "scene");
+  const dynamiques = sortGlossaryEntries(
+    entries.filter((entry) =>
+      ["dynamique", "pathologie"].includes(familyOf(entry)),
+    ),
+  );
+  const metaRegimes = getGlossaryEntriesByFamily(entries, "meta-regime");
+
+  return {
+    fondamentaux,
+    scenes,
+    dynamiques,
+    metaRegimes,
+    metaRegimesPreview: metaRegimes.slice(0, 6),
+    arcalite: bySlug.get("arcalite"),
+    cratialite: bySlug.get("cratialite"),
+    tension: bySlug.get("tension"),
+    sceneDepreuve: bySlug.get("scene-depreuve"),
+    archicration: bySlug.get("archicration"),
+  };
+}

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

@@ -1,7 +1,15 @@
 ---
 import GlossaryLayout from "../../layouts/GlossaryLayout.astro";
 import GlossaryAside from "../../components/GlossaryAside.astro";
+import GlossaryRelationCards from "../../components/GlossaryRelationCards.astro";
 import { getCollection, render } from "astro:content";
+import {
+  getDisplayDomain,
+  getDisplayFamily,
+  getDisplayLevel,
+  getRelationBlocks,
+  normalizeGlossarySlug,
+} from "../../lib/glossary";
 
 export async function getStaticPaths() {
   const entries = await getCollection("glossaire");
@@ -9,20 +17,12 @@ export async function getStaticPaths() {
   const seen = new Set();
 
   for (const entry of entries) {
-    const canonicalSlug = String(entry.id || "")
-      .trim()
-      .replace(/^\/+|\/+$/g, "")
-      .replace(/\.(md|mdx)$/i, "")
-      .toLowerCase();
+    const canonicalSlug = normalizeGlossarySlug(entry.id);
 
     if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(canonicalSlug)) continue;
 
     const addPath = (rawSlug) => {
-      const requestedSlug = String(rawSlug || "")
-        .trim()
-        .replace(/^\/+|\/+$/g, "")
-        .replace(/\.(md|mdx)$/i, "")
-        .toLowerCase();
+      const requestedSlug = normalizeGlossarySlug(rawSlug);
 
       if (!requestedSlug) return;
       if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(requestedSlug)) return;
@@ -56,108 +56,11 @@ 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 relationBlocks = getRelationBlocks(entry, allEntries);
 
-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).toLowerCase(), item])
-);
-
-function resolveEntries(slugs = []) {
-  const seen = new Set();
-
-  return slugs
-    .map((slug) => bySlug.get(String(slug || "").trim().toLowerCase()))
-    .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",
-  dispositif: "Dispositif",
-  figure: "Figure",
-  qualification: "Qualification",
-  epistemologie: "Épistémologie",
-};
-
-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 = entry.data.domain
-  ? (domainLabels[entry.data.domain] ?? entry.data.domain)
-  : "";
-
-const displayLevel = entry.data.level
-  ? (levelLabels[entry.data.level] ?? entry.data.level)
-  : "";
+const displayFamily = getDisplayFamily(entry);
+const displayDomain = getDisplayDomain(entry);
+const displayLevel = getDisplayLevel(entry);
 
 const hasScholarlyMeta =
   (entry.data.mobilizedAuthors?.length ?? 0) > 0 ||
@@ -230,27 +133,7 @@ const hasScholarlyMeta =
     <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>
-  )}
+  <GlossaryRelationCards relationBlocks={relationBlocks} />
 </GlossaryLayout>
 
 <script is:inline>

src/pages/glossaire/index.astro

@@ -1,75 +1,35 @@
 ---
 import GlossaryLayout from "../../layouts/GlossaryLayout.astro";
 import GlossaryHomeAside from "../../components/GlossaryHomeAside.astro";
+import GlossaryHomeHero from "../../components/GlossaryHomeHero.astro";
+import GlossaryHomeSection from "../../components/GlossaryHomeSection.astro";
+import GlossaryCardGrid from "../../components/GlossaryCardGrid.astro";
+import GlossaryPortalGrid from "../../components/GlossaryPortalGrid.astro";
 import { getCollection } from "astro:content";
+import {
+  buildGlossaryBySlug,
+  countGlossaryEntriesByKind,
+  familyOf,
+  getGlossaryEntriesByFamily,
+  hrefOfGlossaryEntry,
+  sortGlossaryEntries,
+} from "../../lib/glossary";
 
 const entries = await getCollection("glossaire");
 
-const slugOf = (entry) => String(entry.id).replace(/\.(md|mdx)$/i, "");
-const hrefOf = (entry) => `/glossaire/${slugOf(entry)}/`;
+const bySlug = buildGlossaryBySlug(entries);
 
-const collator = new Intl.Collator("fr", { sensitivity: "base", numeric: true });
-const bySlug = new Map(entries.map((entry) => [slugOf(entry), entry]));
-
-function sortByTerm(list = []) {
-  return [...list].sort((a, b) => collator.compare(a.data.term, b.data.term));
-}
-
-function familyOf(entry) {
-  const explicit = entry?.data?.family;
-  if (explicit) return explicit;
-
-  const slug = slugOf(entry);
-  const kind = entry?.data?.kind;
-
-  if (kind === "paradigme") return "paradigme";
-  if (kind === "doctrine") return "doctrine";
-  if (kind === "verbe") return "verbe";
-
-  if (slug === "scene-depreuve") return "scene";
-  if (slug === "autarchicratie") return "pathologie";
-  if (slug === "obliteration-archicratique") return "dynamique";
-
-  if ([
-    "archicratie",
-    "arcalite",
-    "cratialite",
-    "archicration",
-    "co-viabilite",
-    "tension",
-  ].includes(slug)) {
-    return "concept-fondamental";
-  }
-
-  if (slug === "archicrations-differentielles-et-formes-hybrides") {
-    return "topologie";
-  }
-
-  if (kind === "topologie" && slug.startsWith("archicrations-")) {
-    return "meta-regime";
-  }
-
-  return "";
-}
-
-const fondamentaux = sortByTerm(
-  entries.filter((entry) => familyOf(entry) === "concept-fondamental")
+const fondamentaux = getGlossaryEntriesByFamily(entries, "concept-fondamental");
+const scenes = getGlossaryEntriesByFamily(entries, "scene");
+const dynamiques = sortGlossaryEntries(
+  entries.filter((entry) =>
+    ["dynamique", "pathologie"].includes(familyOf(entry)),
+  ),
 );
+const metaRegimes = getGlossaryEntriesByFamily(entries, "meta-regime");
 
-const scenes = sortByTerm(
-  entries.filter((entry) => familyOf(entry) === "scene")
-);
-
-const dynamiques = sortByTerm(
-  entries.filter((entry) => ["dynamique", "pathologie"].includes(familyOf(entry)))
-);
-
-const metaRegimes = sortByTerm(
-  entries.filter((entry) => familyOf(entry) === "meta-regime")
-);
-
-const paradigmesCount = entries.filter((entry) => entry.data.kind === "paradigme").length;
-const doctrinesCount = entries.filter((entry) => entry.data.kind === "doctrine").length;
+const paradigmesCount = countGlossaryEntriesByKind(entries, "paradigme");
+const doctrinesCount = countGlossaryEntriesByKind(entries, "doctrine");
 
 const metaRegimesPreview = metaRegimes.slice(0, 6);
 
@@ -85,6 +45,47 @@ const tensionsPageHref = "/glossaire/tensions-irreductibles/";
 const verbesPageHref = "/glossaire/verbes-de-la-scene/";
 const paradigmesPageHref = "/glossaire/paradigmes/";
 const indexCompletPageHref = "/glossaire/index-complet/";
+
+const paradigmePortalItems = [
+  {
+    href: paradigmeArchicratiquePageHref,
+    title: "Paradigme archicratique",
+    description:
+      "Saisir la logique d’ensemble du système archicratique : de l’arcalité et de la cratialité jusqu’aux scènes, aux tensions, aux formes de co-viabilité et aux traditions de comparaison mobilisées.",
+    meta: "Portail de synthèse générale",
+  },
+];
+
+const approfondirPortalItems = [
+  {
+    href: tensionsPageHref,
+    title: "Tensions irréductibles",
+    description:
+      "Parcourir les dix tensions ontologiquement irréductibles et politiquement fondatrices à partir desquelles la co-viabilité doit être pensée.",
+    meta: "10 tensions structurantes",
+  },
+  {
+    href: verbesPageHref,
+    title: "Verbes de la scène",
+    description:
+      "Disposer d’un mini-glossaire opératoire pour décrire l’ouverture, l’entrave, la capture, la fermeture ou la remise en scène des architectures régulatrices.",
+    meta: "19 verbes d’analyse",
+  },
+  {
+    href: paradigmesPageHref,
+    title: "Cartographie théorique",
+    description:
+      "Situer l’archicratie dans son paysage de doctrines fondatrices et de paradigmes régulateurs.",
+    meta: `${doctrinesCount} doctrine${doctrinesCount > 1 ? "s" : ""} · ${paradigmesCount} paradigme${paradigmesCount > 1 ? "s" : ""}`,
+  },
+  {
+    href: indexCompletPageHref,
+    title: "Index complet",
+    description:
+      "Retrouver l’ensemble des entrées du glossaire dans une navigation alphabétique intégrale.",
+    meta: `${entries.length} entrée${entries.length > 1 ? "s" : ""}`,
+  },
+];
 ---
 
 <GlossaryLayout
@@ -97,289 +98,182 @@ const indexCompletPageHref = "/glossaire/index-complet/";
   </Fragment>
 
   <section class="glossary-home">
-        <header class="glossary-hero" id="glossary-hero">
-          <p class="glossary-kicker">Référentiel terminologique</p>
-          <h1>Glossaire archicratique</h1>
-          <p class="glossary-intro">
-            Ce glossaire n’est pas seulement un index de définitions. Il constitue
-            une porte d’entrée dans la pensée archicratique : une cartographie
-            raisonnée des concepts fondamentaux, des scènes, des dynamiques et des
-            méta-régimes à partir desquels une société peut être décrite comme
-            organisation de tensions et recherche de co-viabilité.
-          </p>
-          <h2
-            class="glossary-hero-follow"
-            id="glossary-hero-follow"
-            aria-hidden="true"
-          ></h2>
-        </header>
+    <GlossaryHomeHero />
 
-        <section class="glossary-map-block glossary-section" aria-labelledby="glossary-map-title">
-          <div class="glossary-map-block__head">
-            <h2 id="glossary-map-title" data-follow-section="Cartographie du système archicratique">
-              Cartographie du système archicratique
-            </h2>
-            <p>
-              La lecture la plus simple du système part de deux vecteurs premiers,
-              l’arcalité et la cratialité, dont la rencontre produit des tensions.
-              Ces tensions doivent être mises en scène, traitées par l’archicration,
-              puis stabilisées dans des méta-régimes de co-viabilité.
-            </p>
-          </div>
+    <section
+      class="glossary-map-block glossary-section"
+      aria-labelledby="glossary-map-title"
+    >
+      <div class="glossary-map-block__head">
+        <h2
+          id="glossary-map-title"
+          data-follow-section="Cartographie du système archicratique"
+        >
+          Cartographie du système archicratique
+        </h2>
+        <p>
+          La lecture la plus simple du système part de deux vecteurs premiers,
+          l’arcalité et la cratialité, dont la rencontre produit des tensions.
+          Ces tensions doivent être mises en scène, traitées par l’archicration,
+          puis stabilisées dans des méta-régimes de co-viabilité.
+        </p>
+      </div>
 
-          <div class="glossary-map" aria-label="Carte conceptuelle du glossaire">
-            <div class="glossary-map__stage">
-              <div class="glossary-map__title">Forces en composition</div>
-              <div class="glossary-map__roots">
-                {arcalite ? (
-                  <a class="glossary-map__node" href={hrefOf(arcalite)}>ARCALITÉ</a>
-                ) : (
-                  <span class="glossary-map__node">ARCALITÉ</span>
-                )}
-
-                {cratialite ? (
-                  <a class="glossary-map__node" href={hrefOf(cratialite)}>CRATIALITÉ</a>
-                ) : (
-                  <span class="glossary-map__node">CRATIALITÉ</span>
-                )}
-              </div>
-            </div>
-
-            <div class="glossary-map__arrow" aria-hidden="true">↓</div>
-
-            <div class="glossary-map__stage">
-              <div class="glossary-map__title">Phénomène transversal</div>
-              {tension ? (
-                <a class="glossary-map__node glossary-map__node--wide" href={hrefOf(tension)}>
-                  TENSION
-                </a>
-              ) : (
-                <span class="glossary-map__node glossary-map__node--wide">TENSION</span>
-              )}
-            </div>
-
-            <div class="glossary-map__arrow" aria-hidden="true">↓</div>
-
-            <div class="glossary-map__stage">
-              <div class="glossary-map__title">Comparution</div>
-              {sceneDepreuve ? (
-                <a class="glossary-map__node glossary-map__node--wide" href={hrefOf(sceneDepreuve)}>
-                  MISE EN SCÈNE
-                </a>
-              ) : (
-                <span class="glossary-map__node glossary-map__node--wide">MISE EN SCÈNE</span>
-              )}
-            </div>
-
-            <div class="glossary-map__arrow" aria-hidden="true">↓</div>
-
-            <div class="glossary-map__stage">
-              <div class="glossary-map__title">Opérateur régulateur</div>
-              {archicration ? (
-                <a class="glossary-map__node glossary-map__node--wide" href={hrefOf(archicration)}>
-                  ARCHICRATION
-                </a>
-              ) : (
-                <span class="glossary-map__node glossary-map__node--wide">ARCHICRATION</span>
-              )}
-            </div>
-
-            <div class="glossary-map__arrow" aria-hidden="true">↓</div>
-
-            <div class="glossary-map__stage">
-              <div class="glossary-map__title">Formes de stabilisation</div>
-              <a class="glossary-map__node glossary-map__node--wide" href={metaRegimesPageHref}>
-                MÉTA-RÉGIMES
+      <div class="glossary-map" aria-label="Carte conceptuelle du glossaire">
+        <div class="glossary-map__stage">
+          <div class="glossary-map__title">Forces en composition</div>
+          <div class="glossary-map__roots">
+            {arcalite ? (
+              <a class="glossary-map__node" href={hrefOfGlossaryEntry(arcalite)}>
+                ARCALITÉ
               </a>
-            </div>
+            ) : (
+              <span class="glossary-map__node">ARCALITÉ</span>
+            )}
+
+            {cratialite ? (
+              <a class="glossary-map__node" href={hrefOfGlossaryEntry(cratialite)}>
+                CRATIALITÉ
+              </a>
+            ) : (
+              <span class="glossary-map__node">CRATIALITÉ</span>
+            )}
           </div>
-        </section>
+        </div>
 
-        {fondamentaux.length > 0 && (
-          <section id="concepts-fondamentaux" class="glossary-section">
-            <div class="glossary-section__head">
-              <div>
-                <h2 data-follow-section="Concepts fondamentaux">Concepts fondamentaux</h2>
-                <p class="glossary-intro">
-                  Ces notions forment la grammaire minimale de l’archicratie.
-                  Elles donnent accès à la structure générale du système.
-                </p>
-              </div>
-            </div>
+        <div class="glossary-map__arrow" aria-hidden="true">↓</div>
 
-            <div class="glossary-cards">
-              {fondamentaux.map((entry) => (
-                <a class="glossary-card" href={hrefOf(entry)}>
-                  <strong>{entry.data.term}</strong>
-                  <span>{entry.data.definitionShort}</span>
-                </a>
-              ))}
-            </div>
-          </section>
-        )}
-
-        <section id="paradigme-archicratique" class="glossary-section">
-          <div class="glossary-section__head">
-            <div>
-              <h2 data-follow-section="Paradigme archicratique">Paradigme archicratique</h2>
-              <p class="glossary-intro">
-                Cette page de synthèse offre une vue d’ensemble du système
-                archicratique. Elle articule le noyau conceptuel, les scènes de
-                comparution, les dynamiques, les tensions irréductibles, les
-                méta-régimes de co-viabilité et le paysage théorique dans lequel
-                l’archicratie se situe et se distingue.
-              </p>
-            </div>
-
-            <a class="glossary-cta" href={paradigmeArchicratiquePageHref}>
-              Ouvrir la synthèse
+        <div class="glossary-map__stage">
+          <div class="glossary-map__title">Phénomène transversal</div>
+          {tension ? (
+            <a
+              class="glossary-map__node glossary-map__node--wide"
+              href={hrefOfGlossaryEntry(tension)}
+            >
+              TENSION
             </a>
-          </div>
-
-          <div class="glossary-portals">
-            <a class="glossary-portal-card" href={paradigmeArchicratiquePageHref}>
-              <strong>Paradigme archicratique</strong>
-              <span>
-                Saisir la logique d’ensemble du système archicratique : de
-                l’arcalité et de la cratialité jusqu’aux scènes, aux tensions, aux
-                formes de co-viabilité et aux traditions de comparaison
-                mobilisées.
-              </span>
-              <small>Portail de synthèse générale</small>
-            </a>
-          </div>
-        </section>
-
-        {scenes.length > 0 && (
-          <section id="scenes-archicratiques" class="glossary-section">
-            <div class="glossary-section__head">
-              <div>
-                <h2 data-follow-section="Scènes archicratiques">Scènes archicratiques</h2>
-                <p class="glossary-intro">
-                  Les scènes archicratiques rendent possible la comparution des
-                  architectures de régulation. Elles sont le lieu où l’ordre peut
-                  être exposé, discuté et révisé.
-                </p>
-              </div>
-            </div>
-
-            <div class="glossary-cards">
-              {scenes.map((entry) => (
-                <a class="glossary-card glossary-card--wide" href={hrefOf(entry)}>
-                  <strong>{entry.data.term}</strong>
-                  <span>{entry.data.definitionShort}</span>
-                </a>
-              ))}
-            </div>
-          </section>
-        )}
-
-        {dynamiques.length > 0 && (
-          <section id="dynamiques-archicratiques" class="glossary-section">
-            <div class="glossary-section__head">
-              <div>
-                <h2 data-follow-section="Dynamiques archicratiques">Dynamiques archicratiques</h2>
-                <p class="glossary-intro">
-                  Cette famille rassemble les processus de déplacement, les dérives
-                  et les formes de pathologisation de la régulation archicratique.
-                </p>
-              </div>
-            </div>
-
-            <div class="glossary-cards">
-              {dynamiques.map((entry) => (
-                <a class="glossary-card" href={hrefOf(entry)}>
-                  <strong>{entry.data.term}</strong>
-                  <span>{entry.data.definitionShort}</span>
-                </a>
-              ))}
-            </div>
-          </section>
-        )}
-
-        <section id="meta-regimes-archicratiques" class="glossary-section">
-          <div class="glossary-section__head">
-            <div>
-              <h2 data-follow-section="Méta-régimes archicratiques">Méta-régimes archicratiques</h2>
-              <p class="glossary-intro">
-                Les méta-régimes décrivent les grandes formes historiques et
-                topologiques par lesquelles une société organise durablement ses
-                tensions et sa co-viabilité.
-              </p>
-            </div>
-
-            <a class="glossary-cta" href={metaRegimesPageHref}>
-              Explorer la cartographie complète
-            </a>
-          </div>
-
-          {metaRegimesPreview.length > 0 && (
-            <div class="glossary-cards">
-              {metaRegimesPreview.map((entry) => (
-                <a class="glossary-card" href={hrefOf(entry)}>
-                  <strong>{entry.data.term}</strong>
-                  <span>{entry.data.definitionShort}</span>
-                </a>
-              ))}
-            </div>
+          ) : (
+            <span class="glossary-map__node glossary-map__node--wide">
+              TENSION
+            </span>
           )}
-        </section>
+        </div>
 
-        <section id="approfondir" class="glossary-section">
-          <div class="glossary-section__head">
-            <div>
-              <h2 data-follow-section="Prolonger la lecture">Prolonger la lecture</h2>
-              <p class="glossary-intro">
-                Quatre parcours complémentaires permettent d’élargir la lecture :
-                l’un vers les tensions irréductibles, l’un vers les verbes de la scène
-                archicratique, l’un vers le paysage théorique dans lequel l’archicratie
-                se situe et se distingue, l’autre vers l’ensemble alphabétique complet
-                des entrées du glossaire.
-              </p>
-            </div>
-          </div>
+        <div class="glossary-map__arrow" aria-hidden="true">↓</div>
 
-          <div class="glossary-portals glossary-portals--secondary">
-            <a class="glossary-portal-card" href={tensionsPageHref}>
-              <strong>Tensions irréductibles</strong>
-              <span>
-                Parcourir les dix tensions ontologiquement irréductibles et
-                politiquement fondatrices à partir desquelles la co-viabilité doit
-                être pensée.
-              </span>
-              <small>10 tensions structurantes</small>
+        <div class="glossary-map__stage">
+          <div class="glossary-map__title">Comparution</div>
+          {sceneDepreuve ? (
+            <a
+              class="glossary-map__node glossary-map__node--wide"
+              href={hrefOfGlossaryEntry(sceneDepreuve)}
+            >
+              MISE EN SCÈNE
             </a>
+          ) : (
+            <span class="glossary-map__node glossary-map__node--wide">
+              MISE EN SCÈNE
+            </span>
+          )}
+        </div>
 
-            <a class="glossary-portal-card" href={verbesPageHref}>
-              <strong>Verbes de la scène</strong>
-              <span>
-                Disposer d’un mini-glossaire opératoire pour décrire l’ouverture,
-                l’entrave, la capture, la fermeture ou la remise en scène des
-                architectures régulatrices.
-              </span>
-              <small>19 verbes d’analyse</small>
-            </a>
+        <div class="glossary-map__arrow" aria-hidden="true">↓</div>
 
-            <a class="glossary-portal-card" href={paradigmesPageHref}>
-              <strong>Cartographie théorique</strong>
-              <span>
-                Situer l’archicratie dans son paysage de doctrines fondatrices et de
-                paradigmes régulateurs.
-              </span>
-              <small>{doctrinesCount} doctrine{doctrinesCount > 1 ? "s" : ""} · {paradigmesCount} paradigme{paradigmesCount > 1 ? "s" : ""}</small>
+        <div class="glossary-map__stage">
+          <div class="glossary-map__title">Opérateur régulateur</div>
+          {archicration ? (
+            <a
+              class="glossary-map__node glossary-map__node--wide"
+              href={hrefOfGlossaryEntry(archicration)}
+            >
+              ARCHICRATION
             </a>
+          ) : (
+            <span class="glossary-map__node glossary-map__node--wide">
+              ARCHICRATION
+            </span>
+          )}
+        </div>
 
-            <a class="glossary-portal-card" href={indexCompletPageHref}>
-              <strong>Index complet</strong>
-              <span>
-                Retrouver l’ensemble des entrées du glossaire dans une navigation
-                alphabétique intégrale.
-              </span>
-              <small>{entries.length} entrée{entries.length > 1 ? "s" : ""}</small>
-            </a>
-          </div>
-        </section>
-      </section>
+        <div class="glossary-map__arrow" aria-hidden="true">↓</div>
+
+        <div class="glossary-map__stage">
+          <div class="glossary-map__title">Formes de stabilisation</div>
+          <a
+            class="glossary-map__node glossary-map__node--wide"
+            href={metaRegimesPageHref}
+          >
+            MÉTA-RÉGIMES
+          </a>
+        </div>
+      </div>
+    </section>
+
+    {fondamentaux.length > 0 && (
+      <GlossaryHomeSection
+        id="concepts-fondamentaux"
+        title="Concepts fondamentaux"
+        followSection="Concepts fondamentaux"
+        intro="Ces notions forment la grammaire minimale de l’archicratie. Elles donnent accès à la structure générale du système."
+      >
+        <GlossaryCardGrid entries={fondamentaux} />
+      </GlossaryHomeSection>
+    )}
+
+    <GlossaryHomeSection
+      id="paradigme-archicratique"
+      title="Paradigme archicratique"
+      followSection="Paradigme archicratique"
+      intro="Cette page de synthèse offre une vue d’ensemble du système archicratique. Elle articule le noyau conceptuel, les scènes de comparution, les dynamiques, les tensions irréductibles, les méta-régimes de co-viabilité et le paysage théorique dans lequel l’archicratie se situe et se distingue."
+      ctaHref={paradigmeArchicratiquePageHref}
+      ctaLabel="Ouvrir la synthèse"
+    >
+      <GlossaryPortalGrid items={paradigmePortalItems} />
+    </GlossaryHomeSection>
+
+    {scenes.length > 0 && (
+      <GlossaryHomeSection
+        id="scenes-archicratiques"
+        title="Scènes archicratiques"
+        followSection="Scènes archicratiques"
+        intro="Les scènes archicratiques rendent possible la comparution des architectures de régulation. Elles sont le lieu où l’ordre peut être exposé, discuté et révisé."
+      >
+        <GlossaryCardGrid entries={scenes} wide={true} />
+      </GlossaryHomeSection>
+    )}
+
+    {dynamiques.length > 0 && (
+      <GlossaryHomeSection
+        id="dynamiques-archicratiques"
+        title="Dynamiques archicratiques"
+        followSection="Dynamiques archicratiques"
+        intro="Cette famille rassemble les processus de déplacement, les dérives et les formes de pathologisation de la régulation archicratique."
+      >
+        <GlossaryCardGrid entries={dynamiques} />
+      </GlossaryHomeSection>
+    )}
+
+    <GlossaryHomeSection
+      id="meta-regimes-archicratiques"
+      title="Méta-régimes archicratiques"
+      followSection="Méta-régimes archicratiques"
+      intro="Les méta-régimes décrivent les grandes formes historiques et topologiques par lesquelles une société organise durablement ses tensions et sa co-viabilité."
+      ctaHref={metaRegimesPageHref}
+      ctaLabel="Explorer la cartographie complète"
+    >
+      {metaRegimesPreview.length > 0 && (
+        <GlossaryCardGrid entries={metaRegimesPreview} />
+      )}
+    </GlossaryHomeSection>
+
+    <GlossaryHomeSection
+      id="approfondir"
+      title="Prolonger la lecture"
+      followSection="Prolonger la lecture"
+      intro="Quatre parcours complémentaires permettent d’élargir la lecture : l’un vers les tensions irréductibles, l’un vers les verbes de la scène archicratique, l’un vers le paysage théorique dans lequel l’archicratie se situe et se distingue, l’autre vers l’ensemble alphabétique complet des entrées du glossaire."
+    >
+      <GlossaryPortalGrid items={approfondirPortalItems} secondary={true} />
+    </GlossaryHomeSection>
 
   <script is:inline>
     (() => {
@@ -546,76 +440,6 @@ const indexCompletPageHref = "/glossaire/index-complet/";
       position: static;
     }
 
-    .glossary-hero{
-      position: sticky;
-      top: var(--glossary-sticky-top);
-      z-index: 12;
-      margin-bottom: 28px;
-      padding: 14px 16px 18px;
-      border: 1px solid rgba(127,127,127,0.18);
-      border-radius: 28px;
-      background:
-        linear-gradient(180deg, rgba(0,0,0,0.60), rgba(0,0,0,0.90)),
-        radial-gradient(900px 240px at 20% 0%, rgba(0,217,255,0.08), transparent 60%);
-      transition:
-        background 300ms cubic-bezier(.22,.8,.22,1),
-        border-color 300ms cubic-bezier(.22,.8,.22,1),
-        box-shadow 300ms cubic-bezier(.22,.8,.22,1);
-      backdrop-filter: blur(10px);
-      -webkit-backdrop-filter: blur(10px);
-      display: grid;
-      row-gap: 12px;
-    }
-
-    .glossary-kicker{
-      margin: 0;
-      font-size: 12px;
-      letter-spacing: .12em;
-      text-transform: uppercase;
-      opacity: .72;
-    }
-
-    .glossary-hero h1{
-      margin: 0;
-      font-size: clamp(2.2rem, 4vw, 3.15rem);
-      line-height: 1.02;
-      letter-spacing: -.04em;
-      font-weight: 850;
-    }
-
-    .glossary-intro{
-      margin: 0;
-      max-width: 72ch;
-      font-size: 1.05rem;
-      line-height: 1.55;
-      opacity: .94;
-    }
-
-    .glossary-hero-follow{
-      margin: 2px 0 0;
-      min-height: var(--glossary-follow-height);
-      display: flex;
-      align-items: flex-end;
-      opacity: 0;
-      transform: translateY(10px) scale(.985);
-      filter: blur(6px);
-      transition:
-        opacity 220ms cubic-bezier(.22,1,.36,1),
-        transform 320ms cubic-bezier(.22,1,.36,1),
-        filter 320ms cubic-bezier(.22,1,.36,1);
-      pointer-events: none;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      will-change: opacity, transform, filter;
-    }
-
-    .glossary-hero-follow.is-visible{
-      opacity: 1;
-      transform: translateY(0) scale(1);
-      filter: blur(0);
-    }
-
     .glossary-map-block__head h2,
     .glossary-section h2{
       margin: 0;
@@ -625,20 +449,6 @@ const indexCompletPageHref = "/glossaire/index-complet/";
       font-weight: 800;
     }
 
-    .glossary-section{
-      margin-top: 42px;
-      scroll-margin-top: calc(var(--glossary-sticky-top) + 190px);
-    }
-
-    .glossary-section__head{
-      display: flex;
-      justify-content: space-between;
-      align-items: start;
-      gap: 16px;
-      flex-wrap: wrap;
-      margin-bottom: 14px;
-    }
-
     .glossary-map-block{
       padding: 18px 18px 20px;
       border: 1px solid var(--glossary-border);
@@ -721,95 +531,6 @@ const indexCompletPageHref = "/glossaire/index-complet/";
       opacity: .72;
     }
 
-    .glossary-cta{
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      min-height: 40px;
-      border: 1px solid var(--glossary-border-strong);
-      border-radius: 999px;
-      padding: 7px 14px;
-      color: var(--glossary-accent);
-      text-decoration: none;
-      white-space: nowrap;
-      transition: transform 120ms ease, background 120ms ease;
-    }
-
-    .glossary-cta:hover{
-      background: var(--glossary-bg-soft-strong);
-      text-decoration: none;
-      transform: translateY(-1px);
-    }
-
-    .glossary-cards{
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-      gap: 12px;
-      margin-top: 14px;
-    }
-
-    .glossary-card{
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-      padding: 14px 16px;
-      border: 1px solid var(--glossary-border);
-      border-radius: 18px;
-      background: var(--glossary-bg-soft);
-      text-decoration: none;
-      transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
-    }
-
-    .glossary-card:hover{
-      transform: translateY(-1px);
-      background: var(--glossary-bg-soft-strong);
-      border-color: rgba(0,217,255,0.16);
-      text-decoration: none;
-    }
-
-    .glossary-card--wide{
-      grid-column: 1 / -1;
-    }
-
-    .glossary-card strong{
-      color: var(--glossary-accent);
-      font-size: 1.04rem;
-      line-height: 1.28;
-    }
-
-    .glossary-card span{
-      color: inherit;
-      font-size: 1rem;
-      line-height: 1.5;
-      opacity: .94;
-    }
-
-    .glossary-portals{
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-      gap: 14px;
-      margin-top: 14px;
-    }
-
-    .glossary-portal-card{
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-      padding: 16px 18px;
-      border: 1px solid var(--glossary-border);
-      border-radius: 18px;
-      background: var(--glossary-bg-soft);
-      text-decoration: none;
-      transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
-    }
-
-    .glossary-portal-card:hover{
-      transform: translateY(-1px);
-      background: var(--glossary-bg-soft-strong);
-      border-color: rgba(0,217,255,0.16);
-      text-decoration: none;
-    }
-
     .glossary-portal-card strong{
       color: var(--glossary-accent);
       font-size: 1.08rem;