scm ux: setting to toggle providers counts

related to #101103

Author: joaomoreno

src/vs/workbench/contrib/scm/browser/media/scm.css

@@ -30,7 +30,8 @@
 	flex-flow: nowrap;
 }
 
-.scm-view .scm-provider > .count {
+.scm-view.hide-provider-counts .scm-provider > .count,
+.scm-view.auto-provider-counts .scm-provider > .count[data-count="0"] {
 	display: none;
 }
 

src/vs/workbench/contrib/scm/browser/scm.contribution.ts

@@ -143,6 +143,17 @@ Registry.as<IConfigurationRegistry>(ConfigurationExtensions.Configuration).regis
 			description: localize('scm.countBadge', "Controls the Source Control count badge."),
 			default: 'all'
 		},
+		'scm.providerCountBadge': {
+			type: 'string',
+			enum: ['hidden', 'auto', 'visible'],
+			enumDescriptions: [
+				localize('scm.providerCountBadge.hidden', "Hide Source Control Providers count badges."),
+				localize('scm.providerCountBadge.auto', "Show Source Control Providers count badges if there are any changes."),
+				localize('scm.providerCountBadge.visible', "Show Source Control Providers count badges.")
+			],
+			description: localize('scm.providerCountBadge', "Controls the Source Control Providers count badge."),
+			default: 'hidden'
+		},
 		'scm.defaultViewMode': {
 			type: 'string',
 			enum: ['tree', 'list'],

src/vs/workbench/contrib/scm/browser/scmViewPane.ts

@@ -222,6 +222,7 @@ class RepositoryRenderer implements ICompressibleTreeRenderer<ISCMRepository, Fu
 			updateToolbar();
 
 			const count = repository.provider.count || 0;
+			templateData.countContainer.setAttribute('data-count', String(count));
 			templateData.count.setCount(count);
 		};
 		disposables.add(repository.provider.onDidChange(onDidChangeProvider, null));
@@ -1617,6 +1618,14 @@ export class SCMViewPane extends ViewPane {
 		Event.filter(this.configurationService.onDidChangeConfiguration, e => e.affectsConfiguration('scm.alwaysShowActions'))(updateActionsVisibility);
 		updateActionsVisibility();
 
+		const updateProviderCountVisibility = () => {
+			const value = this.configurationService.getValue<'hidden' | 'auto' | 'visible'>('scm.providerCountBadge');
+			toggleClass(this.listContainer, 'hide-provider-counts', value === 'hidden');
+			toggleClass(this.listContainer, 'auto-provider-counts', value === 'auto');
+		};
+		Event.filter(this.configurationService.onDidChangeConfiguration, e => e.affectsConfiguration('scm.providerCountBadge'))(updateProviderCountVisibility);
+		updateProviderCountVisibility();
+
 		const repositories = new SimpleSequence(this.scmService.repositories, this.scmService.onDidAddRepository, this.scmService.onDidRemoveRepository);
 		this._register(repositories);