GitLive's Team Sidebar just got a major upgrade in VS Code 🙌
Tags: programming, webdev, productivity, vscode
Published: 2022-04-07 13:01:13

With the new team sidebar, you can now see all work in progress across your entire team in a single view, it's like a branch-based version of [github.com/pulls](https://github.com/pulls) but updated in **real-time directly inside VS Code** 🤯 

The sidebar shows every branch ahead of the default branch for every repository in your organization, grouped by the author (the  last commit to a branch determines the author). 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z3dzvl9y222kk12fjstv.png)

You can expand a branch to see a list of the changed files and click on a file to open a diff compared to the default branch of the repository.

All this works completely offline but if you sign in, you'll unleash the full power of the team sidebar! 

Sign in with GitHub, GitLab, Bitbucket or Azure DevOps (support for other services will be added soon) and you'll switch from offline to **real-time mode**.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4yg8iomw2acc0tcdkvp6.png)

Compare the screenshot above to the offline mode screenshot and you'll notice the following additions to the UI:

- The **online indicators** on avatars, branches and files will show you which of your teammates are online, their current branch and the file they currently have open in their editor.
- The **modified indicator (*)** will show you which branches and files contain changes that have not yet been committed or pushed to the remote. These changes are also visible in the diff opened by clicking on the file.
- See the **related issue** for a branch along with the option to open the issue directly within your issue tracker once you've connected one.

### Enhanced team filters

With the team sidebar now showing you every branch ahead of the default branch from all the repositories in your organization it can easily start to be a case of information overload.

So we’ve added 4 new filters in the team sidebar, in addition to the [existing pushed/unpushed changes filters](https://blog.git.live/gitlive-14.0-codeshare-without-calling#view-a-teammates-pushed-changes), to help you find the teammates, branches and changes you are interested in. 

To open the team filters, click on the filter icon in the menu bar.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/98oq2z6r96uocry3m453.png)

🔸 **Pushed Changes.** Turning off pushed changes will hide teammates, branches and files without any local, unpushed changes.
🔸 **Unpushed Changes** Turning off unpushed changes will hide teammates, branches and files without changes that have been pushed to the remote repository (marked with an asterisk).

  <sup> 👉 Both pushed and unpushed changes are on by default and you can turn off either but not both, unpushed changes are only available if you're signed in.
</sup>


🔸 **Todo.** This option will show the issues assigned to a teammate that are not yet associated with a branch.
🔸 **In progress.** This option shows issues associated with a branch and branches without an associated issue.


  <sup> 👉 In progress is on by default whilst todo is off and requires you to connect your issue tracker, you cannot turn both off.
</sup>


🔸 **Stale.** By default the teammates, branches and issues that have not been modified in 3 months are hidden, turn this on to show them.
🔸 **Offline.** Turning offline off will hide teammates who are currently offline and the branches of online teammates that they are not currently working on.

  <sup> 👉 Stale is off by default whilst offline is on, you can have either on or off. Note that turning on stale can result in a lot of results!
</sup>

That’s it for now, we would love to know what you think of these updates and how we can make GitLive better for you, so please reach out via the comments section below.

---

Don't have the GitLive extension installed yet? You can find it [here](https://marketplace.visualstudio.com/items?itemName=TeamHub.teamhub), and if want to learn more about the latest release check out [this blog post](https://blog.git.live/gitlive-15.0-offline-merge-conflict-detection-across-all-branches-for-any-git-repository).