Studio user guide

The Source Control panel provides a complete Git workflow inside Studio. The panel is available whenever a project that belongs to a Git repository is open. It is docked to the left of the designer together with other panels (Explorer, Activities, Snippets, etc.).

The Source Control panel works only with Git repositories. Projects managed with TFS and SVN are still managed from the Team backstage tab.

The first time you open the panel, you are instructed to initialize a local Git repository. This step is mandatory and is performed automatically by selecting the Initialize Repository button.

The panel contains two distinct sections:

Clicking each section header collapses or expands the corresponding section. When a section is collapsed, its header displays the number of items it contains, allowing you to monitor activity at a glance.

The Changes section lists all pending file changes, separated into staged and unstaged groups.

Each file entry features a color-coded status letter (M – modified, A – added, D – deleted, R – renamed, U – untracked).

Hover over or right-click a file to access file-specific options:

Use the Message field to write your commit message. After writing your message, select Commit or use the CTRL + Enter keyboard shortcut. If no files are explicitly staged when you commit, all changes are staged automatically.

Select the arrow next to the Commit button to access more options:

Select the Refresh button at the top of the Changes section to reload the section.

You can also select the More options button to:

An ahead/behind badge next to the branch name in the toolbar shows the number of commits your local branch is ahead of and behind the remote tracking branch.

The Graph section renders your repository's commit history as a visual, multi-lane graph. The section displays up to 200 commits, with branch and tag labels, color-coded branch lines, and Bezier curves to illustrate merge connections.

Select the branch filter button to switch between which commits to display:

Separate buttons allow you to access functions such as:

You can also Refresh the section from the dedicated button.

Each row in the Graph section represents one commit. Hovering over a commit shows you the commit author, date, message, and abbreviated SHA. You can also copy the full SHA to the clipboard.

Files that have been changed are listed under the Changed files list. Right-click a file to from the list and select Compare with Previous Commit to open a diff view in the designer.

Right-clicking a commit gives you access to the following options:

Clicking a file anywhere in the Source Control panel (in the Changes area or in an expanded commit row in the Graph area) opens the diff view.