mirror of
https://github.com/supermemoryai/supermemory.git
synced 2026-10-29 06:36:43 +00:00
2bbc7fc7a5
### 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
46 lines
753 B
CSS
46 lines
753 B
CSS
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 600px;
|
|
min-height: 600px;
|
|
overflow: hidden;
|
|
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
:root {
|
|
--bg: #0f1419;
|
|
--bg-secondary: #1a1f29;
|
|
--text: #e2e8f0;
|
|
--text-muted: #94a3b8;
|
|
--border: #2a2f36;
|
|
--accent: #3b73b8;
|
|
--hex-fill: #0d2034;
|
|
--doc-fill: #1b1f24;
|
|
--doc-stroke: #2a2f36;
|
|
--doc-inner: #13161a;
|
|
}
|
|
|
|
[data-theme="light"] {
|
|
--bg: #ffffff;
|
|
--bg-secondary: #f8fafc;
|
|
--text: #1e293b;
|
|
--text-muted: #64748b;
|
|
--border: #e2e8f0;
|
|
--accent: #2563eb;
|
|
--hex-fill: #e8f0fe;
|
|
--doc-fill: #f1f5f9;
|
|
--doc-stroke: #cbd5e1;
|
|
--doc-inner: #e2e8f0;
|
|
}
|
|
|
|
body {
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
}
|