Web UI

MemoV provides a visual interface for exploring your AI coding history at 
code
http://localhost:38888
.

Launching the Web UI

Via Chat

Just say "use mem ui" in your AI agent chat - the UI will automatically open.

Via CLI

bash
mem ui start

Via MCP Tool

code
mem_ui(port: int = 38888)

Features

Timeline View

The timeline view displays all your AI interactions chronologically:
  • Each snapshot shows the commit hash, timestamp, and prompt
  • Click on any snapshot to see details
  • Visual indicators for user vs AI commits
  • Branch labels displayed inline
Diagram Preview
Click anywhere on the diagram to open interactive canvas

Tree View

Navigate your codebase with the file tree:
  • Hierarchical folder structure
  • File status indicators (modified, clean, untracked)
  • Click files to view their history
  • Filter by file path

Branch Filtering

Explore different development paths:
  • View all branches (
    code
    main
    , 
    code
    develop/0
    , 
    code
    develop/1
    , etc.)
  • Filter timeline by specific branch
  • See branch creation points
  • Visualize branch relationships
Diagram Preview
Click anywhere on the diagram to open interactive canvas

Diff Viewer

Examine code changes in detail:
  • Side-by-side diff comparison
  • Syntax highlighting
  • Line additions (green) and deletions (red)
  • Navigate between changed files

Jump Operations

Time-travel to any snapshot:
  • Click "Jump" on any snapshot card
  • Files are restored to that point in time
  • A new branch is automatically created
  • Jump history is tracked in 
    code
    jump.json

Architecture

Diagram Preview
Click anywhere on the diagram to open interactive canvas
The Web UI is implemented using:
ComponentTechnology
FrontendStatic HTML/CSS/JavaScript
BackendFastAPI
ServerUvicorn ASGI
APIRESTful endpoints

API Endpoints

The Web UI communicates with the backend through these endpoints:
EndpointMethodDescription
code
/api/history
GETFetch commit history
code
/api/commit/{hash}
GETGet commit details
code
/api/branches
GETList all branches
code
/api/jump/{hash}
POSTJump to snapshot
code
/api/diff/{hash}
GETGet file diffs
code
/health
GETHealth check

Configuration

Custom Port

bash
mem ui start --port 8080

Foreground Mode

Run in foreground (blocking):
bash
mem ui start --foreground

Via MCP

code
mem_ui(port=8080)

Usage Tips

  1. Quick Navigation - Use the search bar to filter commits by prompt text
  2. Branch Comparison - Switch between branches to compare different approaches
  3. Context Review - Click commit cards to see full prompt and response
  4. Safe Time Travel - Jump operations create new branches, preserving history
  5. Diff Analysis - Review code changes before and after AI modifications
Edit this page on GitHub →