@codingame/monaco-vscode-api 36.2.7 → 37.1.0

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

@@ -13,26 +13,26 @@ 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(3799, "Icon for the clear action in notifications.")));
-const clearAllIcon = registerIcon("notifications-clear-all", Codicon.clearAll, ( localize(3800, "Icon for the clear all action in notifications.")));
-const hideIcon = registerIcon("notifications-hide", Codicon.chevronDown, ( localize(3801, "Icon for the hide action in notifications.")));
+const clearIcon = registerIcon("notifications-clear", Codicon.close, ( localize(4089, "Icon for the clear action in notifications.")));
+const clearAllIcon = registerIcon("notifications-clear-all", Codicon.clearAll, ( localize(4090, "Icon for the clear all action in notifications.")));
+const hideIcon = registerIcon("notifications-hide", Codicon.chevronDown, ( localize(4091, "Icon for the hide action in notifications.")));
 const hideUpIcon = registerIcon("notifications-hide-up", Codicon.chevronUp, ( localize(
-    3802,
+    4092,
     "Icon for the hide action in notifications when positioned at the top."
 )));
-const expandIcon = registerIcon("notifications-expand", Codicon.chevronUp, ( localize(3803, "Icon for the expand action in notifications.")));
+const expandIcon = registerIcon("notifications-expand", Codicon.chevronUp, ( localize(4093, "Icon for the expand action in notifications.")));
 const expandDownIcon = registerIcon("notifications-expand-down", Codicon.chevronDown, ( localize(
-    3804,
+    4094,
     "Icon for the expand action in notifications when the notification center is at the top."
 )));
-const collapseIcon = registerIcon("notifications-collapse", Codicon.chevronDown, ( localize(3805, "Icon for the collapse action in notifications.")));
+const collapseIcon = registerIcon("notifications-collapse", Codicon.chevronDown, ( localize(4095, "Icon for the collapse action in notifications.")));
 const collapseUpIcon = registerIcon("notifications-collapse-up", Codicon.chevronUp, ( localize(
-    3806,
+    4096,
     "Icon for the collapse action in notifications when the notification center is at the top."
 )));
-const configureIcon = registerIcon("notifications-configure", Codicon.gear, ( localize(3807, "Icon for the configure action in notifications.")));
-const doNotDisturbIcon = registerIcon("notifications-do-not-disturb", Codicon.bellSlash, ( localize(3808, "Icon for the mute all action in notifications.")));
-const positionIcon = registerIcon("notifications-position", Codicon.arrowSwap, ( localize(3809, "Icon for the position action in notifications.")));
+const configureIcon = registerIcon("notifications-configure", Codicon.gear, ( localize(4097, "Icon for the configure action in notifications.")));
+const doNotDisturbIcon = registerIcon("notifications-do-not-disturb", Codicon.bellSlash, ( localize(4098, "Icon for the mute all action in notifications.")));
+const positionIcon = registerIcon("notifications-position", Codicon.arrowSwap, ( localize(4099, "Icon for the position action in notifications.")));
 function getNotificationExpandIcon(position) {
     return position === NotificationsPosition.TOP_RIGHT ? expandDownIcon : expandIcon;
 }
@@ -44,7 +44,7 @@ let ClearNotificationAction = class ClearNotificationAction extends Action {
         this.ID = CLEAR_NOTIFICATION;
     }
     static {
-        this.LABEL = ( localize(3810, "Clear Notification"));
+        this.LABEL = ( localize(4100, "Clear Notification"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(clearIcon));
@@ -60,7 +60,7 @@ let ClearAllNotificationsAction = class ClearAllNotificationsAction extends Acti
         this.ID = CLEAR_ALL_NOTIFICATIONS;
     }
     static {
-        this.LABEL = ( localize(3811, "Clear All Notifications"));
+        this.LABEL = ( localize(4101, "Clear All Notifications"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(clearAllIcon));
@@ -76,7 +76,7 @@ let ToggleDoNotDisturbAction = class ToggleDoNotDisturbAction extends Action {
         this.ID = TOGGLE_DO_NOT_DISTURB_MODE;
     }
     static {
-        this.LABEL = ( localize(3812, "Toggle Do Not Disturb Mode"));
+        this.LABEL = ( localize(4102, "Toggle Do Not Disturb Mode"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(doNotDisturbIcon));
@@ -92,7 +92,7 @@ let ToggleDoNotDisturbBySourceAction = class ToggleDoNotDisturbBySourceAction ex
         this.ID = TOGGLE_DO_NOT_DISTURB_MODE_BY_SOURCE;
     }
     static {
-        this.LABEL = ( localize(3813, "Toggle Do Not Disturb Mode By Source..."));
+        this.LABEL = ( localize(4103, "Toggle Do Not Disturb Mode By Source..."));
     }
     constructor(id, label, commandService) {
         super(id, label);
@@ -108,7 +108,7 @@ class ConfigureDoNotDisturbAction extends Action {
         this.ID = "workbench.action.configureDoNotDisturbMode";
     }
     static {
-        this.LABEL = ( localize(3814, "Configure Do Not Disturb..."));
+        this.LABEL = ( localize(4104, "Configure Do Not Disturb..."));
     }
     constructor(id, label) {
         super(id, label, ThemeIcon.asClassName(doNotDisturbIcon));
@@ -119,7 +119,7 @@ class ConfigureNotificationsPositionAction extends Action {
         this.ID = "workbench.action.configureNotificationsPosition";
     }
     static {
-        this.LABEL = ( localize(3815, "Configure Notifications Position..."));
+        this.LABEL = ( localize(4105, "Configure Notifications Position..."));
     }
     constructor(id, label) {
         super(id, label, ThemeIcon.asClassName(positionIcon));
@@ -130,7 +130,7 @@ let HideNotificationsCenterAction = class HideNotificationsCenterAction extends
         this.ID = HIDE_NOTIFICATIONS_CENTER;
     }
     static {
-        this.LABEL = ( localize(3816, "Hide Notifications"));
+        this.LABEL = ( localize(4106, "Hide Notifications"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(hideIcon));
@@ -146,7 +146,7 @@ let ExpandNotificationAction = class ExpandNotificationAction extends Action {
         this.ID = EXPAND_NOTIFICATION;
     }
     static {
-        this.LABEL = ( localize(3817, "Expand Notification"));
+        this.LABEL = ( localize(4107, "Expand Notification"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(expandIcon));
@@ -162,7 +162,7 @@ let CollapseNotificationAction = class CollapseNotificationAction extends Action
         this.ID = COLLAPSE_NOTIFICATION;
     }
     static {
-        this.LABEL = ( localize(3818, "Collapse Notification"));
+        this.LABEL = ( localize(4108, "Collapse Notification"));
     }
     constructor(id, label, commandService) {
         super(id, label, ThemeIcon.asClassName(collapseIcon));
@@ -178,7 +178,7 @@ class ConfigureNotificationAction extends Action {
         this.ID = "workbench.action.configureNotification";
     }
     static {
-        this.LABEL = ( localize(3819, "More Actions..."));
+        this.LABEL = ( localize(4109, "More Actions..."));
     }
     constructor(id, label, notification) {
         super(id, label, ThemeIcon.asClassName(configureIcon));
@@ -190,7 +190,7 @@ let CopyNotificationMessageAction = class CopyNotificationMessageAction extends
         this.ID = "workbench.action.copyNotificationMessage";
     }
     static {
-        this.LABEL = ( localize(3820, "Copy Text"));
+        this.LABEL = ( localize(4110, "Copy Text"));
     }
     constructor(id, label, clipboardService) {
         super(id, label);

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(3821, "Error: {0}", (notification.message.linkedText.toString())));
+            alertText = ( localize(4111, "Error: {0}", (notification.message.linkedText.toString())));
         } else if (notification.severity === Severity$1.Warning) {
-            alertText = ( localize(3822, "Warning: {0}", (notification.message.linkedText.toString())));
+            alertText = ( localize(4112, "Warning: {0}", (notification.message.linkedText.toString())));
         } else {
-            alertText = ( localize(3823, "Info: {0}", (notification.message.linkedText.toString())));
+            alertText = ( localize(4113, "Info: {0}", (notification.message.linkedText.toString())));
         }
         alert(alertText);
     }

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

@@ -36,6 +36,7 @@ import { IAccessibilitySignalService } from '../../../../platform/accessibilityS
 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';
+import { onDidChangeNotificationRowHeight } from './notificationsViewer.js';
 
 var NotificationsCenter_1;
 registerCss(notificationsCenter);
@@ -161,11 +162,11 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
     updateTitle() {
         const [notificationsCenterTitle, clearAllAction] = assertReturnsAllDefined(this.notificationsCenterTitle, this.clearAllAction);
         if (this.model.notifications.length === 0) {
-            notificationsCenterTitle.textContent = ( localize(3824, "No new notifications"));
+            notificationsCenterTitle.textContent = ( localize(4114, "No new notifications"));
             clearAllAction.enabled = false;
         } else {
-            notificationsCenterTitle.textContent = ( localize(3825, "Notifications"));
-            clearAllAction.enabled = ( this.model.notifications.some(notification => !notification.hasProgress));
+            notificationsCenterTitle.textContent = ( localize(4115, "Notifications"));
+            clearAllAction.enabled = ( this.model.notifications.some(notification => !notification.hasActiveProgress));
         }
     }
     create() {
@@ -180,7 +181,7 @@ 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(3826, "Notification Center Actions")),
+            ariaLabel: ( localize(4116, "Notification Center Actions")),
             actionRunner,
             actionViewItemProvider: (action, options) => {
                 if (action.id === ConfigureNotificationsPositionAction.ID) {
@@ -201,7 +202,7 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
                             getActions() {
                                 const actions = [toAction({
                                     id: ToggleDoNotDisturbAction.ID,
-                                    label: that.notificationService.getFilter() === NotificationsFilter.OFF ? ( localize(3827, "Enable Do Not Disturb Mode")) : ( localize(3828, "Disable Do Not Disturb Mode")),
+                                    label: that.notificationService.getFilter() === NotificationsFilter.OFF ? ( localize(4117, "Enable Do Not Disturb Mode")) : ( localize(4118, "Disable Do Not Disturb Mode")),
                                     run: () => that.notificationService.setFilter(
                                         that.notificationService.getFilter() === NotificationsFilter.OFF ? NotificationsFilter.ERROR : NotificationsFilter.OFF
                                     )
@@ -226,7 +227,7 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
                                     actions.push(that._register(that.instantiationService.createInstance(
                                         ToggleDoNotDisturbBySourceAction,
                                         ToggleDoNotDisturbBySourceAction.ID,
-                                        ( localize(3829, "More…"))
+                                        ( localize(4119, "More…"))
                                     )));
                                 }
                                 return actions;
@@ -281,9 +282,14 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
             label: false,
             keybinding: this.getKeybindingLabel(this.hideAction)
         });
-        this.notificationsList = this.instantiationService.createInstance(NotificationsList, this.notificationsCenterContainer, {
-            widgetAriaLabel: ( localize(3830, "Notifications Center"))
-        });
+        this.notificationsList = this._register(
+            this.instantiationService.createInstance(NotificationsList, this.notificationsCenterContainer, {
+                widgetAriaLabel: ( localize(4120, "Notifications Center"))
+            })
+        );
+        this._register(
+            onDidChangeNotificationRowHeight(() => this.notificationsList?.updateNotificationHeights())
+        );
         this.container.appendChild(this.notificationsCenterContainer);
     }
     getKeybindingLabel(action) {
@@ -311,6 +317,11 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
                     notificationsList.updateNotificationHeight(e.item);
                 }
                 break;
+            case NotificationViewItemContentChangeKind.PROGRESS:
+                if (e.activeProgressChanged) {
+                    notificationsList.updateNotificationsList(e.index, 1, [e.item]);
+                }
+                break;
             }
             break;
         case NotificationChangeType.EXPAND_COLLAPSE:
@@ -382,7 +393,7 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
     clearAll() {
         this.hide();
         for (const notification of [...this.model.notifications] ) {
-            if (!notification.hasProgress) {
+            if (!notification.hasActiveProgress) {
                 notification.close();
             }
             this.accessibilitySignalService.playSignal(AccessibilitySignal.clear);

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

@@ -97,7 +97,7 @@ function registerNotificationCommands(center, toasts, model) {
         handler: (accessor, args) => {
             const accessibilitySignalService = accessor.get(IAccessibilitySignalService);
             const notification = getNotificationFromContext(accessor.get(IListService), args);
-            if (notification && !notification.hasProgress) {
+            if (notification && !notification.hasActiveProgress) {
                 notification.close();
                 accessibilitySignalService.playSignal(AccessibilitySignal.clear);
             }
@@ -228,7 +228,7 @@ function registerNotificationCommands(center, toasts, model) {
             filter: source.filter
         })));
         picker.canSelectMany = true;
-        picker.placeholder = ( localize(3831, "Select sources to enable all notifications from"));
+        picker.placeholder = ( localize(4121, "Select sources to enable all notifications from"));
         picker.selectedItems = picker.items.filter(item => item.filter === NotificationsFilter.OFF);
         picker.show();
         disposables.add(picker.onDidAccept(async () => {
@@ -243,18 +243,18 @@ function registerNotificationCommands(center, toasts, model) {
         }));
         disposables.add(picker.onDidHide(() => disposables.dispose()));
     });
-    const category = ( localize2(3832, "Notifications"));
+    const category = ( localize2(4122, "Notifications"));
     MenuRegistry.appendMenuItem(MenuId.CommandPalette, {
         command: {
             id: SHOW_NOTIFICATIONS_CENTER,
-            title: ( localize2(3833, "Show Notifications")),
+            title: ( localize2(4123, "Show Notifications")),
             category
         }
     });
     MenuRegistry.appendMenuItem(MenuId.CommandPalette, {
         command: {
             id: HIDE_NOTIFICATIONS_CENTER,
-            title: ( localize2(3834, "Hide Notifications")),
+            title: ( localize2(4124, "Hide Notifications")),
             category
         },
         when: NotificationsCenterVisibleContext
@@ -262,35 +262,35 @@ function registerNotificationCommands(center, toasts, model) {
     MenuRegistry.appendMenuItem(MenuId.CommandPalette, {
         command: {
             id: CLEAR_ALL_NOTIFICATIONS,
-            title: ( localize2(3835, "Clear All Notifications")),
+            title: ( localize2(4125, "Clear All Notifications")),
             category
         }
     });
     MenuRegistry.appendMenuItem(MenuId.CommandPalette, {
         command: {
             id: ACCEPT_PRIMARY_ACTION_NOTIFICATION,
-            title: ( localize2(3836, "Accept Notification Primary Action")),
+            title: ( localize2(4126, "Accept Notification Primary Action")),
             category
         }
     });
     MenuRegistry.appendMenuItem(MenuId.CommandPalette, {
         command: {
             id: TOGGLE_DO_NOT_DISTURB_MODE,
-            title: ( localize2(3837, "Toggle Do Not Disturb Mode")),
+            title: ( localize2(4127, "Toggle Do Not Disturb Mode")),
             category
         }
     });
     MenuRegistry.appendMenuItem(MenuId.CommandPalette, {
         command: {
             id: TOGGLE_DO_NOT_DISTURB_MODE_BY_SOURCE,
-            title: ( localize2(3838, "Toggle Do Not Disturb Mode By Source...")),
+            title: ( localize2(4128, "Toggle Do Not Disturb Mode By Source...")),
             category
         }
     });
     MenuRegistry.appendMenuItem(MenuId.CommandPalette, {
         command: {
             id: FOCUS_NOTIFICATION_TOAST,
-            title: ( localize2(3839, "Focus Notification Toast")),
+            title: ( localize2(4129, "Focus Notification Toast")),
             category
         },
         when: NotificationsToastsVisibleContext
@@ -298,7 +298,7 @@ function registerNotificationCommands(center, toasts, model) {
     MenuRegistry.appendMenuItem(MenuId.TitleBar, {
         command: {
             id: TOGGLE_NOTIFICATIONS_CENTER,
-            title: ( localize(3840, "Toggle Notifications")),
+            title: ( localize(4130, "Toggle Notifications")),
             icon: Codicon.bell
         },
         group: "navigation",
@@ -313,7 +313,7 @@ registerAction2(class SetNotificationsPositionBottomRight extends Action2 {
     constructor() {
         super({
             id: "workbench.action.setNotificationsPosition.bottomRight",
-            title: ( localize2(3841, "Bottom Right")),
+            title: ( localize2(4131, "Bottom Right")),
             toggled: ( ContextKeyExpr.equals(
                 `config.${NotificationsSettings.NOTIFICATIONS_POSITION}`,
                 NotificationsPosition.BOTTOM_RIGHT
@@ -335,7 +335,7 @@ registerAction2(class SetNotificationsPositionBottomLeft extends Action2 {
     constructor() {
         super({
             id: "workbench.action.setNotificationsPosition.bottomLeft",
-            title: ( localize2(3842, "Bottom Left")),
+            title: ( localize2(4132, "Bottom Left")),
             toggled: ( ContextKeyExpr.equals(
                 `config.${NotificationsSettings.NOTIFICATIONS_POSITION}`,
                 NotificationsPosition.BOTTOM_LEFT
@@ -357,7 +357,7 @@ registerAction2(class SetNotificationsPositionTopRight extends Action2 {
     constructor() {
         super({
             id: "workbench.action.setNotificationsPosition.topRight",
-            title: ( localize2(3843, "Top Right")),
+            title: ( localize2(4133, "Top Right")),
             toggled: ( ContextKeyExpr.equals(
                 `config.${NotificationsSettings.NOTIFICATIONS_POSITION}`,
                 NotificationsPosition.TOP_RIGHT

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

@@ -20,6 +20,7 @@ export declare class NotificationsList extends Disposable {
     private viewModel;
     private isVisible;
     constructor(container: HTMLElement, options: INotificationsListOptions, instantiationService: IInstantiationService, contextMenuService: IContextMenuService);
+    updateNotificationHeights(): void;
     show(): void;
     private createNotificationsList;
     updateNotificationsList(start: number, deleteCount: number, items?: INotificationViewItem[]): void;

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

@@ -28,6 +28,19 @@ let NotificationsList = class NotificationsList extends Disposable {
         this.contextMenuService = contextMenuService;
         this.viewModel = [];
     }
+    updateNotificationHeights() {
+        if (!this.list) {
+            return;
+        }
+        const focus = this.list.getFocus();
+        const focusedIndex = focus[0];
+        const focusRelativeTop = typeof focusedIndex === "number" ? this.list.getRelativeTop(focusedIndex) : null;
+        this.list.splice(0, this.viewModel.length, this.viewModel);
+        if (typeof focusRelativeTop === "number") {
+            this.list.reveal(focusedIndex, focusRelativeTop);
+        }
+        this.list.setFocus(focus);
+    }
     show() {
         if (this.isVisible) {
             return;
@@ -180,29 +193,29 @@ let NotificationAccessibilityProvider = class NotificationAccessibilityProvider
         let accessibleViewHint;
         const keybinding = this._keybindingService.lookupKeybinding("editor.action.accessibleView")?.getAriaLabel();
         if (this._configurationService.getValue("accessibility.verbosity.notification")) {
-            accessibleViewHint = keybinding ? ( localize(3844, "Inspect the response in the accessible view with {0}", keybinding)) : ( localize(
-                3845,
+            accessibleViewHint = keybinding ? ( localize(4134, "Inspect the response in the accessible view with {0}", keybinding)) : ( localize(
+                4135,
                 "Inspect the response in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding"
             ));
         }
         if (!element.source) {
-            return withSeverityPrefix(accessibleViewHint ? ( localize(3846, "{0}, notification, {1}", element.message.raw, accessibleViewHint)) : ( localize(3847, "{0}, notification", element.message.raw)), element.severity);
+            return withSeverityPrefix(accessibleViewHint ? ( localize(4136, "{0}, notification, {1}", element.message.raw, accessibleViewHint)) : ( localize(4137, "{0}, notification", element.message.raw)), element.severity);
         }
         return withSeverityPrefix(accessibleViewHint ? ( localize(
-            3848,
+            4138,
             "{0}, source: {1}, notification, {2}",
             element.message.raw,
             element.source,
             accessibleViewHint
         )) : ( localize(
-            3849,
+            4139,
             "{0}, source: {1}, notification",
             element.message.raw,
             element.source
         )), element.severity);
     }
     getWidgetAriaLabel() {
-        return this._options.widgetAriaLabel ?? ( localize(3850, "Notifications List"));
+        return this._options.widgetAriaLabel ?? ( localize(4140, "Notifications List"));
     }
     getRole() {
         return "dialog";

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

@@ -52,15 +52,15 @@ let NotificationsStatus = class NotificationsStatus extends Disposable {
         let notificationsInProgress = 0;
         if (!this.isNotificationsCenterVisible && !this.isNotificationsToastsVisible) {
             for (const notification of this.model.notifications) {
-                if (notification.hasProgress) {
+                if (notification.hasActiveProgress) {
                     notificationsInProgress++;
                 }
             }
         }
         let statusProperties = {
-            name: ( localize(3851, "Notifications")),
+            name: ( localize(4141, "Notifications")),
             text: `${notificationsInProgress > 0 || this.newNotificationsCount > 0 ? "$(bell-dot)" : "$(bell)"}`,
-            ariaLabel: ( localize(3851, "Notifications")),
+            ariaLabel: ( localize(4141, "Notifications")),
             command: this.isNotificationsCenterVisible ? HIDE_NOTIFICATIONS_CENTER : SHOW_NOTIFICATIONS_CENTER,
             tooltip: this.getTooltip(notificationsInProgress),
             showBeak: this.isNotificationsCenterVisible
@@ -69,8 +69,8 @@ let NotificationsStatus = class NotificationsStatus extends Disposable {
             statusProperties = {
                 ...statusProperties,
                 text: `${notificationsInProgress > 0 || this.newNotificationsCount > 0 ? "$(bell-slash-dot)" : "$(bell-slash)"}`,
-                ariaLabel: ( localize(3852, "Do Not Disturb")),
-                tooltip: ( localize(3853, "Do Not Disturb Mode is Enabled"))
+                ariaLabel: ( localize(4142, "Do Not Disturb")),
+                tooltip: ( localize(4143, "Do Not Disturb Mode is Enabled"))
             };
         }
         const position = getNotificationsPosition(this.configurationService);
@@ -112,28 +112,28 @@ let NotificationsStatus = class NotificationsStatus extends Disposable {
     }
     getTooltip(notificationsInProgress) {
         if (this.isNotificationsCenterVisible) {
-            return localize(3854, "Hide Notifications");
+            return localize(4144, "Hide Notifications");
         }
         if (this.model.notifications.length === 0) {
-            return localize(3855, "No Notifications");
+            return localize(4145, "No Notifications");
         }
         if (notificationsInProgress === 0) {
             if (this.newNotificationsCount === 0) {
-                return localize(3856, "No New Notifications");
+                return localize(4146, "No New Notifications");
             }
             if (this.newNotificationsCount === 1) {
-                return localize(3857, "1 New Notification");
+                return localize(4147, "1 New Notification");
             }
-            return localize(3858, "{0} New Notifications", this.newNotificationsCount);
+            return localize(4148, "{0} New Notifications", this.newNotificationsCount);
         }
         if (this.newNotificationsCount === 0) {
-            return localize(3859, "No New Notifications ({0} in progress)", notificationsInProgress);
+            return localize(4149, "No New Notifications ({0} in progress)", notificationsInProgress);
         }
         if (this.newNotificationsCount === 1) {
-            return localize(3860, "1 New Notification ({0} in progress)", notificationsInProgress);
+            return localize(4150, "1 New Notification ({0} in progress)", notificationsInProgress);
         }
         return localize(
-            3861,
+            4151,
             "{0} New Notifications ({1} in progress)",
             this.newNotificationsCount,
             notificationsInProgress
@@ -178,7 +178,7 @@ let NotificationsStatus = class NotificationsStatus extends Disposable {
         let statusMessageEntry;
         let showHandle = setTimeout(() => {
             statusMessageEntry = this.statusbarService.addEntry({
-                name: ( localize(3862, "Status Message")),
+                name: ( localize(4152, "Status Message")),
                 text: message,
                 ariaLabel: message
             }, "status.message", StatusbarAlignment.LEFT, Number.NEGATIVE_INFINITY );

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

@@ -35,9 +35,11 @@ export declare class NotificationsToasts extends Themable implements INotificati
     private isNotificationsCenterVisible;
     private readonly mapNotificationToToast;
     private readonly mapNotificationToDisposable;
+    private readonly pendingToasts;
     private readonly notificationsToastsVisibleContextKey;
     private readonly addedToastsIntervalCounter;
     constructor(container: HTMLElement, model: INotificationsModel, instantiationService: IInstantiationService, layoutService: IWorkbenchLayoutService, themeService: IThemeService, editorGroupService: IEditorGroupsService, contextKeyService: IContextKeyService, lifecycleService: ILifecycleService, hostService: IHostService, environmentService: IWorkbenchEnvironmentService, configurationService: IConfigurationService);
+    private updateNotificationHeights;
     private registerListeners;
     private updateNotificationPosition;
     private updateTopOffset;

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

@@ -4,8 +4,8 @@ import { __decorate, __param } from '../../../../../../../external/tslib/tslib.e
 import * as notificationsToasts from './media/notificationsToasts.css';
 import { localize } from '../../../../nls.js';
 import { NotificationsSettings, getNotificationsPosition, NotificationsPosition, NotificationChangeType, NotificationViewItemContentChangeKind } from '../../../common/notifications.js';
-import { DisposableStore, toDisposable, dispose } from '../../../../base/common/lifecycle.js';
-import { Dimension, getActiveElement, isHTMLElement, isEditableElement, scheduleAtNextAnimationFrame, getWindow, getDomNodePagePosition, getClientArea, $, addDisposableListener, EventType, isAncestorOfActiveElement } from '../../../../base/browser/dom.js';
+import { toDisposable, dispose } from '../../../../base/common/lifecycle.js';
+import { scheduleAtNextAnimationFrame, getWindow, Dimension, getActiveElement, isHTMLElement, isEditableElement, getDomNodePagePosition, getClientArea, $, addDisposableListener, EventType, isAncestorOfActiveElement } from '../../../../base/browser/dom.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
 import { NotificationsList } from './notificationsList.js';
 import { Emitter, Event } from '../../../../base/common/event.js';
@@ -28,6 +28,8 @@ import { mainWindow } from '../../../../base/browser/window.js';
 import { IWorkbenchEnvironmentService } from '../../../services/environment/common/environmentService.service.js';
 import { IConfigurationService } from '../../../../platform/configuration/common/configuration.service.js';
 import { DEFAULT_CUSTOM_TITLEBAR_HEIGHT } from '../../../../platform/window/common/window.js';
+import { PendingNotificationToasts } from './pendingNotificationToasts.js';
+import { onDidChangeNotificationRowHeight } from './notificationsViewer.js';
 import Severity$1 from '../../../../base/common/severity.js';
 
 var NotificationsToasts_1;
@@ -94,8 +96,26 @@ let NotificationsToasts = class NotificationsToasts extends Themable {
         this.mapNotificationToDisposable = ( new Map());
         this.addedToastsIntervalCounter = ( new IntervalCounter(NotificationsToasts_1.SPAM_PROTECTION.interval));
         this.notificationsToastsVisibleContextKey = NotificationsToastsVisibleContext.bindTo(contextKeyService);
+        this.pendingToasts = this._register(( new PendingNotificationToasts(
+            item => this.model.notifications.includes(item),
+            (item, other) => item.equals(other),
+            callback => scheduleAtNextAnimationFrame(getWindow(this.container), callback)
+        )));
+        this._register(toDisposable(() => this.removeToasts()));
+        this._register(onDidChangeNotificationRowHeight(() => this.updateNotificationHeights()));
         this.registerListeners();
     }
+    updateNotificationHeights() {
+        this.mapNotificationToToast.forEach((
+            {
+                list
+            }
+        ) => list.updateNotificationHeights());
+        const maxDimensions = this.computeMaxDimensions();
+        if (maxDimensions.height) {
+            this.layoutContainer(maxDimensions.height);
+        }
+    }
     registerListeners() {
         this._register(
             this.layoutService.onDidLayoutMainContainer(dimension => this.layout(Dimension.lift(dimension)))
@@ -174,14 +194,16 @@ let NotificationsToasts = class NotificationsToasts extends Themable {
                 return;
             }
         }
+        if (this.pendingToasts.tryReplace(item)) {
+            return;
+        }
         if (this.addedToastsIntervalCounter.increment() > NotificationsToasts_1.SPAM_PROTECTION.limit) {
             return;
         }
-        const itemDisposables = ( new DisposableStore());
-        this.mapNotificationToDisposable.set(item, itemDisposables);
-        itemDisposables.add(
-            scheduleAtNextAnimationFrame(getWindow(this.container), () => this.doAddToast(item, itemDisposables))
-        );
+        this.pendingToasts.add(item, (pendingItem, itemDisposables) => {
+            this.mapNotificationToDisposable.set(pendingItem, itemDisposables);
+            this.doAddToast(pendingItem, itemDisposables);
+        });
     }
     isElementInNotificationQuarter(element) {
         const position = getNotificationsPosition(this.configurationService);
@@ -218,9 +240,9 @@ let NotificationsToasts = class NotificationsToasts extends Themable {
             verticalScrollMode: ScrollbarVisibility.Hidden,
             widgetAriaLabel: (() => {
                 if (!item.source) {
-                    return withSeverityPrefix(( localize(3863, "{0}, notification", item.message.raw)), item.severity);
+                    return withSeverityPrefix(( localize(4153, "{0}, notification", item.message.raw)), item.severity);
                 }
-                return withSeverityPrefix(( localize(3864, "{0}, source: {1}, notification", item.message.raw, item.source)), item.severity);
+                return withSeverityPrefix(( localize(4154, "{0}, source: {1}, notification", item.message.raw, item.source)), item.severity);
             })()
         });
         itemDisposables.add(notificationList);
@@ -250,6 +272,11 @@ let NotificationsToasts = class NotificationsToasts extends Themable {
                     notificationList.updateNotificationHeight(item);
                 }
                 break;
+            case NotificationViewItemContentChangeKind.PROGRESS:
+                if (e.activeProgressChanged) {
+                    notificationList.updateNotificationsList(0, 1, [item]);
+                }
+                break;
             }
         }));
         Event.once(item.onDidClose)(() => {
@@ -308,6 +335,7 @@ let NotificationsToasts = class NotificationsToasts extends Themable {
     }
     removeToast(item) {
         let focusEditor = false;
+        this.pendingToasts.remove(item);
         const notificationToast = this.mapNotificationToToast.get(item);
         if (notificationToast) {
             const toastHasDOMFocus = isAncestorOfActiveElement(notificationToast.container);
@@ -332,6 +360,7 @@ let NotificationsToasts = class NotificationsToasts extends Themable {
         }
     }
     removeToasts() {
+        this.pendingToasts.clear();
         this.mapNotificationToToast.clear();
         this.mapNotificationToDisposable.forEach(disposable => dispose(disposable));
         this.mapNotificationToDisposable.clear();
@@ -484,12 +513,18 @@ let NotificationsToasts = class NotificationsToasts extends Themable {
     layoutContainer(heightToGive) {
         let singleToastHeightToGive = heightToGive;
         let multipleToastsHeightToGive = Math.round(heightToGive * 0.618);
-        let visibleToasts = 0;
-        for (const toast of this.getToasts(ToastVisibility.HIDDEN_OR_VISIBLE)) {
+        const toasts = this.getToasts(ToastVisibility.HIDDEN_OR_VISIBLE);
+        for (const toast of toasts) {
             toast.container.style.opacity = "0";
             this.updateToastVisibility(toast, true);
-            singleToastHeightToGive -= toast.container.offsetHeight;
-            multipleToastsHeightToGive -= toast.container.offsetHeight;
+        }
+        const toastHeights = ( toasts.map(toast => toast.container.offsetHeight));
+        let visibleToasts = 0;
+        for (let i = 0; i < toasts.length; i++) {
+            const toast = toasts[i];
+            const toastHeight = toastHeights[i];
+            singleToastHeightToGive -= toastHeight;
+            multipleToastsHeightToGive -= toastHeight;
             let makeVisible = false;
             if (visibleToasts === NotificationsToasts_1.MAX_NOTIFICATIONS) {
                 makeVisible = false;