@codingame/monaco-vscode-api 20.4.1 → 21.0.0

package/vscode/src/vs/platform/quickinput/browser/media/quickInput.css

@@ -54,6 +54,10 @@
 	justify-content: flex-end;
 }
 
+.quick-input-right-action-bar > .actions-container > .action-item {
+	margin-left: 4px;
+}
+
 .quick-input-titlebar .monaco-action-bar .action-label.codicon {
 	background-position: center;
 	background-repeat: no-repeat;
@@ -94,6 +98,10 @@
 	margin: 0;
 }
 
+.quick-input-widget .quick-input-header .monaco-checkbox {
+	margin-top: 6px;
+}
+
 .quick-input-filter {
 	flex-grow: 1;
 	display: flex;
@@ -189,10 +197,6 @@
 	padding: 0 6px;
 }
 
-.quick-input-list .quick-input-list-entry.indented {
-	padding-left: 1.3em;
-}
-
 .quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
 	border-top-width: 1px;
 	border-top-style: solid;
@@ -215,7 +219,11 @@
 
 .quick-input-widget .monaco-checkbox {
 	margin-right: 0;
-	align-self: center;
+}
+
+.quick-input-widget .quick-input-list .monaco-checkbox,
+.quick-input-widget .quick-input-tree .monaco-checkbox {
+	margin-top: 4px;
 }
 
 .quick-input-list .quick-input-list-icon {
@@ -436,13 +444,6 @@
 	opacity: 1;
 }
 
-.quick-input-tree .quick-input-tree-detail {
-	opacity: 0.7;
-	line-height: normal;
-	text-overflow: ellipsis;
-	overflow: hidden;
-}
-
 .quick-input-tree .quick-input-tree-entry-action-bar {
 	display: flex;
 	flex: 0;

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

@@ -26,25 +26,25 @@ import { observableValue } from '../../../base/common/observableInternal/observa
 
 registerCss(quickInput);
 const inQuickInputContextKeyValue = 'inQuickInput';
-const InQuickInputContextKey = ( new RawContextKey(inQuickInputContextKeyValue, false, ( localize(1980, "Whether keyboard focus is inside the quick input control"))));
+const InQuickInputContextKey = ( new RawContextKey(inQuickInputContextKeyValue, false, ( localize(1984, "Whether keyboard focus is inside the quick input control"))));
 const inQuickInputContext = ( ContextKeyExpr.has(inQuickInputContextKeyValue));
 const quickInputAlignmentContextKeyValue = 'quickInputAlignment';
-const QuickInputAlignmentContextKey = ( new RawContextKey(quickInputAlignmentContextKeyValue, 'top', ( localize(1981, "The alignment of the quick input"))));
+const QuickInputAlignmentContextKey = ( new RawContextKey(quickInputAlignmentContextKeyValue, 'top', ( localize(1985, "The alignment of the quick input"))));
 const quickInputTypeContextKeyValue = 'quickInputType';
-const QuickInputTypeContextKey = ( new RawContextKey(quickInputTypeContextKeyValue, undefined, ( localize(1982, "The type of the currently visible quick input"))));
+const QuickInputTypeContextKey = ( new RawContextKey(quickInputTypeContextKeyValue, undefined, ( localize(1986, "The type of the currently visible quick input"))));
 const endOfQuickInputBoxContextKeyValue = 'cursorAtEndOfQuickInputBox';
 const EndOfQuickInputBoxContextKey = ( new RawContextKey(endOfQuickInputBoxContextKeyValue, false, ( localize(
-    1983,
+    1987,
     "Whether the cursor in the quick input is at the end of the input box"
 ))));
 const endOfQuickInputBoxContext = ( ContextKeyExpr.has(endOfQuickInputBoxContextKeyValue));
 const backButton = {
     iconClass: ThemeIcon.asClassName(Codicon.quickInputBack),
-    tooltip: ( localize(1984, "Back")),
+    tooltip: ( localize(1988, "Back")),
     handle: -1
 };
 class QuickInput extends Disposable {
-    static { this.noPromptMessage = ( localize(1985, "Press 'Enter' to confirm your input or 'Escape' to cancel")); }
+    static { this.noPromptMessage = ( localize(1989, "Press 'Enter' to confirm your input or 'Escape' to cancel")); }
     constructor(ui) {
         super();
         this.ui = ui;
@@ -324,7 +324,7 @@ class QuickInput extends Disposable {
     }
     getSteps() {
         if (this.step && this.totalSteps) {
-            return localize(1986, "{0}/{1}", this.step, this.totalSteps);
+            return localize(1990, "{0}/{1}", this.step, this.totalSteps);
         }
         if (this.step) {
             return String(this.step);
@@ -397,7 +397,7 @@ class QuickPick extends QuickInput {
         this.onDidTriggerItemButton = this.onDidTriggerItemButtonEmitter.event;
         this.onDidTriggerSeparatorButton = this.onDidTriggerSeparatorButtonEmitter.event;
     }
-    static { this.DEFAULT_ARIA_LABEL = ( localize(1987, "Type to narrow down results.")); }
+    static { this.DEFAULT_ARIA_LABEL = ( localize(1991, "Type to narrow down results.")); }
     get quickNavigate() {
         return this._quickNavigate;
     }
@@ -577,7 +577,7 @@ class QuickPick extends QuickInput {
         this.update();
     }
     get okLabel() {
-        return this._okLabel ?? ( localize(1988, "OK"));
+        return this._okLabel ?? ( localize(1992, "OK"));
     }
     set okLabel(okLabel) {
         this._okLabel = okLabel;
@@ -918,7 +918,7 @@ class InputBox extends QuickInput {
     set prompt(prompt) {
         this._prompt = prompt;
         this.noValidationMessage = prompt
-            ? ( localize(1989, "{0} (Press 'Enter' to confirm or 'Escape' to cancel)", prompt))
+            ? ( localize(1993, "{0} (Press 'Enter' to confirm or 'Escape' to cancel)", prompt))
             : QuickInput.noPromptMessage;
         this.update();
     }

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

@@ -13,7 +13,7 @@ const defaultCommandAndKeybindingRule = {
     weight: KeybindingWeight.WorkbenchContrib,
     when: ( ContextKeyExpr.and(( ContextKeyExpr.or(( ContextKeyExpr.equals(quickInputTypeContextKeyValue, QuickInputType.QuickPick)), ( ContextKeyExpr.equals(quickInputTypeContextKeyValue, QuickInputType.QuickTree)))), inQuickInputContext)),
     metadata: { description: ( localize(
-        1990,
+        1994,
         "Used while in the context of the quick pick. If you change one keybinding for this command, you should change all of the other keybindings (modifier variants) of this command as well."
     )) }
 };
@@ -68,11 +68,11 @@ registerQuickPickCommandAndKeybindingRule({ id: 'quickInput.last', primary: ctrl
 registerQuickPickCommandAndKeybindingRule({ id: 'quickInput.next', primary: KeyCode.DownArrow, handler: focusHandler(QuickPickFocus.Next) }, { withCtrlMod: true });
 registerQuickPickCommandAndKeybindingRule({ id: 'quickInput.previous', primary: KeyCode.UpArrow, handler: focusHandler(QuickPickFocus.Previous) }, { withCtrlMod: true });
 const nextSeparatorFallbackDesc = ( localize(
-    1991,
+    1995,
     "If we're in quick access mode, this will navigate to the next item. If we are not in quick access mode, this will navigate to the next separator."
 ));
 const prevSeparatorFallbackDesc = ( localize(
-    1992,
+    1996,
     "If we're in quick access mode, this will navigate to the previous item. If we are not in quick access mode, this will navigate to the previous separator."
 ));
 if (isMacintosh) {

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

@@ -110,7 +110,7 @@ let QuickInputController = class QuickInputController extends Disposable {
         const rightActionBar = this._register(( new ActionBar(titleBar, { hoverDelegate: this.options.hoverDelegate })));
         rightActionBar.domNode.classList.add('quick-input-right-action-bar');
         const headerContainer = append(container, $('.quick-input-header'));
-        const checkAll = this._register(( new TriStateCheckbox(( localize(1993, "Toggle all checkboxes")), false, { ...defaultCheckboxStyles, size: 15 })));
+        const checkAll = this._register(( new TriStateCheckbox(( localize(1997, "Toggle all checkboxes")), false, { ...defaultCheckboxStyles, size: 15 })));
         append(headerContainer, checkAll.domNode);
         this._register(checkAll.onChange(() => {
             const checked = checkAll.checked;
@@ -129,21 +129,21 @@ 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(1994, "{0} Results")) }, this.styles.countBadge)));
+        const visibleCount = this._register(( new CountBadge(visibleCountContainer, { countFormat: ( localize(1998, "{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(1995, "{0} Selected")) }, this.styles.countBadge)));
+        const count = this._register(( new CountBadge(countContainer, { countFormat: ( localize(1999, "{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 okContainer = append(headerContainer, $('.quick-input-action'));
         const ok = this._register(( new Button(okContainer, this.styles.button)));
-        ok.label = ( localize(1996, "OK"));
+        ok.label = ( localize(2000, "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(1997, "Custom"));
+        customButton.label = ( localize(2001, "Custom"));
         this._register(customButton.onDidClick(e => {
             this.onDidCustomEmitter.fire();
         }));
@@ -447,7 +447,9 @@ let QuickInputController = class QuickInputController extends Disposable {
             input.ignoreFocusOut = !!options.ignoreFocusLost;
             input.matchOnDescription = !!options.matchOnDescription;
             input.matchOnDetail = !!options.matchOnDetail;
-            input.sortByLabel = !!options.sortByLabel;
+            if (options.sortByLabel !== undefined) {
+                input.sortByLabel = options.sortByLabel;
+            }
             input.matchOnLabel = (options.matchOnLabel === undefined) || options.matchOnLabel;
             input.quickNavigate = options.quickNavigate;
             input.hideInput = !!options.hideInput;
@@ -593,7 +595,7 @@ let QuickInputController = class QuickInputController extends Disposable {
         ui.ignoreFocusOut = false;
         ui.inputBox.toggles = undefined;
         const backKeybindingLabel = this.options.backKeybindingLabel();
-        backButton.tooltip = backKeybindingLabel ? ( localize(1998, "Back ({0})", backKeybindingLabel)) : ( localize(1999, "Back"));
+        backButton.tooltip = backKeybindingLabel ? ( localize(2002, "Back ({0})", backKeybindingLabel)) : ( localize(2003, "Back"));
         ui.container.style.display = '';
         this.updateLayout();
         this.dndController?.layoutContainer();
@@ -742,6 +744,7 @@ let QuickInputController = class QuickInputController extends Disposable {
             this.ui.container.style.border = widgetBorder ? `1px solid ${widgetBorder}` : '';
             this.ui.container.style.boxShadow = widgetShadow ? `0 0 8px 2px ${widgetShadow}` : '';
             this.ui.list.style(this.styles.list);
+            this.ui.tree.tree.style(this.styles.list);
             const content = [];
             if (this.styles.pickerGroup.pickerGroupBorder) {
                 content.push(`.quick-input-list .quick-input-list-entry { border-top-color:  ${this.styles.pickerGroup.pickerGroupBorder}; }`);

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

@@ -190,7 +190,7 @@ class QuickInputItemDelegate {
 }
 class QuickInputAccessibilityProvider {
     getWidgetAriaLabel() {
-        return localize(2000, "Quick Input");
+        return localize(2004, "Quick Input");
     }
     getAriaLabel(element) {
         return element.separator?.label
@@ -309,7 +309,6 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
         data.element = element;
         element.element = data.entry ?? undefined;
         const mainItem = element.item;
-        element.element.classList.toggle('indented', Boolean(mainItem.indented));
         element.element.classList.toggle('not-pickable', element.item.pickable === false);
         this.ensureCheckbox(element, data);
         const { labelHighlights, descriptionHighlights, detailHighlights } = element;

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, quickInputListFocusBackground, quickInputListFocusIconForeground, quickInputListFocusForeground, quickInputBackground, quickInputTitleBackground, quickInputForeground } from '../../theme/common/colors/quickpickColors.js';
+import { pickerGroupForeground, pickerGroupBorder, quickInputBackground, quickInputListFocusBackground, quickInputListFocusIconForeground, quickInputListFocusForeground, 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';
@@ -194,6 +194,7 @@ let QuickInputService = class QuickInputService extends Themable {
                 listInactiveFocusBackground: quickInputListFocusBackground,
                 listFocusOutline: activeContrastBorder,
                 listInactiveFocusOutline: activeContrastBorder,
+                treeStickyScrollBackground: quickInputBackground,
             }),
             pickerGroup: {
                 pickerGroupBorder: asCssVariable(pickerGroupBorder),

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

@@ -60,7 +60,7 @@ function renderQuickInputDescription(description, container, actionHandler) {
             let title = node.title;
             if (!title && node.href.startsWith('command:')) {
                 title = ( localize(
-                    2001,
+                    2005,
                     "Click to execute command '{0}'",
                     node.href.substring('command:'.length)
                 ));

package/vscode/src/vs/platform/quickinput/browser/tree/quickInputDelegate.d.ts

@@ -4,6 +4,6 @@ import { IQuickTreeItem } from "../../common/quickInput.js";
  * Delegate for QuickInputTree that provides height and template information.
  */
 export declare class QuickInputTreeDelegate<T extends IQuickTreeItem> implements IListVirtualDelegate<T> {
-    getHeight(element: T): number;
+    getHeight(_element: T): number;
     getTemplateId(_element: T): string;
 }

package/vscode/src/vs/platform/quickinput/browser/tree/quickInputDelegate.js

@@ -2,8 +2,8 @@
 import { QuickInputTreeRenderer } from './quickInputTreeRenderer.js';
 
 class QuickInputTreeDelegate {
-    getHeight(element) {
-        return element.detail ? 44 : 22;
+    getHeight(_element) {
+        return 22;
     }
     getTemplateId(_element) {
         return QuickInputTreeRenderer.ID;

package/vscode/src/vs/platform/quickinput/browser/tree/quickInputTree.d.ts

@@ -4,6 +4,5 @@ import { IObjectTreeElement, ITreeNode } from "../../../../base/browser/ui/tree/
 export interface IQuickTreeFilterData {
     readonly labelHighlights?: IMatch[];
     readonly descriptionHighlights?: IMatch[];
-    readonly detailHighlights?: IMatch[];
 }
 export declare function getParentNodeState(parentChildren: ITreeNode<IQuickTreeItem | null, IQuickTreeFilterData>[] | IObjectTreeElement<IQuickTreeItem>[]): boolean | "partial";

package/vscode/src/vs/platform/quickinput/browser/tree/quickInputTreeAccessibilityProvider.js

@@ -8,10 +8,10 @@ class QuickTreeAccessibilityProvider {
         this.onCheckedEvent = onCheckedEvent;
     }
     getWidgetAriaLabel() {
-        return localize(2005, "Quick Tree");
+        return localize(2009, "Quick Tree");
     }
     getAriaLabel(element) {
-        return element.ariaLabel || ( [element.label, element.description, element.detail]
+        return element.ariaLabel || ( [element.label, element.description]
             .map(s => getCodiconAriaLabel(s)))
             .filter(s => !!s)
             .join(', ');

package/vscode/src/vs/platform/quickinput/browser/tree/quickInputTreeController.d.ts

@@ -33,7 +33,6 @@ export declare class QuickInputTreeController extends Disposable {
     updateFilterOptions(options: {
         matchOnLabel?: boolean;
         matchOnDescription?: boolean;
-        matchOnDetail?: boolean;
     }): void;
     setTreeData(treeData: readonly IQuickTreeItem[]): void;
     layout(maxHeight?: number): void;

package/vscode/src/vs/platform/quickinput/browser/tree/quickInputTreeController.js

@@ -1,6 +1,7 @@
 
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
 import { $ as $$1, append } from '../../../../base/browser/dom.js';
+import { RenderIndentGuides } from '../../../../base/browser/ui/tree/abstractTree.js';
 import { ObjectTreeElementCollapseState } from '../../../../base/browser/ui/tree/tree.js';
 import { Emitter } from '../../../../base/common/event.js';
 import { Disposable } from '../../../../base/common/lifecycle.js';
@@ -36,6 +37,7 @@ let QuickInputTreeController = class QuickInputTreeController extends Disposable
             findWidgetEnabled: false,
             alwaysConsumeMouseWheel: true,
             hideTwistiesOfChildlessElements: true,
+            renderIndentGuides: RenderIndentGuides.None,
             expandOnDoubleClick: true,
             expandOnlyOnTwistieClick: true,
             disableExpandOnSpacebar: true,
@@ -61,20 +63,6 @@ let QuickInputTreeController = class QuickInputTreeController extends Disposable
                     else if (b.description) {
                         return 1;
                     }
-                    if (a.detail && b.detail) {
-                        if (a.detail < b.detail) {
-                            return -1;
-                        }
-                        else if (a.detail > b.detail) {
-                            return 1;
-                        }
-                    }
-                    else if (a.detail) {
-                        return -1;
-                    }
-                    else if (b.detail) {
-                        return 1;
-                    }
                     return 0;
                 }
             },
@@ -108,9 +96,6 @@ let QuickInputTreeController = class QuickInputTreeController extends Disposable
         if (options.matchOnDescription !== undefined) {
             this._filter.matchOnDescription = options.matchOnDescription;
         }
-        if (options.matchOnDetail !== undefined) {
-            this._filter.matchOnDetail = options.matchOnDetail;
-        }
         this._tree.refilter();
     }
     setTreeData(treeData) {
@@ -205,6 +190,9 @@ let QuickInputTreeController = class QuickInputTreeController extends Disposable
             if (!item) {
                 return;
             }
+            if (item.disabled) {
+                return;
+            }
             const newState = item.checked !== true;
             if ((item.checked ?? false) === newState) {
                 return;

package/vscode/src/vs/platform/quickinput/browser/tree/quickInputTreeFilter.d.ts

@@ -5,6 +5,5 @@ export declare class QuickInputTreeFilter implements ITreeFilter<IQuickTreeItem,
     filterValue: string;
     matchOnLabel: boolean;
     matchOnDescription: boolean;
-    matchOnDetail: boolean;
     filter(element: IQuickTreeItem, parentVisibility: TreeVisibility): ITreeFilterDataResult<IQuickTreeFilterData>;
 }

package/vscode/src/vs/platform/quickinput/browser/tree/quickInputTreeFilter.js

@@ -7,20 +7,18 @@ class QuickInputTreeFilter {
         this.filterValue = '';
         this.matchOnLabel = true;
         this.matchOnDescription = false;
-        this.matchOnDetail = false;
     }
     filter(element, parentVisibility) {
-        if (!this.filterValue || !(this.matchOnLabel || this.matchOnDescription || this.matchOnDetail)) {
+        if (!this.filterValue || !(this.matchOnLabel || this.matchOnDescription)) {
             return element.children
                 ? { visibility: TreeVisibility.Recurse, data: {} }
                 : { visibility: TreeVisibility.Visible, data: {} };
         }
         const labelHighlights = this.matchOnLabel ? matchesFuzzyIconAware(this.filterValue, parseLabelWithIcons(element.label)) ?? undefined : undefined;
         const descriptionHighlights = this.matchOnDescription ? matchesFuzzyIconAware(this.filterValue, parseLabelWithIcons(element.description || '')) ?? undefined : undefined;
-        const detailHighlights = this.matchOnDetail ? matchesFuzzyIconAware(this.filterValue, parseLabelWithIcons(element.detail || '')) ?? undefined : undefined;
         const visibility = parentVisibility === TreeVisibility.Visible
             ? TreeVisibility.Visible
-            : (labelHighlights || descriptionHighlights || detailHighlights)
+            : (labelHighlights || descriptionHighlights)
                 ? TreeVisibility.Visible
                 : element.children
                     ? TreeVisibility.Recurse
@@ -29,8 +27,7 @@ class QuickInputTreeFilter {
             visibility,
             data: {
                 labelHighlights,
-                descriptionHighlights,
-                detailHighlights
+                descriptionHighlights
             }
         };
     }

package/vscode/src/vs/platform/quickinput/browser/tree/quickInputTreeRenderer.d.ts

@@ -13,7 +13,6 @@ export interface IQuickTreeTemplateData {
     checkbox: TriStateCheckbox;
     icon: HTMLElement;
     label: IconLabel;
-    detail: IconLabel;
     actionBar: ActionBar;
     toDisposeElement: DisposableStore;
     toDisposeTemplate: DisposableStore;
@@ -27,7 +26,7 @@ export declare class QuickInputTreeRenderer<T extends IQuickTreeItem> extends Di
     templateId: string;
     constructor(_hoverDelegate: IHoverDelegate | undefined, _buttonTriggeredEmitter: Emitter<IQuickTreeItemButtonEvent<T>>, onCheckedEvent: Event<IQuickTreeCheckboxEvent<T>>, _themeService: IThemeService);
     renderTemplate(container: HTMLElement): IQuickTreeTemplateData;
-    renderElement(node: ITreeNode<T, IQuickTreeFilterData>, index: number, templateData: IQuickTreeTemplateData, details?: ITreeElementRenderDetails): void;
+    renderElement(node: ITreeNode<T, IQuickTreeFilterData>, index: number, templateData: IQuickTreeTemplateData, _details?: ITreeElementRenderDetails): void;
     disposeElement(_element: ITreeNode<T, IQuickTreeFilterData>, _index: number, templateData: IQuickTreeTemplateData, _details?: ITreeElementRenderDetails): void;
     disposeTemplate(templateData: IQuickTreeTemplateData): void;
 }

package/vscode/src/vs/platform/quickinput/browser/tree/quickInputTreeRenderer.js

@@ -42,13 +42,6 @@ let QuickInputTreeRenderer = class QuickInputTreeRenderer extends Disposable {
             supportIcons: true,
             hoverDelegate: this._hoverDelegate
         })));
-        const row2 = append(rows, $('.quick-input-tree-row'));
-        const detailContainer = append(row2, $('.quick-input-tree-detail'));
-        const detail = store.add(( new IconLabel(detailContainer, {
-            supportHighlights: true,
-            supportIcons: true,
-            hoverDelegate: this._hoverDelegate
-        })));
         const actionBar = store.add(( new ActionBar(
             entry,
             this._hoverDelegate ? { hoverDelegate: this._hoverDelegate } : undefined
@@ -60,17 +53,19 @@ let QuickInputTreeRenderer = class QuickInputTreeRenderer extends Disposable {
             checkbox,
             icon,
             label,
-            detail,
             actionBar,
             toDisposeElement: ( new DisposableStore()),
         };
     }
-    renderElement(node, index, templateData, details) {
+    renderElement(node, index, templateData, _details) {
         const store = templateData.toDisposeElement;
         const quickTreeItem = node.element;
         templateData.checkbox.domNode.style.display = '';
         templateData.checkbox.checked = quickTreeItem.checked ?? false;
         store.add(Event.filter(this.onCheckedEvent, e => e.item === quickTreeItem)(e => templateData.checkbox.checked = e.checked));
+        if (quickTreeItem.disabled) {
+            templateData.checkbox.disable();
+        }
         if (quickTreeItem.iconPath) {
             const icon = isDark(this._themeService.getColorTheme().type) ? quickTreeItem.iconPath.dark : (quickTreeItem.iconPath.light ?? quickTreeItem.iconPath.dark);
             const iconUrl = URI.revive(icon);
@@ -81,7 +76,7 @@ let QuickInputTreeRenderer = class QuickInputTreeRenderer extends Disposable {
             templateData.icon.style.backgroundImage = '';
             templateData.icon.className = quickTreeItem.iconClass ? `quick-input-tree-icon ${quickTreeItem.iconClass}` : '';
         }
-        const { labelHighlights: matches, descriptionHighlights: descriptionMatches, detailHighlights } = node.filterData || {};
+        const { labelHighlights: matches, descriptionHighlights: descriptionMatches } = node.filterData || {};
         let descriptionTitle;
         if (quickTreeItem.description) {
             descriptionTitle = {
@@ -101,26 +96,6 @@ let QuickInputTreeRenderer = class QuickInputTreeRenderer extends Disposable {
             labelEscapeNewLines: true,
             descriptionTitle
         });
-        if (!quickTreeItem.detail) {
-            templateData.detail.element.style.display = 'none';
-        }
-        else {
-            let title;
-            if (!quickTreeItem.tooltip) {
-                title = {
-                    markdown: {
-                        value: escape(quickTreeItem.detail),
-                        supportThemeIcons: true
-                    },
-                    markdownNotSupportedFallback: quickTreeItem.detail
-                };
-            }
-            templateData.detail.setLabel(quickTreeItem.detail, undefined, {
-                matches: detailHighlights,
-                title,
-                labelEscapeNewLines: true
-            });
-        }
         const buttons = quickTreeItem.buttons;
         if (buttons && buttons.length) {
             templateData.actionBar.push(( buttons.map(

package/vscode/src/vs/platform/quickinput/browser/tree/quickTree.d.ts

@@ -9,7 +9,6 @@ export declare class QuickTree<T extends IQuickTreeItem> extends QuickInput impl
     private readonly _ariaLabel;
     private readonly _placeholder;
     private readonly _matchOnDescription;
-    private readonly _matchOnDetail;
     private readonly _matchOnLabel;
     private readonly _activeItems;
     private readonly _itemTree;
@@ -27,8 +26,6 @@ export declare class QuickTree<T extends IQuickTreeItem> extends QuickInput impl
     set placeholder(placeholder: string | undefined);
     get matchOnDescription(): boolean;
     set matchOnDescription(matchOnDescription: boolean);
-    get matchOnDetail(): boolean;
-    set matchOnDetail(matchOnDetail: boolean);
     get matchOnLabel(): boolean;
     set matchOnLabel(matchOnLabel: boolean);
     get activeItems(): readonly T[];

package/vscode/src/vs/platform/quickinput/browser/tree/quickTree.js

@@ -9,7 +9,7 @@ import { observableValue } from '../../../../base/common/observableInternal/obse
 import { autorun } from '../../../../base/common/observableInternal/reactions/autorun.js';
 
 class QuickTree extends QuickInput {
-    static { this.DEFAULT_ARIA_LABEL = ( localize(2006, "Type to narrow down results.")); }
+    static { this.DEFAULT_ARIA_LABEL = ( localize(2010, "Type to narrow down results.")); }
     constructor(ui) {
         super(ui);
         this.type = QuickInputType.QuickTree;
@@ -17,7 +17,6 @@ class QuickTree extends QuickInput {
         this._ariaLabel = observableValue('ariaLabel', undefined);
         this._placeholder = observableValue('placeholder', undefined);
         this._matchOnDescription = observableValue('matchOnDescription', false);
-        this._matchOnDetail = observableValue('matchOnDetail', false);
         this._matchOnLabel = observableValue('matchOnLabel', true);
         this._activeItems = observableValue('activeItems', []);
         this._itemTree = observableValue('itemTree', []);
@@ -37,8 +36,6 @@ class QuickTree extends QuickInput {
     set placeholder(placeholder) { this._placeholder.set(placeholder, undefined); }
     get matchOnDescription() { return this._matchOnDescription.get(); }
     set matchOnDescription(matchOnDescription) { this._matchOnDescription.set(matchOnDescription, undefined); }
-    get matchOnDetail() { return this._matchOnDetail.get(); }
-    set matchOnDetail(matchOnDetail) { this._matchOnDetail.set(matchOnDetail, undefined); }
     get matchOnLabel() { return this._matchOnLabel.get(); }
     set matchOnLabel(matchOnLabel) { this._matchOnLabel.set(matchOnLabel, undefined); }
     get activeItems() { return this._activeItems.get(); }
@@ -163,8 +160,7 @@ class QuickTree extends QuickInput {
         this.registerVisibleAutorun((reader) => {
             const matchOnLabel = this._matchOnLabel.read(reader);
             const matchOnDescription = this._matchOnDescription.read(reader);
-            const matchOnDetail = this._matchOnDetail.read(reader);
-            this.ui.tree.updateFilterOptions({ matchOnLabel, matchOnDescription, matchOnDetail });
+            this.ui.tree.updateFilterOptions({ matchOnLabel, matchOnDescription });
         });
         this.registerVisibleAutorun((reader) => {
             const itemTree = this._itemTree.read(reader);