From 538c490e768cfd84eef8d393516ecd55833c9f5e Mon Sep 17 00:00:00 2001
From: Jules Neny <transformationsresilientes@gmail.com>
Date: Fri, 22 May 2026 15:24:29 +0200
Subject: [PATCH] =?UTF-8?q?fix(media):=20carte=20D3=20+=20chatbot=20restau?=
 =?UTF-8?q?r=C3=A9s=20+=20refonte=20toolbar=20+=20nav?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- fix: server route /data/auteurs-pensees.json (contournement bug manifest Nitro)
- fix: contentView indépendant du layoutMode — boutons CARTE PRINCIPALE / bonpote / RAG backend ne modifient pas l'état carte-full/chatbot-full
- feat: bouton CARTE PRINCIPALE → restaure la vue D3 + chatbot split
- fix: /rag redirige vers /media (301)
- feat: nav "RAG en construction" → "recherche-média" lien /media

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app.vue                                       |   7 +-
 components/MediaTabVisuel.vue                 | 408 ++++++++++--------
 pages/rag.vue                                 |  37 +-
 .../routes/data/auteurs-pensees.json.get.ts   |  10 +
 4 files changed, 234 insertions(+), 228 deletions(-)
 create mode 100644 server/routes/data/auteurs-pensees.json.get.ts

diff --git a/app.vue b/app.vue
index ddb792c..098f14f 100644
--- a/app.vue
+++ b/app.vue
@@ -58,12 +58,11 @@
           Codev
         </NuxtLink>
         <NuxtLink
-          to="/rag"
+          to="/media"
           class="nav-tab"
-          :class="{ 'nav-tab--active': route.path === '/rag' }"
+          :class="{ 'nav-tab--active': route.path.startsWith('/media') }"
         >
-          RAG
-          <span class="nav-tab-badge">en construction</span>
+          recherche-média
         </NuxtLink>
       </nav>
 
diff --git a/components/MediaTabVisuel.vue b/components/MediaTabVisuel.vue
index 63188da..e758a5f 100644
--- a/components/MediaTabVisuel.vue
+++ b/components/MediaTabVisuel.vue
@@ -1,53 +1,13 @@
 <template>
   <div class="media-visuel">
 
-    <!-- Conteneur split / plein ecran -->
-    <div class="layout-container">
+    <!-- Barre de toggle (toujours visible) -->
+    <div class="layout-toggle-bar shrink-0">
 
-      <!-- Slot carte D3 -->
-      <div
-        class="carte-slot"
-        :class="[
-          layoutMode === 'split' ? 'carte-split' : '',
-          layoutMode === 'carte-full' ? 'carte-full' : '',
-          (layoutMode === 'chatbot-full' || layoutMode === 'bonpote' || layoutMode === 'rag-backend') ? 'carte-hidden' : '',
-        ]"
-        :style="layoutMode === 'split' ? { flexBasis: carteFlexBasis } : {}"
-        style="position: relative;"
-      >
-        <ClientOnly>
-          <CartePensees
-            ref="cartePenseesRef"
-            :data="penseesData"
-            :active="true"
-            @select-auteur="onSelectAuteur"
-            @select-ecole="onSelectEcole"
-          />
-          <template #fallback>
-            <div class="w-full h-full flex items-center justify-center" style="color: var(--nav-text-muted);">
-              Chargement de la carte...
-            </div>
-          </template>
-        </ClientOnly>
-
-        <!-- Overlay PDF FRACAS -->
-        <div
-          v-if="showFracasPdf"
-          class="fracas-overlay"
-          :style="{ opacity: fracasOpacity / 100 }"
-        >
-          <embed
-            src="/cartes/carte-fracas-bonpote-v2.pdf"
-            type="application/pdf"
-            style="width: 100%; height: 100%;"
-          />
-        </div>
-      </div>
-
-      <!-- Barre de toggle -->
-      <div class="layout-toggle-bar shrink-0">
+      <!-- Gauche : contrôles layout (uniquement en mode carte) -->
+      <template v-if="contentView === 'carte'">
         <button
-          @click="setLayoutMode('carte-full')"
+          @click="layoutMode = 'carte-full'"
           :class="{ active: layoutMode === 'carte-full' }"
           class="toggle-btn"
           title="Carte en plein ecran"
@@ -60,7 +20,7 @@
         </button>
         <button
           v-if="layoutMode !== 'split'"
-          @click="setLayoutMode('split')"
+          @click="layoutMode = 'split'"
           class="toggle-btn"
           title="Vue partagee"
         >
@@ -70,86 +30,153 @@
           Vue partagee
         </button>
         <button
-          @click="setLayoutMode('chatbot-full')"
+          @click="layoutMode = 'chatbot-full'"
           :class="{ active: layoutMode === 'chatbot-full' }"
           class="toggle-btn"
-          title="Chatbot en plein ecran"
+          title="Chatbot plein ecran"
         >
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
             <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
           </svg>
           Chatbot plein ecran
         </button>
+      </template>
 
-        <!-- Groupe droit : carte des pensées + RAG backend -->
-        <div style="margin-left: auto; display: flex; align-items: center; gap: 4px; flex-wrap: wrap;">
+      <!-- Droite : contrôles contenu (indépendants du layout) -->
+      <div style="margin-left: auto; display: flex; align-items: center; gap: 4px; flex-wrap: wrap;">
+        <!-- Slider opacité PDF (quand activé et en mode carte) -->
+        <input
+          v-if="showFracasPdf && contentView === 'carte'"
+          type="range"
+          min="0"
+          max="100"
+          v-model.number="fracasOpacity"
+          class="opacity-slider"
+          :title="`Opacité ${fracasOpacity}%`"
+        />
+
+        <!-- CARTE PRINCIPALE -->
+        <button
+          @click="showCarte"
+          :class="{ active: contentView === 'carte' }"
+          class="toggle-btn"
+          title="Vue principale : carte D3 + chatbot"
+        >
+          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <circle cx="12" cy="12" r="2"/><path d="M12 2a10 10 0 0 0-7.07 17.07M12 2a10 10 0 0 1 7.07 17.07M3.34 7h17.32M3.34 17h17.32"/>
+          </svg>
+          CARTE PRINCIPALE
+        </button>
+
+        <!-- Tickbox PDF + carte des pensées écologiques -->
+        <div class="carte-pensees-ctrl">
           <input
-            v-if="showFracasPdf"
-            type="range"
-            min="0"
-            max="100"
-            v-model.number="fracasOpacity"
-            class="opacity-slider"
-            :title="`Opacité ${fracasOpacity}%`"
+            type="checkbox"
+            v-model="showFracasPdf"
+            class="fracas-check"
+            title="Superposer la carte FRACAS en PDF (mode carte)"
           />
-          <div class="carte-pensees-ctrl">
-            <input
-              type="checkbox"
-              v-model="showFracasPdf"
-              class="fracas-check"
-              title="Superposer la carte FRACAS en PDF"
-            />
-            <button
-              @click="setLayoutMode('bonpote')"
-              :class="{ active: layoutMode === 'bonpote' }"
-              class="toggle-btn carte-pensees-btn"
-              title="Carte des pensées écologiques — référence FRACAS Bonpote V2"
-            >
-              📗 carte des pensées écologiques
-            </button>
-          </div>
           <button
-            @click="setLayoutMode('rag-backend')"
-            :class="{ active: layoutMode === 'rag-backend' }"
-            class="toggle-btn"
-            title="Interface LightRAG backend"
+            @click="contentView = 'bonpote'"
+            :class="{ active: contentView === 'bonpote' }"
+            class="toggle-btn carte-pensees-btn"
+            title="Carte des pensées écologiques — référence FRACAS Bonpote V2"
           >
-            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-              <circle cx="12" cy="12" r="3"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14"/>
-            </svg>
-            RAG backend
+            📗 carte des pensées écologiques
           </button>
         </div>
-      </div>
 
-      <!-- Poignee draggable (visible uniquement en mode split, pas sur mobile) -->
-      <div
-        v-if="layoutMode === 'split'"
-        class="split-handle"
-        @mousedown.prevent="onHandleMousedown"
-        title="Redimensionner"
-      >
-        <span class="split-handle-grip"></span>
+        <!-- RAG backend -->
+        <button
+          @click="contentView = 'rag-backend'"
+          :class="{ active: contentView === 'rag-backend' }"
+          class="toggle-btn"
+          title="Interface LightRAG backend"
+        >
+          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <circle cx="12" cy="12" r="3"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14"/>
+          </svg>
+          RAG backend
+        </button>
       </div>
+    </div>
 
-      <!-- Slot chatbot inline -->
-      <div
-        class="chatbot-slot"
-        :class="[
-          layoutMode === 'split' ? 'chatbot-split' : '',
-          layoutMode === 'chatbot-full' ? 'chatbot-full-mode' : '',
-          (layoutMode === 'carte-full' || layoutMode === 'bonpote' || layoutMode === 'rag-backend') ? 'chatbot-hidden' : '',
-        ]"
-        :style="layoutMode === 'split' ? { flexBasis: chatbotFlexBasis } : {}"
-      >
-        <ClientOnly>
-          <ChatbotPensees :auteurContext="chatbotAuteur" :inline="true" />
-        </ClientOnly>
-      </div>
+    <!-- Conteneur principal -->
+    <div class="layout-container">
 
-      <!-- Vue Bonpote V2 -->
+      <!-- VUE CARTE : carte D3 + poignee + chatbot -->
+      <template v-if="contentView === 'carte'">
+
+        <!-- Slot carte D3 -->
+        <div
+          class="carte-slot"
+          :class="[
+            layoutMode === 'split' ? 'carte-split' : '',
+            layoutMode === 'carte-full' ? 'carte-full' : '',
+            layoutMode === 'chatbot-full' ? 'carte-hidden' : '',
+          ]"
+          :style="layoutMode === 'split' ? { flexBasis: carteFlexBasis } : {}"
+          style="position: relative;"
+        >
+          <ClientOnly>
+            <CartePensees
+              ref="cartePenseesRef"
+              :data="penseesData"
+              :active="true"
+              @select-auteur="onSelectAuteur"
+              @select-ecole="onSelectEcole"
+            />
+            <template #fallback>
+              <div class="w-full h-full flex items-center justify-center" style="color: var(--nav-text-muted);">
+                Chargement de la carte...
+              </div>
+            </template>
+          </ClientOnly>
+
+          <!-- Overlay PDF FRACAS -->
+          <div
+            v-if="showFracasPdf"
+            class="fracas-overlay"
+            :style="{ opacity: fracasOpacity / 100 }"
+          >
+            <embed
+              src="/cartes/carte-fracas-bonpote-v2.pdf"
+              type="application/pdf"
+              style="width: 100%; height: 100%;"
+            />
+          </div>
+        </div>
+
+        <!-- Poignee draggable (split uniquement) -->
+        <div
+          v-if="layoutMode === 'split'"
+          class="split-handle"
+          @mousedown.prevent="onHandleMousedown"
+          title="Redimensionner"
+        >
+          <span class="split-handle-grip"></span>
+        </div>
+
+        <!-- Slot chatbot -->
+        <div
+          class="chatbot-slot"
+          :class="[
+            layoutMode === 'split' ? 'chatbot-split' : '',
+            layoutMode === 'chatbot-full' ? 'chatbot-full-mode' : '',
+            layoutMode === 'carte-full' ? 'chatbot-hidden' : '',
+          ]"
+          :style="layoutMode === 'split' ? { flexBasis: chatbotFlexBasis } : {}"
+        >
+          <ClientOnly>
+            <ChatbotPensees :auteurContext="chatbotAuteur" :inline="true" />
+          </ClientOnly>
+        </div>
+
+      </template>
+
+      <!-- VUE BONPOTE -->
       <div
-        v-if="layoutMode === 'bonpote'"
+        v-else-if="contentView === 'bonpote'"
         class="flex-1 overflow-y-auto px-6 py-8"
         style="max-width: 680px; margin: 0 auto;"
       >
@@ -178,7 +205,7 @@
               Telecharger le poster PDF (recto/verso)
             </a>
             <button
-              @click="setLayoutMode('split')"
+              @click="showCarte"
               class="flex items-center gap-3 px-4 py-3 rounded-lg hover:opacity-80 transition-opacity text-left"
               style="background: var(--nav-bg-alt); color: var(--nav-text); font-size: 0.875rem; font-weight: 500; border: none; cursor: pointer;">
               <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
@@ -202,9 +229,9 @@
         </div>
       </div>
 
-      <!-- Vue RAG backend -->
+      <!-- VUE RAG BACKEND -->
       <div
-        v-if="layoutMode === 'rag-backend'"
+        v-else-if="contentView === 'rag-backend'"
         style="flex: 1; overflow: hidden; display: flex; flex-direction: column;"
       >
         <MediaTabBackend />
@@ -285,9 +312,11 @@ interface LivreRag { slug: string; titre: string; annee: number; couches: string
 interface AuteurData { id: string; nom: string; dates: string; ecoles: string[]; ecole_principale: string; livres_rag: LivreRag[]; theses_cles: string[]; bio_courte: string }
 interface PenseesData { meta: any; ecoles: EcoleData[]; auteurs: AuteurData[] }
 
-type LayoutMode = 'split' | 'carte-full' | 'chatbot-full' | 'bonpote' | 'rag-backend'
+type LayoutMode = 'split' | 'carte-full' | 'chatbot-full'
+type ContentView = 'carte' | 'bonpote' | 'rag-backend'
 
-const STORAGE_KEY = 'media-layout-mode'
+const LAYOUT_KEY = 'media-layout-mode'
+const CONTENT_KEY = 'media-content-view'
 const SPLIT_RATIO_KEY = 'media-split-ratio'
 const DEFAULT_SPLIT_RATIO = 0.66
 
@@ -297,7 +326,9 @@ const ficheEcoleOpen = ref(false)
 const ficheEcoleId = ref<string | null>(null)
 const ragInfoOpen = ref(false)
 const chatbotAuteur = ref<string | null>(null)
+
 const layoutMode = ref<LayoutMode>('split')
+const contentView = ref<ContentView>('carte')
 const cartePenseesRef = ref<{ triggerResize: () => void } | null>(null)
 
 const showFracasPdf = ref(false)
@@ -313,12 +344,23 @@ let dragStartY = 0
 let dragStartRatio = DEFAULT_SPLIT_RATIO
 let containerHeight = 0
 
+function showCarte() {
+  contentView.value = 'carte'
+  layoutMode.value = 'split'
+  if (typeof window !== 'undefined') {
+    localStorage.setItem(CONTENT_KEY, 'carte')
+    localStorage.setItem(LAYOUT_KEY, 'split')
+  }
+  nextTick(() => {
+    cartePenseesRef.value?.triggerResize()
+  })
+}
+
 function onHandleMousedown(e: MouseEvent) {
   dragStartY = e.clientY
   dragStartRatio = splitRatio.value
   const container = (e.target as HTMLElement)?.closest('.layout-container') as HTMLElement | null
   containerHeight = container ? container.clientHeight : window.innerHeight
-
   window.addEventListener('mousemove', onHandleMousemove)
   window.addEventListener('mouseup', onHandleMouseup)
 }
@@ -340,9 +382,13 @@ function onHandleMouseup() {
 
 onMounted(async () => {
   if (typeof window !== 'undefined') {
-    const saved = localStorage.getItem(STORAGE_KEY) as LayoutMode | null
-    if (saved && (['split', 'carte-full', 'chatbot-full', 'bonpote', 'rag-backend'] as string[]).includes(saved)) {
-      layoutMode.value = saved
+    const savedLayout = localStorage.getItem(LAYOUT_KEY) as LayoutMode | null
+    if (savedLayout && (['split', 'carte-full', 'chatbot-full'] as string[]).includes(savedLayout)) {
+      layoutMode.value = savedLayout
+    }
+    const savedContent = localStorage.getItem(CONTENT_KEY) as ContentView | null
+    if (savedContent && (['carte', 'bonpote', 'rag-backend'] as string[]).includes(savedContent)) {
+      contentView.value = savedContent
     }
     const savedRatio = parseFloat(localStorage.getItem(SPLIT_RATIO_KEY) ?? '')
     if (!isNaN(savedRatio) && savedRatio >= 0.20 && savedRatio <= 0.80) {
@@ -354,30 +400,23 @@ onMounted(async () => {
     }
   }
   try {
-    penseesData.value = await $fetch<PenseesData>('/data/auteurs-pensees.json?v=4.2')
+    penseesData.value = await $fetch<PenseesData>('/data/auteurs-pensees.json')
   } catch (e) {
     console.error('Erreur chargement auteurs-pensees.json', e)
   }
 })
 
-function setLayoutMode(mode: LayoutMode) {
-  layoutMode.value = mode
-  if (typeof window !== 'undefined') {
-    localStorage.setItem(STORAGE_KEY, mode)
-  }
-  if (mode === 'split' || mode === 'carte-full') {
-    setTimeout(() => {
-      cartePenseesRef.value?.triggerResize()
-    }, 350)
-  }
-}
-
 watch(layoutMode, (v) => {
-  if (typeof window !== 'undefined') {
-    localStorage.setItem(STORAGE_KEY, v)
+  if (typeof window !== 'undefined') localStorage.setItem(LAYOUT_KEY, v)
+  if (v === 'split' || v === 'carte-full') {
+    setTimeout(() => cartePenseesRef.value?.triggerResize(), 350)
   }
 })
 
+watch(contentView, (v) => {
+  if (typeof window !== 'undefined') localStorage.setItem(CONTENT_KEY, v)
+})
+
 function onSelectAuteur(id: string) {
   ficheAuteurId.value = id
   ficheOpen.value = true
@@ -398,16 +437,16 @@ function onInterrogerEcole(ecoleId: string) {
   ficheEcoleOpen.value = false
   const ecole = penseesData.value?.ecoles.find(e => e.id === ecoleId)
   chatbotAuteur.value = ecole?.label ?? null
-  if (layoutMode.value === 'carte-full') setLayoutMode('split')
+  if (contentView.value !== 'carte') showCarte()
+  else if (layoutMode.value === 'carte-full') layoutMode.value = 'split'
 }
 
 function onInterrogerRag(auteurId: string) {
   ficheOpen.value = false
   const auteur = penseesData.value?.auteurs.find(a => a.id === auteurId)
   chatbotAuteur.value = auteur?.nom ?? null
-  if (layoutMode.value === 'carte-full') {
-    setLayoutMode('split')
-  }
+  if (contentView.value !== 'carte') showCarte()
+  else if (layoutMode.value === 'carte-full') layoutMode.value = 'split'
 }
 </script>
 
@@ -420,49 +459,6 @@ function onInterrogerRag(auteurId: string) {
   min-height: 0;
 }
 
-/* Conteneur des slots carte + toggle + chatbot */
-.layout-container {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  min-height: 0;
-}
-
-/* --- Slot carte --- */
-.carte-slot {
-  overflow: hidden;
-  position: relative;
-  transition: opacity 0.2s ease;
-}
-
-.carte-split {
-  flex: 0 0 66%;
-  min-height: 0;
-  opacity: 1;
-}
-
-.carte-full {
-  flex: 1 1 100%;
-  min-height: 0;
-  opacity: 1;
-}
-
-.carte-hidden {
-  flex: 0 0 0;
-  height: 0;
-  opacity: 0;
-  overflow: hidden;
-}
-
-/* --- Overlay PDF FRACAS --- */
-.fracas-overlay {
-  position: absolute;
-  inset: 0;
-  z-index: 50;
-  pointer-events: none;
-}
-
 /* --- Barre de toggle --- */
 .layout-toggle-bar {
   flex-shrink: 0;
@@ -503,7 +499,7 @@ function onInterrogerRag(auteurId: string) {
   border-color: var(--nav-primary);
 }
 
-/* --- Contrôle fusionné carte des pensées + tickbox --- */
+/* --- Contrôle fusionné carte des pensées --- */
 .carte-pensees-ctrl {
   display: inline-flex;
   align-items: center;
@@ -524,14 +520,56 @@ function onInterrogerRag(auteurId: string) {
   border: none;
 }
 
-/* --- Slider opacité PDF --- */
 .opacity-slider {
   width: 80px;
   cursor: pointer;
   accent-color: var(--nav-primary, #3b6ea5);
 }
 
-/* --- Poignee draggable entre carte et chatbot --- */
+/* --- Conteneur principal --- */
+.layout-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-height: 0;
+}
+
+/* --- Slot carte --- */
+.carte-slot {
+  overflow: hidden;
+  position: relative;
+  transition: opacity 0.2s ease;
+}
+
+.carte-split {
+  flex: 0 0 66%;
+  min-height: 0;
+  opacity: 1;
+}
+
+.carte-full {
+  flex: 1 1 100%;
+  min-height: 0;
+  opacity: 1;
+}
+
+.carte-hidden {
+  flex: 0 0 0;
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+}
+
+/* --- Overlay PDF FRACAS --- */
+.fracas-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 50;
+  pointer-events: none;
+}
+
+/* --- Poignee draggable --- */
 .split-handle {
   flex-shrink: 0;
   height: 8px;
@@ -563,11 +601,8 @@ function onInterrogerRag(auteurId: string) {
   );
 }
 
-/* Masquer la poignee sur mobile (ratio fixe) */
 @media (max-width: 767px) {
-  .split-handle {
-    display: none;
-  }
+  .split-handle { display: none; }
 }
 
 /* --- Slot chatbot --- */
@@ -605,19 +640,16 @@ function onInterrogerRag(auteurId: string) {
 .modal-enter-from { opacity: 0; transform: translate(-50%,-48%) scale(0.94); }
 .modal-leave-to { opacity: 0; transform: translate(-50%,-48%) scale(0.96); }
 
-/* --- Responsive mobile (<768px) --- */
+/* --- Mobile --- */
 @media (max-width: 767px) {
   .carte-split {
     flex: 0 0 60vh;
     height: 60vh;
   }
-
   .chatbot-split {
     flex: 0 0 calc(40vh - 38px);
     height: calc(40vh - 38px);
   }
-
-  .toggle-btn span,
   .toggle-btn {
     font-size: 0.7rem;
     padding: 3px 7px;
diff --git a/pages/rag.vue b/pages/rag.vue
index d408d55..7854e23 100644
--- a/pages/rag.vue
+++ b/pages/rag.vue
@@ -1,38 +1,3 @@
-<template>
-  <div class="flex flex-col items-center justify-center h-full gap-6" style="background: var(--nav-bg);">
-    <div class="text-center max-w-md px-6">
-      <div
-        class="inline-flex items-center justify-center w-14 h-14 rounded-2xl mb-5"
-        style="background: var(--nav-bg-alt);"
-      >
-        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="color: var(--nav-text-muted);">
-          <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
-          <polyline points="3.27 6.96 12 12.01 20.73 6.96"/>
-          <line x1="12" y1="22.08" x2="12" y2="12"/>
-        </svg>
-      </div>
-      <h1 class="text-2xl font-bold mb-3" style="color: var(--nav-text);">RAG — Retrieval Augmented Generation</h1>
-      <p class="text-sm leading-relaxed mb-6" style="color: var(--nav-text-muted);">
-        Une base de connaissances interrogeable par IA — textes, rapports, manifestes et ressources documentaires sur l'architecture d'écologie politique.
-      </p>
-      <p class="text-xs font-semibold uppercase tracking-widest mb-6" style="color: var(--nav-text-muted); opacity: 0.6;">
-        Bientôt disponible
-      </p>
-      <NuxtLink
-        to="/"
-        class="inline-flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-semibold transition-all hover:opacity-80"
-        style="background: var(--nav-primary); color: var(--nav-text-on-primary);"
-      >
-        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true">
-          <line x1="19" y1="12" x2="5" y2="12"/>
-          <polyline points="12 19 5 12 12 5"/>
-        </svg>
-        Retour à l'écosystème
-      </NuxtLink>
-    </div>
-  </div>
-</template>
-
 <script setup lang="ts">
-useHead({ title: 'RAG — AEP (bientôt disponible)' })
+navigateTo('/media', { redirectCode: 301 })
 </script>
diff --git a/server/routes/data/auteurs-pensees.json.get.ts b/server/routes/data/auteurs-pensees.json.get.ts
new file mode 100644
index 0000000..a57378c
--- /dev/null
+++ b/server/routes/data/auteurs-pensees.json.get.ts
@@ -0,0 +1,10 @@
+import { readFileSync } from 'node:fs'
+import { join } from 'node:path'
+
+export default defineEventHandler(() => {
+  const path = join(process.cwd(), 'public', 'data', 'auteurs-pensees.json')
+  const raw = readFileSync(path, 'utf-8')
+  setResponseHeader(useEvent(), 'content-type', 'application/json; charset=utf-8')
+  setResponseHeader(useEvent(), 'cache-control', 'public, max-age=300')
+  return raw
+})