@codingame/monaco-vscode-api 26.2.2 → 27.0.0

package/vscode/src/vs/workbench/browser/panecomposite.d.ts

@@ -55,6 +55,7 @@ export declare const Extensions: {
     Viewlets: string;
     Panels: string;
     Auxiliary: string;
+    ChatBar: string;
 };
 export declare class PaneCompositeRegistry extends CompositeRegistry<PaneComposite> {
     /**

package/vscode/src/vs/workbench/browser/panecomposite.js

@@ -145,7 +145,8 @@ class PaneCompositeDescriptor extends CompositeDescriptor {
 const Extensions = {
     Viewlets: "workbench.contributions.viewlets",
     Panels: "workbench.contributions.panels",
-    Auxiliary: "workbench.contributions.auxiliary"
+    Auxiliary: "workbench.contributions.auxiliary",
+    ChatBar: "workbench.contributions.chatbar"
 };
 class PaneCompositeRegistry extends CompositeRegistry {
     registerPaneComposite(descriptor) {
@@ -164,5 +165,6 @@ class PaneCompositeRegistry extends CompositeRegistry {
 Registry.add(Extensions.Viewlets, ( new PaneCompositeRegistry()));
 Registry.add(Extensions.Panels, ( new PaneCompositeRegistry()));
 Registry.add(Extensions.Auxiliary, ( new PaneCompositeRegistry()));
+Registry.add(Extensions.ChatBar, ( new PaneCompositeRegistry()));
 
 export { Extensions, PaneComposite, PaneCompositeDescriptor, PaneCompositeRegistry };

package/vscode/src/vs/workbench/browser/part.d.ts

@@ -22,7 +22,7 @@ export interface ILayoutContentResult {
  * arranges an optional title and mandatory content area to show content.
  */
 export declare abstract class Part<MementoType extends object = object> extends Component<MementoType> implements ISerializableView {
-    private options;
+    protected options: IPartOptions;
     protected readonly layoutService: IWorkbenchLayoutService;
     private _dimension;
     get dimension(): Dimension | undefined;

package/vscode/src/vs/workbench/browser/parts/activitybar/activitybarPart.d.ts

@@ -10,24 +10,35 @@ import { IPaneCompositeBarOptions, PaneCompositeBar } from "../paneCompositeBar.
 import { IStorageService } from "../../../../platform/storage/common/storage.service.js";
 import { IMenuService } from "../../../../platform/actions/common/actions.service.js";
 import { IContextKeyService } from "../../../../platform/contextkey/common/contextkey.service.js";
+import { ViewContainerLocation } from "../../../common/views.js";
 import { IViewDescriptorService } from "../../../common/views.service.js";
 import { IExtensionService } from "../../../services/extensions/common/extensions.service.js";
 import { IWorkbenchEnvironmentService } from "../../../services/environment/common/environmentService.service.js";
 import { IViewsService } from "../../../services/views/common/viewsService.service.js";
 export declare class ActivitybarPart extends Part {
+    private readonly location;
     private readonly paneCompositePart;
     private readonly instantiationService;
+    private readonly configurationService;
     static readonly ACTION_HEIGHT = 48;
+    static readonly COMPACT_ACTION_HEIGHT = 32;
+    static readonly ACTIVITYBAR_WIDTH = 48;
+    static readonly COMPACT_ACTIVITYBAR_WIDTH = 36;
+    static readonly ICON_SIZE = 24;
+    static readonly COMPACT_ICON_SIZE = 16;
     static readonly pinnedViewContainersKey = "workbench.activity.pinnedViewlets2";
     static readonly placeholderViewContainersKey = "workbench.activity.placeholderViewlets";
     static readonly viewContainersWorkspaceStateKey = "workbench.activity.viewletsWorkspaceState";
-    readonly minimumWidth: number;
-    readonly maximumWidth: number;
+    get minimumWidth(): number;
+    get maximumWidth(): number;
     readonly minimumHeight: number;
     readonly maximumHeight: number;
     private readonly compositeBar;
     private content;
-    constructor(paneCompositePart: IPaneCompositePart, instantiationService: IInstantiationService, layoutService: IWorkbenchLayoutService, themeService: IThemeService, storageService: IStorageService);
+    private _isCompact;
+    constructor(location: ViewContainerLocation, paneCompositePart: IPaneCompositePart, instantiationService: IInstantiationService, layoutService: IWorkbenchLayoutService, themeService: IThemeService, storageService: IStorageService, configurationService: IConfigurationService);
+    private updateCompactStyle;
+    private recreateCompositeBar;
     private createCompositeBar;
     protected createContentArea(parent: HTMLElement): HTMLElement;
     getPinnedPaneCompositeIds(): string[];
@@ -49,7 +60,7 @@ export declare class ActivityBarCompositeBar extends PaneCompositeBar {
     private compositeBarContainer;
     private readonly globalCompositeBar;
     private readonly keyboardNavigationDisposables;
-    constructor(options: IPaneCompositeBarOptions, part: Parts, paneCompositePart: IPaneCompositePart, showGlobalActivities: boolean, instantiationService: IInstantiationService, storageService: IStorageService, extensionService: IExtensionService, viewDescriptorService: IViewDescriptorService, viewService: IViewsService, contextKeyService: IContextKeyService, environmentService: IWorkbenchEnvironmentService, configurationService: IConfigurationService, menuService: IMenuService, layoutService: IWorkbenchLayoutService);
+    constructor(location: ViewContainerLocation, options: IPaneCompositeBarOptions, part: Parts, paneCompositePart: IPaneCompositePart, showGlobalActivities: boolean, instantiationService: IInstantiationService, storageService: IStorageService, extensionService: IExtensionService, viewDescriptorService: IViewDescriptorService, viewService: IViewsService, contextKeyService: IContextKeyService, environmentService: IWorkbenchEnvironmentService, configurationService: IConfigurationService, menuService: IMenuService, layoutService: IWorkbenchLayoutService);
     private fillContextMenuActions;
     private uninstallMenubar;
     private installMenubar;

package/vscode/src/vs/workbench/browser/parts/activitybar/activitybarPart.js

@@ -6,7 +6,7 @@ import * as activityaction from './media/activityaction.css';
 import { localize, localize2 } from '../../../../nls.js';
 import { ActionsOrientation } from '../../../../base/browser/ui/actionbar/actionbar.js';
 import { Part } from '../../part.js';
-import { Parts, Position, LayoutSettings, ActivityBarPosition } from '../../../services/layout/browser/layoutService.js';
+import { Parts, LayoutSettings, Position, ActivityBarPosition } from '../../../services/layout/browser/layoutService.js';
 import { IWorkbenchLayoutService } from '../../../services/layout/browser/layoutService.service.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
 import { MutableDisposable, DisposableStore } from '../../../../base/common/lifecycle.js';
@@ -25,7 +25,7 @@ import '../../../../platform/theme/common/colors/minimapColors.js';
 import '../../../../platform/theme/common/colors/miscColors.js';
 import '../../../../platform/theme/common/colors/quickpickColors.js';
 import '../../../../platform/theme/common/colors/searchColors.js';
-import { append, $, clearNode, isAncestor, addDisposableListener, EventType } from '../../../../base/browser/dom.js';
+import { clearNode, append, $, isAncestor, addDisposableListener, EventType } from '../../../../base/browser/dom.js';
 import { assertReturnsDefined } from '../../../../base/common/types.js';
 import { CustomMenubarControl } from '../titlebar/menubarControl.js';
 import { IConfigurationService } from '../../../../platform/configuration/common/configuration.service.js';
@@ -60,6 +60,21 @@ let ActivitybarPart = class ActivitybarPart extends Part {
     static {
         this.ACTION_HEIGHT = 48;
     }
+    static {
+        this.COMPACT_ACTION_HEIGHT = 32;
+    }
+    static {
+        this.ACTIVITYBAR_WIDTH = 48;
+    }
+    static {
+        this.COMPACT_ACTIVITYBAR_WIDTH = 36;
+    }
+    static {
+        this.ICON_SIZE = 24;
+    }
+    static {
+        this.COMPACT_ICON_SIZE = 16;
+    }
     static {
         this.pinnedViewContainersKey = "workbench.activity.pinnedViewlets2";
     }
@@ -69,33 +84,78 @@ let ActivitybarPart = class ActivitybarPart extends Part {
     static {
         this.viewContainersWorkspaceStateKey = "workbench.activity.viewletsWorkspaceState";
     }
+    get minimumWidth() {
+        return this._isCompact ? ActivitybarPart_1.COMPACT_ACTIVITYBAR_WIDTH : ActivitybarPart_1.ACTIVITYBAR_WIDTH;
+    }
+    get maximumWidth() {
+        return this._isCompact ? ActivitybarPart_1.COMPACT_ACTIVITYBAR_WIDTH : ActivitybarPart_1.ACTIVITYBAR_WIDTH;
+    }
     constructor(
+        location,
         paneCompositePart,
         instantiationService,
         layoutService,
         themeService,
-        storageService
+        storageService,
+        configurationService
     ) {
         super(Parts.ACTIVITYBAR_PART, {
             hasTitle: false
         }, themeService, storageService, layoutService);
+        this.location = location;
         this.paneCompositePart = paneCompositePart;
         this.instantiationService = instantiationService;
-        this.minimumWidth = 48;
-        this.maximumWidth = 48;
+        this.configurationService = configurationService;
         this.minimumHeight = 0;
         this.maximumHeight = Number.POSITIVE_INFINITY;
         this.compositeBar = this._register(( new MutableDisposable()));
+        this._isCompact = this.configurationService.getValue(LayoutSettings.ACTIVITY_BAR_COMPACT) ?? false;
+        this._register(this.configurationService.onDidChangeConfiguration(e => {
+            if (e.affectsConfiguration(LayoutSettings.ACTIVITY_BAR_COMPACT)) {
+                this._isCompact = this.configurationService.getValue(LayoutSettings.ACTIVITY_BAR_COMPACT) ?? false;
+                this.updateCompactStyle();
+                this.recreateCompositeBar();
+                this._onDidChange.fire(undefined);
+            }
+        }));
+    }
+    updateCompactStyle() {
+        if (this.element) {
+            this.element.classList.toggle("compact", this._isCompact);
+            this.element.style.setProperty("--activity-bar-width", `${this.minimumWidth}px`);
+            this.element.style.setProperty(
+                "--activity-bar-action-height",
+                `${this._isCompact ? ActivitybarPart_1.COMPACT_ACTION_HEIGHT : ActivitybarPart_1.ACTION_HEIGHT}px`
+            );
+            this.element.style.setProperty(
+                "--activity-bar-icon-size",
+                `${this._isCompact ? ActivitybarPart_1.COMPACT_ICON_SIZE : ActivitybarPart_1.ICON_SIZE}px`
+            );
+        }
+    }
+    recreateCompositeBar() {
+        if (!this.content || !this.compositeBar.value) {
+            return;
+        }
+        this.compositeBar.clear();
+        clearNode(this.content);
+        this.compositeBar.value = this.createCompositeBar();
+        this.compositeBar.value.create(this.content);
+        if (this.dimension) {
+            this.layout(this.dimension.width, this.dimension.height);
+        }
     }
     createCompositeBar() {
-        return this.instantiationService.createInstance(ActivityBarCompositeBar, {
+        const actionHeight = this._isCompact ? ActivitybarPart_1.COMPACT_ACTION_HEIGHT : ActivitybarPart_1.ACTION_HEIGHT;
+        const iconSize = this._isCompact ? ActivitybarPart_1.COMPACT_ICON_SIZE : ActivitybarPart_1.ICON_SIZE;
+        return this.instantiationService.createInstance(ActivityBarCompositeBar, this.location, {
             partContainerClass: "activitybar",
             pinnedViewContainersKey: ActivitybarPart_1.pinnedViewContainersKey,
             placeholderViewContainersKey: ActivitybarPart_1.placeholderViewContainersKey,
             viewContainersWorkspaceStateKey: ActivitybarPart_1.viewContainersWorkspaceStateKey,
             orientation: ActionsOrientation.VERTICAL,
             icon: true,
-            iconSize: 24,
+            iconSize,
             activityHoverOptions: {
                 position: () => this.layoutService.getSideBarPosition() === Position.LEFT ? HoverPosition.RIGHT : HoverPosition.LEFT
             },
@@ -115,12 +175,13 @@ let ActivitybarPart = class ActivitybarPart extends Part {
                 inactiveBackgroundColor: undefined,
                 activeBorderBottomColor: undefined
             }),
-            overflowActionSize: ActivitybarPart_1.ACTION_HEIGHT
+            overflowActionSize: actionHeight
         }, Parts.ACTIVITYBAR_PART, this.paneCompositePart, true);
     }
     createContentArea(parent) {
         this.element = parent;
         this.content = append(this.element, $(".content"));
+        this.updateCompactStyle();
         if (this.layoutService.isVisible(Parts.ACTIVITYBAR_PART)) {
             this.show();
         }
@@ -185,9 +246,10 @@ let ActivitybarPart = class ActivitybarPart extends Part {
         };
     }
 };
-ActivitybarPart = ActivitybarPart_1 = ( __decorate([( __param(1, IInstantiationService)), ( __param(2, IWorkbenchLayoutService)), ( __param(3, IThemeService)), ( __param(4, IStorageService))], ActivitybarPart));
+ActivitybarPart = ActivitybarPart_1 = ( __decorate([( __param(2, IInstantiationService)), ( __param(3, IWorkbenchLayoutService)), ( __param(4, IThemeService)), ( __param(5, IStorageService)), ( __param(6, IConfigurationService))], ActivitybarPart));
 let ActivityBarCompositeBar = class ActivityBarCompositeBar extends PaneCompositeBar {
     constructor(
+        location,
         options,
         part,
         paneCompositePart,
@@ -203,7 +265,7 @@ let ActivityBarCompositeBar = class ActivityBarCompositeBar extends PaneComposit
         menuService,
         layoutService
     ) {
-        super({
+        super(location, {
             ...options,
             fillExtraContextMenuActions: (actions, e) => {
                 options.fillExtraContextMenuActions(actions, e);
@@ -237,7 +299,7 @@ let ActivityBarCompositeBar = class ActivityBarCompositeBar extends PaneComposit
         if (menuBarVisibility === "compact" || menuBarVisibility === "hidden" || menuBarVisibility === "toggle") {
             actions.unshift(...[toAction({
                 id: "toggleMenuVisibility",
-                label: ( localize(2988, "Menu")),
+                label: ( localize(3029, "Menu")),
                 checked: menuBarVisibility === "compact",
                 run: () => this.configurationService.updateValue(
                     MenuSettings.MenuBarVisibility,
@@ -249,7 +311,7 @@ let ActivityBarCompositeBar = class ActivityBarCompositeBar extends PaneComposit
             if (isAncestor(e.target, this.menuBarContainer)) {
                 actions.unshift(...[toAction({
                     id: "hideCompactMenu",
-                    label: ( localize(2989, "Hide Menu")),
+                    label: ( localize(3030, "Hide Menu")),
                     run: () => this.configurationService.updateValue(MenuSettings.MenuBarVisibility, "toggle")
                 }), ( new Separator())]);
             }
@@ -335,7 +397,7 @@ let ActivityBarCompositeBar = class ActivityBarCompositeBar extends PaneComposit
         }
         if (this.globalCompositeBar) {
             if (this.options.orientation === ActionsOrientation.VERTICAL) {
-                height -= (this.globalCompositeBar.size() * ActivitybarPart.ACTION_HEIGHT);
+                height -= (this.globalCompositeBar.size() * this.options.overflowActionSize);
             } else {
                 width -= this.globalCompositeBar.element.clientWidth;
             }
@@ -348,11 +410,28 @@ let ActivityBarCompositeBar = class ActivityBarCompositeBar extends PaneComposit
             renderShortTitle: true
         });
         const positionActions = getContextMenuActions(activityBarPositionMenu).secondary;
-        const actions = [( new SubmenuAction("workbench.action.panel.position", ( localize(2990, "Activity Bar Position")), positionActions)), toAction({
+        const actions = [( new SubmenuAction("workbench.action.activityBar.position", ( localize(3031, "Activity Bar Position")), positionActions))];
+        const activityBarPosition = this.configurationService.getValue(LayoutSettings.ACTIVITY_BAR_LOCATION);
+        if (activityBarPosition === ActivityBarPosition.DEFAULT) {
+            const isCompact = this.configurationService.getValue(LayoutSettings.ACTIVITY_BAR_COMPACT) ?? false;
+            const sizeActions = [toAction({
+                id: "workbench.action.activityBar.size.default",
+                label: ( localize(3032, "Default")),
+                checked: !isCompact,
+                run: () => this.configurationService.updateValue(LayoutSettings.ACTIVITY_BAR_COMPACT, false)
+            }), toAction({
+                id: "workbench.action.activityBar.size.compact",
+                label: ( localize(3033, "Compact")),
+                checked: isCompact,
+                run: () => this.configurationService.updateValue(LayoutSettings.ACTIVITY_BAR_COMPACT, true)
+            })];
+            actions.push(( new SubmenuAction("workbench.action.activityBar.size", ( localize(3034, "Activity Bar Size")), sizeActions)));
+        }
+        actions.push(toAction({
             id: ToggleSidebarPositionAction.ID,
             label: ToggleSidebarPositionAction.getLabel(this.layoutService),
             run: () => this.instantiationService.invokeFunction(accessor => ( new ToggleSidebarPositionAction()).run(accessor))
-        })];
+        }));
         if (this.part === Parts.SIDEBAR_PART) {
             actions.push(toAction({
                 id: ToggleSidebarVisibilityAction.ID,
@@ -363,16 +442,16 @@ let ActivityBarCompositeBar = class ActivityBarCompositeBar extends PaneComposit
         return actions;
     }
 };
-ActivityBarCompositeBar = ( __decorate([( __param(4, IInstantiationService)), ( __param(5, IStorageService)), ( __param(6, IExtensionService)), ( __param(7, IViewDescriptorService)), ( __param(8, IViewsService)), ( __param(9, IContextKeyService)), ( __param(10, IWorkbenchEnvironmentService)), ( __param(11, IConfigurationService)), ( __param(12, IMenuService)), ( __param(13, IWorkbenchLayoutService))], ActivityBarCompositeBar));
+ActivityBarCompositeBar = ( __decorate([( __param(5, IInstantiationService)), ( __param(6, IStorageService)), ( __param(7, IExtensionService)), ( __param(8, IViewDescriptorService)), ( __param(9, IViewsService)), ( __param(10, IContextKeyService)), ( __param(11, IWorkbenchEnvironmentService)), ( __param(12, IConfigurationService)), ( __param(13, IMenuService)), ( __param(14, IWorkbenchLayoutService))], ActivityBarCompositeBar));
 registerAction2(class extends Action2 {
     constructor() {
         super({
             id: "workbench.action.activityBarLocation.default",
             title: {
-                ...( localize2(2991, "Move Activity Bar to Side")),
-                mnemonicTitle: ( localize(2992, "&&Default"))
+                ...( localize2(3035, "Move Activity Bar to Side")),
+                mnemonicTitle: ( localize(3036, "&&Default"))
             },
-            shortTitle: ( localize(2993, "Default")),
+            shortTitle: ( localize(3037, "Default")),
             category: Categories.View,
             toggled: ( ContextKeyExpr.equals(
                 `config.${LayoutSettings.ACTIVITY_BAR_LOCATION}`,
@@ -400,10 +479,10 @@ registerAction2(class extends Action2 {
         super({
             id: "workbench.action.activityBarLocation.top",
             title: {
-                ...( localize2(2994, "Move Activity Bar to Top")),
-                mnemonicTitle: ( localize(2995, "&&Top"))
+                ...( localize2(3038, "Move Activity Bar to Top")),
+                mnemonicTitle: ( localize(3039, "&&Top"))
             },
-            shortTitle: ( localize(2996, "Top")),
+            shortTitle: ( localize(3040, "Top")),
             category: Categories.View,
             toggled: ( ContextKeyExpr.equals(`config.${LayoutSettings.ACTIVITY_BAR_LOCATION}`, ActivityBarPosition.TOP)),
             menu: [{
@@ -425,10 +504,10 @@ registerAction2(class extends Action2 {
         super({
             id: "workbench.action.activityBarLocation.bottom",
             title: {
-                ...( localize2(2997, "Move Activity Bar to Bottom")),
-                mnemonicTitle: ( localize(2998, "&&Bottom"))
+                ...( localize2(3041, "Move Activity Bar to Bottom")),
+                mnemonicTitle: ( localize(3042, "&&Bottom"))
             },
-            shortTitle: ( localize(2999, "Bottom")),
+            shortTitle: ( localize(3043, "Bottom")),
             category: Categories.View,
             toggled: ( ContextKeyExpr.equals(
                 `config.${LayoutSettings.ACTIVITY_BAR_LOCATION}`,
@@ -456,10 +535,10 @@ registerAction2(class extends Action2 {
         super({
             id: "workbench.action.activityBarLocation.hide",
             title: {
-                ...( localize2(3000, "Hide Activity Bar")),
-                mnemonicTitle: ( localize(3001, "&&Hidden"))
+                ...( localize2(3044, "Hide Activity Bar")),
+                mnemonicTitle: ( localize(3045, "&&Hidden"))
             },
-            shortTitle: ( localize(3002, "Hidden")),
+            shortTitle: ( localize(3046, "Hidden")),
             category: Categories.View,
             toggled: ( ContextKeyExpr.equals(
                 `config.${LayoutSettings.ACTIVITY_BAR_LOCATION}`,
@@ -484,13 +563,13 @@ registerAction2(class extends Action2 {
 });
 MenuRegistry.appendMenuItem(MenuId.MenubarAppearanceMenu, {
     submenu: MenuId.ActivityBarPositionMenu,
-    title: ( localize(3003, "Activity Bar Position")),
+    title: ( localize(3047, "Activity Bar Position")),
     group: "3_workbench_layout_move",
     order: 2
 });
 MenuRegistry.appendMenuItem(MenuId.ViewContainerTitleContext, {
     submenu: MenuId.ActivityBarPositionMenu,
-    title: ( localize(3003, "Activity Bar Position")),
+    title: ( localize(3047, "Activity Bar Position")),
     when: ( ContextKeyExpr.or(( ContextKeyExpr.equals(
         "viewContainerLocation",
         ViewContainerLocationToString(ViewContainerLocation.Sidebar)
@@ -505,7 +584,7 @@ registerAction2(class extends SwitchCompositeViewAction {
     constructor() {
         super({
             id: "workbench.action.previousSideBarView",
-            title: ( localize2(3004, "Previous Primary Side Bar View")),
+            title: ( localize2(3048, "Previous Primary Side Bar View")),
             category: Categories.View,
             f1: true
         }, ViewContainerLocation.Sidebar, -1);
@@ -515,7 +594,7 @@ registerAction2(class extends SwitchCompositeViewAction {
     constructor() {
         super({
             id: "workbench.action.nextSideBarView",
-            title: ( localize2(3005, "Next Primary Side Bar View")),
+            title: ( localize2(3049, "Next Primary Side Bar View")),
             category: Categories.View,
             f1: true
         }, ViewContainerLocation.Sidebar, 1);
@@ -525,7 +604,7 @@ registerAction2(class FocusActivityBarAction extends Action2 {
     constructor() {
         super({
             id: "workbench.action.focusActivityBar",
-            title: ( localize2(3006, "Focus Activity Bar")),
+            title: ( localize2(3050, "Focus Activity Bar")),
             category: Categories.View,
             f1: true
         });

package/vscode/src/vs/workbench/browser/parts/activitybar/media/activityaction.css

@@ -12,7 +12,7 @@
 .monaco-workbench .activitybar > .content .composite-bar > .monaco-action-bar .action-item::after {
 	position: absolute;
 	content: '';
-	width: 48px;
+	width: var(--activity-bar-width, 48px);
 	height: 2px;
 	display: none;
 	background-color: transparent;
@@ -46,8 +46,8 @@
 	z-index: 1;
 	display: flex;
 	overflow: hidden;
-	width: 48px;
-	height: 48px;
+	width: var(--activity-bar-width, 48px);
+	height: var(--activity-bar-action-height, 48px);
 	margin-right: 0;
 	box-sizing: border-box;
 
@@ -55,12 +55,12 @@
 
 .monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-label:not(.codicon) {
 	font-size: 15px;
-	line-height: 40px;
-	padding: 0 0 0 48px;
+	line-height: var(--activity-bar-action-height, 48px);
+	padding: 0 0 0 var(--activity-bar-width, 48px);
 }
 
 .monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-label.codicon {
-	font-size: 24px;
+	font-size: var(--activity-bar-icon-size, 24px);
 	align-items: center;
 	justify-content: center;
 }
@@ -169,6 +169,17 @@
 	text-align: center;
 }
 
+.monaco-workbench .activitybar.compact > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content {
+	top: 17px;
+	right: 6px;
+	min-width: 9px;
+	height: 13px;
+	line-height: 13px;
+	padding: 0 2px;
+	border-radius: 13px;
+	border: none !important;
+}
+
 .monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .profile-badge .profile-text-overlay {
 	position: absolute;
 	font-weight: 600;
@@ -183,6 +194,15 @@
 	border: 2px solid var(--vscode-activityBar-background);
 }
 
+.monaco-workbench .activitybar.compact > .content :not(.monaco-menu) > .monaco-action-bar .profile-badge .profile-text-overlay {
+	font-size: 8px;
+	line-height: 8px;
+	top: 14px;
+	right: 2px;
+	padding: 2px 2px;
+	border-radius: 6px;
+}
+
 .monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:active .profile-text-overlay,
 .monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:focus .profile-text-overlay,
 .monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item:hover .profile-text-overlay {

package/vscode/src/vs/workbench/browser/parts/activitybar/media/activitybarpart.css

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 
 .monaco-workbench .part.activitybar {
-	width: 48px;
+	width: var(--activity-bar-width, 48px);
 	height: 100%;
 }