Prasanna721
|
2bbc7fc7a5
|
feat(mcp): add interactive memory graph MCP App visualization (#763)
### feat(mcp): add memory graph visualization MCP App
#### Summary
- Add interactive force-directed graph visualization as an MCP App using `force-graph` + `d3-force-3d`
- Register `memory-graph` and `fetch-graph-data` tools with MCP Apps SDK UI resources
- Add graph API client methods (`getGraphBounds`, `getGraphViewport`) to `SupermemoryClient`
- Set up Vite + `vite-plugin-singlefile` build pipeline to produce a self-contained HTML bundle
- Support light/dark theme, zoom controls, node popups, and legend
#### Files changed
- `apps/mcp/src/server.ts` — register app tools + HTML resource
- `apps/mcp/src/client.ts` — add graph API types and methods
- `apps/mcp/src/ui/mcp-app.ts` — force-graph visualization app
- `apps/mcp/src/ui/global.css`, `mcp-app.css` — styling
- `apps/mcp/mcp-app.html` — entry HTML for Vite
- `apps/mcp/vite.config.ts` — Vite single-file build config
- `apps/mcp/package.json` — add UI deps and build scripts
- `apps/mcp/wrangler.jsonc` — add HTML text import rule
|
2026-03-05 16:28:34 +00:00 |
|
