feat(fiches): / et /agences ouvrent la fiche dans le panneau ; FicheReseauContenu extrait, FicheModal et FicheModalV2 retirées ; Voir sur la carte (B12-M4)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AGNSEFZdoKvbdsGyfSnu5S

pages/agences.vue

@@ -11,7 +11,6 @@
       libelle-recherche="Rechercher une structure…"
       :pending="pending"
       :selected-id="selectedId"
-      @select="(f) => onSelectStructure(String(f.id))"
     >
       <template #carte>
         <!-- Métropole -->
@@ -21,6 +20,7 @@
               :structures="metropoleStructures"
               :selectedId="selectedId"
               :survolId="vf.survolId == null ? null : String(vf.survolId)"
+              :centrage="centrageCarte"
               @select-structure="onSelectStructure"
               @survol="(id) => (vf.survolId = id)"
             />
@@ -63,15 +63,18 @@
           />
         </div>
       </template>
-    </VueFiches>
 
-    <!-- ═══════════════════════════════════════ MODAL FICHE V2 -->
-    <FicheModalV2
-      v-model="ficheModalOpen"
-      :structureId="ficheModalId"
-      :data="bifurcationData"
-      @update:structureId="ficheModalId = $event"
-    />
+      <!-- Détail (B12) : le corps de l'ancienne FicheModalV2 ; une structure liée s'ouvre dans le même panneau -->
+      <template #detail="{ fiche, filtrer }">
+        <FicheReseauContenu
+          :structure-id="String(fiche.id)"
+          :data="bifurcationData"
+          :etiquettes-actives="(vf.etat.filtres.tags ?? []).map((t) => `#${t}`)"
+          @etiquette="(tag) => filtrer('tags', sansDiese(tag))"
+          @voisin="(id) => vf.ouvrirFiche(id)"
+        />
+      </template>
+    </VueFiches>
 
     <!-- ═══════════════════════════════════════ BOUTON CHATBOT FLOTTANT (mobile) -->
     <button
@@ -221,18 +224,21 @@ const vf = useVueFiches(fichesMini, config)
 // La carte ne montre que le résultat courant (recherche + filtres)
 const metropoleStructures = computed<StructureV2[]>(() => structures.value.filter((s) => vf.idsResultat.has(s.id)))
 
-// ── Sélection : FicheModalV2 à toutes les largeurs (comportement d'avant B11) ──
-const selectedId = ref<string | null>(null)
-const ficheModalOpen = ref(false)
-const ficheModalId = ref<string | null>(null)
+// ── Sélection (B12) : la fiche ouverte vit dans l'URL (`fiche=`), détail en panneau ──
+const selectedId = computed<string | null>(() => vf.ficheId)
 
 function onSelectStructure(id: string) {
-  const ordinateur = typeof window !== 'undefined' && window.innerWidth >= 1024
-  selectedId.value = ordinateur && selectedId.value === id ? null : id
-  ficheModalId.value = id
-  ficheModalOpen.value = true
+  vf.ouvrirFiche(id)
 }
 
+// « Voir sur la carte » : l'épingle est sur la carte Métropole (pas dans le graphe)
+const centrageCarte = ref<{ id: string; n: number } | null>(null)
+watch(() => vf.centrage, (c) => {
+  if (!c) return
+  if (vf.etat.sousVue !== 'metropole') vf.setSousVue('metropole')
+  centrageCarte.value = { id: c.id, n: c.n }
+})
+
 // ── Boutons flottants (téléphone) : au-dessus du pied « Voir les N fiches » en état Carte ──
 const chatbotOpen = ref(false)
 const missionOpen = ref(false)