SideMirror
Real-time code review interface for AI coding assistants
SideMirror automatically detects AI coding tools like Claude Code, Codex, and Gemini CLI, displaying file changes in a side panel so you can review, comment, and provide feedback in real-time.
Demo
https://github.com/user-attachments/assets/ccf87aec-f933-427f-80f0-824cbddec9ea
Features
- Auto-Detection: Automatically activates when Claude Code, Codex, or Gemini CLI starts in terminal
- Diff Viewer: GitHub-style unified diff display with line numbers
- Line Comments: Click or drag-select lines to add review comments
- Direct Submission: Send comments directly to the AI terminal
- Whitelist Support: Track gitignored files (build outputs, env files, etc.)
- Snapshot System: Captures file state at session start for accurate diffs
Installation
Search for "SideMirror" in the Extensions view (Ctrl+Shift+X / Cmd+Shift+X).
Usage
Automatic Mode
- Open a workspace in VS Code
- Run Claude Code, Codex, or Gemini CLI in the terminal
- SideMirror panel opens automatically
- Review file changes as the AI works
Manual Mode
- Open command palette (
Ctrl+Shift+P / Cmd+Shift+P)
- Run
SideMirror: Show Panel
- From diff viewer: Click the
+ button on any line, or drag to select multiple lines
- From editor: Right-click and select
SideMirror: Add Comment
Submitting Feedback
Click "Send to AI" to send all comments to the active AI terminal.
Configuration
| Setting |
Default |
Description |
sidemirror.autoDetect |
true |
Auto-detect AI commands |
sidemirror.autoShowPanel |
true |
Auto-show panel on AI detection |
sidemirror.includeFiles |
[] |
Glob patterns for gitignored files to track |
Whitelist Example
Track build outputs and environment files:
{
"sidemirror.includeFiles": [
"dist/**",
".env.local",
"build/**/*.js"
]
}
Commands
| Command |
Description |
SideMirror: Show Panel |
Open the review panel |
SideMirror: Add Comment |
Add comment at cursor position |
SideMirror: Submit Comments to AI |
Send comments to AI terminal |
SideMirror: Add File/Pattern to Whitelist |
Add pattern to track |
SideMirror: Manage Whitelist |
View/remove whitelist patterns |
Requirements
Contributing
Contributions are welcome!
- Fork the repository
- Create a feature branch
- Make your changes
- Run
npm run lint and npm run compile
- Submit a pull request
License
MIT License - see LICENSE for details.
Acknowledgments
