@codingame/monaco-vscode-api 26.2.1 → 27.0.0

package/vscode/src/vs/workbench/browser/parts/media/paneCompositePart.css

@@ -8,7 +8,8 @@
 }
 
 .monaco-workbench .pane-composite-part > .title.has-composite-bar > .title-actions .monaco-action-bar .action-item,
-.monaco-workbench .pane-composite-part > .title.has-composite-bar > .global-actions .monaco-action-bar .action-item {
+.monaco-workbench .pane-composite-part > .title.has-composite-bar > .global-actions .monaco-action-bar .action-item,
+.monaco-workbench .pane-composite-part > .title.has-composite-bar > .global-actions-left .monaco-action-bar .action-item {
 	margin-right: 4px;
 }
 
@@ -16,6 +17,13 @@
 	outline-offset: -2px;
 }
 
+/* Global left actions toolbar: rendered first visually via CSS order */
+.monaco-workbench .pane-composite-part > .title > .global-actions-left {
+	order: -1;
+	display: flex;
+	align-items: center;
+}
+
 .monaco-workbench .pane-composite-part > .title.has-composite-bar > .title-label {
 	display: none;
 }

package/vscode/src/vs/workbench/browser/parts/notifications/media/notificationsCenter.css

@@ -17,6 +17,16 @@
 	bottom: 11px; /* attempt to position at same location as a toast */
 }
 
+.monaco-workbench > .notifications-center.bottom-left {
+	right: auto;
+	left: 7px;
+}
+
+.monaco-workbench > .notifications-center.top-right {
+	bottom: auto;
+	top: 7px;
+}
+
 .monaco-workbench > .notifications-center.visible {
 	display: block;
 }

package/vscode/src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css

@@ -16,6 +16,20 @@
 	bottom: 3px;
 }
 
+.monaco-workbench > .notifications-toasts.bottom-left {
+	right: auto;
+	left: 3px;
+}
+
+.monaco-workbench > .notifications-toasts.top-right {
+	bottom: auto;
+	top: 3px;
+}
+
+.monaco-workbench > .notifications-toasts.top-right .notification-toast-container > .notification-toast {
+	transform: translate3d(100%, 0px, 0px); /* slide in from right */
+}
+
 .monaco-workbench > .notifications-toasts.visible {
 	display: flex;
 	flex-direction: column;

package/vscode/src/vs/workbench/browser/parts/notifications/notificationsActions.d.ts

@@ -1,7 +1,13 @@
-import { INotificationViewItem } from "../../../common/notifications.js";
+import { INotificationViewItem, NotificationsPosition } from "../../../common/notifications.js";
 import { Action } from "../../../../base/common/actions.js";
 import { ICommandService } from "../../../../platform/commands/common/commands.service.js";
 import { IClipboardService } from "../../../../platform/clipboard/common/clipboardService.service.js";
+import { ThemeIcon } from "../../../../base/common/themables.js";
+export declare const hideIcon: ThemeIcon;
+export declare const hideUpIcon: ThemeIcon;
+export declare const positionIcon: ThemeIcon;
+export declare function getNotificationExpandIcon(position: NotificationsPosition): ThemeIcon;
+export declare function getNotificationCollapseIcon(position: NotificationsPosition): ThemeIcon;
 export declare class ClearNotificationAction extends Action {
     private readonly commandService;
     static readonly ID = "notification.clear";
@@ -35,6 +41,11 @@ export declare class ConfigureDoNotDisturbAction extends Action {
     static readonly LABEL: string;
     constructor(id: string, label: string);
 }
+export declare class ConfigureNotificationsPositionAction extends Action {
+    static readonly ID = "workbench.action.configureNotificationsPosition";
+    static readonly LABEL: string;
+    constructor(id: string, label: string);
+}
 export declare class HideNotificationsCenterAction extends Action {
     private readonly commandService;
     static readonly ID = "notifications.hideList";

package/vscode/src/vs/workbench/browser/parts/notifications/notificationsActions.js

@@ -2,6 +2,7 @@
 import { registerCss } from '../../../../../../../css.js';
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
 import * as notificationsActions from './media/notificationsActions.css';
+import { NotificationsPosition } from '../../../common/notifications.js';
 import { localize } from '../../../../nls.js';
 import { Action } from '../../../../base/common/actions.js';
 import { CLEAR_NOTIFICATION, CLEAR_ALL_NOTIFICATIONS, TOGGLE_DO_NOT_DISTURB_MODE, TOGGLE_DO_NOT_DISTURB_MODE_BY_SOURCE, HIDE_NOTIFICATIONS_CENTER, EXPAND_NOTIFICATION, COLLAPSE_NOTIFICATION } from './notificationsCommands.js';
@@ -12,19 +13,38 @@ import { registerIcon } from '../../../../platform/theme/common/iconRegistry.js'
 import { ThemeIcon } from '../../../../base/common/themables.js';
 
 registerCss(notificationsActions);
-const clearIcon = registerIcon("notifications-clear", Codicon.close, ( localize(3530, "Icon for the clear action in notifications.")));
-const clearAllIcon = registerIcon("notifications-clear-all", Codicon.clearAll, ( localize(3531, "Icon for the clear all action in notifications.")));
-const hideIcon = registerIcon("notifications-hide", Codicon.chevronDown, ( localize(3532, "Icon for the hide action in notifications.")));
-const expandIcon = registerIcon("notifications-expand", Codicon.chevronUp, ( localize(3533, "Icon for the expand action in notifications.")));
-const collapseIcon = registerIcon("notifications-collapse", Codicon.chevronDown, ( localize(3534, "Icon for the collapse action in notifications.")));
-const configureIcon = registerIcon("notifications-configure", Codicon.gear, ( localize(3535, "Icon for the configure action in notifications.")));
-const doNotDisturbIcon = registerIcon("notifications-do-not-disturb", Codicon.bellSlash, ( localize(3536, "Icon for the mute all action in notifications.")));
+const clearIcon = registerIcon("notifications-clear", Codicon.close, ( localize(3585, "Icon for the clear action in notifications.")));
+const clearAllIcon = registerIcon("notifications-clear-all", Codicon.clearAll, ( localize(3586, "Icon for the clear all action in notifications.")));
+const hideIcon = registerIcon("notifications-hide", Codicon.chevronDown, ( localize(3587, "Icon for the hide action in notifications.")));
+const hideUpIcon = registerIcon("notifications-hide-up", Codicon.chevronUp, ( localize(
+    3588,
+    "Icon for the hide action in notifications when positioned at the top."
+)));
+const expandIcon = registerIcon("notifications-expand", Codicon.chevronUp, ( localize(3589, "Icon for the expand action in notifications.")));
+const expandDownIcon = registerIcon("notifications-expand-down", Codicon.chevronDown, ( localize(
+    3590,
+    "Icon for the expand action in notifications when the notification center is at the top."
+)));
+const collapseIcon = registerIcon("notifications-collapse", Codicon.chevronDown, ( localize(3591, "Icon for the collapse action in notifications.")));
+const collapseUpIcon = registerIcon("notifications-collapse-up", Codicon.chevronUp, ( localize(
+    3592,
+    "Icon for the collapse action in notifications when the notification center is at the top."
+)));
+const configureIcon = registerIcon("notifications-configure", Codicon.gear, ( localize(3593, "Icon for the configure action in notifications.")));
+const doNotDisturbIcon = registerIcon("notifications-do-not-disturb", Codicon.bellSlash, ( localize(3594, "Icon for the mute all action in notifications.")));
+const positionIcon = registerIcon("notifications-position", Codicon.arrowSwap, ( localize(3595, "Icon for the position action in notifications.")));
+function getNotificationExpandIcon(position) {
+    return position === NotificationsPosition.TOP_RIGHT ? expandDownIcon : expandIcon;
+}
+function getNotificationCollapseIcon(position) {
+    return position === NotificationsPosition.TOP_RIGHT ? collapseUpIcon : collapseIcon;
+}
 let ClearNotificationAction = class ClearNotificationAction extends Action {
     static {
         this.ID = CLEAR_NOTIFICATION;
     }
     static {
-        this.LABEL = ( localize(3537, "Clear Notification"));
+        this.LABEL = ( localize(3596, "Clear Notification"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(clearIcon));
@@ -40,7 +60,7 @@ let ClearAllNotificationsAction = class ClearAllNotificationsAction extends Acti
         this.ID = CLEAR_ALL_NOTIFICATIONS;
     }
     static {
-        this.LABEL = ( localize(3538, "Clear All Notifications"));
+        this.LABEL = ( localize(3597, "Clear All Notifications"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(clearAllIcon));
@@ -56,7 +76,7 @@ let ToggleDoNotDisturbAction = class ToggleDoNotDisturbAction extends Action {
         this.ID = TOGGLE_DO_NOT_DISTURB_MODE;
     }
     static {
-        this.LABEL = ( localize(3539, "Toggle Do Not Disturb Mode"));
+        this.LABEL = ( localize(3598, "Toggle Do Not Disturb Mode"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(doNotDisturbIcon));
@@ -72,7 +92,7 @@ let ToggleDoNotDisturbBySourceAction = class ToggleDoNotDisturbBySourceAction ex
         this.ID = TOGGLE_DO_NOT_DISTURB_MODE_BY_SOURCE;
     }
     static {
-        this.LABEL = ( localize(3540, "Toggle Do Not Disturb Mode By Source..."));
+        this.LABEL = ( localize(3599, "Toggle Do Not Disturb Mode By Source..."));
     }
     constructor(id, label, commandService) {
         super(id, label);
@@ -88,18 +108,29 @@ class ConfigureDoNotDisturbAction extends Action {
         this.ID = "workbench.action.configureDoNotDisturbMode";
     }
     static {
-        this.LABEL = ( localize(3541, "Configure Do Not Disturb..."));
+        this.LABEL = ( localize(3600, "Configure Do Not Disturb..."));
     }
     constructor(id, label) {
         super(id, label, ThemeIcon.asClassName(doNotDisturbIcon));
     }
 }
+class ConfigureNotificationsPositionAction extends Action {
+    static {
+        this.ID = "workbench.action.configureNotificationsPosition";
+    }
+    static {
+        this.LABEL = ( localize(3601, "Configure Notifications Position..."));
+    }
+    constructor(id, label) {
+        super(id, label, ThemeIcon.asClassName(positionIcon));
+    }
+}
 let HideNotificationsCenterAction = class HideNotificationsCenterAction extends Action {
     static {
         this.ID = HIDE_NOTIFICATIONS_CENTER;
     }
     static {
-        this.LABEL = ( localize(3542, "Hide Notifications"));
+        this.LABEL = ( localize(3602, "Hide Notifications"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(hideIcon));
@@ -115,7 +146,7 @@ let ExpandNotificationAction = class ExpandNotificationAction extends Action {
         this.ID = EXPAND_NOTIFICATION;
     }
     static {
-        this.LABEL = ( localize(3543, "Expand Notification"));
+        this.LABEL = ( localize(3603, "Expand Notification"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(expandIcon));
@@ -131,7 +162,7 @@ let CollapseNotificationAction = class CollapseNotificationAction extends Action
         this.ID = COLLAPSE_NOTIFICATION;
     }
     static {
-        this.LABEL = ( localize(3544, "Collapse Notification"));
+        this.LABEL = ( localize(3604, "Collapse Notification"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(collapseIcon));
@@ -147,7 +178,7 @@ class ConfigureNotificationAction extends Action {
         this.ID = "workbench.action.configureNotification";
     }
     static {
-        this.LABEL = ( localize(3545, "More Actions..."));
+        this.LABEL = ( localize(3605, "More Actions..."));
     }
     constructor(id, label, notification) {
         super(id, label, ThemeIcon.asClassName(configureIcon));
@@ -159,7 +190,7 @@ let CopyNotificationMessageAction = class CopyNotificationMessageAction extends
         this.ID = "workbench.action.copyNotificationMessage";
     }
     static {
-        this.LABEL = ( localize(3546, "Copy Text"));
+        this.LABEL = ( localize(3606, "Copy Text"));
     }
     constructor(id, label, clipboardService) {
         super(id, label);
@@ -171,4 +202,4 @@ let CopyNotificationMessageAction = class CopyNotificationMessageAction extends
 };
 CopyNotificationMessageAction = ( __decorate([( __param(2, IClipboardService))], CopyNotificationMessageAction));
 
-export { ClearAllNotificationsAction, ClearNotificationAction, CollapseNotificationAction, ConfigureDoNotDisturbAction, ConfigureNotificationAction, CopyNotificationMessageAction, ExpandNotificationAction, HideNotificationsCenterAction, ToggleDoNotDisturbAction, ToggleDoNotDisturbBySourceAction };
+export { ClearAllNotificationsAction, ClearNotificationAction, CollapseNotificationAction, ConfigureDoNotDisturbAction, ConfigureNotificationAction, ConfigureNotificationsPositionAction, CopyNotificationMessageAction, ExpandNotificationAction, HideNotificationsCenterAction, ToggleDoNotDisturbAction, ToggleDoNotDisturbBySourceAction, getNotificationCollapseIcon, getNotificationExpandIcon, hideIcon, hideUpIcon, positionIcon };

package/vscode/src/vs/workbench/browser/parts/notifications/notificationsAlerts.js

@@ -47,11 +47,11 @@ class NotificationsAlerts extends Disposable {
     doTriggerAriaAlert(notification) {
         let alertText;
         if (notification.severity === Severity$1.Error) {
-            alertText = ( localize(3547, "Error: {0}", (notification.message.linkedText.toString())));
+            alertText = ( localize(3607, "Error: {0}", (notification.message.linkedText.toString())));
         } else if (notification.severity === Severity$1.Warning) {
-            alertText = ( localize(3548, "Warning: {0}", (notification.message.linkedText.toString())));
+            alertText = ( localize(3608, "Warning: {0}", (notification.message.linkedText.toString())));
         } else {
-            alertText = ( localize(3549, "Info: {0}", (notification.message.linkedText.toString())));
+            alertText = ( localize(3609, "Info: {0}", (notification.message.linkedText.toString())));
         }
         alert(alertText);
     }

package/vscode/src/vs/workbench/browser/parts/notifications/notificationsCenter.d.ts

@@ -7,20 +7,25 @@ import { INotificationsCenterController } from "./notificationsCommands.js";
 import { IInstantiationService } from "../../../../platform/instantiation/common/instantiation.js";
 import { Dimension } from "../../../../base/browser/dom.js";
 import { IEditorGroupsService } from "../../../services/editor/common/editorGroupsService.service.js";
+import { IMenuService } from "../../../../platform/actions/common/actions.service.js";
 import { IKeybindingService } from "../../../../platform/keybinding/common/keybinding.service.js";
 import { INotificationService } from "../../../../platform/notification/common/notification.service.js";
 import { IContextMenuService } from "../../../../platform/contextview/browser/contextView.service.js";
 import { IAccessibilitySignalService } from "../../../../platform/accessibilitySignal/browser/accessibilitySignalService.service.js";
+import { IConfigurationService } from "../../../../platform/configuration/common/configuration.service.js";
 export declare class NotificationsCenter extends Themable implements INotificationsCenterController {
     private readonly container;
     private readonly model;
     private readonly instantiationService;
     private readonly layoutService;
+    private readonly contextKeyService;
     private readonly editorGroupService;
     private readonly keybindingService;
     private readonly notificationService;
     private readonly accessibilitySignalService;
     private readonly contextMenuService;
+    private readonly configurationService;
+    private readonly menuService;
     private static readonly MAX_DIMENSIONS;
     private static readonly MAX_NOTIFICATION_SOURCES;
     private readonly _onDidChangeVisibility;
@@ -34,8 +39,12 @@ export declare class NotificationsCenter extends Themable implements INotificati
     private readonly notificationsCenterVisibleContextKey;
     private clearAllAction;
     private configureDoNotDisturbAction;
-    constructor(container: HTMLElement, model: INotificationsModel, themeService: IThemeService, instantiationService: IInstantiationService, layoutService: IWorkbenchLayoutService, contextKeyService: IContextKeyService, editorGroupService: IEditorGroupsService, keybindingService: IKeybindingService, notificationService: INotificationService, accessibilitySignalService: IAccessibilitySignalService, contextMenuService: IContextMenuService);
+    private hideAction;
+    constructor(container: HTMLElement, model: INotificationsModel, themeService: IThemeService, instantiationService: IInstantiationService, layoutService: IWorkbenchLayoutService, contextKeyService: IContextKeyService, editorGroupService: IEditorGroupsService, keybindingService: IKeybindingService, notificationService: INotificationService, accessibilitySignalService: IAccessibilitySignalService, contextMenuService: IContextMenuService, configurationService: IConfigurationService, menuService: IMenuService);
     private registerListeners;
+    private updatePositionClass;
+    private updateHideActionIcon;
+    private updateTopOffset;
     private onDidChangeFilter;
     get isVisible(): boolean;
     show(): void;

package/vscode/src/vs/workbench/browser/parts/notifications/notificationsCenter.js

@@ -6,7 +6,7 @@ import * as notificationsActions from './media/notificationsActions.css';
 import { NOTIFICATIONS_CENTER_BORDER, NOTIFICATIONS_CENTER_HEADER_FOREGROUND, NOTIFICATIONS_CENTER_HEADER_BACKGROUND } from '../../../common/theme.js';
 import { Themable } from '../../../../platform/theme/common/themeService.js';
 import { IThemeService } from '../../../../platform/theme/common/themeService.service.js';
-import { NotificationChangeType, NotificationViewItemContentChangeKind } from '../../../common/notifications.js';
+import { NotificationsSettings, getNotificationsPosition, NotificationsPosition, NotificationChangeType, NotificationViewItemContentChangeKind } from '../../../common/notifications.js';
 import { Parts } from '../../../services/layout/browser/layoutService.js';
 import { IWorkbenchLayoutService } from '../../../services/layout/browser/layoutService.service.js';
 import { Emitter } from '../../../../base/common/event.js';
@@ -29,8 +29,11 @@ import '../../../../platform/theme/common/colors/searchColors.js';
 import { IEditorGroupsService } from '../../../services/editor/common/editorGroupsService.service.js';
 import { localize } from '../../../../nls.js';
 import { ActionBar } from '../../../../base/browser/ui/actionbar/actionbar.js';
-import { ConfigureDoNotDisturbAction, ToggleDoNotDisturbAction, ToggleDoNotDisturbBySourceAction, ClearAllNotificationsAction, HideNotificationsCenterAction } from './notificationsActions.js';
-import { toAction, Separator } from '../../../../base/common/actions.js';
+import { hideUpIcon, hideIcon, ConfigureNotificationsPositionAction, ConfigureDoNotDisturbAction, ToggleDoNotDisturbAction, ToggleDoNotDisturbBySourceAction, ClearAllNotificationsAction, HideNotificationsCenterAction } from './notificationsActions.js';
+import { Separator, toAction } from '../../../../base/common/actions.js';
+import { MenuId } from '../../../../platform/actions/common/actions.js';
+import { IMenuService } from '../../../../platform/actions/common/actions.service.js';
+import { createActionViewItem } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
 import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.service.js';
 import { assertReturnsDefined, assertReturnsAllDefined } from '../../../../base/common/types.js';
 import { NotificationsCenterVisibleContext } from '../../../common/contextkeys.js';
@@ -41,6 +44,9 @@ import { IContextMenuService } from '../../../../platform/contextview/browser/co
 import { DropdownMenuActionViewItem } from '../../../../base/browser/ui/dropdown/dropdownActionViewItem.js';
 import { AccessibilitySignal } from '../../../../platform/accessibilitySignal/browser/accessibilitySignalService.js';
 import { IAccessibilitySignalService } from '../../../../platform/accessibilitySignal/browser/accessibilitySignalService.service.js';
+import { IConfigurationService } from '../../../../platform/configuration/common/configuration.service.js';
+import { DEFAULT_CUSTOM_TITLEBAR_HEIGHT } from '../../../../platform/window/common/window.js';
+import { ThemeIcon } from '../../../../base/common/themables.js';
 
 var NotificationsCenter_1;
 registerCss(notificationsCenter);
@@ -66,18 +72,23 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
         keybindingService,
         notificationService,
         accessibilitySignalService,
-        contextMenuService
+        contextMenuService,
+        configurationService,
+        menuService
     ) {
         super(themeService);
         this.container = container;
         this.model = model;
         this.instantiationService = instantiationService;
         this.layoutService = layoutService;
+        this.contextKeyService = contextKeyService;
         this.editorGroupService = editorGroupService;
         this.keybindingService = keybindingService;
         this.notificationService = notificationService;
         this.accessibilitySignalService = accessibilitySignalService;
         this.contextMenuService = contextMenuService;
+        this.configurationService = configurationService;
+        this.menuService = menuService;
         this._onDidChangeVisibility = this._register(( new Emitter()));
         this.onDidChangeVisibility = this._onDidChangeVisibility.event;
         this.notificationsCenterVisibleContextKey = NotificationsCenterVisibleContext.bindTo(contextKeyService);
@@ -89,6 +100,43 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
             this.layoutService.onDidLayoutMainContainer(dimension => this.layout(Dimension.lift(dimension)))
         );
         this._register(this.notificationService.onDidChangeFilter(() => this.onDidChangeFilter()));
+        this._register(this.configurationService.onDidChangeConfiguration(e => {
+            if (e.affectsConfiguration(NotificationsSettings.NOTIFICATIONS_POSITION)) {
+                this.updatePositionClass();
+            }
+        }));
+    }
+    updatePositionClass() {
+        if (!this.notificationsCenterContainer) {
+            return;
+        }
+        const position = getNotificationsPosition(this.configurationService);
+        this.notificationsCenterContainer.classList.remove("bottom-right", "bottom-left", "top-right");
+        this.notificationsCenterContainer.classList.add(position);
+        this.updateHideActionIcon();
+        this.updateTopOffset();
+    }
+    updateHideActionIcon() {
+        if (!this.hideAction) {
+            return;
+        }
+        const position = getNotificationsPosition(this.configurationService);
+        this.hideAction.class = ThemeIcon.asClassName(position === NotificationsPosition.TOP_RIGHT ? hideUpIcon : hideIcon);
+    }
+    updateTopOffset() {
+        if (!this.notificationsCenterContainer) {
+            return;
+        }
+        const position = getNotificationsPosition(this.configurationService);
+        if (position === NotificationsPosition.TOP_RIGHT) {
+            let topOffset = 7;
+            if (this.layoutService.isVisible(Parts.TITLEBAR_PART, mainWindow)) {
+                topOffset += DEFAULT_CUSTOM_TITLEBAR_HEIGHT;
+            }
+            this.notificationsCenterContainer.style.top = `${topOffset}px`;
+        } else {
+            this.notificationsCenterContainer.style.top = "";
+        }
     }
     onDidChangeFilter() {
         if (this.notificationService.getFilter() === NotificationsFilter.ERROR) {
@@ -124,15 +172,16 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
     updateTitle() {
         const [notificationsCenterTitle, clearAllAction] = assertReturnsAllDefined(this.notificationsCenterTitle, this.clearAllAction);
         if (this.model.notifications.length === 0) {
-            notificationsCenterTitle.textContent = ( localize(3550, "No new notifications"));
+            notificationsCenterTitle.textContent = ( localize(3610, "No new notifications"));
             clearAllAction.enabled = false;
         } else {
-            notificationsCenterTitle.textContent = ( localize(3551, "Notifications"));
+            notificationsCenterTitle.textContent = ( localize(3611, "Notifications"));
             clearAllAction.enabled = ( this.model.notifications.some(notification => !notification.hasProgress));
         }
     }
     create() {
         this.notificationsCenterContainer = $(".notifications-center");
+        this.updatePositionClass();
         this.notificationsCenterHeader = $(".notifications-center-header");
         this.notificationsCenterContainer.appendChild(this.notificationsCenterHeader);
         this.notificationsCenterTitle = $("span.notifications-center-header-title");
@@ -142,16 +191,28 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
         const actionRunner = this._register(this.instantiationService.createInstance(NotificationActionRunner));
         const that = this;
         const notificationsToolBar = this._register(( new ActionBar(toolbarContainer, {
-            ariaLabel: ( localize(3552, "Notification Center Actions")),
+            ariaLabel: ( localize(3612, "Notification Center Actions")),
             actionRunner,
             actionViewItemProvider: (action, options) => {
+                if (action.id === ConfigureNotificationsPositionAction.ID) {
+                    return this._register(
+                        this.instantiationService.createInstance(DropdownMenuActionViewItem, action, {
+                            getActions: () => Separator.join(...( this.menuService.getMenuActions(MenuId.NotificationsCenterPositionMenu, this.contextKeyService).map(([, actions]) => actions)))
+                        }, this.contextMenuService, {
+                            ...options,
+                            actionRunner,
+                            classNames: action.class,
+                            keybindingProvider: action => this.keybindingService.lookupKeybinding(action.id)
+                        })
+                    );
+                }
                 if (action.id === ConfigureDoNotDisturbAction.ID) {
                     return this._register(
                         this.instantiationService.createInstance(DropdownMenuActionViewItem, action, {
                             getActions() {
                                 const actions = [toAction({
                                     id: ToggleDoNotDisturbAction.ID,
-                                    label: that.notificationService.getFilter() === NotificationsFilter.OFF ? ( localize(3553, "Enable Do Not Disturb Mode")) : ( localize(3554, "Disable Do Not Disturb Mode")),
+                                    label: that.notificationService.getFilter() === NotificationsFilter.OFF ? ( localize(3613, "Enable Do Not Disturb Mode")) : ( localize(3614, "Disable Do Not Disturb Mode")),
                                     run: () => that.notificationService.setFilter(
                                         that.notificationService.getFilter() === NotificationsFilter.OFF ? NotificationsFilter.ERROR : NotificationsFilter.OFF
                                     )
@@ -176,7 +237,7 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
                                     actions.push(that._register(that.instantiationService.createInstance(
                                         ToggleDoNotDisturbBySourceAction,
                                         ToggleDoNotDisturbBySourceAction.ID,
-                                        ( localize(3555, "More…"))
+                                        ( localize(3615, "More…"))
                                     )));
                                 }
                                 return actions;
@@ -189,7 +250,7 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
                         })
                     );
                 }
-                return undefined;
+                return createActionViewItem(this.instantiationService, action, options);
             }
         })));
         this.clearAllAction = this._register(this.instantiationService.createInstance(
@@ -211,18 +272,28 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
             icon: true,
             label: false
         });
-        const hideAllAction = this._register(this.instantiationService.createInstance(
+        const configureNotificationsPositionAction = this._register(this.instantiationService.createInstance(
+            ConfigureNotificationsPositionAction,
+            ConfigureNotificationsPositionAction.ID,
+            ConfigureNotificationsPositionAction.LABEL
+        ));
+        notificationsToolBar.push(configureNotificationsPositionAction, {
+            icon: true,
+            label: false
+        });
+        this.hideAction = this._register(this.instantiationService.createInstance(
             HideNotificationsCenterAction,
             HideNotificationsCenterAction.ID,
             HideNotificationsCenterAction.LABEL
         ));
-        notificationsToolBar.push(hideAllAction, {
+        this.updateHideActionIcon();
+        notificationsToolBar.push(this.hideAction, {
             icon: true,
             label: false,
-            keybinding: this.getKeybindingLabel(hideAllAction)
+            keybinding: this.getKeybindingLabel(this.hideAction)
         });
         this.notificationsList = this.instantiationService.createInstance(NotificationsList, this.notificationsCenterContainer, {
-            widgetAriaLabel: ( localize(3556, "Notifications Center"))
+            widgetAriaLabel: ( localize(3616, "Notifications Center"))
         });
         this.container.appendChild(this.notificationsCenterContainer);
     }
@@ -316,6 +387,7 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
                 }
                 availableHeight -= (2 * 12);
             }
+            this.updateTopOffset();
             const notificationsList = assertReturnsDefined(this.notificationsList);
             notificationsList.layout(Math.min(maxWidth, availableWidth), Math.min(maxHeight, availableHeight));
         }
@@ -330,6 +402,6 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
         }
     }
 };
-NotificationsCenter = NotificationsCenter_1 = ( __decorate([( __param(2, IThemeService)), ( __param(3, IInstantiationService)), ( __param(4, IWorkbenchLayoutService)), ( __param(5, IContextKeyService)), ( __param(6, IEditorGroupsService)), ( __param(7, IKeybindingService)), ( __param(8, INotificationService)), ( __param(9, IAccessibilitySignalService)), ( __param(10, IContextMenuService))], NotificationsCenter));
+NotificationsCenter = NotificationsCenter_1 = ( __decorate([( __param(2, IThemeService)), ( __param(3, IInstantiationService)), ( __param(4, IWorkbenchLayoutService)), ( __param(5, IContextKeyService)), ( __param(6, IEditorGroupsService)), ( __param(7, IKeybindingService)), ( __param(8, INotificationService)), ( __param(9, IAccessibilitySignalService)), ( __param(10, IContextMenuService)), ( __param(11, IConfigurationService)), ( __param(12, IMenuService))], NotificationsCenter));
 
 export { NotificationsCenter };