The Builds view is similar to the classic UI and displays the list of the recent builds in subprojects and build configurations of the current project. The card also displays the number of pending changes. You can hover over any bar to instantly see more information about the build: its duration, queue statistics, test results, used agent, and more. The Trends view comprises cards that represent build configurations of the selected project.Įach card contains a preview of the most recent builds displayed as bars on a timescale. The page has two main views: Builds and Trends. The Overview tab of the Project Home page provides more visibility of the project's subprojects and build configurations. When focused, use ↑ and ↓ keyboard arrows to navigate between search results. You can use the Q keyboard shortcut to focus on the projects' search field. You can also toggle the display of archived projects. The sidebar allows accessing the Favorite projects and Favorite builds views with the lists of your favorite projects and favorite build configurations respectively. The status icons and counters for all its nested objects are also displayed in the sidebar. You can expand any project to see its nested subprojects / build configurations and quickly switch between them. The Projects sidebar lists all the projects available to the current TeamCity user and allows searching them by name. In the customization menu, you can move a project or build configuration in the list via a keyboard or using the arrow UI button, or mark/clear projects as your favorite. To customize a sidebar, click in its upper-right corner. You can change the sidebar width by dragging its frame border and hide/show it anytime by clicking the corresponding button at its bottom. This improved sidebar displays the project hierarchy and, for the Agents page, shows agent hierarchy and serves for better navigation between projects, build configurations, or build agents. Project Home and Build Configuration Home pages: redesigned Overview tabīuild Results page: redesigned Overview, Tests and Test History, Changes, Build Log, and Dependencies tabsīelow, you’ll find a recap of these features. The new UI comes with a handy sidebar that serves for quick navigation.Ĭurrently, the Sakura UI is available for the following pages: The section below provides an overview of the differences between the Sakura UI and the classic TeamCity UI.

To return to the Sakura UI, click the magic wand icon.

You can change the default UI in Your Profile | UI settings via the Use Sakura UI checkbox.Īll pages supporting the new UI have a toggle to quickly access the classic UI.

If you were using the classic UI, after upgrading TeamCity will offer you to switch to the Sakura UI and will remember your choice. When you sign in to TeamCity for the first time, the Sakura UI is enabled by default. This new UI is actively developed, and your feedback is welcome. We recommend that you use the Sakura UI and benefit from a fresh, modern interface created with accessibility in mind. While the classic UI is still available and is maintained, the new product features will be supported in the Sakura UI only. The Sakura UI, first introduced in TeamCity 2019.1 as an alternative to the classic UI, is now the default TeamCity UI. The Sakura UI is now the default UI for new TeamCity users.

Teamcity dark mode