VS Code + GitHub Copilot

This guide walks you through setting up Mobb Tracy with Visual Studio Code and GitHub Copilot to track AI-generated code in your pull requests.

Prerequisites

Before you begin, make sure you have:

• Visual Studio Code installed on your machine

• GitHub Copilot extension installed and configured

• A GitHub repository where you'll be making pull requests

• A Mobb account (sign up at https://app.mobb.ai)

Installation

Step 1: Install the VS Code Extension

1. Open Visual Studio Code

2. Navigate to the Extensions marketplace (Ctrl+Shift+X)

3. Search for "Mobb AI Tracer"

4. Click Install

   Alternatively, you can install directly from the marketplace using this link: https://marketplace.visualstudio.com/items?itemName=Mobb-inc.mobb-ai-tracer

5. A browser window will automatically open, prompting you to sign up or sign in to the Mobb platform using GitHub, Google, or email/password.

6. After signing in, you'll be asked to grant VS Code access to your Mobb account. Once approved, Tracy will begin securely collecting AI interaction data from GitHub Copilot.

Step 2: Set Up GitHub App Integration

1. Visit the Mobb platform: https://app.mobb.ai

2. Click the robot icon on the left sidebar:

3. Select Configure GitHub App in the top-right corner.

4. Choose the repositories where you want to enable Tracy (or select All repositories).

5. That’s it! Tracy will now annotate your pull requests automatically.

Step 3: Seeing Tracy in Action

1. Open VS Code in a repository where Tracy is enabled.

2. Make changes to the code - using GitHub Copilot suggestions, manual edits, or both.

3. Commit the changes and create a pull request.

4. If any part of the code was AI-generated, Tracy will post a PR comment letting you know that AI code analysis is ready with some more insights:

   
5. Click the link in the comment to open Tracy's detailed view:

   
6. Select any AI-generated line to see:

   • The prompts used to generate that line

   • The full conversation context behind it

This gives you complete transparency into how AI contributed to your code.

Step 4: Tracy Time Machine

Tracy Time Machine allows you to travel back and review the AI conversation history for specific lines of code.

To use Tracy Time Machine:

1. Select a particular line in the code.

2. Click on the Tracy icon on the bottom right of the IDE where it says "Tracy" with a robot icon.

1. Tracy will act as a "time machine," going back in time to show you all the conversation you had with the AI coding agent that led to the current code. This includes your prompt, the AI's responses, and your subsequent prompts.

1. From there, you can click on "Continue Conversation," which will bring the history and the context of the previous conversation into the current chatbox with the AI to further the conversation.