Interface
Ce qu'un agent peut toucher, et avec quelles permissions.
Chargement de la démonstration…
En bref
Choisissez un serveur MCP, puis retirez une permission : les outils correspondants disparaissent et l'appel d'exemple est refusé. Vous pouvez éditer les arguments JSON et voir la réponse se recalculer. C'est une démonstration des accès, pas un vrai serveur.
Ce qu'on y voit
Ce qu'un agent peut toucher, et avec quelles permissions.
L'idée
Ce qu'un agent peut toucher se décide outil par outil. Rendre les permissions visibles les rend discutables.
La fabrication
Six serveurs autour d'une arche ; chaque permission retirée grise les outils et transforme l'appel d'exemple en refus.
Sous le capot
4 points d'implémentationPile
- TypeScript strict
- React
- JSON-RPC 2.0
- SVG
Fichiers
content/demos/mcp.tscomponents/demos/Mcp.tsxcomponents/demos/Mcp.module.css
Implémentation
- Six serveurs fictifs, chacun avec ses outils et un schéma minimal d'arguments : type, présence obligatoire, liste fermée de valeurs.
- À chaque frappe, le JSON est parsé puis validé contre le schéma : champs requis, types, valeurs autorisées et clés inconnues. Le message d'erreur cite l'argument fautif.
- Retirer une permission retire les outils correspondants de la liste ; un appel sur un outil retiré renvoie une erreur JSON-RPC -32602 au lieu d'un résultat.
- Le schéma place les serveurs sur un hexagone (coordonnées calculées en pourcentage) et trace les liens en SVG ; aucune requête MCP réelle n'est envoyée.