Skip to content

Web Viewer

guirguispierre edited this page Mar 30, 2026 · 1 revision

Web Viewer

The web viewer at /view provides a browser-based UI for browsing memories, exploring the knowledge graph, and managing settings.

Themes

MemoryVault ships with 6 themes:

Theme Description
Cyberpunk (default) Dark background with amber/teal neon accents
Light Clean white/gray with muted colors
Midnight Deep purple/blue gradient
Solarized Classic solarized dark palette
Ember Warm orange/fire tones
Arctic Cool blue/cyan tones

Themes are selectable from Settings and persist in localStorage.

Features

Memory Grid

  • Card-based layout with auto-fill columns (min 340px)
  • Color-coded type stripes: teal (note), amber (fact), purple (journal)
  • Content preview with fade overflow
  • Metadata badges: tags, confidence, importance, source, date
  • Click to expand full memory details

Search & Filter

  • Full-text search across content, title, key, and source
  • Type filter buttons (All / Notes / Facts / Journal)
  • Results update as you type

Graph Visualization

  • Interactive D3 force-directed graph
  • Node size scales with importance
  • Node color indicates memory type
  • Explicit relationship edges with typed labels
  • Optional inferred edges from shared tags
  • Drag nodes, zoom, pan
  • Hover to spotlight a node and its neighbors
  • Physics toggle (pause/resume simulation)

Command Palette

Open with Ctrl+K (or Cmd+K on Mac).

Available actions:

  • Refresh memories
  • Toggle graph view
  • Open settings
  • Toggle compact mode
  • Focus search
  • Reindex semantic memory
  • Open full changelog

Settings Panel

Organized into collapsible sections:

General & Search

  • Startup filter (type)
  • Search debounce delay

Graph Defaults

  • Auto-open graph on load
  • Hover-focus mode

Appearance & Session

  • Theme selector
  • Compact card mode
  • Scanline effect toggle
  • Reduced motion mode

Notifications

  • Toast notifications toggle
  • Toast duration

Semantic Index

  • Reindex limit
  • Wait for index toggle
  • Wait timeout
  • Run reindex button
  • Readiness status display

All settings persist in localStorage.

Keyboard Shortcuts

Key Action
Ctrl/Cmd + K Open command palette
/ Focus search input
G Toggle graph view
S Open settings
R Refresh memories
? Show keyboard shortcuts overlay
Escape Close any open modal/overlay

Authentication

The viewer supports:

  • Email/password login and signup
  • Legacy API token sign-in
  • Session cookie persistence (auth_token + refresh_token)
  • Automatic token refresh
  • Logout with session revocation

In-App Changelog

The settings panel includes a version badge and changelog viewer powered by the tool_changelog MCP tool, showing recent changes to tools, endpoints, scoring, and auth.

Clone this wiki locally