onglets : deux familles au même nom se distinguent par les prénoms de leur charnière

Sauf le plus grand, chaque onglet homonyme prend les prénoms du couple charnière (« Bonnet · Hugo et
Françoise »), et la pastille qui y mène porte le même nom.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/components/Galaxy.jsx

@@ -474,6 +474,11 @@ const Galaxy = ({ onPersonSelect, onMediaSelect, selectedPersonId, searchHighlig
     focusPersonIdRef.current = tab ? tab.referenceId : startRefRef.current
     const graph = tab?.personIds ? subgraphOf(tab.personIds) : null
     const result = USE_BLOCK_LAYOUT ? computeBlockLayout(graph, focusPersonIdRef.current, { familyTabs }) : computeLayout(null, focusPersonIdRef.current)
+    // Les pastilles portent le nom de l'onglet où elles mènent (prénoms ajoutés aux homonymes)
+    for (const n of result.children) {
+      const target = n._familyTab && tabsCacheRef.current.tabs.find((tb) => tb.key === n._familyTab.tabKey)
+      if (target) n._familyTab = { ...n._familyTab, label: target.label, count: target.count }
+    }
     // Dans l'onglet d'une belle-famille, chaque charnière (conjoint marié dans la famille d'où l'on vient)
     // porte le badge de retour
     if (tab?.parentKey) {

frontend/src/components/galaxy/blockLayout.js

@@ -863,5 +863,20 @@ export function familyTabsOf(graphData = null, referenceId = null) {
       tabs.push({ key, referenceId: key, parentKey: tab.key, personIds: new Set([...f.members, ...f.hinges]), hinges: f.hinges, label: f.label, count: f.count })
     }
   }
+  // Deux onglets au même nom (homonymes, ou une branche sortie de sa propre lignée) : sauf le plus grand, chacun
+  // prend les prénoms de sa charnière, ceux que porte la pastille qui y mène (Patch, 20/10 : « plusieurs fois
+  // les mêmes familles »)
+  const firstName = new Map((graphData?.persons || globalPersons).map(p => [String(p.id), p.firstName]))
+  const byLabel = new Map()
+  for (const tb of tabs) { if (!byLabel.has(tb.label)) byLabel.set(tb.label, []); byLabel.get(tb.label).push(tb) }
+  for (const group of byLabel.values()) {
+    if (group.length < 2) continue
+    const biggest = group.reduce((a, b) => (b.count > a.count ? b : a))
+    for (const tb of group) {
+      if (tb === biggest) continue
+      const names = [...new Set((tb.hinges || [tb.referenceId]).map(id => firstName.get(String(id))).filter(Boolean))].slice(0, 2)
+      if (names.length) tb.label = `${tb.label} · ${names.join(' et ')}`
+    }
+  }
   return tabs
 }