@codingame/monaco-vscode-api 36.2.7 → 37.1.0

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

@@ -1,5 +1,7 @@
 
+import { registerCss } from '../../../../../../css.js';
 import { __decorate, __param } from '../../../../../../external/tslib/tslib.es6.js';
+import * as globalCompositeBar from './media/globalCompositeBar.css';
 import { localize } from '../../../nls.js';
 import { ActionBar, ActionsOrientation } from '../../../base/browser/ui/actionbar/actionbar.js';
 import { GLOBAL_ACTIVITY_ID, ACCOUNTS_ACTIVITY_ID } from '../../common/activity.js';
@@ -32,7 +34,7 @@ import { ILogService } from '../../../platform/log/common/log.service.js';
 import { IProductService } from '../../../platform/product/common/productService.service.js';
 import { ISecretStorageService } from '../../../platform/secrets/common/secrets.service.js';
 import { getCurrentAuthenticationSessionInfo } from '../../services/authentication/browser/authenticationService.js';
-import { INTERNAL_AUTH_PROVIDER_PREFIX } from '../../services/authentication/common/authentication.js';
+import { ACCOUNTS_AVATAR_SETTING, INTERNAL_AUTH_PROVIDER_PREFIX } from '../../services/authentication/common/authentication.js';
 import { IAuthenticationService } from '../../services/authentication/common/authentication.service.js';
 import { IWorkbenchEnvironmentService } from '../../services/environment/common/environmentService.service.js';
 import { IHoverService } from '../../../platform/hover/browser/hover.service.js';
@@ -41,12 +43,18 @@ import { ILifecycleService } from '../../services/lifecycle/common/lifecycle.ser
 import { IUserDataProfileService } from '../../services/userDataProfile/common/userDataProfile.service.js';
 import { DEFAULT_ICON } from '../../services/userDataProfile/common/userDataProfileIcons.js';
 import { isString } from '../../../base/common/types.js';
+import { FileAccess } from '../../../base/common/network.js';
 import { KeyCode } from '../../../base/common/keyCodes.js';
 import { ACTIVITY_BAR_BADGE_FOREGROUND, ACTIVITY_BAR_BADGE_BACKGROUND } from '../../common/theme.js';
 import { ICommandService } from '../../../platform/commands/common/commands.service.js';
+import { IDefaultAccountService } from '../../../platform/defaultAccount/common/defaultAccount.service.js';
+import { workbenchMenuCloseAnimation, WORKBENCH_MENU_MOTION_CLASS } from '../actions/menuMotion.js';
+import { createCodexAccountMenuActions, shouldShowCodexAccount } from '../../services/agentHost/browser/codexAccountService.js';
+import { ICodexAccountService } from '../../services/agentHost/browser/codexAccountService.service.js';
 import { AnchorAxisAlignment, AnchorAlignment } from '../../../base/common/layout.js';
 
 var GlobalCompositeBar_1;
+registerCss(globalCompositeBar);
 let GlobalCompositeBar = class GlobalCompositeBar extends Disposable {
     static {
         GlobalCompositeBar_1 = this;
@@ -55,7 +63,7 @@ let GlobalCompositeBar = class GlobalCompositeBar extends Disposable {
         this.ACCOUNTS_ACTION_INDEX = 0;
     }
     static {
-        this.ACCOUNTS_ICON = registerIcon("accounts-view-bar-icon", Codicon.account, ( localize(3786, "Accounts icon in the view bar.")));
+        this.ACCOUNTS_ICON = registerIcon("accounts-view-bar-icon", Codicon.account, ( localize(4076, "Accounts icon in the view bar.")));
     }
     constructor(
         contextMenuActionsProvider,
@@ -97,7 +105,7 @@ let GlobalCompositeBar = class GlobalCompositeBar extends Disposable {
                     }, contextMenuAlignmentOptions, actions => {
                         actions.unshift(...[toAction({
                             id: "hideAccounts",
-                            label: ( localize(3787, "Hide Accounts")),
+                            label: ( localize(4077, "Hide Accounts")),
                             run: () => setAccountsActionVisible(storageService, false)
                         }), ( new Separator())]);
                     });
@@ -105,7 +113,7 @@ let GlobalCompositeBar = class GlobalCompositeBar extends Disposable {
                 throw ( new Error(`No view item for action '${action.id}'`));
             },
             orientation: ActionsOrientation.VERTICAL,
-            ariaLabel: ( localize(3788, "Manage")),
+            ariaLabel: ( localize(4078, "Manage")),
             preventLoopNavigation: true
         })));
         if (this.accountsVisibilityPreference) {
@@ -133,13 +141,10 @@ let GlobalCompositeBar = class GlobalCompositeBar extends Disposable {
     focus() {
         this.globalActivityActionBar.focus(true);
     }
-    size() {
-        return this.globalActivityActionBar.viewItems.length;
-    }
     getContextMenuActions() {
         return [toAction({
             id: "toggleAccountsVisibility",
-            label: ( localize(3789, "Accounts")),
+            label: ( localize(4079, "Accounts")),
             checked: this.accountsVisibilityPreference,
             run: () => this.accountsVisibilityPreference = !this.accountsVisibilityPreference
         })];
@@ -192,6 +197,7 @@ let AbstractGlobalActivityActionViewItem = class AbstractGlobalActivityActionVie
         this.menuService = menuService;
         this.contextMenuService = contextMenuService;
         this.contextKeyService = contextKeyService;
+        this.configurationService = configurationService;
         this.activityService = activityService;
         this.updateItemActivity();
         this._register(this.activityService.onDidChangeActivity(viewContainerOrAction => {
@@ -220,7 +226,9 @@ let AbstractGlobalActivityActionViewItem = class AbstractGlobalActivityActionVie
             this.contextMenuService.showContextMenu({
                 getAnchor: () => event,
                 getActions: () => actions,
-                onHide: () => disposables.dispose()
+                getMenuClassName: () => WORKBENCH_MENU_MOTION_CLASS,
+                onHide: () => disposables.dispose(),
+                closeAnimation: workbenchMenuCloseAnimation
             });
         }));
         this._register(addDisposableListener(this.container, EventType.KEY_UP, e => {
@@ -254,10 +262,12 @@ let AbstractGlobalActivityActionViewItem = class AbstractGlobalActivityActionVie
             anchorAlignment,
             anchorAxisAlignment,
             getActions: () => actions,
+            getMenuClassName: () => WORKBENCH_MENU_MOTION_CLASS,
             onHide: () => disposables.dispose(),
             menuActionOptions: {
                 renderShortTitle: true
-            }
+            },
+            closeAnimation: workbenchMenuCloseAnimation
         });
     }
     async resolveMainMenuActions(menu, _disposable) {
@@ -291,11 +301,13 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
         logService,
         activityService,
         instantiationService,
-        commandService
+        commandService,
+        codexAccountService,
+        defaultAccountService
     ) {
         const action = instantiationService.createInstance(CompositeBarAction, {
             id: ACCOUNTS_ACTIVITY_ID,
-            name: ( localize(3789, "Accounts")),
+            name: ( localize(4079, "Accounts")),
             classNames: ThemeIcon.asClassNameArray(GlobalCompositeBar.ACCOUNTS_ICON)
         });
         super(
@@ -320,6 +332,8 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
         this.secretStorageService = secretStorageService;
         this.logService = logService;
         this.commandService = commandService;
+        this.codexAccountService = codexAccountService;
+        this.defaultAccountService = defaultAccountService;
         this.groupedAccounts = ( new Map());
         this.problematicProviders = ( new Set());
         this.initialized = false;
@@ -334,11 +348,13 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
         this._register(
             this.authenticationService.onDidRegisterAuthenticationProvider(async e => {
                 await this.addAccountsFromProvider(e.id);
+                this.updateAvatar();
             })
         );
         this._register(this.authenticationService.onDidUnregisterAuthenticationProvider(e => {
             this.groupedAccounts.delete(e.id);
             this.problematicProviders.delete(e.id);
+            this.updateAvatar();
         }));
         this._register(this.authenticationService.onDidChangeSessions(async e => {
             if (e.event.removed) {
@@ -353,6 +369,15 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
                     this.logService.error(e);
                 }
             }
+            this.updateAvatar();
+        }));
+        this._register(this.configurationService.onDidChangeConfiguration(e => {
+            if (e.affectsConfiguration(ACCOUNTS_AVATAR_SETTING)) {
+                this.updateAvatar();
+            }
+        }));
+        this._register(this.defaultAccountService.onDidChangeDefaultAccount(() => {
+            this.updateAvatar();
         }));
     }
     async initialize() {
@@ -374,6 +399,61 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
             }
         }
         this.initialized = true;
+        this.updateAvatar();
+    }
+    render(container) {
+        super.render(container);
+        this.avatarImg = $("img.accounts-avatar");
+        this.avatarImg.alt = "";
+        this.avatarImg.setAttribute("aria-hidden", "true");
+        this.avatarImg.draggable = false;
+        this.avatarImg.referrerPolicy = "no-referrer";
+        this.avatarImg.style.display = "none";
+        this.avatarImg.onerror = () => {
+            this.avatarImg.style.display = "none";
+            this.label.classList.remove("has-avatar");
+        };
+        append(this.label, this.avatarImg);
+        this.updateAvatar();
+    }
+    updateAvatar() {
+        if (!this.avatarImg) {
+            return;
+        }
+        let avatarIcon;
+        if (this.configurationService.getValue(ACCOUNTS_AVATAR_SETTING)) {
+            avatarIcon = this.getDefaultAccountAvatarIcon();
+            if (!avatarIcon) {
+                for (const accounts of ( this.groupedAccounts.values())) {
+                    for (const account of accounts) {
+                        if (account.icon) {
+                            avatarIcon = account.icon;
+                            break;
+                        }
+                    }
+                    if (avatarIcon) {
+                        break;
+                    }
+                }
+            }
+        }
+        if (avatarIcon) {
+            this.avatarImg.src = ( FileAccess.uriToBrowserUri(avatarIcon).toString(true));
+            this.avatarImg.style.display = "";
+            this.label.classList.add("has-avatar");
+        } else {
+            this.avatarImg.removeAttribute("src");
+            this.avatarImg.style.display = "none";
+            this.label.classList.remove("has-avatar");
+        }
+    }
+    getDefaultAccountAvatarIcon() {
+        const currentDefaultAccount = this.defaultAccountService.currentDefaultAccount;
+        if (!currentDefaultAccount) {
+            return undefined;
+        }
+        const accounts = this.groupedAccounts.get(currentDefaultAccount.authenticationProvider.id);
+        return accounts?.find(account => account.label === currentDefaultAccount.accountName)?.icon;
     }
     async resolveMainMenuActions(accountsMenu, disposables) {
         await super.resolveMainMenuActions(accountsMenu, disposables);
@@ -387,7 +467,7 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
             providerId => this.authenticationService.isDynamicAuthenticationProvider(providerId)
         );
         if (!this.initialized) {
-            const noAccountsAvailableAction = disposables.add(( new Action("noAccountsAvailable", ( localize(3790, "Loading...")), undefined, false)));
+            const noAccountsAvailableAction = disposables.add(( new Action("noAccountsAvailable", ( localize(4080, "Loading...")), undefined, false)));
             menus.push(noAccountsAvailableAction);
         } else {
             for (const providerId of registeredProviders) {
@@ -395,7 +475,7 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
                 const accounts = this.groupedAccounts.get(providerId);
                 if (!accounts) {
                     if (( this.problematicProviders.has(providerId))) {
-                        const providerUnavailableAction = disposables.add(( new Action("providerUnavailable", ( localize(3791, "{0} is currently unavailable", provider.label)), undefined, false)));
+                        const providerUnavailableAction = disposables.add(( new Action("providerUnavailable", ( localize(4081, "{0} is currently unavailable", provider.label)), undefined, false)));
                         menus.push(providerUnavailableAction);
                         try {
                             await this.addAccountsFromProvider(providerId);
@@ -409,7 +489,7 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
                 for (const account of accounts) {
                     const manageExtensionsAction = toAction({
                         id: `configureSessions${account.label}`,
-                        label: ( localize(3792, "Manage Trusted Extensions")),
+                        label: ( localize(4082, "Manage Trusted Extensions")),
                         enabled: true,
                         run: () => this.commandService.executeCommand("_manageTrustedExtensionsForAccount", {
                             providerId,
@@ -420,7 +500,7 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
                     if (canUseMcp) {
                         const manageMCPAction = toAction({
                             id: `configureSessions${account.label}`,
-                            label: ( localize(3793, "Manage Trusted MCP Servers")),
+                            label: ( localize(4083, "Manage Trusted MCP Servers")),
                             enabled: true,
                             run: () => this.commandService.executeCommand("_manageTrustedMCPServersForAccount", {
                                 providerId,
@@ -432,7 +512,7 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
                     if (account.canSignOut) {
                         providerSubMenuActions.push(toAction({
                             id: "signOut",
-                            label: ( localize(3794, "Sign Out")),
+                            label: ( localize(4084, "Sign Out")),
                             enabled: true,
                             run: () => this.commandService.executeCommand("_signOutOfAccount", {
                                 providerId,
@@ -456,13 +536,13 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
                 const accounts = this.groupedAccounts.get(providerId);
                 const manageDynamicAuthProvidersAction = toAction({
                     id: "manageDynamicAuthProviders",
-                    label: ( localize(3795, "Manage Dynamic Authentication Providers...")),
+                    label: ( localize(4085, "Manage Dynamic Authentication Providers...")),
                     enabled: true,
                     run: () => this.commandService.executeCommand("workbench.action.removeDynamicAuthenticationProviders")
                 });
                 if (!accounts) {
                     if (( this.problematicProviders.has(providerId))) {
-                        const providerUnavailableAction = disposables.add(( new Action("providerUnavailable", ( localize(3791, "{0} is currently unavailable", provider.label)), undefined, false)));
+                        const providerUnavailableAction = disposables.add(( new Action("providerUnavailable", ( localize(4081, "{0} is currently unavailable", provider.label)), undefined, false)));
                         menus.push(providerUnavailableAction);
                         try {
                             await this.addAccountsFromProvider(providerId);
@@ -477,7 +557,7 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
                     const providerSubMenuActions = [];
                     const manageMCPAction = toAction({
                         id: `configureSessions${account.label}`,
-                        label: ( localize(3793, "Manage Trusted MCP Servers")),
+                        label: ( localize(4083, "Manage Trusted MCP Servers")),
                         enabled: true,
                         run: () => this.commandService.executeCommand("_manageTrustedMCPServersForAccount", {
                             providerId,
@@ -489,7 +569,7 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
                     if (account.canSignOut) {
                         providerSubMenuActions.push(toAction({
                             id: "signOut",
-                            label: ( localize(3794, "Sign Out")),
+                            label: ( localize(4084, "Sign Out")),
                             enabled: true,
                             run: () => this.commandService.executeCommand("_signOutOfAccount", {
                                 providerId,
@@ -506,6 +586,18 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
                 }
             }
         }
+        const codexAccountActions = createCodexAccountMenuActions(
+            this.codexAccountService,
+            shouldShowCodexAccount(this.configurationService, false)
+        );
+        if (codexAccountActions.length) {
+            if (menus.length) {
+                menus.push(( new Separator()));
+            }
+            for (const action of codexAccountActions) {
+                menus.push(action instanceof Action ? disposables.add(action) : action);
+            }
+        }
         if (menus.length && otherCommands.length) {
             menus.push(( new Separator()));
         }
@@ -541,6 +633,7 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
             if (!canSignOut) {
                 existingAccount.canSignOut = canSignOut;
             }
+            existingAccount.icon = account.icon;
         } else {
             accounts.push({
                 ...account,
@@ -579,7 +672,7 @@ let AccountsActivityActionViewItem = class AccountsActivityActionViewItem extend
         }
     }
 };
-AccountsActivityActionViewItem = ( __decorate([( __param(4, IThemeService)), ( __param(5, ILifecycleService)), ( __param(6, IHoverService)), ( __param(7, IContextMenuService)), ( __param(8, IMenuService)), ( __param(9, IContextKeyService)), ( __param(10, IAuthenticationService)), ( __param(11, IWorkbenchEnvironmentService)), ( __param(12, IProductService)), ( __param(13, IConfigurationService)), ( __param(14, IKeybindingService)), ( __param(15, ISecretStorageService)), ( __param(16, ILogService)), ( __param(17, IActivityService)), ( __param(18, IInstantiationService)), ( __param(19, ICommandService))], AccountsActivityActionViewItem));
+AccountsActivityActionViewItem = ( __decorate([( __param(4, IThemeService)), ( __param(5, ILifecycleService)), ( __param(6, IHoverService)), ( __param(7, IContextMenuService)), ( __param(8, IMenuService)), ( __param(9, IContextKeyService)), ( __param(10, IAuthenticationService)), ( __param(11, IWorkbenchEnvironmentService)), ( __param(12, IProductService)), ( __param(13, IConfigurationService)), ( __param(14, IKeybindingService)), ( __param(15, ISecretStorageService)), ( __param(16, ILogService)), ( __param(17, IActivityService)), ( __param(18, IInstantiationService)), ( __param(19, ICommandService)), ( __param(20, ICodexAccountService)), ( __param(21, IDefaultAccountService))], AccountsActivityActionViewItem));
 let GlobalActivityActionViewItem = class GlobalActivityActionViewItem extends AbstractGlobalActivityActionViewItem {
     constructor(
         contextMenuActionsProvider,
@@ -599,7 +692,7 @@ let GlobalActivityActionViewItem = class GlobalActivityActionViewItem extends Ab
     ) {
         const action = instantiationService.createInstance(CompositeBarAction, {
             id: GLOBAL_ACTIVITY_ID,
-            name: ( localize(3788, "Manage")),
+            name: ( localize(4078, "Manage")),
             classNames: ThemeIcon.asClassNameArray(
                 userDataProfileService.currentProfile.icon ? ThemeIcon.fromId(userDataProfileService.currentProfile.icon) : DEFAULT_ICON
             )
@@ -661,7 +754,7 @@ let GlobalActivityActionViewItem = class GlobalActivityActionViewItem extends Ab
     }
     computeTitle() {
         return this.userDataProfileService.currentProfile.isDefault ? super.computeTitle() : ( localize(
-            3796,
+            4086,
             "Manage {0} (Profile)",
             this.userDataProfileService.currentProfile.name
         ));
@@ -688,7 +781,9 @@ let SimpleAccountActivityActionViewItem = class SimpleAccountActivityActionViewI
         logService,
         activityService,
         instantiationService,
-        commandService
+        commandService,
+        codexAccountService,
+        defaultAccountService
     ) {
         super(() => simpleActivityContextMenuActions(storageService, true), {
             ...options,
@@ -698,10 +793,10 @@ let SimpleAccountActivityActionViewItem = class SimpleAccountActivityActionViewI
             }),
             hoverOptions,
             compact: true
-        }, () => undefined, actions => actions, themeService, lifecycleService, hoverService, contextMenuService, menuService, contextKeyService, authenticationService, environmentService, productService, configurationService, keybindingService, secretStorageService, logService, activityService, instantiationService, commandService);
+        }, () => undefined, actions => actions, themeService, lifecycleService, hoverService, contextMenuService, menuService, contextKeyService, authenticationService, environmentService, productService, configurationService, keybindingService, secretStorageService, logService, activityService, instantiationService, commandService, codexAccountService, defaultAccountService);
     }
 };
-SimpleAccountActivityActionViewItem = ( __decorate([( __param(2, IThemeService)), ( __param(3, ILifecycleService)), ( __param(4, IHoverService)), ( __param(5, IContextMenuService)), ( __param(6, IMenuService)), ( __param(7, IContextKeyService)), ( __param(8, IAuthenticationService)), ( __param(9, IWorkbenchEnvironmentService)), ( __param(10, IProductService)), ( __param(11, IConfigurationService)), ( __param(12, IKeybindingService)), ( __param(13, ISecretStorageService)), ( __param(14, IStorageService)), ( __param(15, ILogService)), ( __param(16, IActivityService)), ( __param(17, IInstantiationService)), ( __param(18, ICommandService))], SimpleAccountActivityActionViewItem));
+SimpleAccountActivityActionViewItem = ( __decorate([( __param(2, IThemeService)), ( __param(3, ILifecycleService)), ( __param(4, IHoverService)), ( __param(5, IContextMenuService)), ( __param(6, IMenuService)), ( __param(7, IContextKeyService)), ( __param(8, IAuthenticationService)), ( __param(9, IWorkbenchEnvironmentService)), ( __param(10, IProductService)), ( __param(11, IConfigurationService)), ( __param(12, IKeybindingService)), ( __param(13, ISecretStorageService)), ( __param(14, IStorageService)), ( __param(15, ILogService)), ( __param(16, IActivityService)), ( __param(17, IInstantiationService)), ( __param(18, ICommandService)), ( __param(19, ICodexAccountService)), ( __param(20, IDefaultAccountService))], SimpleAccountActivityActionViewItem));
 let SimpleGlobalActivityActionViewItem = class SimpleGlobalActivityActionViewItem extends GlobalActivityActionViewItem {
     constructor(
         hoverOptions,
@@ -736,18 +831,18 @@ function simpleActivityContextMenuActions(storageService, isAccount) {
     if (isAccount) {
         currentElementContextMenuActions.push(toAction({
             id: "hideAccounts",
-            label: ( localize(3787, "Hide Accounts")),
+            label: ( localize(4077, "Hide Accounts")),
             run: () => setAccountsActionVisible(storageService, false)
         }), ( new Separator()));
     }
     return [...currentElementContextMenuActions, toAction({
         id: "toggle.hideAccounts",
-        label: ( localize(3789, "Accounts")),
+        label: ( localize(4079, "Accounts")),
         checked: isAccountsActionVisible(storageService),
         run: () => setAccountsActionVisible(storageService, !isAccountsActionVisible(storageService))
     }), toAction({
         id: "toggle.hideManage",
-        label: ( localize(3788, "Manage")),
+        label: ( localize(4078, "Manage")),
         checked: true,
         enabled: false,
         run: () => {

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

@@ -0,0 +1,15 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.monaco-workbench .monaco-action-bar .action-label.has-avatar::before {
+	display: none;
+}
+
+.monaco-workbench .monaco-action-bar .action-label .accounts-avatar {
+	width: 1em;
+	height: 1em;
+	object-fit: cover;
+	border-radius: var(--vscode-cornerRadius-circle);
+}

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

@@ -260,6 +260,18 @@
 	-webkit-mask-size: 13px;
 }
 
+.monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.icon) .badge.progress-badge .badge-content,
+.monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.icon) .badge.progress-badge .badge-content,
+.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge.progress-badge .badge-content {
+	min-width: unset;
+	width: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0;
+	line-height: 1;
+}
+
 /* active item indicator */
 .monaco-workbench .pane-composite-part > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .active-item-indicator,
 .monaco-workbench .pane-composite-part > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .active-item-indicator {

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

@@ -0,0 +1,10 @@
+import { AccessibleViewType, AccessibleContentProvider } from "../../../../platform/accessibility/browser/accessibleView.js";
+import { IAccessibleViewImplementation } from "../../../../platform/accessibility/browser/accessibleViewRegistry.js";
+import { ServicesAccessor } from "../../../../platform/instantiation/common/instantiation.js";
+export declare class NotificationAccessibleView implements IAccessibleViewImplementation {
+    readonly priority = 90;
+    readonly name = "notifications";
+    readonly when: import("../../../../platform/contextkey/common/contextkey.js").RawContextKey<boolean>;
+    readonly type = AccessibleViewType.View;
+    getProvider(accessor: ServicesAccessor): AccessibleContentProvider | undefined;
+}

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

@@ -0,0 +1,126 @@
+
+import { Codicon } from '../../../../base/common/codicons.js';
+import { ThemeIcon } from '../../../../base/common/themables.js';
+import { localize } from '../../../../nls.js';
+import { AccessibleViewType, AccessibleContentProvider, AccessibleViewProviderId } from '../../../../platform/accessibility/browser/accessibleView.js';
+import { IAccessibleViewService } from '../../../../platform/accessibility/browser/accessibleView.service.js';
+import { AccessibilitySignal } from '../../../../platform/accessibilitySignal/browser/accessibilitySignalService.js';
+import { IAccessibilitySignalService } from '../../../../platform/accessibilitySignal/browser/accessibilitySignalService.service.js';
+import { ICommandService } from '../../../../platform/commands/common/commands.service.js';
+import { WorkbenchList } from '../../../../platform/list/browser/listService.js';
+import { IListService } from '../../../../platform/list/browser/listService.service.js';
+import { getNotificationFromContext } from './notificationsCommands.js';
+import { NotificationFocusedContext } from '../../../common/contextkeys.js';
+import { withSeverityPrefix } from '../../../../platform/notification/common/notification.js';
+
+class NotificationAccessibleView {
+    constructor() {
+        this.priority = 90;
+        this.name = "notifications";
+        this.when = NotificationFocusedContext;
+        this.type = AccessibleViewType.View;
+    }
+    getProvider(accessor) {
+        const accessibleViewService = accessor.get(IAccessibleViewService);
+        const listService = accessor.get(IListService);
+        const commandService = accessor.get(ICommandService);
+        const accessibilitySignalService = accessor.get(IAccessibilitySignalService);
+        function getProvider() {
+            const notification = getNotificationFromContext(listService);
+            if (!notification) {
+                return;
+            }
+            commandService.executeCommand("notifications.showList");
+            let notificationIndex;
+            const list = listService.lastFocusedList;
+            if (list instanceof WorkbenchList) {
+                notificationIndex = list.indexOf(notification);
+            }
+            if (notificationIndex === undefined) {
+                return;
+            }
+            function focusList() {
+                commandService.executeCommand("notifications.showList");
+                if (list && notificationIndex !== undefined) {
+                    list.domFocus();
+                    try {
+                        list.setFocus([notificationIndex]);
+                    } catch {}
+                }
+            }
+            function getContentForNotification() {
+                const notification = getNotificationFromContext(listService);
+                const message = notification?.message.original.toString();
+                if (!notification || !message) {
+                    return;
+                }
+                return withSeverityPrefix(notification.source ? ( localize(4087, "{0} Source: {1}", message, notification.source)) : message, notification.severity);
+            }
+            const content = getContentForNotification();
+            if (!content) {
+                return;
+            }
+            notification.onDidClose(() => accessibleViewService.next());
+            return ( new AccessibleContentProvider(AccessibleViewProviderId.Notification, {
+                type: AccessibleViewType.View
+            }, () => content, () => focusList(), "accessibility.verbosity.notification", undefined, getActionsFromNotification(notification, accessibilitySignalService), () => {
+                if (!list) {
+                    return;
+                }
+                focusList();
+                list.focusNext();
+                return getContentForNotification();
+            }, () => {
+                if (!list) {
+                    return;
+                }
+                focusList();
+                list.focusPrevious();
+                return getContentForNotification();
+            }));
+        }
+        return getProvider();
+    }
+}
+function getActionsFromNotification(notification, accessibilitySignalService) {
+    let actions = undefined;
+    if (notification.actions) {
+        actions = [];
+        if (notification.actions.primary) {
+            actions.push(...notification.actions.primary);
+        }
+        if (notification.actions.secondary) {
+            actions.push(...notification.actions.secondary);
+        }
+    }
+    if (actions) {
+        for (const action of actions) {
+            action.class = ThemeIcon.asClassName(Codicon.bell);
+            const initialAction = action.run;
+            action.run = () => {
+                initialAction();
+                notification.close();
+            };
+        }
+    }
+    const manageExtension = actions?.find(a => a.label.includes("Manage Extension"));
+    if (manageExtension) {
+        manageExtension.class = ThemeIcon.asClassName(Codicon.gear);
+    }
+    if (actions) {
+        actions.push({
+            id: "clearNotification",
+            label: ( localize(4088, "Clear Notification")),
+            tooltip: ( localize(4088, "Clear Notification")),
+            run: () => {
+                notification.close();
+                accessibilitySignalService.playSignal(AccessibilitySignal.clear);
+            },
+            enabled: true,
+            class: ThemeIcon.asClassName(Codicon.clearAll)
+        });
+    }
+    return actions;
+}
+
+export { NotificationAccessibleView };