586742d90e
- pensees-ecologiques.vue : supprime toggle Familiale/Graphe, une seule CartePensees - agences.vue : ChatbotPensees accessible depuis tous les onglets (desktop) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
84 lines
2.8 KiB
Vue
84 lines
2.8 KiB
Vue
<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);">Pensees Ecologiques</h1>
|
|
<p class="text-xs mt-0.5" style="color: var(--nav-text-muted);">
|
|
{{ corpusCount }} auteurs ingeres 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 - Pensees Ecologiques - Carte FRACAS' })
|
|
</script>
|