Add MCP UI integration to Archestra Chat UI #1366
Open
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
/claim #1301
Hey team! 👋
I've successfully integrated MCP UI into Archestra's chat interface as requested in issue #1301.
Here's what I built:
The main integration - I added the @mcp-ui/client package and created a new component that plugs right into your existing chat system. Now when MCP tools return UI resources, they get rendered beautifully instead of just showing raw text.
It works with your gateways - I made sure it plays nice with both the MCP Gateway and LLM Gateway. Tool outputs that contain MCP resources get automatically detected and rendered with proper UI components.
Interactive demo - I built a demo page that shows everything working. You can see HTML resources, interactive buttons, and different content types all rendering correctly.
Easy to test - Just run the frontend and check out
/simple-demo.htmlto see it in action. The integration is backward compatible, so existing functionality isn't affected at all.The code handles HTML resources, Remote DOM components, external URLs, and all the interactive UI actions like notifications and button clicks. Everything's ready for testing with real MCP servers!
Looking forward to your feedback! 🚀