A VS Code extension that adds a Git GUI panel to your editor. Browse branches, commit graphs, and file diffs in a side panel while performing commit and branch operations with your mouse.
Features
Branch Panel (Left Pane)
- Displays local branches, remote branches, and tags in a tree view
- Icons indicate branch type (current branch / main·master / others / tags)
- Click a branch to load its commit log
- Right-click for branch operations
Branch context menu
| Action | Description |
|---|---|
| Checkout | Switch to this branch |
| New Branch from ... | Create a new branch from this one |
| Rebase ... onto ... | Rebase this branch onto another |
| Merge ... into ... | Merge this branch into another |
| Delete | Delete the branch (prompts Force Delete if not fully merged) |
Commit Log (Center Pane)
- Shows the commit history with an ASCII graph
- HEAD commit is rendered with a double circle
- Branch-local commits (not yet pushed to remote) are highlighted
- Right-click for commit operations
Commit context menu
| Action | Target | Description |
|---|---|---|
| Revert Commit | Any commit | Creates a revert commit |
| Undo Commit | HEAD only | Runs git reset --soft HEAD~1 (changes remain staged) |
| Edit Commit Message... | Branch-local commits | Edit the message (amend for HEAD, rebase -i for others) |
| Drop Commit | Branch-local commits | Permanently removes the commit (with confirmation) |
| Cherry-Pick | Non-merge commits | Cherry-picks the commit onto the current branch |
| Interactively Rebase from Here… | Branch-local commits | Opens the interactive rebase editor |
Commit Detail (Right Pane)
- Lists changed files in a directory tree
- Click a file to open the diff in VS Code's built-in diff editor
- Right-click a file to compare with the local working copy
Git Blame Annotations
- Right-click a line number in the editor → Annotate With Git Blame to show author and date per line
- Select Close Annotations from the same menu to hide them
File History
- Right-click a file in the Explorer → Git → Show History to view the commit history for that file
- Click a commit to inspect the diff at that point in time
Interactive Rebase
- Reorder commits
- Drop commits
- Reword commit messages
Auto Refresh
- The commit log automatically reloads after a commit made via VS Code's Source Control panel
Usage
- Open the Git tab in the VS Code bottom panel (where the terminal lives)
- Select a branch to load its commit log
- Click a commit to view changed files in the right pane
Requirements
- Git must be installed and available on your
PATH - The workspace must be a Git repository
Release Notes
0.0.1
Initial release
- 3-pane layout: branch list, commit graph, commit detail
- Branch operations: Checkout, New Branch, Rebase, Merge, Delete
- Commit operations: Revert, Undo, Edit Message, Drop, Cherry-Pick
- Interactive rebase
- Git Blame annotations
- File history viewer
- Toast notifications (auto-dismiss after 3 seconds)