@codingame/monaco-vscode-api 2.2.2 → 3.0.0

package/vscode/src/vs/workbench/browser/parts/editor/multiEditorTabsControl.js

@@ -19,8 +19,8 @@ import { MutableDisposable, DisposableStore, dispose, combinedDisposable, toDisp
 import { ScrollableElement } from '../../../../base/browser/ui/scrollbar/scrollableElement.js';
 import { getOrSet } from '../../../../base/common/map.js';
 import { registerThemingParticipant, IThemeService } from '../../../../platform/theme/common/themeService.js';
-import { TAB_ACTIVE_BACKGROUND, TAB_INACTIVE_BACKGROUND, EDITOR_DRAG_AND_DROP_BACKGROUND, EDITOR_GROUP_HEADER_TABS_BORDER, TAB_BORDER, TAB_UNFOCUSED_ACTIVE_BACKGROUND, TAB_ACTIVE_BORDER, TAB_UNFOCUSED_ACTIVE_BORDER, TAB_ACTIVE_BORDER_TOP, TAB_UNFOCUSED_ACTIVE_BORDER_TOP, TAB_ACTIVE_FOREGROUND, TAB_UNFOCUSED_ACTIVE_FOREGROUND, TAB_UNFOCUSED_INACTIVE_BACKGROUND, TAB_INACTIVE_FOREGROUND, TAB_UNFOCUSED_INACTIVE_FOREGROUND, TAB_ACTIVE_MODIFIED_BORDER, TAB_INACTIVE_MODIFIED_BORDER, TAB_UNFOCUSED_ACTIVE_MODIFIED_BORDER, TAB_UNFOCUSED_INACTIVE_MODIFIED_BORDER, TAB_LAST_PINNED_BORDER, TAB_HOVER_BACKGROUND, TAB_UNFOCUSED_HOVER_BACKGROUND, TAB_HOVER_FOREGROUND, TAB_UNFOCUSED_HOVER_FOREGROUND, TAB_HOVER_BORDER, TAB_UNFOCUSED_HOVER_BORDER, EDITOR_GROUP_HEADER_TABS_BACKGROUND, WORKBENCH_BACKGROUND } from '../../../common/theme.js';
-import { activeContrastBorder, contrastBorder, editorBackground } from '../../../../platform/theme/common/colorRegistry.js';
+import { EDITOR_GROUP_HEADER_TABS_BORDER, TAB_BORDER, TAB_ACTIVE_BACKGROUND, TAB_UNFOCUSED_ACTIVE_BACKGROUND, TAB_ACTIVE_BORDER, TAB_UNFOCUSED_ACTIVE_BORDER, TAB_ACTIVE_BORDER_TOP, TAB_UNFOCUSED_ACTIVE_BORDER_TOP, TAB_ACTIVE_FOREGROUND, TAB_UNFOCUSED_ACTIVE_FOREGROUND, TAB_INACTIVE_BACKGROUND, TAB_UNFOCUSED_INACTIVE_BACKGROUND, TAB_INACTIVE_FOREGROUND, TAB_UNFOCUSED_INACTIVE_FOREGROUND, TAB_ACTIVE_MODIFIED_BORDER, TAB_INACTIVE_MODIFIED_BORDER, TAB_UNFOCUSED_ACTIVE_MODIFIED_BORDER, TAB_UNFOCUSED_INACTIVE_MODIFIED_BORDER, TAB_LAST_PINNED_BORDER, TAB_HOVER_BACKGROUND, TAB_UNFOCUSED_HOVER_BACKGROUND, TAB_HOVER_FOREGROUND, TAB_UNFOCUSED_HOVER_FOREGROUND, TAB_HOVER_BORDER, TAB_UNFOCUSED_HOVER_BORDER, EDITOR_GROUP_HEADER_TABS_BACKGROUND, EDITOR_DRAG_AND_DROP_BACKGROUND, WORKBENCH_BACKGROUND } from '../../../common/theme.js';
+import { contrastBorder, activeContrastBorder, editorBackground } from '../../../../platform/theme/common/colorRegistry.js';
 import { DraggedEditorIdentifier, DraggedEditorGroupIdentifier, isWindowDraggedOver, extractTreeDropData, ResourcesDropHandler } from '../../dnd.js';
 import { INotificationService } from '../../../../platform/notification/common/notification.js';
 import { Dimension, addDisposableListener, EventType as EventType$1, DragAndDropObserver, clearNode, scheduleAtNextAnimationFrame, getWindow, isMouseEvent, findParentWithClass, EventHelper } from '../../../../base/browser/dom.js';
@@ -210,7 +210,6 @@ let MultiEditorTabsControl = class MultiEditorTabsControl extends EditorTabsCont
             onDragEnter: e => {
                 tabsContainer.classList.add('scroll');
                 if (e.target !== tabsContainer) {
-                    this.updateDropFeedback(tabsContainer, false);
                     return;
                 }
                 if (!this.isSupportedDropTransfer(e)) {
@@ -219,38 +218,24 @@ let MultiEditorTabsControl = class MultiEditorTabsControl extends EditorTabsCont
                     }
                     return;
                 }
-                let isLocalDragAndDrop = false;
-                if (this.editorTransfer.hasData(DraggedEditorIdentifier.prototype)) {
-                    isLocalDragAndDrop = true;
-                    const data = this.editorTransfer.getData(DraggedEditorIdentifier.prototype);
-                    if (Array.isArray(data)) {
-                        const localDraggedEditor = data[0].identifier;
-                        if (this.groupView.id === localDraggedEditor.groupId && this.tabsModel.isLast(localDraggedEditor.editor)) {
-                            if (e.dataTransfer) {
-                                e.dataTransfer.dropEffect = 'none';
-                            }
-                            return;
-                        }
-                    }
-                }
-                if (!isLocalDragAndDrop) {
+                if (!this.editorTransfer.hasData(DraggedEditorIdentifier.prototype)) {
                     if (e.dataTransfer) {
                         e.dataTransfer.dropEffect = 'copy';
                     }
                 }
-                this.updateDropFeedback(tabsContainer, true);
+                this.updateDropFeedback(tabsContainer, true, e);
             },
             onDragLeave: e => {
-                this.updateDropFeedback(tabsContainer, false);
+                this.updateDropFeedback(tabsContainer, false, e);
                 tabsContainer.classList.remove('scroll');
             },
             onDragEnd: e => {
-                this.updateDropFeedback(tabsContainer, false);
+                this.updateDropFeedback(tabsContainer, false, e);
                 tabsContainer.classList.remove('scroll');
                 this.onGroupDragEnd(e, lastDragEvent, tabsContainer, isNewWindowOperation);
             },
             onDrop: e => {
-                this.updateDropFeedback(tabsContainer, false);
+                this.updateDropFeedback(tabsContainer, false, e);
                 tabsContainer.classList.remove('scroll');
                 if (e.target === tabsContainer) {
                     const isGroupTransfer = this.groupTransfer.hasData(DraggedEditorGroupIdentifier.prototype);
@@ -521,7 +506,7 @@ let MultiEditorTabsControl = class MultiEditorTabsControl extends EditorTabsCont
         const tabBorderTopContainer = document.createElement('div');
         tabBorderTopContainer.classList.add('tab-border-top-container');
         tabContainer.appendChild(tabBorderTopContainer);
-        const editorLabel = this.tabResourceLabels.create(tabContainer);
+        const editorLabel = this.tabResourceLabels.create(tabContainer, { hoverDelegate: this.getHoverDelegate() });
         const tabActionsContainer = document.createElement('div');
         tabActionsContainer.classList.add('tab-actions');
         tabContainer.appendChild(tabActionsContainer);
@@ -689,58 +674,39 @@ let MultiEditorTabsControl = class MultiEditorTabsControl extends EditorTabsCont
                 this.editorTransfer.setData([( new DraggedEditorIdentifier({ editor, groupId: this.groupView.id }))], DraggedEditorIdentifier.prototype);
                 if (e.dataTransfer) {
                     e.dataTransfer.effectAllowed = 'copyMove';
+                    e.dataTransfer.setDragImage(tab, 0, 0);
                 }
                 this.doFillResourceDataTransfers([editor], e, isNewWindowOperation);
-                tab.classList.add('dragged');
-                scheduleAtNextAnimationFrame(getWindow(this.parent), () => tab.classList.remove('dragged'));
+                scheduleAtNextAnimationFrame(getWindow(this.parent), () => this.updateDropFeedback(tab, false, e, tabIndex));
             },
             onDrag: e => {
                 lastDragEvent = e;
             },
             onDragEnter: e => {
-                tab.classList.add('dragged-over');
                 if (!this.isSupportedDropTransfer(e)) {
                     if (e.dataTransfer) {
                         e.dataTransfer.dropEffect = 'none';
                     }
                     return;
                 }
-                let isLocalDragAndDrop = false;
-                if (this.editorTransfer.hasData(DraggedEditorIdentifier.prototype)) {
-                    isLocalDragAndDrop = true;
-                    const data = this.editorTransfer.getData(DraggedEditorIdentifier.prototype);
-                    if (Array.isArray(data)) {
-                        const localDraggedEditor = data[0].identifier;
-                        if (localDraggedEditor.editor === this.tabsModel.getEditorByIndex(tabIndex) && localDraggedEditor.groupId === this.groupView.id) {
-                            if (e.dataTransfer) {
-                                e.dataTransfer.dropEffect = 'none';
-                            }
-                            return;
-                        }
-                    }
-                }
-                if (!isLocalDragAndDrop) {
+                if (!this.editorTransfer.hasData(DraggedEditorIdentifier.prototype)) {
                     if (e.dataTransfer) {
                         e.dataTransfer.dropEffect = 'copy';
                     }
                 }
-                this.updateDropFeedback(tab, true, tabIndex);
+                this.updateDropFeedback(tab, true, e, tabIndex);
             },
-            onDragOver: (_, dragDuration) => {
+            onDragOver: (e, dragDuration) => {
                 if (dragDuration >= MultiEditorTabsControl_1.DRAG_OVER_OPEN_TAB_THRESHOLD) {
                     const draggedOverTab = this.tabsModel.getEditorByIndex(tabIndex);
                     if (draggedOverTab && this.tabsModel.activeEditor !== draggedOverTab) {
                         this.groupView.openEditor(draggedOverTab, { preserveFocus: true });
                     }
                 }
-            },
-            onDragLeave: () => {
-                tab.classList.remove('dragged-over');
-                this.updateDropFeedback(tab, false, tabIndex);
+                this.updateDropFeedback(tab, true, e, tabIndex);
             },
             onDragEnd: async (e) => {
-                tab.classList.remove('dragged-over');
-                this.updateDropFeedback(tab, false, tabIndex);
+                this.updateDropFeedback(tab, false, e, tabIndex);
                 this.editorTransfer.clearData(DraggedEditorIdentifier.prototype);
                 const editor = this.tabsModel.getEditorByIndex(tabIndex);
                 if (!isNewWindowOperation ||
@@ -762,9 +728,23 @@ let MultiEditorTabsControl = class MultiEditorTabsControl extends EditorTabsCont
                 targetGroup.focus();
             },
             onDrop: e => {
-                tab.classList.remove('dragged-over');
-                this.updateDropFeedback(tab, false, tabIndex);
-                this.onDrop(e, tabIndex, tabsContainer);
+                this.updateDropFeedback(tab, false, e, tabIndex);
+                let targetIndex = tabIndex;
+                if (this.getTabDragOverLocation(e, tab) === 'right') {
+                    targetIndex++;
+                }
+                const editorIdentifiers = this.editorTransfer.getData(DraggedEditorIdentifier.prototype);
+                if (editorIdentifiers !== undefined) {
+                    const draggedEditorIdentifier = editorIdentifiers[0].identifier;
+                    const sourceGroup = this.editorPartsView.getGroup(draggedEditorIdentifier.groupId);
+                    if (sourceGroup?.id === this.groupView.id) {
+                        const editorIndex = sourceGroup.getIndexOfEditor(draggedEditorIdentifier.editor);
+                        if (editorIndex < targetIndex) {
+                            targetIndex--;
+                        }
+                    }
+                }
+                this.onDrop(e, targetIndex, tabsContainer);
             }
         })));
         return disposables;
@@ -788,25 +768,57 @@ let MultiEditorTabsControl = class MultiEditorTabsControl extends EditorTabsCont
         }
         return false;
     }
-    updateDropFeedback(element, isDND, tabIndex) {
+    updateDropFeedback(element, isDND, e, tabIndex) {
         const isTab = (typeof tabIndex === 'number');
-        const editor = typeof tabIndex === 'number' ? this.tabsModel.getEditorByIndex(tabIndex) : undefined;
-        const isActiveTab = isTab && !!editor && this.tabsModel.isActive(editor);
-        const noDNDBackgroundColor = isTab ? this.getColor(isActiveTab ? TAB_ACTIVE_BACKGROUND : TAB_INACTIVE_BACKGROUND) : '';
-        element.style.backgroundColor = (isDND ? this.getColor(EDITOR_DRAG_AND_DROP_BACKGROUND) : noDNDBackgroundColor) || '';
-        const activeContrastBorderColor = this.getColor(activeContrastBorder);
-        if (activeContrastBorderColor && isDND) {
-            element.style.outlineWidth = '2px';
-            element.style.outlineStyle = 'dashed';
-            element.style.outlineColor = activeContrastBorderColor;
-            element.style.outlineOffset = isTab ? '-5px' : '-3px';
+        let dropTarget;
+        if (isDND) {
+            if (isTab) {
+                dropTarget = this.computeDropTarget(e, tabIndex, element);
+            }
+            else {
+                dropTarget = { leftElement: element.lastElementChild, rightElement: undefined };
+            }
         }
         else {
-            element.style.outlineWidth = '';
-            element.style.outlineStyle = '';
-            element.style.outlineColor = activeContrastBorderColor || '';
-            element.style.outlineOffset = '';
+            dropTarget = undefined;
+        }
+        this.updateDropTarget(dropTarget);
+    }
+    updateDropTarget(newTarget) {
+        const oldTargets = this.dropTarget;
+        if (oldTargets === newTarget || oldTargets && newTarget && oldTargets.leftElement === newTarget.leftElement && oldTargets.rightElement === newTarget.rightElement) {
+            return;
+        }
+        const dropClassLeft = 'drop-target-left';
+        const dropClassRight = 'drop-target-right';
+        if (oldTargets) {
+            oldTargets.leftElement?.classList.remove(dropClassLeft);
+            oldTargets.rightElement?.classList.remove(dropClassRight);
         }
+        if (newTarget) {
+            newTarget.leftElement?.classList.add(dropClassLeft);
+            newTarget.rightElement?.classList.add(dropClassRight);
+        }
+        this.dropTarget = newTarget;
+    }
+    getTabDragOverLocation(e, tab) {
+        const rect = tab.getBoundingClientRect();
+        const offsetXRelativeToParent = e.clientX - rect.left;
+        return offsetXRelativeToParent <= rect.width / 2 ? 'left' : 'right';
+    }
+    computeDropTarget(e, tabIndex, targetTab) {
+        const isLeftSideOfTab = this.getTabDragOverLocation(e, targetTab) === 'left';
+        const isLastTab = tabIndex === this.tabsModel.count - 1;
+        const isFirstTab = tabIndex === 0;
+        if (isLeftSideOfTab && isFirstTab) {
+            return { leftElement: undefined, rightElement: targetTab };
+        }
+        if (!isLeftSideOfTab && isLastTab) {
+            return { leftElement: targetTab, rightElement: undefined };
+        }
+        const tabBefore = isLeftSideOfTab ? targetTab.previousElementSibling : targetTab;
+        const tabAfter = isLeftSideOfTab ? targetTab : targetTab.nextElementSibling;
+        return { leftElement: tabBefore, rightElement: tabAfter };
     }
     computeTabLabels() {
         const { labelFormat } = this.groupsView.partOptions;
@@ -992,10 +1004,8 @@ let MultiEditorTabsControl = class MultiEditorTabsControl extends EditorTabsCont
             tabContainer.setAttribute('aria-label', tabLabel.ariaLabel);
             tabContainer.setAttribute('aria-description', '');
         }
-        const title = tabLabel.title || '';
-        tabContainer.title = title;
         tabLabelWidget.setResource({ name, description, resource: EditorResourceAccessor.getOriginalUri(editor, { supportSideBySide: SideBySideEditor.BOTH }) }, {
-            title,
+            title: this.getHoverTitle(editor),
             extraClasses: coalesce(['tab-label', fileDecorationBadges ? 'tab-label-has-badge' : undefined].concat(editor.getLabelExtraClasses())),
             italic: !this.tabsModel.isPinned(editor),
             forceLabel,
@@ -1178,6 +1188,9 @@ let MultiEditorTabsControl = class MultiEditorTabsControl extends EditorTabsCont
             tabsWrapMultiLine = enabled;
             tabsAndActionsContainer.classList.toggle('wrapping', tabsWrapMultiLine);
             tabsContainer.style.setProperty('--last-tab-margin-right', tabsWrapMultiLine ? `${editorToolbarContainer.offsetWidth}px` : '0');
+            for (const tab of tabsContainer.children) {
+                tab.classList.remove('last-in-row');
+            }
         }
         if (this.groupsView.partOptions.wrapTabs) {
             const visibleTabsWidth = tabsContainer.offsetWidth;
@@ -1348,7 +1361,7 @@ let MultiEditorTabsControl = class MultiEditorTabsControl extends EditorTabsCont
     }
     async onDrop(e, targetTabIndex, tabsContainer) {
         EventHelper.stop(e, true);
-        this.updateDropFeedback(tabsContainer, false);
+        this.updateDropFeedback(tabsContainer, false, e, targetTabIndex);
         tabsContainer.classList.remove('scroll');
         const targetEditorIndex = this.tabsModel instanceof UnstickyEditorGroupModel ? targetTabIndex + this.groupView.stickyCount : targetTabIndex;
         const options = {

package/vscode/src/vs/workbench/browser/parts/editor/singleEditorTabsControl.js

@@ -27,7 +27,7 @@ class SingleEditorTabsControl extends EditorTabsControl {
         const labelContainer = document.createElement('div');
         labelContainer.classList.add('label-container');
         titleContainer.appendChild(labelContainer);
-        this.editorLabel = this._register(this.instantiationService.createInstance(ResourceLabel, labelContainer, undefined)).element;
+        this.editorLabel = this._register(this.instantiationService.createInstance(ResourceLabel, labelContainer, { hoverDelegate: this.getHoverDelegate() })).element;
         this._register(addDisposableListener(this.editorLabel.element, EventType.CLICK, e => this.onTitleLabelClick(e)));
         this.breadcrumbsControlFactory = this._register(this.instantiationService.createInstance(BreadcrumbsControlFactory, labelContainer, this.groupView, {
             showFileIcons: false,
@@ -202,16 +202,12 @@ class SingleEditorTabsControl extends EditorTabsControl {
             else {
                 description = editor.getDescription(this.getVerbosity(labelFormat)) || '';
             }
-            let title = editor.getTitle(2 );
-            if (description === title) {
-                title = '';
-            }
             editorLabel.setResource({
                 resource: EditorResourceAccessor.getOriginalUri(editor, { supportSideBySide: SideBySideEditor.BOTH }),
                 name: editor.getName(),
                 description
             }, {
-                title,
+                title: this.getHoverTitle(editor),
                 italic: !isEditorPinned,
                 extraClasses: ['single-tab', 'title-label'].concat(editor.getLabelExtraClasses()),
                 fileDecorations: {

package/vscode/src/vs/workbench/browser/parts/editor/textDiffEditor.js

@@ -71,7 +71,7 @@ let TextDiffEditor = class TextDiffEditor extends AbstractTextEditor {
         this.inputLifecycleStopWatch = undefined;
         await super.setInput(input, options, context, token);
         try {
-            const resolvedModel = await input.resolve(options);
+            const resolvedModel = await input.resolve();
             if (token.isCancellationRequested) {
                 return undefined;
             }
@@ -139,6 +139,9 @@ let TextDiffEditor = class TextDiffEditor extends AbstractTextEditor {
                 editorViewState.modified.cursorState = [];
             }
             control.restoreViewState(editorViewState);
+            if (options?.revealIfVisible) {
+                control.revealFirstDiff();
+            }
             return true;
         }
         return false;

package/vscode/src/vs/workbench/browser/parts/editor/textResourceEditor.js

@@ -24,7 +24,7 @@ let AbstractTextResourceEditor = class AbstractTextResourceEditor extends Abstra
     }
     async setInput(input, options, context, token) {
         await super.setInput(input, options, context, token);
-        const resolvedModel = await input.resolve(options);
+        const resolvedModel = await input.resolve();
         if (token.isCancellationRequested) {
             return undefined;
         }
@@ -99,7 +99,7 @@ let TextResourceEditor = class TextResourceEditor extends AbstractTextResourceEd
         if (e.range.startLineNumber !== 1 || e.range.startColumn !== 1) {
             return;
         }
-        if (codeEditor.getOption(90 )) {
+        if (codeEditor.getOption(91 )) {
             return;
         }
         const textModel = codeEditor.getModel();

package/vscode/src/vs/workbench/browser/parts/globalCompositeBar.js

@@ -1,32 +1,32 @@
 import { __decorate, __param } from '../../../../../../external/tslib/tslib.es6.js';
+import { localizeWithPath } from '../../../nls.js';
+import { ActionBar } from '../../../base/browser/ui/actionbar/actionbar.js';
+import { GLOBAL_ACTIVITY_ID } from '../../common/activity.js';
+import { NumberBadge, IActivityService } from '../../services/activity/common/activity.js';
+import { IInstantiationService } from '../../../platform/instantiation/common/instantiation.js';
+import { Disposable, DisposableStore } from '../../../base/common/lifecycle.js';
+import { IThemeService } from '../../../platform/theme/common/themeService.js';
+import { CompositeBarAction, CompositeBarActionViewItem } from './compositeBarActions.js';
+import { Codicon } from '../../../base/common/codicons.js';
+import { ThemeIcon } from '../../../base/common/themables.js';
+import { registerIcon } from '../../../platform/theme/common/iconRegistry.js';
+import { Action } from '../../../base/common/actions.js';
+import { MenuId, IMenuService } from '../../../platform/actions/common/actions.js';
 import { append, $, clearNode, hide, show, addDisposableListener, EventHelper, EventType, getWindow } from '../../../base/browser/dom.js';
 import { StandardKeyboardEvent } from '../../../base/browser/keyboardEvent.js';
 import { StandardMouseEvent } from '../../../base/browser/mouseEvent.js';
 import { EventType as EventType$1 } from '../../../base/browser/touch.js';
-import { ActionBar } from '../../../base/browser/ui/actionbar/actionbar.js';
-import { Action } from '../../../base/common/actions.js';
-import { Codicon } from '../../../base/common/codicons.js';
-import { Disposable, DisposableStore } from '../../../base/common/lifecycle.js';
-import { ThemeIcon } from '../../../base/common/themables.js';
-import { isString } from '../../../base/common/types.js';
-import { localizeWithPath } from '../../../nls.js';
 import { createAndFillInActionBarActions } from '../../../platform/actions/browser/menuEntryActionViewItem.js';
-import { MenuId, IMenuService } from '../../../platform/actions/common/actions.js';
 import { IConfigurationService } from '../../../platform/configuration/common/configuration.js';
 import { IContextKeyService } from '../../../platform/contextkey/common/contextkey.js';
 import { IContextMenuService } from '../../../platform/contextview/browser/contextView.js';
-import { IInstantiationService } from '../../../platform/instantiation/common/instantiation.js';
 import { IKeybindingService } from '../../../platform/keybinding/common/keybinding.js';
-import { registerIcon } from '../../../platform/theme/common/iconRegistry.js';
-import { IThemeService } from '../../../platform/theme/common/themeService.js';
-import { CompositeBarAction, CompoisteBarActionViewItem } from './compositeBarActions.js';
-import { GLOBAL_ACTIVITY_ID } from '../../common/activity.js';
-import { ACTIVITY_BAR_BADGE_BACKGROUND, ACTIVITY_BAR_BADGE_FOREGROUND } from '../../common/theme.js';
-import { NumberBadge, IActivityService } from '../../services/activity/common/activity.js';
 import { IWorkbenchEnvironmentService } from '../../services/environment/common/environmentService.js';
 import { IHoverService } from '../../../platform/hover/browser/hover.js';
 import { IUserDataProfileService } from '../../services/userDataProfile/common/userDataProfile.js';
 import { DEFAULT_ICON } from '../../services/userDataProfile/common/userDataProfileIcons.js';
+import { isString } from '../../../base/common/types.js';
+import { ACTIVITY_BAR_BADGE_BACKGROUND, ACTIVITY_BAR_BADGE_FOREGROUND } from '../../common/theme.js';
 let GlobalCompositeBar = class GlobalCompositeBar extends Disposable {
     static { this.ACCOUNTS_ICON = registerIcon('accounts-view-bar-icon', Codicon.account, ( localizeWithPath(
         'vs/workbench/browser/parts/globalCompositeBar',
@@ -54,7 +54,6 @@ let GlobalCompositeBar = class GlobalCompositeBar extends Disposable {
             },
             orientation: 1 ,
             ariaLabel: ( localizeWithPath('vs/workbench/browser/parts/globalCompositeBar', 'manage', "Manage")),
-            animated: false,
             preventLoopNavigation: true
         })));
         this.globalActivityActionBar.push(this.globalActivityAction);
@@ -76,7 +75,7 @@ GlobalCompositeBar = ( __decorate([
     ( __param(3, IConfigurationService)),
     ( __param(4, IInstantiationService))
 ], GlobalCompositeBar));
-let AbstractGlobalActivityActionViewItem = class AbstractGlobalActivityActionViewItem extends CompoisteBarActionViewItem {
+let AbstractGlobalActivityActionViewItem = class AbstractGlobalActivityActionViewItem extends CompositeBarActionViewItem {
     constructor(menuId, action, options, contextMenuActionsProvider, contextMenuAlignmentOptions, themeService, hoverService, menuService, contextMenuService, contextKeyService, configurationService, keybindingService, activityService) {
         super(action, { draggable: false, icon: true, hasPopup: true, ...options }, () => true, themeService, hoverService, configurationService, keybindingService);
         this.menuId = menuId;
@@ -253,8 +252,9 @@ GlobalActivityActionViewItem = ( __decorate([
     ( __param(13, IActivityService))
 ], GlobalActivityActionViewItem));
 let SimpleGlobalActivityActionViewItem = class SimpleGlobalActivityActionViewItem extends GlobalActivityActionViewItem {
-    constructor(hoverOptions, userDataProfileService, themeService, hoverService, menuService, contextMenuService, contextKeyService, configurationService, environmentService, keybindingService, instantiationService, activityService) {
+    constructor(hoverOptions, options, userDataProfileService, themeService, hoverService, menuService, contextMenuService, contextKeyService, configurationService, environmentService, keybindingService, instantiationService, activityService) {
         super(() => [], {
+            ...options,
             colors: theme => ({
                 badgeBackground: theme.getColor(ACTIVITY_BAR_BADGE_BACKGROUND),
                 badgeForeground: theme.getColor(ACTIVITY_BAR_BADGE_FOREGROUND),
@@ -265,16 +265,16 @@ let SimpleGlobalActivityActionViewItem = class SimpleGlobalActivityActionViewIte
     }
 };
 SimpleGlobalActivityActionViewItem = ( __decorate([
-    ( __param(1, IUserDataProfileService)),
-    ( __param(2, IThemeService)),
-    ( __param(3, IHoverService)),
-    ( __param(4, IMenuService)),
-    ( __param(5, IContextMenuService)),
-    ( __param(6, IContextKeyService)),
-    ( __param(7, IConfigurationService)),
-    ( __param(8, IWorkbenchEnvironmentService)),
-    ( __param(9, IKeybindingService)),
-    ( __param(10, IInstantiationService)),
-    ( __param(11, IActivityService))
+    ( __param(2, IUserDataProfileService)),
+    ( __param(3, IThemeService)),
+    ( __param(4, IHoverService)),
+    ( __param(5, IMenuService)),
+    ( __param(6, IContextMenuService)),
+    ( __param(7, IContextKeyService)),
+    ( __param(8, IConfigurationService)),
+    ( __param(9, IWorkbenchEnvironmentService)),
+    ( __param(10, IKeybindingService)),
+    ( __param(11, IInstantiationService)),
+    ( __param(12, IActivityService))
 ], SimpleGlobalActivityActionViewItem));
 export { GlobalActivityActionViewItem, GlobalCompositeBar, SimpleGlobalActivityActionViewItem };

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

@@ -1,4 +1,4 @@
 import n from '../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
-var css = ".monaco-workbench .pane-composite-part>.title.has-composite-bar>.title-actions .monaco-action-bar .actions-container{justify-content:flex-end}.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>.title-actions .monaco-action-bar .action-item{padding-right:4px}.monaco-workbench .pane-composite-part>.title.has-composite-bar>.title-actions .monaco-action-bar .action-item .action-label{outline-offset:-2px}.monaco-workbench .pane-composite-part>.title.has-composite-bar>.title-label{display:none}.monaco-workbench .pane-composite-part>.title>.composite-bar-container{display:flex}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-label.codicon-more{align-items:center;color:inherit!important;display:flex;justify-content:center;margin-left:0;margin-right:0}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar{height:35px;line-height:27px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item{display:flex;font-size:11px;padding:2px 10px;text-transform:uppercase}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon{height:24px;padding:0 5px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar .monaco-action-bar .action-label.codicon{font-size:18px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .action-label:not(.codicon){height:16px;width:16px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:after,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:before{background-color:var(--insert-border-color);content:\"\";display:none;height:24px;opacity:0;position:absolute;transition-delay:.1s;transition-duration:0ms;transition-property:opacity;width:2px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container.dragged-over>.composite-bar>.monaco-action-bar .action-item:after,.monaco-workbench .pane-composite-part>.title>.composite-bar-container.dragged-over>.composite-bar>.monaco-action-bar .action-item:before{display:block}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:before{left:1px;margin-left:-2px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:after{margin-right:-2px;right:1px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:first-of-type:before{left:2px;margin-left:-2px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:last-of-type:after{margin-right:-2px;right:2px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.left:after,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.left:before,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.right:after,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.right:before{transition-delay:0s}.monaco-workbench .pane-composite-part>.title>.composite-bar-container.dragged-over-head>.composite-bar>.monaco-action-bar .action-item:first-of-type:before,.monaco-workbench .pane-composite-part>.title>.composite-bar-container.dragged-over-tail>.composite-bar>.monaco-action-bar .action-item:last-of-type:after,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.left:before,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.right+.action-item:before,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:last-of-type.right:after{opacity:1}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label{border-radius:0;margin-right:0;padding:2px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .action-label.codicon,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:not(.icon) .action-label{background:none!important}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked .action-label{margin-right:0}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .badge{align-items:center;display:flex;margin-left:8px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .badge{margin-left:0}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .badge .badge-content{border-radius:11px;box-sizing:border-box;display:inline-block;font-size:11px;font-weight:400;height:18px;line-height:11px;min-width:18px;padding:3px 5px;position:relative;text-align:center}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .badge.compact{bottom:0;height:100%;left:0;margin:auto;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .badge.compact .badge-content{border-radius:16px;font-size:9px;font-weight:600;height:13px;line-height:13px;min-width:13px;padding:0 2px;position:absolute;right:0;text-align:center;top:11px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .badge.compact.progress-badge .badge-content:before{left:1px;mask-size:11px;-webkit-mask-size:11px;top:3px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .active-item-indicator{bottom:0;height:100%;left:10px;overflow:hidden;pointer-events:none;position:absolute;top:-4px;width:calc(100% - 20px);z-index:1}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .active-item-indicator{left:2px;top:1px;width:calc(100% - 4px)}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked .active-item-indicator:before,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus .active-item-indicator:before{border-top-style:solid;border-top-width:1px;bottom:0;content:\"\";height:0;position:absolute;width:100%;z-index:1}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.clicked:not(.checked):focus .active-item-indicator:before{border-top-color:transparent!important}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus .active-item-indicator:before{border-top-color:var(--vscode-focusBorder)!important}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked .action-label,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:hover .action-label{outline:var(--vscode-contrastActiveBorder,unset) solid 1px!important}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:not(.checked):hover .action-label{outline:var(--vscode-contrastActiveBorder,unset) dashed 1px!important}.monaco-workbench .pane-composite-part .empty-pane-message-area{display:none;height:100%;width:100%}.monaco-workbench .pane-composite-part .empty-pane-message-area.visible{align-content:center;align-items:center;display:flex;justify-content:center}.monaco-workbench .pane-composite-part .empty-pane-message-area .empty-pane-message{margin:12px;text-align:center}";
+var css = ".monaco-workbench .pane-composite-part>.title.has-composite-bar>.title-actions .monaco-action-bar .actions-container{justify-content:flex-end}.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>.title-actions .monaco-action-bar .action-item{margin-right:4px}.monaco-workbench .pane-composite-part>.title.has-composite-bar>.title-actions .monaco-action-bar .action-item .action-label{outline-offset:-2px}.monaco-workbench .pane-composite-part>.title.has-composite-bar>.title-label{display:none}.monaco-workbench .pane-composite-part>.title>.composite-bar-container{display:flex}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-label.codicon-more{align-items:center;color:inherit!important;display:flex;justify-content:center;margin-left:0;margin-right:0}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar{height:35px;line-height:27px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item{display:flex;font-size:11px;padding:2px 10px;text-transform:uppercase}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon{height:24px;padding:0 5px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar .monaco-action-bar .action-label.codicon{font-size:18px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .action-label:not(.codicon){height:16px;width:16px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:after,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:before{background-color:var(--insert-border-color);content:\"\";display:none;height:24px;opacity:0;position:absolute;transition-delay:.1s;transition-duration:0ms;transition-property:opacity;width:2px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container.dragged-over>.composite-bar>.monaco-action-bar .action-item:after,.monaco-workbench .pane-composite-part>.title>.composite-bar-container.dragged-over>.composite-bar>.monaco-action-bar .action-item:before{display:block}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:before{left:1px;margin-left:-2px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:after{margin-right:-2px;right:1px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:first-of-type:before{left:2px;margin-left:-2px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:last-of-type:after{margin-right:-2px;right:2px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.left:after,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.left:before,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.right:after,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.right:before{transition-delay:0s}.monaco-workbench .pane-composite-part>.title>.composite-bar-container.dragged-over-head>.composite-bar>.monaco-action-bar .action-item:first-of-type:before,.monaco-workbench .pane-composite-part>.title>.composite-bar-container.dragged-over-tail>.composite-bar>.monaco-action-bar .action-item:last-of-type:after,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.left:before,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.right+.action-item:before,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:last-of-type.right:after{opacity:1}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label{border-radius:0;margin-right:0;padding:2px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .action-label.codicon,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:not(.icon) .action-label{background:none!important}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked .action-label{margin-right:0}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .badge{align-items:center;display:flex;margin-left:8px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .badge{margin-left:0}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .badge .badge-content{border-radius:11px;box-sizing:border-box;display:inline-block;font-size:11px;font-weight:400;height:18px;line-height:11px;min-width:18px;padding:3px 5px;position:relative;text-align:center}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .badge.compact{bottom:0;height:100%;left:0;margin:auto;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .badge.compact .badge-content{border-radius:16px;font-size:9px;font-weight:600;height:13px;line-height:13px;min-width:13px;padding:0 2px;position:absolute;right:0;text-align:center;top:11px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .badge.compact.progress-badge .badge-content:before{left:1px;mask-size:11px;-webkit-mask-size:11px;top:3px}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .active-item-indicator{bottom:0;height:100%;left:10px;overflow:hidden;pointer-events:none;position:absolute;top:-4px;width:calc(100% - 20px);z-index:1}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon .active-item-indicator{left:2px;top:1px;width:calc(100% - 4px)}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked .active-item-indicator:before,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus .active-item-indicator:before{border-top-style:solid;border-top-width:1px;bottom:0;content:\"\";height:0;position:absolute;width:100%;z-index:1}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.clicked:not(.checked):focus .active-item-indicator:before{border-top-color:transparent!important}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus .active-item-indicator:before{border-top-color:var(--vscode-focusBorder)!important}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked .action-label,.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:hover .action-label{outline:var(--vscode-contrastActiveBorder,unset) solid 1px!important}.monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:not(.checked):hover .action-label{outline:var(--vscode-contrastActiveBorder,unset) dashed 1px!important}.monaco-workbench .pane-composite-part .empty-pane-message-area{display:none;height:100%;width:100%}.monaco-workbench .pane-composite-part .empty-pane-message-area.visible{align-content:center;align-items:center;display:flex;justify-content:center}.monaco-workbench .pane-composite-part .empty-pane-message-area .empty-pane-message{margin:12px;text-align:center}";
 n(css,{});
 export { css, css as default };

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

@@ -23,13 +23,13 @@ import { NotificationsFilter, INotificationService } from '../../../../platform/
 import { mainWindow } from '../../../../base/browser/window.js';
 import { IContextMenuService } from '../../../../platform/contextview/browser/contextView.js';
 import { DropdownMenuActionViewItem } from '../../../../base/browser/ui/dropdown/dropdownActionViewItem.js';
-import { AudioCue, IAudioCueService } from '../../../../platform/audioCues/browser/audioCueService.js';
+import { AccessibilitySignal, IAccessibilitySignalService } from '../../../../platform/accessibilitySignal/browser/accessibilitySignalService.js';
 var NotificationsCenter_1;
 let NotificationsCenter = class NotificationsCenter extends Themable {
     static { NotificationsCenter_1 = this; }
     static { this.MAX_DIMENSIONS = ( new Dimension(450, 400)); }
     static { this.MAX_NOTIFICATION_SOURCES = 10; }
-    constructor(container, model, themeService, instantiationService, layoutService, contextKeyService, editorGroupService, keybindingService, notificationService, audioCueService, contextMenuService) {
+    constructor(container, model, themeService, instantiationService, layoutService, contextKeyService, editorGroupService, keybindingService, notificationService, accessibilitySignalService, contextMenuService) {
         super(themeService);
         this.container = container;
         this.model = model;
@@ -39,7 +39,7 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
         this.editorGroupService = editorGroupService;
         this.keybindingService = keybindingService;
         this.notificationService = notificationService;
-        this.audioCueService = audioCueService;
+        this.accessibilitySignalService = accessibilitySignalService;
         this.contextMenuService = contextMenuService;
         this._onDidChangeVisibility = this._register(( new Emitter()));
         this.onDidChangeVisibility = this._onDidChangeVisibility.event;
@@ -289,7 +289,7 @@ let NotificationsCenter = class NotificationsCenter extends Themable {
             if (!notification.hasProgress) {
                 notification.close();
             }
-            this.audioCueService.playAudioCue(AudioCue.clear);
+            this.accessibilitySignalService.playSignal(AccessibilitySignal.clear);
         }
     }
 };
@@ -301,7 +301,7 @@ NotificationsCenter = NotificationsCenter_1 = ( __decorate([
     ( __param(6, IEditorGroupsService)),
     ( __param(7, IKeybindingService)),
     ( __param(8, INotificationService)),
-    ( __param(9, IAudioCueService)),
+    ( __param(9, IAccessibilitySignalService)),
     ( __param(10, IContextMenuService))
 ], NotificationsCenter));
 export { NotificationsCenter };

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

@@ -17,7 +17,7 @@ import { hash } from '../../../../base/common/hash.js';
 import { firstOrDefault } from '../../../../base/common/arrays.js';
 import { IQuickInputService } from '../../../../platform/quickinput/common/quickInput.js';
 import { DisposableStore } from '../../../../base/common/lifecycle.js';
-import { IAudioCueService, AudioCue } from '../../../../platform/audioCues/browser/audioCueService.js';
+import { IAccessibilitySignalService, AccessibilitySignal } from '../../../../platform/accessibilitySignal/browser/accessibilitySignalService.js';
 const SHOW_NOTIFICATIONS_CENTER = 'notifications.showList';
 const HIDE_NOTIFICATIONS_CENTER = 'notifications.hideList';
 const TOGGLE_NOTIFICATIONS_CENTER = 'notifications.toggleList';
@@ -96,11 +96,11 @@ function registerNotificationCommands(center, toasts, model) {
             primary: 2048  | 1
         },
         handler: (accessor, args) => {
-            const audioCueService = accessor.get(IAudioCueService);
+            const accessibilitySignalService = accessor.get(IAccessibilitySignalService);
             const notification = getNotificationFromContext(accessor.get(IListService), args);
             if (notification && !notification.hasProgress) {
                 notification.close();
-                audioCueService.playAudioCue(AudioCue.clear);
+                accessibilitySignalService.playSignal(AccessibilitySignal.clear);
             }
         }
     });

package/vscode/src/vs/workbench/browser/parts/paneCompositeBar.js

@@ -74,7 +74,7 @@ let PaneCompositeBar = class PaneCompositeBar extends Disposable {
             getCompositePinnedAction: compositeId => this.getCompositeActions(compositeId).pinnedAction,
             getCompositeBadgeAction: compositeId => this.getCompositeActions(compositeId).badgeAction,
             getOnCompositeClickAction: compositeId => this.getCompositeActions(compositeId).activityAction,
-            fillExtraContextMenuActions: (actions, e) => ( this.options.fillExtraContextMenuActions(actions, e)),
+            fillExtraContextMenuActions: (actions, e) => this.options.fillExtraContextMenuActions(actions, e),
             getContextMenuActionsForComposite: compositeId => this.getContextMenuActionsForComposite(compositeId),
             getDefaultCompositeId: () => this.viewDescriptorService.getDefaultViewContainer(this.location)?.id,
             dndHandler: this.dndHandler,
@@ -134,10 +134,6 @@ let PaneCompositeBar = class PaneCompositeBar extends Disposable {
         }
         if (to === this.location) {
             this.onDidRegisterViewContainers([container]);
-            const visibleComposites = this.compositeBar.getVisibleComposites();
-            if (!this.paneCompositePart.getActivePaneComposite() && this.layoutService.isVisible(this.paneCompositePart.partId) && visibleComposites.length) {
-                this.paneCompositePart.openPaneComposite(visibleComposites[0].id);
-            }
         }
     }
     onDidChangeViewContainerVisibility(id, visible) {

package/vscode/src/vs/workbench/browser/parts/paneCompositePart.js

@@ -70,14 +70,14 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
         this._register(this.onDidPaneCompositeOpen(composite => this.onDidOpen(composite)));
         this._register(this.onDidPaneCompositeClose(this.onDidClose, this));
         this._register(this.globalActions.onDidChange(() => this.updateGlobalToolbarActions()));
-        this._register(this.registry.onDidDeregister(async (viewletDescriptor) => {
+        this._register(this.registry.onDidDeregister((viewletDescriptor) => {
             const activeContainers = this.viewDescriptorService.getViewContainersByLocation(this.location)
                 .filter(container => this.viewDescriptorService.getViewContainerModel(container).activeViewDescriptors.length > 0);
             if (activeContainers.length) {
                 if (this.getActiveComposite()?.getId() === viewletDescriptor.id) {
                     const defaultViewletId = this.viewDescriptorService.getDefaultViewContainer(this.location)?.id;
                     const containerToOpen = activeContainers.filter(c => c.id === defaultViewletId)[0] || activeContainers[0];
-                    await this.openPaneComposite(containerToOpen.id);
+                    this.doOpenPaneComposite(containerToOpen.id);
                 }
             }
             else {
@@ -176,7 +176,7 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
         }));
         const globalTitleActionsContainer = titleArea.appendChild($('.global-actions'));
         this.globalToolBar = this._register(( new ToolBar(globalTitleActionsContainer, this.contextMenuService, {
-            actionViewItemProvider: action => this.actionViewItemProvider(action),
+            actionViewItemProvider: (action, options) => this.actionViewItemProvider(action, options),
             orientation: 0 ,
             getKeyBinding: action => this.keybindingService.lookupKeybinding(action.id),
             anchorAlignmentProvider: () => this.getTitleAreaDropDownAnchorAlignment(),
@@ -184,7 +184,8 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
                 'vs/workbench/browser/parts/paneCompositePart',
                 'moreActions',
                 "More Actions..."
-            ))
+            )),
+            hoverDelegate: this.hoverDelegate
         })));
         this.updateGlobalToolbarActions();
         return titleArea;
@@ -319,7 +320,9 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
         if (!activePane || !this.toolBar) {
             return 0;
         }
-        return this.toolBar.getItemsWidth() + 5 + (this.globalToolBar?.getItemsWidth() ?? 0);
+        const toolBarWidth = this.toolBar.getItemsWidth() + this.toolBar.getItemsLength() * 4;
+        const globalToolBarWidth = this.globalToolBar ? this.globalToolBar.getItemsWidth() + this.globalToolBar.getItemsLength() * 4 : 0;
+        return 5 + toolBarWidth + globalToolBarWidth;
     }
     onTitleAreaContextMenu(event) {
         if (this.shouldShowCompositeBar() && this.paneCompositeBar.value) {
@@ -339,7 +342,7 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
                 this.contextMenuService.showContextMenu({
                     getAnchor: () => event,
                     getActions: () => activePaneCompositeActions,
-                    getActionViewItem: action => this.actionViewItemProvider(action),
+                    getActionViewItem: (action, options) => this.actionViewItemProvider(action, options),
                     actionRunner: activePaneComposite.getActionRunner(),
                     skipTelemetry: true
                 });