@codingame/monaco-vscode-api 24.3.0 → 25.0.1

package/vscode/src/vs/platform/quickinput/browser/quickInputBox.d.ts

@@ -1,5 +1,7 @@
 import { IInputBoxStyles, IRange } from "../../../base/browser/ui/inputbox/inputBox.js";
 import { IToggleStyles, Toggle } from "../../../base/browser/ui/toggle/toggle.js";
+import { IAction } from "../../../base/common/actions.js";
+import { IActionViewItemProvider } from "../../../base/browser/ui/actionbar/actionbar.js";
 import { Disposable, IDisposable } from "../../../base/common/lifecycle.js";
 import Severity from "../../../base/common/severity.js";
 export declare class QuickInputBox extends Disposable {
@@ -22,6 +24,8 @@ export declare class QuickInputBox extends Disposable {
     set password(password: boolean);
     set enabled(enabled: boolean);
     set toggles(toggles: Toggle[] | undefined);
+    set actions(actions: ReadonlyArray<IAction> | undefined);
+    setActions(actions: ReadonlyArray<IAction> | undefined, actionViewItemProvider?: IActionViewItemProvider): void;
     get ariaLabel(): string;
     set ariaLabel(ariaLabel: string);
     hasFocus(): boolean;

package/vscode/src/vs/platform/quickinput/browser/quickInputBox.js

@@ -3,6 +3,7 @@ import { registerCss } from '../../../../../../css.js';
 import { $ as $$1, append } from '../../../base/browser/dom.js';
 import { FindInput } from '../../../base/browser/ui/findinput/findInput.js';
 import { MessageType } from '../../../base/browser/ui/inputbox/inputBox.js';
+import { createToggleActionViewItemProvider } from '../../../base/browser/ui/toggle/toggle.js';
 import { Disposable } from '../../../base/common/lifecycle.js';
 import Severity$1 from '../../../base/common/severity.js';
 import * as quickInput from './media/quickInput.css';
@@ -17,7 +18,12 @@ class QuickInputBox extends Disposable {
             return this.findInput.onDidChange(handler);
         };
         this.container = append(this.parent, $('.quick-input-box'));
-        this.findInput = this._register(( new FindInput(this.container, undefined, { label: '', inputBoxStyles, toggleStyles })));
+        this.findInput = this._register(( new FindInput(this.container, undefined, {
+            label: '',
+            inputBoxStyles,
+            toggleStyles,
+            actionViewItemProvider: createToggleActionViewItemProvider(toggleStyles)
+        })));
         const input = this.findInput.inputBox.inputElement;
         input.role = 'textbox';
         input.ariaHasPopup = 'menu';
@@ -65,6 +71,12 @@ class QuickInputBox extends Disposable {
     set toggles(toggles) {
         this.findInput.setAdditionalToggles(toggles);
     }
+    set actions(actions) {
+        this.setActions(actions);
+    }
+    setActions(actions, actionViewItemProvider) {
+        this.findInput.setActions(actions, actionViewItemProvider);
+    }
     get ariaLabel() {
         return this.findInput.inputBox.inputElement.getAttribute('aria-label') || '';
     }

package/vscode/src/vs/platform/quickinput/browser/quickInputController.d.ts

@@ -6,6 +6,7 @@ import { IInputBox, IInputOptions, IKeyMods, IPickOptions, IQuickInput, IQuickNa
 import { IQuickInputStyles, IQuickInputOptions } from "./quickInput.js";
 import { ILayoutService } from "../../layout/browser/layoutService.service.js";
 import { IInstantiationService } from "../../instantiation/common/instantiation.js";
+import { IContextMenuService } from "../../contextview/browser/contextView.service.js";
 import { IContextKeyService } from "../../contextkey/common/contextkey.service.js";
 import { IStorageService } from "../../storage/common/storage.service.js";
 import { IKeybindingService } from "../../keybinding/common/keybinding.service.js";
@@ -14,6 +15,7 @@ export declare class QuickInputController extends Disposable {
     private readonly layoutService;
     private readonly instantiationService;
     private readonly storageService;
+    private readonly contextMenuService;
     private readonly keybindingService;
     private static readonly MAX_WIDTH;
     private idPrefix;
@@ -40,7 +42,7 @@ export declare class QuickInputController extends Disposable {
     private readonly inQuickInputContext;
     private readonly quickInputTypeContext;
     private readonly endOfQuickInputBoxContext;
-    constructor(options: IQuickInputOptions, layoutService: ILayoutService, instantiationService: IInstantiationService, contextKeyService: IContextKeyService, storageService: IStorageService, keybindingService: IKeybindingService);
+    constructor(options: IQuickInputOptions, layoutService: ILayoutService, instantiationService: IInstantiationService, contextKeyService: IContextKeyService, storageService: IStorageService, contextMenuService: IContextMenuService, keybindingService: IKeybindingService);
     private registerKeyModsListeners;
     private getUI;
     private reparentUI;

package/vscode/src/vs/platform/quickinput/browser/quickInputController.js

@@ -2,7 +2,7 @@
 import { __decorate, __param } from '../../../../../../external/tslib/tslib.es6.js';
 import { $ as $$1, onDidRegisterWindow, onWillUnregisterWindow, getWindow, EventType, addDisposableListener, append, trackFocus, isAncestor, isHTMLElement, reset, isAncestorOfActiveElement, addDisposableGenericMouseUpListener, addDisposableGenericMouseDownListener, addDisposableGenericMouseMoveListener, getActiveWindow } from '../../../base/browser/dom.js';
 import { createStyleSheet } from '../../../base/browser/domStylesheets.js';
-import { ActionBar } from '../../../base/browser/ui/actionbar/actionbar.js';
+import { ToolBar } from '../../../base/browser/ui/toolbar/toolbar.js';
 import { Button } from '../../../base/browser/ui/button/button.js';
 import { CountBadge } from '../../../base/browser/ui/countBadge/countBadge.js';
 import { ProgressBar } from '../../../base/browser/ui/progressbar/progressbar.js';
@@ -19,6 +19,7 @@ import { backButton, InQuickInputContextKey, QuickInputTypeContextKey, EndOfQuic
 import { ILayoutService } from '../../layout/browser/layoutService.service.js';
 import { mainWindow } from '../../../base/browser/window.js';
 import { IInstantiationService } from '../../instantiation/common/instantiation.js';
+import { IContextMenuService } from '../../contextview/browser/contextView.service.js';
 import { QuickInputList } from './quickInputList.js';
 import { IContextKeyService } from '../../contextkey/common/contextkey.service.js';
 import './quickInputActions.js';
@@ -30,7 +31,7 @@ import { IConfigurationService } from '../../configuration/common/configuration.
 import { setTimeout0, platform, Platform } from '../../../base/common/platform.js';
 import { getWindowControlsStyle, WindowControlsStyle } from '../../window/common/window.js';
 import { getZoomFactor } from '../../../base/browser/browser.js';
-import { TriStateCheckbox } from '../../../base/browser/ui/toggle/toggle.js';
+import { createToggleActionViewItemProvider, TriStateCheckbox } from '../../../base/browser/ui/toggle/toggle.js';
 import { defaultCheckboxStyles } from '../../theme/browser/defaultStyles.js';
 import { QuickInputTreeController } from './tree/quickInputTreeController.js';
 import { QuickTree } from './tree/quickTree.js';
@@ -46,12 +47,13 @@ let QuickInputController = class QuickInputController extends Disposable {
     static { this.MAX_WIDTH = 600; }
     get currentQuickInput() { return this.controller ?? undefined; }
     get container() { return this._container; }
-    constructor(options, layoutService, instantiationService, contextKeyService, storageService, keybindingService) {
+    constructor(options, layoutService, instantiationService, contextKeyService, storageService, contextMenuService, keybindingService) {
         super();
         this.options = options;
         this.layoutService = layoutService;
         this.instantiationService = instantiationService;
         this.storageService = storageService;
+        this.contextMenuService = contextMenuService;
         this.keybindingService = keybindingService;
         this.enabled = true;
         this.onDidAcceptEmitter = this._register(( new Emitter()));
@@ -104,13 +106,23 @@ let QuickInputController = class QuickInputController extends Disposable {
         container.style.display = 'none';
         const styleSheet = createStyleSheet(container);
         const titleBar = append(container, $('.quick-input-titlebar'));
-        const leftActionBar = this._register(( new ActionBar(titleBar, { hoverDelegate: this.options.hoverDelegate })));
-        leftActionBar.domNode.classList.add('quick-input-left-action-bar');
+        const leftActionBar = this._register(( new ToolBar(titleBar, this.contextMenuService, {
+            hoverDelegate: this.options.hoverDelegate,
+            actionViewItemProvider: createToggleActionViewItemProvider(this.styles.toggle),
+            icon: true,
+            label: false
+        })));
+        leftActionBar.getElement().classList.add('quick-input-left-action-bar');
         const title = append(titleBar, $('.quick-input-title'));
-        const rightActionBar = this._register(( new ActionBar(titleBar, { hoverDelegate: this.options.hoverDelegate })));
-        rightActionBar.domNode.classList.add('quick-input-right-action-bar');
+        const rightActionBar = this._register(( new ToolBar(titleBar, this.contextMenuService, {
+            hoverDelegate: this.options.hoverDelegate,
+            actionViewItemProvider: createToggleActionViewItemProvider(this.styles.toggle),
+            icon: true,
+            label: false
+        })));
+        rightActionBar.getElement().classList.add('quick-input-right-action-bar');
         const headerContainer = append(container, $('.quick-input-header'));
-        const checkAll = this._register(( new TriStateCheckbox(( localize(2023, "Toggle all checkboxes")), false, { ...defaultCheckboxStyles, size: 15 })));
+        const checkAll = this._register(( new TriStateCheckbox(( localize(2030, "Toggle all checkboxes")), false, { ...defaultCheckboxStyles, size: 15 })));
         append(headerContainer, checkAll.domNode);
         this._register(checkAll.onChange(() => {
             const checked = checkAll.checked;
@@ -129,21 +141,26 @@ let QuickInputController = class QuickInputController extends Disposable {
         const visibleCountContainer = append(filterContainer, $('.quick-input-visible-count'));
         visibleCountContainer.setAttribute('aria-live', 'polite');
         visibleCountContainer.setAttribute('aria-atomic', 'true');
-        const visibleCount = this._register(( new CountBadge(visibleCountContainer, { countFormat: ( localize(2024, "{0} Results")) }, this.styles.countBadge)));
+        const visibleCount = this._register(( new CountBadge(visibleCountContainer, { countFormat: ( localize(2031, "{0} Results")) }, this.styles.countBadge)));
         const countContainer = append(filterContainer, $('.quick-input-count'));
         countContainer.setAttribute('aria-live', 'polite');
-        const count = this._register(( new CountBadge(countContainer, { countFormat: ( localize(2025, "{0} Selected")) }, this.styles.countBadge)));
-        const inlineActionBar = this._register(( new ActionBar(headerContainer, { hoverDelegate: this.options.hoverDelegate })));
-        inlineActionBar.domNode.classList.add('quick-input-inline-action-bar');
+        const count = this._register(( new CountBadge(countContainer, { countFormat: ( localize(2032, "{0} Selected")) }, this.styles.countBadge)));
+        const inlineActionBar = this._register(( new ToolBar(headerContainer, this.contextMenuService, {
+            hoverDelegate: this.options.hoverDelegate,
+            actionViewItemProvider: createToggleActionViewItemProvider(this.styles.toggle),
+            icon: true,
+            label: false
+        })));
+        inlineActionBar.getElement().classList.add('quick-input-inline-action-bar');
         const okContainer = append(headerContainer, $('.quick-input-action'));
         const ok = this._register(( new Button(okContainer, this.styles.button)));
-        ok.label = ( localize(2026, "OK"));
+        ok.label = ( localize(2033, "OK"));
         this._register(ok.onDidClick(e => {
             this.onDidAcceptEmitter.fire();
         }));
         const customButtonContainer = append(headerContainer, $('.quick-input-action'));
         const customButton = this._register(( new Button(customButtonContainer, { ...this.styles.button, supportIcons: true })));
-        customButton.label = ( localize(2027, "Custom"));
+        customButton.label = ( localize(2034, "Custom"));
         this._register(customButton.onDidClick(e => {
             this.onDidCustomEmitter.fire();
         }));
@@ -154,7 +171,7 @@ let QuickInputController = class QuickInputController extends Disposable {
         widget.tabIndex = -1;
         const description1 = append(container, $('.quick-input-description'));
         const listId = this.idPrefix + 'list';
-        const list = this._register(this.instantiationService.createInstance(QuickInputList, container, this.options.hoverDelegate, this.options.linkOpenerDelegate, listId));
+        const list = this._register(this.instantiationService.createInstance(QuickInputList, container, this.options.hoverDelegate, this.options.linkOpenerDelegate, listId, this.styles));
         inputBox.setAttribute('aria-controls', listId);
         this._register(list.onDidChangeFocus(() => {
             if (inputBox.hasFocus()) {
@@ -187,7 +204,7 @@ let QuickInputController = class QuickInputController extends Disposable {
                 }
             }, 0);
         }));
-        const tree = this._register(this.instantiationService.createInstance(QuickInputTreeController, container, this.options.hoverDelegate));
+        const tree = this._register(this.instantiationService.createInstance(QuickInputTreeController, container, this.options.hoverDelegate, this.styles));
         this._register(tree.tree.onDidChangeFocus(() => {
             if (inputBox.hasFocus()) {
                 const activeDescendant = tree.getActiveDescendant();
@@ -252,7 +269,7 @@ let QuickInputController = class QuickInputController extends Disposable {
             {
                 node: titleBar,
                 includeChildren: true,
-                excludeNodes: [leftActionBar.domNode, rightActionBar.domNode]
+                excludeNodes: [leftActionBar.getElement(), rightActionBar.getElement()]
             },
             {
                 node: headerContainer,
@@ -538,19 +555,20 @@ let QuickInputController = class QuickInputController extends Disposable {
         this.controller = controller;
         oldController?.didHide();
         this.setEnabled(true);
-        ui.leftActionBar.clear();
+        ui.leftActionBar.setActions([]);
         ui.title.textContent = '';
         ui.description1.textContent = '';
         ui.description2.textContent = '';
         reset(ui.widget);
-        ui.rightActionBar.clear();
-        ui.inlineActionBar.clear();
+        ui.rightActionBar.setActions([]);
+        ui.inlineActionBar.setActions([]);
         ui.checkAll.checked = false;
         ui.inputBox.placeholder = '';
         ui.inputBox.password = false;
         ui.inputBox.showDecoration(Severity$1.Ignore);
         ui.visibleCount.setCount(0);
         ui.count.setCount(0);
+        ui.countContainer.style.right = '4px';
         reset(ui.message);
         ui.progressBar.stop();
         ui.progressBar.getContainer().setAttribute('aria-hidden', 'true');
@@ -566,8 +584,9 @@ let QuickInputController = class QuickInputController extends Disposable {
         ui.tree.sortByLabel = true;
         ui.ignoreFocusOut = false;
         ui.inputBox.toggles = undefined;
+        ui.inputBox.actions = undefined;
         const backKeybindingLabel = this.options.backKeybindingLabel();
-        backButton.tooltip = backKeybindingLabel ? ( localize(2028, "Back ({0})", backKeybindingLabel)) : ( localize(2029, "Back"));
+        backButton.tooltip = backKeybindingLabel ? ( localize(2035, "Back ({0})", backKeybindingLabel)) : ( localize(2036, "Back"));
         ui.container.style.display = '';
         this.updateLayout();
         this.dndController?.layoutContainer();
@@ -601,11 +620,17 @@ let QuickInputController = class QuickInputController extends Disposable {
         if (enabled !== this.enabled) {
             this.enabled = enabled;
             const ui = this.getUI();
-            for (const item of ui.leftActionBar.viewItems) {
-                item.action.enabled = enabled;
+            for (let i = 0; i < ui.leftActionBar.getItemsLength(); i++) {
+                const action = ui.leftActionBar.getItemAction(i);
+                if (action) {
+                    action.enabled = enabled;
+                }
             }
-            for (const item of ui.rightActionBar.viewItems) {
-                item.action.enabled = enabled;
+            for (let i = 0; i < ui.rightActionBar.getItemsLength(); i++) {
+                const action = ui.rightActionBar.getItemAction(i);
+                if (action) {
+                    action.enabled = enabled;
+                }
             }
             if (enabled) {
                 ui.checkAll.enable();
@@ -658,9 +683,15 @@ let QuickInputController = class QuickInputController extends Disposable {
         }
     }
     toggle() {
-        if (this.isVisible() && this.controller instanceof QuickPick && this.controller.canSelectMany) {
+        if (!this.isVisible()) {
+            return;
+        }
+        if (this.controller instanceof QuickPick && this.controller.canSelectMany) {
             this.getUI().list.toggleCheckbox();
         }
+        else if (this.controller instanceof QuickTree) {
+            this.getUI().tree.toggleCheckbox();
+        }
     }
     toggleHover() {
         if (this.isVisible() && this.controller instanceof QuickPick) {
@@ -784,7 +815,8 @@ QuickInputController = QuickInputController_1 = ( __decorate([
     ( __param(2, IInstantiationService)),
     ( __param(3, IContextKeyService)),
     ( __param(4, IStorageService)),
-    ( __param(5, IKeybindingService))
+    ( __param(5, IContextMenuService)),
+    ( __param(6, IKeybindingService))
 ], QuickInputController));
 let QuickInputDragAndDropController = class QuickInputDragAndDropController extends Disposable {
     constructor(_container, _quickInputContainer, _quickInputDragAreas, initialViewState, _layoutService, contextKeyService, configurationService) {

package/vscode/src/vs/platform/quickinput/browser/quickInputList.d.ts

@@ -6,10 +6,12 @@ import { Disposable } from "../../../base/common/lifecycle.js";
 import { IAccessibilityService } from "../../accessibility/common/accessibility.service.js";
 import { IInstantiationService } from "../../instantiation/common/instantiation.js";
 import { IQuickPickItem, IQuickPickItemButtonEvent, IQuickPickSeparatorButtonEvent, QuickPickFocus, QuickPickItem } from "../common/quickInput.js";
+import { IQuickInputStyles } from "./quickInput.js";
 export declare class QuickInputList extends Disposable {
     private parent;
     private hoverDelegate;
     private linkOpenerDelegate;
+    private styles;
     private readonly accessibilityService;
     private readonly _onKeyDown;
     /**
@@ -46,7 +48,7 @@ export declare class QuickInputList extends Disposable {
     private readonly _elementDisposable;
     private _lastHover;
     private _lastQueryString;
-    constructor(parent: HTMLElement, hoverDelegate: IHoverDelegate, linkOpenerDelegate: (content: string) => void, id: string, instantiationService: IInstantiationService, accessibilityService: IAccessibilityService);
+    constructor(parent: HTMLElement, hoverDelegate: IHoverDelegate, linkOpenerDelegate: (content: string) => void, id: string, styles: IQuickInputStyles, instantiationService: IInstantiationService, accessibilityService: IAccessibilityService);
     get onDidChangeFocus(): Event<IQuickPickItem[]>;
     get onDidChangeSelection(): Event<{
         items: IQuickPickItem[];
@@ -81,7 +83,6 @@ export declare class QuickInputList extends Disposable {
     get shouldLoop(): boolean;
     set shouldLoop(value: boolean);
     private _registerListeners;
-    private _registerOnKeyDown;
     private _registerOnContainerClick;
     private _registerOnMouseMiddleClick;
     private _registerOnTreeModelChanged;

package/vscode/src/vs/platform/quickinput/browser/quickInputList.js

@@ -2,12 +2,11 @@
 import { __decorate, __param } from '../../../../../../external/tslib/tslib.es6.js';
 import { asCSSUrl } from '../../../base/browser/cssValue.js';
 import { $ as $$1, append, addStandardDisposableListener, EventType, prepend, addDisposableListener, isHTMLAnchorElement, isAncestor } from '../../../base/browser/dom.js';
-import { StandardKeyboardEvent } from '../../../base/browser/keyboardEvent.js';
-import { ActionBar } from '../../../base/browser/ui/actionbar/actionbar.js';
+import { ToolBar } from '../../../base/browser/ui/toolbar/toolbar.js';
 import { HoverPosition } from '../../../base/browser/ui/hover/hoverWidget.js';
 import { IconLabel } from '../../../base/browser/ui/iconLabel/iconLabel.js';
 import { KeybindingLabel } from '../../../base/browser/ui/keybindingLabel/keybindingLabel.js';
-import { Checkbox } from '../../../base/browser/ui/toggle/toggle.js';
+import { createToggleActionViewItemProvider, Checkbox } from '../../../base/browser/ui/toggle/toggle.js';
 import { RenderIndentGuides } from '../../../base/browser/ui/tree/abstractTree.js';
 import { TreeVisibility } from '../../../base/browser/ui/tree/tree.js';
 import { equals } from '../../../base/common/arrays.js';
@@ -17,7 +16,6 @@ import { memoize } from '../../../base/common/decorators.js';
 import { isCancellationError } from '../../../base/common/errors.js';
 import { Event, Emitter, EventBufferer } from '../../../base/common/event.js';
 import { parseLabelWithIcons, getCodiconAriaLabel, matchesFuzzyIconAware } from '../../../base/common/iconLabels.js';
-import { KeyCode } from '../../../base/common/keyCodes.js';
 import { Lazy } from '../../../base/common/lazy.js';
 import { DisposableStore, MutableDisposable, Disposable } from '../../../base/common/lifecycle.js';
 import '../../../base/common/observableInternal/index.js';
@@ -26,18 +24,19 @@ import { escape, ltrim } from '../../../base/common/strings.js';
 import { URI } from '../../../base/common/uri.js';
 import { localize } from '../../../nls.js';
 import { IAccessibilityService } from '../../accessibility/common/accessibility.service.js';
+import { IContextMenuService } from '../../contextview/browser/contextView.service.js';
 import { IInstantiationService } from '../../instantiation/common/instantiation.js';
 import { WorkbenchObjectTree } from '../../list/browser/listService.js';
 import { defaultCheckboxStyles } from '../../theme/browser/defaultStyles.js';
 import { isDark } from '../../theme/common/theme.js';
 import { IThemeService } from '../../theme/common/themeService.service.js';
 import { QuickPickFocus } from '../common/quickInput.js';
-import { quickInputButtonToAction } from './quickInputUtils.js';
+import { quickInputButtonsToActionArrays } from './quickInputUtils.js';
 import { observableValue } from '../../../base/common/observableInternal/observables/observableValue.js';
 import { observableValueOpts } from '../../../base/common/observableInternal/observables/observableValueOpts.js';
 import { transaction } from '../../../base/common/observableInternal/transaction.js';
 
-var QuickPickItemElementRenderer_1;
+var QuickPickItemElementRenderer_1, QuickPickSeparatorElementRenderer_1;
 const $ = $$1;
 class BaseQuickPickItemElement {
     constructor(index, hasCheckbox, mainItem) {
@@ -190,7 +189,7 @@ class QuickInputItemDelegate {
 }
 class QuickInputAccessibilityProvider {
     getWidgetAriaLabel() {
-        return localize(2030, "Quick Input");
+        return localize(2037, "Quick Input");
     }
     getAriaLabel(element) {
         return element.separator?.label
@@ -214,8 +213,10 @@ class QuickInputAccessibilityProvider {
     }
 }
 class BaseQuickInputListRenderer {
-    constructor(hoverDelegate) {
+    constructor(hoverDelegate, toggleStyles, contextMenuService) {
         this.hoverDelegate = hoverDelegate;
+        this.toggleStyles = toggleStyles;
+        this.contextMenuService = contextMenuService;
     }
     renderTemplate(container) {
         const data = Object.create(null);
@@ -251,12 +252,14 @@ class BaseQuickInputListRenderer {
         ));
         data.toDisposeTemplate.add(data.detail);
         data.separator = append(data.entry, $('.quick-input-list-separator'));
-        data.actionBar = ( new ActionBar(
-            data.entry,
-            this.hoverDelegate ? { hoverDelegate: this.hoverDelegate } : undefined
-        ));
-        data.actionBar.domNode.classList.add('quick-input-list-entry-action-bar');
-        data.toDisposeTemplate.add(data.actionBar);
+        data.toolBar = ( new ToolBar(data.entry, this.contextMenuService, {
+            ...(this.hoverDelegate ? { hoverDelegate: this.hoverDelegate } : undefined),
+            actionViewItemProvider: createToggleActionViewItemProvider(this.toggleStyles),
+            icon: true,
+            label: false
+        }));
+        data.toolBar.getElement().classList.add('quick-input-list-entry-action-bar');
+        data.toDisposeTemplate.add(data.toolBar);
         return data;
     }
     disposeTemplate(data) {
@@ -265,14 +268,14 @@ class BaseQuickInputListRenderer {
     }
     disposeElement(_element, _index, data) {
         data.toDisposeElement.clear();
-        data.actionBar.clear();
+        data.toolBar.setActions([]);
     }
 }
 let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends BaseQuickInputListRenderer {
     static { QuickPickItemElementRenderer_1 = this; }
     static { this.ID = 'quickpickitem'; }
-    constructor(hoverDelegate, themeService) {
-        super(hoverDelegate);
+    constructor(hoverDelegate, toggleStyles, contextMenuService, themeService) {
+        super(hoverDelegate, toggleStyles, contextMenuService);
         this.themeService = themeService;
         this._itemsWithSeparatorsFrequency = ( new Map());
     }
@@ -377,12 +380,12 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
         data.entry.classList.toggle('quick-input-list-separator-border', !!element.separator && element.childIndex !== 0);
         const buttons = mainItem.buttons;
         if (buttons && buttons.length) {
-            data.actionBar.push(( buttons.map(
-                (button, index) => quickInputButtonToAction(button, `id-${index}`, () => element.fireButtonTriggered({ button, item: element.item }))
-            )), { icon: true, label: false });
+            const { primary, secondary } = quickInputButtonsToActionArrays(buttons, 'quick-input-item', (button) => element.fireButtonTriggered({ button, item: element.item }));
+            data.toolBar.setActions(primary, secondary);
             data.entry.classList.add('has-actions');
         }
         else {
+            data.toolBar.setActions([]);
             data.entry.classList.remove('has-actions');
         }
     }
@@ -407,16 +410,18 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
     }
 };
 QuickPickItemElementRenderer = QuickPickItemElementRenderer_1 = ( __decorate([
-    ( __param(1, IThemeService))
+    ( __param(2, IContextMenuService)),
+    ( __param(3, IThemeService))
 ], QuickPickItemElementRenderer));
-class QuickPickSeparatorElementRenderer extends BaseQuickInputListRenderer {
-    constructor() {
-        super(...arguments);
+let QuickPickSeparatorElementRenderer = class QuickPickSeparatorElementRenderer extends BaseQuickInputListRenderer {
+    static { QuickPickSeparatorElementRenderer_1 = this; }
+    static { this.ID = 'quickpickseparator'; }
+    constructor(hoverDelegate, toggleStyles, contextMenuService) {
+        super(hoverDelegate, toggleStyles, contextMenuService);
         this._visibleSeparatorsFrequency = ( new Map());
     }
-    static { this.ID = 'quickpickseparator'; }
     get templateId() {
-        return QuickPickSeparatorElementRenderer.ID;
+        return QuickPickSeparatorElementRenderer_1.ID;
     }
     get visibleSeparators() {
         return [...( this._visibleSeparatorsFrequency.keys())];
@@ -455,12 +460,12 @@ class QuickPickSeparatorElementRenderer extends BaseQuickInputListRenderer {
         data.entry.classList.add('quick-input-list-separator-border');
         const buttons = mainItem.buttons;
         if (buttons && buttons.length) {
-            data.actionBar.push(( buttons.map(
-                (button, index) => quickInputButtonToAction(button, `id-${index}`, () => element.fireSeparatorButtonTriggered({ button, separator: element.separator }))
-            )), { icon: true, label: false });
+            const { primary, secondary } = quickInputButtonsToActionArrays(buttons, 'quick-input-separator', (button) => element.fireSeparatorButtonTriggered({ button, separator: element.separator }));
+            data.toolBar.setActions(primary, secondary);
             data.entry.classList.add('has-actions');
         }
         else {
+            data.toolBar.setActions([]);
             data.entry.classList.remove('has-actions');
         }
         this.addSeparator(element);
@@ -484,13 +489,17 @@ class QuickPickSeparatorElementRenderer extends BaseQuickInputListRenderer {
             this._visibleSeparatorsFrequency.delete(separator);
         }
     }
-}
+};
+QuickPickSeparatorElementRenderer = QuickPickSeparatorElementRenderer_1 = ( __decorate([
+    ( __param(2, IContextMenuService))
+], QuickPickSeparatorElementRenderer));
 let QuickInputList = class QuickInputList extends Disposable {
-    constructor(parent, hoverDelegate, linkOpenerDelegate, id, instantiationService, accessibilityService) {
+    constructor(parent, hoverDelegate, linkOpenerDelegate, id, styles, instantiationService, accessibilityService) {
         super();
         this.parent = parent;
         this.hoverDelegate = hoverDelegate;
         this.linkOpenerDelegate = linkOpenerDelegate;
+        this.styles = styles;
         this.accessibilityService = accessibilityService;
         this._onKeyDown = ( new Emitter());
         this.onKeyDown = this._onKeyDown.event;
@@ -523,8 +532,8 @@ let QuickInputList = class QuickInputList extends Disposable {
         this._sortByLabel = true;
         this._shouldLoop = true;
         this._container = append(this.parent, $('.quick-input-list'));
-        this._separatorRenderer = ( new QuickPickSeparatorElementRenderer(hoverDelegate));
-        this._itemRenderer = instantiationService.createInstance(QuickPickItemElementRenderer, hoverDelegate);
+        this._separatorRenderer = instantiationService.createInstance(QuickPickSeparatorElementRenderer, hoverDelegate, this.styles.toggle);
+        this._itemRenderer = instantiationService.createInstance(QuickPickItemElementRenderer, hoverDelegate, this.styles.toggle);
         this._tree = this._register(instantiationService.createInstance((WorkbenchObjectTree), 'QuickInput', this._container, ( new QuickInputItemDelegate()), [this._itemRenderer, this._separatorRenderer], {
             filter: {
                 filter(element) {
@@ -631,7 +640,6 @@ let QuickInputList = class QuickInputList extends Disposable {
         this._shouldLoop = value;
     }
     _registerListeners() {
-        this._registerOnKeyDown();
         this._registerOnContainerClick();
         this._registerOnMouseMiddleClick();
         this._registerOnTreeModelChanged();
@@ -641,17 +649,6 @@ let QuickInputList = class QuickInputList extends Disposable {
         this._registerSelectionChangeListener();
         this._registerSeparatorActionShowingListeners();
     }
-    _registerOnKeyDown() {
-        this._register(this._tree.onKeyDown(e => {
-            const event = ( new StandardKeyboardEvent(e));
-            switch (event.keyCode) {
-                case KeyCode.Space:
-                    this.toggleCheckbox();
-                    break;
-            }
-            this._onKeyDown.fire(event);
-        }));
-    }
     _registerOnContainerClick() {
         this._register(addDisposableListener(this._container, EventType.CLICK, e => {
             if (e.x || e.y) {
@@ -1244,8 +1241,8 @@ QuickInputList.__decorator = ( __decorate([
     memoize
 ], QuickInputList.prototype, "onDidChangeSelection", null));
 QuickInputList = ( __decorate([
-    ( __param(4, IInstantiationService)),
-    ( __param(5, IAccessibilityService))
+    ( __param(5, IInstantiationService)),
+    ( __param(6, IAccessibilityService))
 ], QuickInputList));
 function matchesContiguousIconAware(query, target) {
     const { text, iconOffsets } = target;

package/vscode/src/vs/platform/quickinput/browser/quickInputService.js

@@ -18,7 +18,7 @@ import '../../theme/common/colors/listColors.js';
 import '../../theme/common/colors/menuColors.js';
 import '../../theme/common/colors/minimapColors.js';
 import '../../theme/common/colors/miscColors.js';
-import { pickerGroupForeground, pickerGroupBorder, quickInputBackground, quickInputListFocusBackground, quickInputListFocusIconForeground, quickInputListFocusForeground, quickInputTitleBackground, quickInputForeground } from '../../theme/common/colors/quickpickColors.js';
+import { pickerGroupForeground, pickerGroupBorder, quickInputBackground, quickInputListFocusForeground, quickInputListFocusBackground, quickInputListFocusIconForeground, quickInputTitleBackground, quickInputForeground } from '../../theme/common/colors/quickpickColors.js';
 import '../../theme/common/colors/searchColors.js';
 import { Themable } from '../../theme/common/themeService.js';
 import { IThemeService } from '../../theme/common/themeService.service.js';
@@ -192,6 +192,8 @@ let QuickInputService = class QuickInputService extends Themable {
                 listInactiveFocusForeground: quickInputListFocusForeground,
                 listInactiveSelectionIconForeground: quickInputListFocusIconForeground,
                 listInactiveFocusBackground: quickInputListFocusBackground,
+                listInactiveSelectionBackground: quickInputListFocusBackground,
+                listInactiveSelectionForeground: quickInputListFocusForeground,
                 listFocusOutline: activeContrastBorder,
                 listInactiveFocusOutline: activeContrastBorder,
                 treeStickyScrollBackground: quickInputBackground,

package/vscode/src/vs/platform/quickinput/browser/quickInputUtils.d.ts

@@ -2,6 +2,10 @@ import { DisposableStore } from "../../../base/common/lifecycle.js";
 import { IQuickInputButton } from "../common/quickInput.js";
 import { IAction } from "../../../base/common/actions.js";
 export declare function quickInputButtonToAction(button: IQuickInputButton, id: string, run: () => unknown): IAction;
+export declare function quickInputButtonsToActionArrays(buttons: readonly IQuickInputButton[], idPrefix: string, onTrigger: (button: IQuickInputButton) => unknown): {
+    primary: IAction[];
+    secondary: IAction[];
+};
 export declare function renderQuickInputDescription(description: string, container: HTMLElement, actionHandler: {
     callback: (content: string) => void;
     disposables: DisposableStore;