@github: Cool it on the tab hopping Reviewing agent code usually means switching tabs. The GitHub Copilot app puts the diff, ter…
Summary
GitHub's blog walks beginners through the GitHub Copilot app's built-in diff, terminal, and browser panels, showing how developers can review, run, and preview agent-generated code in one place without tab hopping.
View Cached Full Text
Cached at: 10/03/26, 09:01 PM
Cool it on the tab hopping Reviewing agent code usually means switching tabs. The GitHub Copilot app puts the diff, terminal, and browser side by side to check, run, and preview. https://github.blog/ai-and-ml/github-copilot/github-copilot-app-for-beginners-using-the-diff-terminal-and-browser/?utm_source=x-using-the-diff-beginners&utm_medium=social&utm_campaign=github-app-cli-Q1-push…
GitHub Copilot app for Beginners: Using the diff, terminal, and browser
Source: https://github.blog/ai-and-ml/github-copilot/github-copilot-app-for-beginners-using-the-diff-terminal-and-browser/?utm_source=x-using-the-diff-beginners&utm_medium=social&utm_campaign=github-app-cli-Q1-push When an agent makes a change to your code, you want to review it, run it, and see what changed. Great news: now you can do all three without having to leave theGitHub Copilot app.
Before, doing those three jobs would mean having to bounce between your editor, terminal window, and web browser. But when these steps live side by side as built-in panels in the Copilot app, checking your agent’s work is simple.
Let’s walk through each of the panels in the app and how we’ll use them to complete the AI coding loop.
Using the diff panel to review changes
The diff panel (a diff is a before and after comparison) shows exactly what lines were added, removed, or changed, with additions highlighted in green and deletions in red.
This gives you complete clarity, so you can choose what happens. You can accept changes, leave comments, or ask Copilot to make changes. You’re in complete control and make the final decisions.
Running commands in the terminal panel
Reading code is good, but running it is even better. You can run commands right inside the session from the Copilot app’s terminal panel. And if it looks intimidating, don’t worry. You’re mostly just running the project’s own commands and reading the results.
You can run the code by hand or configure it as a script (available through theRunbutton). Pretend you’re working on a website, here’s an example of how that works:
- Add the
dev serverscript that opens the client folder and then runsnpm run dev. - ClickRunto start the server for the website.
You can have multiple terminal windows open at once, so you can switch between them and keep running commands.
For anything that has a user interface, the browser panel closes the loop. And for our website example: this panel means you can open it and test your new feature as if you were using the site.
If you want to keep iterating, you can use thePick & Polishtool to select an element and adjust it with the agent.
And to see what got fixed, you can run thedev serverscript again after you’ve made changes.
Closing the loop of reviewing AI code
Now you’ve reviewed the diff, started the project in the terminal, reviewed it in the browser, and iterated to get it to a working feature. Once you’ve gotten it where you want, you can accept the change directly from the Copilot app and create a pull request. Completing this loop from one place means there’s no tab hopping, switching apps, or losing your place.
Having review, run, and preview side by side is what makes agent-made changes feel safe instead of scary, because you can prove that what you’re merging works.
Take this with you
These built-in panels answer three important questions you should always ask before you accept an agent’s work.
- What’s changed?
- Does it run?
- And does itactuallywork?
Running through this list before accepting agent-generated code will help you understand what changed and whether it functions the way you want, keeping you in control. ✨
Tags:
Written by
Senior AI Developer Tools Advocate
Related posts
Explore more from GitHub
Docs
Everything you need to master GitHub, all in one place.
GitHub
Build what’s next on GitHub, the place for anyone from anywhere to build anything.
Customer stories
Meet the companies and engineering teams that build with GitHub.
GitHub Universe 2026
Join us October 28-29 in San Francisco or online for GitHub Universe, our flagship developer event uniting people, agents, and the world’s code.
Similar Articles
@gimenete: Coming soon to the GitHub Copilot desktop app: editable diffs!! Agent got you most of the way there? Make those last tw…
GitHub Copilot desktop app is adding editable diffs, allowing users to make direct tweaks in the code review interface.
@github: Every context switch has a cost: new window, new branch, "wait, where was I?" The GitHub Copilot app keeps the whole lo…
GitHub promotes its Copilot app as a tool that reduces context switches by keeping the entire development workflow from issue to merge in one place.
@github: So you've opened another chat to talk to AI. Instead of switching surfaces to go from chats to development, do it all i…
This article introduces the GitHub Copilot app, designed to integrate AI coding assistance directly into the development workflow, allowing users to manage multiple agent sessions, use Quick Chat, and preview apps with a browser canvas.
@github: Did you know? You can run agents in parallel in the GitHub Copilot app. Each session gets its own Git worktree and cont…
GitHub Copilot app enables running multiple AI agents in parallel with isolated Git worktrees, allowing simultaneous tasks like building, reviewing, and testing to enhance developer productivity.
@github: With the GitHub Copilot app, you can move all of your development workflow into one place.
GitHub Copilot app enables developers to integrate all their workflow into a single application, streamlining the development process.