feat(graph): add interactive notebook filters and detail panel tags to graph view

This commit is contained in:
Antigravity
2026-05-23 08:34:39 +00:00
parent d589b8aa7e
commit 4e8f45deae
2 changed files with 72 additions and 11 deletions

View File

@@ -55,6 +55,8 @@ Cela donne à la vue en graphe un aspect incomplet et décousu, limitant grandem
**Execution:**
- [x] `memento-note/app/api/graph/route.ts` -- Modifier la route pour interroger en parallèle `prisma.noteLink` et `prisma.memoryEchoInsight`, filtrer les éléments invalides/corrompus/supprimés, et les injecter avec les types `explicit_link` et `semantic_echo`.
- [x] `memento-note/components/note-graph-view.tsx` -- Enrichir la logique de mappage des arêtes du graphe pour attribuer des styles visuels premium à chaque type de lien (WikiLinks en vert émeraude épais et plein, Échos sémantiques IA en violet pointillés, etc.).
- [x] `memento-note/components/note-graph-view.tsx` -- Rendre la légende des carnets (clusters) interactive : ajouter un état `selectedNotebookId` pour filtrer à la volée les nœuds et arêtes du graphe. Styliser les boutons actifs/inactifs de manière premium avec des micro-animations.
- [x] `memento-note/components/note-graph-view.tsx` -- Afficher le nom du carnet dans le panneau latéral de détail de la note sous forme de tag interactif cliquable pour isoler instantanément le carnet sélectionné.
**Acceptance Criteria:**
- **Given** une note A contenant un WikiLink vers une note B (`NoteLink` enregistré) et une note C sémantiquement proche de la note A (`MemoryEchoInsight` enregistré)
@@ -106,3 +108,11 @@ Pour les pointillés (dash) dans `react-force-graph-2d`, nous adapterons l'objet
- Rendu du panneau de légende des liaisons dans le coin inférieur gauche pour une expérience utilisateur premium.
[`note-graph-view.tsx:340`](../../memento-note/components/note-graph-view.tsx#L340)
**Interactive Filtering & Notebook Navigation**
- Boutons de légende interactifs pour isoler ou réinitialiser le filtre par carnet à la volée.
[`note-graph-view.tsx:342`](../../memento-note/components/note-graph-view.tsx#L342)
- Tag cliquable dans le panneau latéral de détails pour isoler instantanément le carnet associé.
[`note-graph-view.tsx:421`](../../memento-note/components/note-graph-view.tsx#L421)