feat(media): rename /pensees-ecologiques → /media + corpus réel + 12 écoles FRACAS Bonpote

- Page pages/pensees-ecologiques.vue → pages/media.vue (titre "ATIS Média")
- Labels onglet/menu "Pensées" → "Média" (app.vue, agences, index, filters)
- auteurs-pensees.json reconciled avec 141 docs LightRAG (était 27)
  · 28 auteurs (était 18), 64 livres, slugs corrigés (ex: bookchin-ecologie-liberte)
  · 12 écoles: 8 familles FRACAS Bonpote + 4 extensions ATIS
  · Labels alignés Bonpote: Écologies libertaires (ex eco-anarchisme),
    Écologies anti-industrielles (ex technocritique)
  · Familles Bonpote ajoutées: Capitalisme vert + Écofascismes
    (corpus_status: non_ingere — fidélité carte, critique éditoriale assumée)

V2 Phase 2.3 — corpus réel reflété, alignement Bonpote initial

pages/media.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="flex h-full overflow-hidden" style="background: var(--nav-bg);">
+
+    <!-- ZONE PRINCIPALE (pleine largeur, pas de sidebar) -->
+    <main class="flex-1 flex flex-col overflow-hidden relative">
+
+        <!-- Header onglet -->
+      <div class="shrink-0 px-5 py-3"
+        style="background: var(--nav-surface); border-bottom: 1px solid var(--nav-bg-alt);">
+        <h1 class="font-bold text-base" style="color: var(--nav-text);">ATIS Média</h1>
+        <p class="text-xs mt-0.5" style="color: var(--nav-text-muted);">
+          {{ corpusCount }} auteurs ingérés dans le RAG - carte FRACAS Bonpote V2
+        </p>
+      </div>
+
+      <!-- Carte pensees (D3 force-directed) -->
+      <div class="flex-1 overflow-hidden relative">
+        <ClientOnly>
+          <CartePensees
+            :data="penseesData"
+            :active="true"
+            @select-auteur="onSelectAuteur"
+          />
+          <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>
+      </div>
+
+    </main>
+
+    <!-- Fiche auteur modal -->
+    <FicheAuteur
+      :open="ficheOpen"
+      :auteurId="ficheAuteurId"
+      :data="penseesData"
+      @close="ficheOpen = false"
+      @interroger-rag="onInterrogerRag"
+    />
+
+    <!-- Chatbot flottant -->
+    <ChatbotPensees :auteurContext="chatbotAuteur" />
+
+  </div>
+</template>
+
+<script setup lang="ts">
+interface EcoleData { id: string; label: string; description: string; color: string; x_hint: number; y_hint: number }
+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[] }
+
+const ficheOpen = ref(false)
+const ficheAuteurId = ref<string | null>(null)
+const chatbotAuteur = ref<string | null>(null)
+const penseesData = ref<PenseesData | null>(null)
+
+const corpusCount = computed(() => penseesData.value?.auteurs.length ?? 0)
+
+onMounted(async () => {
+  try {
+    penseesData.value = await $fetch<PenseesData>('/data/auteurs-pensees.json')
+  } catch (e) {
+    console.error('Erreur chargement auteurs-pensees.json', e)
+  }
+})
+
+function onSelectAuteur(id: string) {
+  ficheAuteurId.value = id
+  ficheOpen.value = true
+  chatbotAuteur.value = null
+}
+
+function onInterrogerRag(auteurId: string) {
+  ficheOpen.value = false
+  const auteur = penseesData.value?.auteurs.find(a => a.id === auteurId)
+  chatbotAuteur.value = auteur?.nom ?? null
+}
+
+useHead({ title: 'AEP - Média - Carte FRACAS Bonpote' })
+</script>