Web UI

MemoV provides a visual interface for exploring your AI coding history at 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

mem ui start

Via MCP Tool

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

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 (main, develop/0, develop/1, etc.)
• Filter timeline by specific branch
• See branch creation points
• Visualize branch relationships

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 jump.json

Architecture

The Web UI is implemented using:

API Endpoints

The Web UI communicates with the backend through these endpoints:

Configuration

Custom Port

mem ui start --port 8080

Foreground Mode

Run in foreground (blocking):

mem ui start --foreground

Via MCP

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