Merge pull request 'audit(glossaire): tighten portal exposure and cross-page coherence' (#299) from audit/glossaire-transverse-coherence-fix into main

Reviewed-on: #299

src/pages/glossaire/archicrations.astro

@@ -81,10 +81,13 @@ const sections = [
 
 const totalCount = sections.reduce((sum, section) => sum + section.items.length, 0);
 
-const pageItems = sections.map((section) => ({
-  href: `#${section.id}`,
-  label: section.title,
-}));
+const pageItems = [
+  ...sections.map((section) => ({
+    href: `#${section.id}`,
+    label: section.title,
+  })),
+  { href: "#prolonger-la-lecture", label: "Prolonger la lecture" },
+];
 
 const usefulLinks = [
   { href: "/glossaire/archicration/", label: "Archicration" },
@@ -93,6 +96,33 @@ const usefulLinks = [
   { href: "/glossaire/cratialite/", label: "Cratialité" },
   { href: "/glossaire/co-viabilite/", label: "Co-viabilité" },
 ];
+
+const prolongerLinks = [
+  {
+    href: "/glossaire/concepts-fondamentaux/",
+    title: "Concepts fondamentaux",
+    text:
+      "Revenir au noyau minimal : arcalité, cratialité, tension, archicration, co-viabilité et archicratie.",
+  },
+  {
+    href: "/glossaire/paradigmes/",
+    title: "Paradigmes et doctrines",
+    text:
+      "Situer les archicrations dans le paysage théorique au sein duquel l’archicratie se compare et se distingue.",
+  },
+  {
+    href: "/glossaire/tensions-irreductibles/",
+    title: "Tensions irréductibles",
+    text:
+      "Revenir aux foyers structuraux de conflictualité que les archicrations stabilisent sans les abolir.",
+  },
+  {
+    href: "/glossaire/index-complet/",
+    title: "Index complet",
+    text:
+      "Retrouver l’ensemble des entrées du glossaire dans une navigation alphabétique intégrale.",
+  },
+];
 ---
 
 <GlossaryLayout
@@ -154,6 +184,21 @@ const usefulLinks = [
       </GlossaryPortalSection>
     ))}
 
+    <GlossaryPortalSection
+      id="prolonger-la-lecture"
+      title="Prolonger la lecture"
+      intro="Cette cartographie des archicrations peut ensuite être replacée dans le noyau conceptuel, dans le paysage théorique général et dans l’index complet du glossaire."
+    >
+      <div class="archi-cards">
+        {prolongerLinks.map((item) => (
+          <a class="archi-card" href={item.href}>
+            <strong>{item.title}</strong>
+            <span>{item.text}</span>
+          </a>
+        ))}
+      </div>
+    </GlossaryPortalSection>
+
     <GlossaryPortalSection
       id="portee-densemble"
       title="Portée d’ensemble"

src/pages/glossaire/concepts-fondamentaux.astro

@@ -292,7 +292,7 @@ const prolongerLinks = [
     </GlossaryPortalSection>
 
     <GlossaryPortalSection
-      id="prolonger-lecture"
+      id="prolonger-la-lecture"
       title="Prolonger la lecture"
       intro="Une fois cette grammaire minimale stabilisée, la lecture peut s’élargir vers les familles de méta-régimes, les paradigmes de comparaison, les dynamiques archicratiques et l’index complet."
     >

src/pages/glossaire/dynamiques-archicratiques.astro

@@ -461,7 +461,7 @@ const prolongerLinks = [
   }
 
   @media (max-width: 720px){
-    .dyna-block--panel{
+    .dyna-block.glossary-portal-panel--surface{
       padding: 16px;
       border-radius: 16px;
     }
@@ -469,7 +469,7 @@ const prolongerLinks = [
 
   @media (prefers-color-scheme: dark){
     .dyna-focus-card,
-    .dyna-block--panel,
+    .dyna-block.glossary-portal-panel--surface,
     .dyna-card{
       background: rgba(255,255,255,0.04);
     }

src/pages/glossaire/index.astro

@@ -39,6 +39,9 @@ const tension = bySlug.get("tension");
 const sceneDepreuve = bySlug.get("scene-depreuve");
 const archicration = bySlug.get("archicration");
 
+const conceptsPageHref = "/glossaire/concepts-fondamentaux/";
+const scenesPageHref = "/glossaire/scenes-archicratiques/";
+const dynamiquesPageHref = "/glossaire/dynamiques-archicratiques/";
 const paradigmeArchicratiquePageHref = "/glossaire/paradigme-archicratique/";
 const metaRegimesPageHref = "/glossaire/archicrations/";
 const tensionsPageHref = "/glossaire/tensions-irreductibles/";
@@ -215,6 +218,8 @@ const approfondirPortalItems = [
         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."
+        ctaHref={conceptsPageHref}
+        ctaLabel="Ouvrir le portail"
       >
         <GlossaryCardGrid entries={fondamentaux} />
       </GlossaryHomeSection>
@@ -237,6 +242,8 @@ const approfondirPortalItems = [
         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é."
+        ctaHref={scenesPageHref}
+        ctaLabel="Ouvrir le portail"
       >
         <GlossaryCardGrid entries={scenes} wide={true} />
       </GlossaryHomeSection>
@@ -248,6 +255,8 @@ const approfondirPortalItems = [
         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."
+        ctaHref={dynamiquesPageHref}
+        ctaLabel="Ouvrir le portail"
       >
         <GlossaryCardGrid entries={dynamiques} />
       </GlossaryHomeSection>