Mem UI Deep Dive: Replaying Your AI Coding Timeline
MemoV ships with a local web interface that transforms your AI coding history into a visual, explorable timeline. This guide covers everything you can do with Mem UI.
Launching Mem UI
From any project with MemoV enabled:
bashmem ui
This starts a local server at
. The port auto-increments if 38888 is busy.codehttp://localhost:38888
The Timeline View
The main interface shows your session history as a vertical timeline. Each entry represents a snapshot with:
- Prompt — What you asked the AI
- Response summary — A brief description of what the AI did
- Timestamp — When the interaction happened
- Branch — Which MemoV branch contains this snapshot
- Files changed — Icons showing which files were modified
Reading the Timeline
Snapshots are ordered chronologically, newest at the top. Color-coded indicators show:
- 🟢 Green — Code additions
- 🔴 Red — Code deletions
- 🟡 Yellow — Modifications
Viewing Diffs
Click any snapshot to expand the diff viewer. You'll see:
Side-by-Side Comparison
The left panel shows the previous state, the right shows the new state. This makes it easy to see exactly what the AI changed.
Inline Mode
Toggle to inline mode to see changes in a single column with additions and deletions highlighted.
File Tabs
When multiple files changed, tabs let you switch between them. A badge shows the number of changes in each file.
Branch Filtering
Working on multiple features? Use the branch dropdown to filter:
- Click the branch selector in the top bar
- Choose a specific branch or "All branches"
- The timeline updates to show only relevant snapshots
This is useful when you want to focus on one line of experimentation.
Jumping Between States
Found an earlier state you want to restore?
- Hover over any snapshot
- Click the "Jump" button
- Your working directory updates to that snapshot's state
Important: Jumping updates your files but doesn't affect Git. You can safely explore past states without losing uncommitted work.
Search and Filter
Text Search
Use the search bar to find snapshots by:
- Prompt keywords
- Response content
- File names
Date Range
Click the calendar icon to filter by date. Useful for finding "what I did last week."
Topic Tags
MemoV auto-tags sessions by topic (feature, bugfix, refactor, etc.). Click tags to filter.
Comparing Snapshots
To compare two different points in time:
- Select the first snapshot
- Hold Shift and click the second snapshot
- The diff viewer shows cumulative changes between them
This helps answer questions like "what changed between Monday's version and today's?"
Export Options
Export Session
Right-click any snapshot to export:
- Markdown — Human-readable session summary
- JSON — Machine-readable for tooling
- Patch — Git-compatible patch file
Share Timeline
Generate a static HTML report of your timeline:
bashmem ui --export timeline.html
Share this file with teammates without them needing MemoV installed.
Keyboard Shortcuts
| Key | Action |
|---|---|
/
| Navigate up/down |
| Expand/collapse diff |
| Toggle branch filter |
| Focus search |
| Close panels |
Use Cases
Code Review Prep
Before submitting a PR, review your MemoV timeline to:
- Write a better commit message
- Remember why you made certain decisions
- Catch accidental changes
Debugging Regressions
When something breaks:
- Open Mem UI
- Find when the code last worked
- Compare diffs to identify the breaking change
- Jump back to verify
Learning from Sessions
After a productive AI session:
- Review which prompts worked well
- Note prompt patterns that got good results
- Build a personal prompt library
Configuration
Custom Port
bashmem ui --port 9000
Dark Mode
Mem UI respects your system theme. Override with:
bashmem ui --theme dark
Auto-Open Browser
Disable automatic browser opening:
bashmem ui --no-open
Next Steps
- Explore the CLI reference for command-line alternatives
- Learn about snapshots and branches
- Check the storage guide to understand how data is saved