MemPalaceViz

Walk the halls of your AI's memory. A crystal-palace visualization for MemPalace — every drawer a memory, every room a topic, every wing a project.

Single-file SPA with D3.js force-directed graphs, drifting crystal shards, and real-time MCP integration. Tested against MemPalace v3.5.0.

📚 New to MemPalace? Start at the official docs — installation, the AAAK memory dialect, the wing/room/drawer model, and the full MCP tool reference.

Screenshots

Dark Theme	Light Theme

Semantic Topics	Recency Heatmap

Drawer Detail	Drawer List

Themed Tooltips	Connection Settings

Command Palette	Mobile

Features

• Force-directed graph rendering hundreds of knowledge nodes across rooms
• MemPalace v3.5.0 integration — paginated list_drawers, get_drawer full content, update_drawer inline edit, delete_drawer by ID, single-writer-aware error reporting
• Connection settings — 3-tab modal (Local Server, Hosted, Demo) with auto-detection and Test & Connect
• Version tracker — badge showing Viz + Palace versions, update checker via GitHub Releases and PyPI
• Themed tooltips — 54 glassmorphic tooltips replacing native browser titles, with dynamic arrow alignment
• 5 color modes: Room, Recency, Size, Decay, and Semantic Topics (TF-IDF + k-means clustering)
• 3 layout modes: Explode, Orbit, Cluster
• Crystal Palace light theme with sparkle particle effects
• Fuzzy multi-token search with date range filters
• Structural gap detection with Palace Health Score (0-100)
• Drawer management: add, edit, delete, fetch full content, find tunnels (related drawers)
• Bulk operations: select, export, delete multiple drawers
• Timeline slider with play/pause animation
• Command palette (Ctrl+K) with 20+ commands
• Full keyboard navigation (J/K, Enter, Escape, ?, F, L)
• Mobile responsive bottom-sheet panel with touch gestures
• PNG screenshot capture and JSON export
• Zero build step — single HTML file, all inline

Quick Start

git clone https://github.com/JoeDoesJits/mempalace-viz.git
cd mempalace-viz

# Serve locally (any static server works)
npx http-server -p 3456 -c-1

# Open http://localhost:3456

On first load you'll see demo mode — 42 sample drawers across 8 rooms — so you can explore the UI without any server running. The real fun starts once you connect it to your MemPalace.

Connecting to Your MemPalace

Click the status pill in the bottom-left of the dashboard to open the Connection Settings modal. Three modes:

🖥️ Local Server (most common)

If you're already running MemPalace locally via mcp-proxy (the standard setup), it's serving on http://localhost:8000/servers/mempalace/mcp. Just:

1. Open Connection Settings → Local Server tab
2. Confirm the URL (auto-filled)
3. Click Test & Connect

The dashboard will use the MCP initialize handshake, fetch your palace via mempalace_status + paginated list_drawers, and render your real knowledge graph. No config files, no tokens.

☁️ Hosted (remote MemPalace server)

If your MemPalace lives on a remote server (VPS, home lab, etc.), use the Hosted tab:

1. Enter the MCP endpoint URL
2. Paste your bearer token (if the endpoint is auth-protected)
3. Click Test & Connect

For a fully secure free hosting setup (Cloudflare Pages + Access + Tunnel keeps your token out of the browser entirely), see docs/DEPLOYMENT.md.

🎯 Demo (default)

The sanitized demo dataset (demo-palace.json) — safe for screenshots, first-run demos, or offline exploration. No server required.

Full v3.5.0 integration

Once connected, the dashboard works against the real MCP tools — not a snapshot. Every action maps to a live tool call:

Tested against MemPalace v3.5.0 on Python 3.12.

Hosting Securely (Free)

Your knowledge base is personal data. Don't expose it publicly.

MemPalaceViz can be hosted securely and for free using Cloudflare:

• CF Pages — hosts the dashboard (auto-deploys from GitHub)
• CF Access — zero-trust auth gate (only your email gets in)
• CF Tunnel — connects to your MCP server with no public ports
• CF Pages Function — server-side proxy keeps MCP tokens out of the browser

Total cost: $0/month on Cloudflare's free tier.

See the full setup guide: docs/DEPLOYMENT.md

See the security architecture: docs/SECURITY.md

Tech Stack

Directory Structure

mempalace-viz/
├── index.html              # Dashboard (single-file SPA)
├── logo.svg                # Crystal orb logo (master)
├── logo.png                # Crystal orb — rendered 512×512 for Apple/OG
├── favicon.svg             # Simplified favicon for 16–32px
├── demo-palace.json        # Sanitized demo data (42 drawers)
├── robots.txt              # Disallow all crawlers
├── _headers                # X-Robots-Tag header
├── LICENSE                 # MIT
├── CHANGELOG.md
├── docs/
│   ├── DEPLOYMENT.md       # Cloudflare hosting guide
│   └── SECURITY.md         # Security architecture
├── functions/
│   └── api/mcp.js          # CF Pages Function (MCP proxy)
├── vps-deploy/             # Docker deployment config
└── .github/
    └── workflows/
        └── deploy-vps.yml  # VPS auto-deploy workflow

Keyboard Shortcuts

Troubleshooting

"I see the page but nothing connects to my LAN MCP server"

If you ran mcp-proxy --host 0.0.0.0 to expose your MemPalace on the LAN and another machine's browser can't reach it, the culprit is almost always one of:

1. CORS — mcp-proxy doesn't send cross-origin headers by default. The browser silently blocks the POST. Fix: start it with an allow-origin flag:

mcp-proxy --host 0.0.0.0 --allow-origin "*" \
  --named-server mempalace -- python -m mempalace.mcp_server

(For tighter security, replace "*" with the specific origin serving your dashboard, e.g. "http://192.168.1.50:3456".)

2. Mixed-content blocking — if you loaded the dashboard from https:// (e.g. a Cloudflare Pages deploy) and try to hit http://192.168.x.x, the browser blocks the request hard. Fixes:

• Serve the dashboard over plain HTTP locally on the same LAN, or
• Put the MCP server behind HTTPS (CF Tunnel + Pages Function proxy is the easy path — see docs/DEPLOYMENT.md)

3. Wrong URL in Connection Settings — the Local Server tab defaults to localhost:8000, which means the dashboard's machine. For LAN setups, switch to the Hosted tab and enter the MCP host's LAN IP (e.g. http://192.168.1.42:8000/servers/mempalace/mcp).

"Test & Connect succeeds but the graph is empty"

Most likely your palace just hasn't been mined yet. Run mempalace init and mempalace mine <project-dir> against your project first. The dashboard reflects whatever's in your palace — it doesn't ingest data itself.

Learn More About MemPalace

MemPalaceViz is a visualization layer — it doesn't replace MemPalace itself. To get the most out of it, learn the underlying system:

• 🌐 Official site — homepage and project overview
• 📖 Getting Started guide — install, init, and mine your first palace
• 🔮 AAAK memory dialect — the compressed memory format MemPalace uses (entity codes, emotion markers, hall/wing/room structure)
• 🛠️ GitHub repo — source, issues, full CHANGELOG
• 📦 PyPI — pip install mempalace

Contributing

PRs welcome! The dashboard is a single index.html file — all CSS, JS, and logic inline. No build step needed.

1. Fork the repo
2. npx http-server -p 3456 -c-1 to serve locally
3. Make changes, test in browser
4. Submit a PR

License

MIT — see LICENSE

Author

Built by Joe Guarino / G5 Labs