@codingame/monaco-vscode-api 36.2.7 → 37.1.0

package/vscode/src/vs/platform/policy/common/policy.js

@@ -3,6 +3,16 @@ import { Emitter, Event } from '../../../base/common/event.js';
 import { Iterable } from '../../../base/common/iterator.js';
 import { Disposable } from '../../../base/common/lifecycle.js';
 
+var PolicyValueSource;
+(function(PolicyValueSource) {
+    PolicyValueSource["Device"] = "device";
+    PolicyValueSource["NativeMdm"] = "nativeMdm";
+    PolicyValueSource["ServerManagedSettings"] = "serverManagedSettings";
+    PolicyValueSource["FileManagedSettings"] = "fileManagedSettings";
+    PolicyValueSource["MixedManagedSettings"] = "mixedManagedSettings";
+    PolicyValueSource["Account"] = "account";
+    PolicyValueSource["AccountGate"] = "accountGate";
+})(PolicyValueSource || (PolicyValueSource = {}));
 function toSerializablePolicyDefinition(definition) {
     return {
         type: definition.type,
@@ -15,6 +25,7 @@ class AbstractPolicyService extends Disposable {
         super(...arguments);
         this.policyDefinitions = {};
         this.policies = ( new Map());
+        this.policyValueSources = ( new Map());
         this._onDidChange = this._register(( new Emitter()));
         this.onDidChange = this._onDidChange.event;
     }
@@ -29,14 +40,20 @@ class AbstractPolicyService extends Disposable {
         if (changed) {
             await this._updatePolicyDefinitions(this.policyDefinitions);
         }
-        return Iterable.reduce(this.policies.entries(), (r, [name, value]) => ({
-            ...r,
-            [name]: value
-        }), {});
+        return this.getPolicyValues();
     }
     getPolicyValue(name) {
         return this.policies.get(name);
     }
+    getPolicyValueSource(name) {
+        return this.getStoredPolicyValueSource(name);
+    }
+    getStoredPolicyValueSource(name) {
+        if (!( this.policies.has(name))) {
+            return undefined;
+        }
+        return this.policyValueSources.get(name) ?? PolicyValueSource.Device;
+    }
     serialize() {
         return Iterable.reduce(Object.entries(this.policyDefinitions), (r, [name, definition]) => ({
             ...r,
@@ -46,6 +63,31 @@ class AbstractPolicyService extends Disposable {
             }
         }), {});
     }
+    getPolicyValues() {
+        return Iterable.reduce(this.policies.entries(), (r, [name, value]) => ({
+            ...r,
+            [name]: value
+        }), {});
+    }
+    updatePolicyValue(name, value, source = PolicyValueSource.Device) {
+        if (value === undefined) {
+            const valueDeleted = this.policies.delete(name);
+            const sourceDeleted = this.policyValueSources.delete(name);
+            return valueDeleted || sourceDeleted;
+        }
+        const valueChanged = this.policies.get(name) !== value;
+        const sourceChanged = this.getStoredPolicyValueSource(name) !== source;
+        if (!valueChanged && !sourceChanged) {
+            return false;
+        }
+        this.policies.set(name, value);
+        this.policyValueSources.set(name, source);
+        return true;
+    }
+    clearPolicyValues() {
+        this.policies.clear();
+        this.policyValueSources.clear();
+    }
 }
 class NullPolicyService {
     constructor() {
@@ -58,9 +100,12 @@ class NullPolicyService {
     getPolicyValue() {
         return undefined;
     }
+    getPolicyValueSource() {
+        return undefined;
+    }
     serialize() {
         return undefined;
     }
 }
 
-export { AbstractPolicyService, NullPolicyService, toSerializablePolicyDefinition };
+export { AbstractPolicyService, NullPolicyService, PolicyValueSource, toSerializablePolicyDefinition };

package/vscode/src/vs/platform/policy/common/policy.service.d.ts

@@ -1,13 +1,15 @@
 import { IStringDictionary } from "../../../base/common/collections.js";
 import { Event } from "../../../base/common/event.js";
 import { PolicyName } from "../../../base/common/policy.js";
-import { PolicyDefinition, PolicyValue } from "./policy.js";
+import { PolicyDefinition, PolicyValue, PolicyValueSource } from "./policy.js";
 export declare const IPolicyService: import("../../instantiation/common/instantiation.js").ServiceIdentifier<IPolicyService>;
 export interface IPolicyService {
     readonly _serviceBrand: undefined;
     readonly onDidChange: Event<readonly PolicyName[]>;
     updatePolicyDefinitions(policyDefinitions: IStringDictionary<PolicyDefinition>): Promise<IStringDictionary<PolicyValue>>;
     getPolicyValue(name: PolicyName): PolicyValue | undefined;
+    /** Returns the source of the effective value, or `undefined` when no value is set. */
+    getPolicyValueSource(name: PolicyName): PolicyValueSource | undefined;
     serialize(): IStringDictionary<{
         definition: PolicyDefinition;
         value: PolicyValue;

package/vscode/src/vs/platform/product/common/product.js

@@ -4,9 +4,9 @@ import productJson from '../../../../../product.json.js';
 var product = {
   ...productJson,
   quality: 'stable',
-  version: '1.128.1',
-  commit: '5264f2156cbcd7aea5fd004d29eaa10209155d66',
-  date: '2026-09-01T15:06:12.367Z',
+  version: '1.138.0',
+  commit: '7debcd0e2acdea1c52de81bf9ee1620444407dda',
+  date: '2026-09-21T10:36:27.412Z',
   ...(globalThis._VSCODE_PRODUCT_JSON ?? {})
 };
 

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

@@ -13,6 +13,41 @@
 	box-shadow: var(--vscode-shadow-xl);
 }
 
+.modern-ui.monaco-enable-motion .quick-input-widget:not(.quick-input-widget-overlay) {
+	animation: quick-input-widget-open 250ms cubic-bezier(0.22, 1, 0.36, 1) both;
+	transform-origin: top center;
+	will-change: transform, opacity;
+}
+
+.modern-ui.monaco-enable-motion .quick-input-widget.quick-input-widget-closing:not(.quick-input-widget-overlay) {
+	animation: quick-input-widget-close 150ms cubic-bezier(0.22, 1, 0.36, 1) both;
+	pointer-events: none;
+}
+
+@keyframes quick-input-widget-open {
+	0% {
+		opacity: 0;
+		transform: scale(0.97);
+	}
+
+	100% {
+		opacity: 1;
+		transform: scale(1);
+	}
+}
+
+@keyframes quick-input-widget-close {
+	0% {
+		opacity: 1;
+		transform: scale(1);
+	}
+
+	100% {
+		opacity: 0;
+		transform: scale(0.99);
+	}
+}
+
 .quick-input-titlebar {
 	cursor: grab;
 	display: flex;
@@ -294,6 +329,10 @@
 	overflow: hidden;
 }
 
+.quick-input-list .monaco-list-row.focused .quick-input-list-label-meta {
+	opacity: 1;
+}
+
 /* preserve list-like styling instead of tree-like styling */
 .quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
 	font-weight: bold;
@@ -319,11 +358,13 @@
 	overflow: visible;
 }
 
-.quick-input-list .quick-input-list-entry-action-bar .action-label,
-.quick-input-list .quick-input-list-entry-action-bar .monaco-custom-toggle {
+.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label,
+.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .monaco-custom-toggle {
 	/*
-	 * By default, actions in the quick input action bar are hidden
-	 * until hovered over them or selected.
+	 * Icon actions and toggles also match `.monaco-action-bar .action-item .codicon`,
+	 * whose equal-specificity `display: flex` would reveal them in the idle state
+	 * when loaded later. The hover, focus, and always-visible rules below remain
+	 * more specific and reveal the controls on intent.
 	 */
 	display: none;
 }

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

@@ -22,7 +22,7 @@ export declare const inQuickInputContextKeyValue = "inQuickInput";
 export declare const InQuickInputContextKey: RawContextKey<boolean>;
 export declare const inQuickInputContext: import("../../contextkey/common/contextkey.js").ContextKeyExpression;
 export declare const quickInputAlignmentContextKeyValue = "quickInputAlignment";
-export declare const QuickInputAlignmentContextKey: RawContextKey<"top" | "center" | undefined>;
+export declare const QuickInputAlignmentContextKey: RawContextKey<"center" | "top" | undefined>;
 export declare const quickInputTypeContextKeyValue = "quickInputType";
 export declare const QuickInputTypeContextKey: RawContextKey<QuickInputType>;
 export declare const endOfQuickInputBoxContextKeyValue = "cursorAtEndOfQuickInputBox";
@@ -173,7 +173,7 @@ export declare abstract class QuickInput extends Disposable implements IQuickInp
     set busy(busy: boolean);
     get ignoreFocusOut(): boolean;
     set ignoreFocusOut(ignoreFocusOut: boolean);
-    protected get titleButtons(): (IQuickInputButton | IQuickInputButton[])[];
+    protected get titleButtons(): (IQuickInputButton[] | IQuickInputButton)[];
     get buttons(): IQuickInputButton[];
     set buttons(buttons: IQuickInputButton[]);
     get validationMessage(): string | undefined;

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

@@ -25,26 +25,26 @@ import { observableValue } from '../../../base/common/observableInternal/observa
 
 registerCss(quickInput);
 const inQuickInputContextKeyValue = "inQuickInput";
-const InQuickInputContextKey = ( new RawContextKey(inQuickInputContextKeyValue, false, ( localize(2201, "Whether keyboard focus is inside the quick input control"))));
+const InQuickInputContextKey = ( new RawContextKey(inQuickInputContextKeyValue, false, ( localize(2421, "Whether keyboard focus is inside the quick input control"))));
 const inQuickInputContext = ( ContextKeyExpr.has(inQuickInputContextKeyValue));
 const quickInputAlignmentContextKeyValue = "quickInputAlignment";
-const QuickInputAlignmentContextKey = ( new RawContextKey(quickInputAlignmentContextKeyValue, "top", ( localize(2202, "The alignment of the quick input"))));
+const QuickInputAlignmentContextKey = ( new RawContextKey(quickInputAlignmentContextKeyValue, "top", ( localize(2422, "The alignment of the quick input"))));
 const quickInputTypeContextKeyValue = "quickInputType";
-const QuickInputTypeContextKey = ( new RawContextKey(quickInputTypeContextKeyValue, undefined, ( localize(2203, "The type of the currently visible quick input"))));
+const QuickInputTypeContextKey = ( new RawContextKey(quickInputTypeContextKeyValue, undefined, ( localize(2423, "The type of the currently visible quick input"))));
 const endOfQuickInputBoxContextKeyValue = "cursorAtEndOfQuickInputBox";
 const EndOfQuickInputBoxContextKey = ( new RawContextKey(endOfQuickInputBoxContextKeyValue, false, ( localize(
-    2204,
+    2424,
     "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(2205, "Back")),
+    tooltip: ( localize(2425, "Back")),
     handle: -1
 };
 class QuickInput extends Disposable {
     static {
-        this.noPromptMessage = ( localize(2206, "Press 'Enter' to confirm your input or 'Escape' to cancel"));
+        this.noPromptMessage = ( localize(2426, "Press 'Enter' to confirm your input or 'Escape' to cancel"));
     }
     constructor(ui) {
         super();
@@ -320,7 +320,7 @@ class QuickInput extends Disposable {
     }
     getSteps() {
         if (this.step && this.totalSteps) {
-            return localize(2207, "{0}/{1}", this.step, this.totalSteps);
+            return localize(2427, "{0}/{1}", this.step, this.totalSteps);
         }
         if (this.step) {
             return String(this.step);
@@ -350,7 +350,7 @@ class QuickInput extends Disposable {
 }
 class QuickPick extends QuickInput {
     static {
-        this.DEFAULT_ARIA_LABEL = ( localize(2208, "Type to narrow down results."));
+        this.DEFAULT_ARIA_LABEL = ( localize(2428, "Type to narrow down results."));
     }
     constructor(ui) {
         super(ui);
@@ -590,7 +590,7 @@ class QuickPick extends QuickInput {
         this.update();
     }
     get okLabel() {
-        return this._okLabel ?? ( localize(2209, "OK"));
+        return this._okLabel ?? ( localize(2429, "OK"));
     }
     set okLabel(okLabel) {
         this._okLabel = okLabel;
@@ -949,7 +949,7 @@ class InputBox extends QuickInput {
     }
     set prompt(prompt) {
         this._prompt = prompt;
-        this.noValidationMessage = prompt ? ( localize(2210, "{0} (Press 'Enter' to confirm or 'Escape' to cancel)", prompt)) : QuickInput.noPromptMessage;
+        this.noValidationMessage = prompt ? ( localize(2430, "{0} (Press 'Enter' to confirm or 'Escape' to cancel)", prompt)) : QuickInput.noPromptMessage;
         this.update();
     }
     show() {

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

@@ -15,7 +15,7 @@ function registerQuickInputCommandAndKeybindingRule(rule, options = {}) {
         when: inQuickInputContext,
         metadata: {
             description: ( localize(
-                2211,
+                2431,
                 "Used while in the context of any kind of quick input. If you change one keybinding for this command, you should change all of the other keybindings (modifier variants) of this command as well."
             ))
         },
@@ -30,7 +30,7 @@ function registerQuickPickCommandAndKeybindingRule(rule, options = {}) {
         ContextKeyExpr.equals(quickInputTypeContextKeyValue, QuickInputType.QuickPick)), ( ContextKeyExpr.equals(quickInputTypeContextKeyValue, QuickInputType.QuickTree)))), inQuickInputContext)),
         metadata: {
             description: ( localize(
-                2212,
+                2432,
                 "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."
             ))
         },
@@ -136,11 +136,11 @@ registerQuickPickCommandAndKeybindingRule({
     withCtrlMod: true
 });
 const nextSeparatorFallbackDesc = ( localize(
-    2213,
+    2433,
     "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(
-    2214,
+    2434,
     "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) {
@@ -209,10 +209,10 @@ KeybindingsRegistry.registerCommandAndKeybindingRule({
     primary: KeyCode.Enter,
     weight: KeybindingWeight.WorkbenchContrib,
     when: ( ContextKeyExpr.and((
-    ContextKeyExpr.notEquals(quickInputTypeContextKeyValue, QuickInputType.QuickWidget)), inQuickInputContext, ContextKeyExpr.not("isComposing"))),
+    ContextKeyExpr.notEquals(quickInputTypeContextKeyValue, QuickInputType.QuickWidget)), inQuickInputContext)),
     metadata: {
         description: ( localize(
-            2215,
+            2435,
             "Used while in the context of some quick input. If you change one keybinding for this command, you should change all of the other keybindings (modifier variants) of this command as well."
         ))
     },

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

@@ -48,4 +48,5 @@ export declare class QuickInputBox extends Disposable {
     };
     setFocus(): void;
     layout(): void;
+    setHeight(height: number | undefined): void;
 }

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

@@ -125,6 +125,9 @@ class QuickInputBox extends Disposable {
     layout() {
         this.findInput.inputBox.layout();
     }
+    setHeight(height) {
+        this.findInput.inputBox.element.style.height = height === undefined ? "" : `${height}px`;
+    }
 }
 
 export { QuickInputBox };

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

@@ -23,6 +23,7 @@ export declare class QuickInputController extends Disposable {
     private ui;
     private dimension?;
     private titleBarOffset?;
+    private overlayLayoutCorrection;
     private enabled;
     private readonly onDidAcceptEmitter;
     private readonly onDidCustomEmitter;
@@ -40,6 +41,7 @@ export declare class QuickInputController extends Disposable {
     private previousFocusElement?;
     private viewState;
     private dndController;
+    private readonly closeAnimation;
     private readonly _alignment;
     readonly alignment: IObservable<QuickInputAlignment>;
     private readonly inQuickInputContext;
@@ -81,6 +83,8 @@ export declare class QuickInputController extends Disposable {
     private setVisibilities;
     private setEnabled;
     hide(reason?: QuickInputHideReason): void;
+    private completeCloseAnimation;
+    dispose(): void;
     focus(): void;
     toggle(): void;
     toggleHover(): void;
@@ -90,6 +94,7 @@ export declare class QuickInputController extends Disposable {
     cancel(reason?: QuickInputHideReason): Promise<void>;
     layout(dimension: dom.IDimension, titleBarOffset: number): void;
     private updateLayout;
+    private alignOverlayInput;
     applyStyles(styles: IQuickInputStyles): void;
     private updateStyles;
     private loadViewState;

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

@@ -1,14 +1,15 @@
 
 import { __decorate, __param } from '../../../../../../external/tslib/tslib.es6.js';
-import { $ as $$1, onDidRegisterWindow, onWillUnregisterWindow, getWindow, EventType, addDisposableListener, append, trackFocus, isAncestor, isHTMLElement, reset, isAncestorOfActiveElement, getActiveWindow, addDisposableGenericMouseUpListener, addDisposableGenericMouseDownListener, addDisposableGenericMouseMoveListener } from '../../../base/browser/dom.js';
+import { $ as $$1, onDidRegisterWindow, onWillUnregisterWindow, getWindow, EventType, addDisposableListener, append, trackFocus, isAncestor, isHTMLElement, reset, isAncestorOfActiveElement, hasParentWithClass, getActiveWindow, addDisposableGenericMouseUpListener, addDisposableGenericMouseDownListener, addDisposableGenericMouseMoveListener } from '../../../base/browser/dom.js';
 import { createStyleSheet } from '../../../base/browser/domStylesheets.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';
+import { disposableTimeout } from '../../../base/common/async.js';
 import { CancellationToken } from '../../../base/common/cancellation.js';
 import { Emitter, Event } from '../../../base/common/event.js';
-import { Disposable, dispose } from '../../../base/common/lifecycle.js';
+import { Disposable, MutableDisposable, dispose } from '../../../base/common/lifecycle.js';
 import Severity$1 from '../../../base/common/severity.js';
 import { isString } from '../../../base/common/types.js';
 import { isModifierKey } from '../../../base/common/keyCodes.js';
@@ -44,6 +45,10 @@ import { autorun } from '../../../base/common/observableInternal/reactions/autor
 var QuickInputController_1;
 const $ = $$1;
 const VIEWSTATE_STORAGE_KEY = "workbench.quickInput.viewState";
+const QUICK_INPUT_MOTION_CLOSING_CLASS = "quick-input-widget-closing";
+const QUICK_INPUT_OVERLAY_CLASS = "quick-input-widget-overlay";
+const QUICK_INPUT_CLOSE_ANIMATION_DURATION = 150;
+const QUICK_INPUT_MOTION_ANCESTOR_CLASSES = ["modern-ui", "monaco-enable-motion"];
 let QuickInputController = class QuickInputController extends Disposable {
     static {
         QuickInputController_1 = this;
@@ -87,6 +92,7 @@ let QuickInputController = class QuickInputController extends Disposable {
         this.onShow = this.onShowEmitter.event;
         this.onHideEmitter = this._register(( new Emitter()));
         this.onHide = this.onHideEmitter.event;
+        this.closeAnimation = this._register(( new MutableDisposable()));
         this._alignment = observableValue(this, "top");
         this.alignment = this._alignment;
         this.backButton = backButton;
@@ -161,7 +167,7 @@ let QuickInputController = class QuickInputController extends Disposable {
         })));
         rightActionBar.getElement().classList.add("quick-input-right-action-bar");
         const headerContainer = append(container, $(".quick-input-header"));
-        const checkAll = this._register(( new TriStateCheckbox(( localize(2216, "Toggle all checkboxes")), false, {
+        const checkAll = this._register(( new TriStateCheckbox(( localize(2436, "Toggle all checkboxes")), false, {
             ...defaultCheckboxStyles,
             size: 15
         })));
@@ -184,12 +190,12 @@ let QuickInputController = class QuickInputController extends Disposable {
         visibleCountContainer.setAttribute("aria-live", "polite");
         visibleCountContainer.setAttribute("aria-atomic", "true");
         const visibleCount = this._register(( new CountBadge(visibleCountContainer, {
-            countFormat: ( localize(2217, "{0} Results"))
+            countFormat: ( localize(2437, "{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(2218, "{0} Selected"))
+            countFormat: ( localize(2438, "{0} Selected"))
         }, this.styles.countBadge)));
         const inlineActionBar = this._register(( new ToolBar(headerContainer, this.contextMenuService, {
             hoverDelegate: this.options.hoverDelegate,
@@ -200,7 +206,7 @@ let QuickInputController = class QuickInputController extends Disposable {
         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(2219, "OK"));
+        ok.label = ( localize(2439, "OK"));
         this._register(ok.onDidClick(e => {
             this.onDidAcceptEmitter.fire();
         }));
@@ -209,7 +215,7 @@ let QuickInputController = class QuickInputController extends Disposable {
             ...this.styles.button,
             supportIcons: true
         })));
-        customButton.label = ( localize(2220, "Custom"));
+        customButton.label = ( localize(2440, "Custom"));
         this._register(customButton.onDidClick(e => {
             this.onDidCustomEmitter.fire();
         }));
@@ -606,6 +612,7 @@ let QuickInputController = class QuickInputController extends Disposable {
         return ( new QuickTree(ui));
     }
     show(controller) {
+        this.completeCloseAnimation();
         const ui = this.getUI(true);
         const oldController = this.controller;
         this.controller = controller;
@@ -647,8 +654,11 @@ let QuickInputController = class QuickInputController extends Disposable {
         ui.ignoreFocusOut = false;
         ui.inputBox.toggles = undefined;
         ui.inputBox.actions = undefined;
+        ui.inputBox.setHeight(undefined);
         const backKeybindingLabel = this.options.backKeybindingLabel();
-        backButton.tooltip = backKeybindingLabel ? ( localize(2221, "Back ({0})", backKeybindingLabel)) : ( localize(2222, "Back"));
+        backButton.tooltip = backKeybindingLabel ? ( localize(2441, "Back ({0})", backKeybindingLabel)) : ( localize(2442, "Back"));
+        this.overlayLayoutCorrection = undefined;
+        ui.container.classList.toggle(QUICK_INPUT_OVERLAY_CLASS, controller.anchorPosition === "overlay");
         ui.container.style.display = "";
         this.updateLayout();
         this.dndController?.setEnabled(!controller.anchor);
@@ -663,10 +673,11 @@ let QuickInputController = class QuickInputController extends Disposable {
         this.quickInputTypeContext.set(controller.type);
     }
     isVisible() {
-        return !!this.ui && this.ui.container.style.display !== "none";
+        return !!this.controller;
     }
     setVisibilities(visibilities) {
         const ui = this.getUI();
+        ui.titleBar.style.display = visibilities.title ? "" : "none";
         ui.title.style.display = visibilities.title ? "" : "none";
         ui.description1.style.display = visibilities.description && (visibilities.inputBox || visibilities.checkAll) ? "" : "none";
         ui.description2.style.display = visibilities.description && !(visibilities.inputBox || visibilities.checkAll) ? "" : "none";
@@ -683,6 +694,7 @@ let QuickInputController = class QuickInputController extends Disposable {
         ui.tree.displayed = !!visibilities.tree;
         ui.container.classList.toggle("show-checkboxes", !!visibilities.checkBox);
         ui.container.classList.toggle("hidden-input", !visibilities.inputBox && !visibilities.description);
+        this.overlayLayoutCorrection = undefined;
         this.updateLayout();
     }
     setEnabled(enabled) {
@@ -722,7 +734,13 @@ let QuickInputController = class QuickInputController extends Disposable {
         this.controller = null;
         this.onHideEmitter.fire();
         if (container) {
-            container.style.display = "none";
+            if (!container.classList.contains(QUICK_INPUT_OVERLAY_CLASS) && hasParentWithClass(container, QUICK_INPUT_MOTION_ANCESTOR_CLASSES)) {
+                container.inert = true;
+                container.classList.add(QUICK_INPUT_MOTION_CLOSING_CLASS);
+                this.closeAnimation.value = disposableTimeout(() => this.completeCloseAnimation(), QUICK_INPUT_CLOSE_ANIMATION_DURATION);
+            } else {
+                container.style.display = "none";
+            }
         }
         if (!focusChanged) {
             let currentElement = this.previousFocusElement;
@@ -738,6 +756,22 @@ let QuickInputController = class QuickInputController extends Disposable {
         }
         controller.didHide(reason);
     }
+    completeCloseAnimation() {
+        if (!this.closeAnimation.value) {
+            return;
+        }
+        this.closeAnimation.clear();
+        const container = this.ui?.container;
+        if (container) {
+            container.inert = false;
+            container.classList.remove(QUICK_INPUT_MOTION_CLOSING_CLASS);
+            container.style.display = "none";
+        }
+    }
+    dispose() {
+        this.completeCloseAnimation();
+        super.dispose();
+    }
     focus() {
         if (this.isVisible()) {
             const ui = this.getUI();
@@ -792,6 +826,7 @@ let QuickInputController = class QuickInputController extends Disposable {
     layout(dimension, titleBarOffset) {
         this.dimension = dimension;
         this.titleBarOffset = titleBarOffset;
+        this.overlayLayoutCorrection = undefined;
         this.updateLayout();
     }
     updateLayout() {
@@ -803,6 +838,7 @@ let QuickInputController = class QuickInputController extends Disposable {
             );
             style.width = width + "px";
             let listHeight = this.dimension && this.dimension.height * 0.4;
+            let overlayAnchor;
             if (this.controller?.anchor) {
                 const target = this.controller.anchor;
                 const isElement = isHTMLElement(target);
@@ -814,12 +850,12 @@ let QuickInputController = class QuickInputController extends Disposable {
                 let listHeightRatio = 0.2;
                 let maxListHeight = 200;
                 if (this.controller.anchorPosition === "overlay") {
-                    width = anchor.width + 12;
+                    overlayAnchor = anchor;
+                    this.ui.inputBox.setHeight(anchor.height);
+                    width = anchor.width;
                     listHeightRatio = 0.4;
                     anchor = {
-                        top: anchor.top - 7,
-                        left: anchor.left - 7,
-                        width: anchor.width,
+                        ...anchor,
                         height: 0
                     };
                     maxListHeight = Math.min(400, container.bottom - anchor.top - verticalPadding);
@@ -867,11 +903,41 @@ let QuickInputController = class QuickInputController extends Disposable {
                 style.bottom = "";
                 style.height = "";
             }
+            if (overlayAnchor) {
+                this.alignOverlayInput(overlayAnchor);
+            }
             this.ui.inputBox.layout();
             this.ui.list.layout(listHeight);
             this.ui.tree.layout(listHeight);
         }
     }
+    alignOverlayInput(anchor) {
+        const style = this.ui.container.style;
+        let correction = this.overlayLayoutCorrection;
+        if (!correction || correction.anchor.left !== anchor.left || correction.anchor.top !== anchor.top || correction.anchor.width !== anchor.width || correction.anchor.height !== anchor.height) {
+            this.ui.inputBox.layout();
+            const input = this.ui.filterContainer.getBoundingClientRect();
+            correction = this.overlayLayoutCorrection = {
+                anchor,
+                left: anchor.left - input.left,
+                right: input.right - (anchor.left + anchor.width),
+                top: anchor.top - input.top,
+                bottom: input.bottom - (anchor.top + anchor.height),
+                width: anchor.width - input.width
+            };
+        }
+        style.width = `${parseFloat(style.width) + correction.width}px`;
+        if (style.left !== "initial") {
+            style.left = `${parseFloat(style.left) + correction.left}px`;
+        } else {
+            style.right = `${parseFloat(style.right) + correction.right}px`;
+        }
+        if (style.top !== "initial") {
+            style.top = `${parseFloat(style.top) + correction.top}px`;
+        } else {
+            style.bottom = `${parseFloat(style.bottom) + correction.bottom}px`;
+        }
+    }
     applyStyles(styles) {
         this.styles = styles;
         this.updateStyles();

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

@@ -30,6 +30,7 @@ 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 { asCssVariable } from '../../theme/common/colorUtils.js';
 import { QuickPickFocus } from '../common/quickInput.js';
 import { quickInputButtonsToActionArrays } from './quickInputUtils.js';
 import { observableValue } from '../../../base/common/observableInternal/observables/observableValue.js';
@@ -194,7 +195,7 @@ class QuickInputItemDelegate {
 }
 class QuickInputAccessibilityProvider {
     getWidgetAriaLabel() {
-        return localize(2223, "Quick Input");
+        return localize(2443, "Quick Input");
     }
     getAriaLabel(element) {
         return element.separator?.label ? `${element.saneAriaLabel}, ${element.separator.label}` : element.saneAriaLabel;
@@ -335,6 +336,11 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
         element.element = data.entry ?? undefined;
         const mainItem = element.item;
         element.element.classList.toggle("not-pickable", element.item.pickable === false);
+        if (typeof mainItem.id === "string") {
+            data.entry.setAttribute("data-quick-input-id", mainItem.id);
+        } else {
+            data.entry.removeAttribute("data-quick-input-id");
+        }
         this.ensureCheckbox(element, data);
         const {
             labelHighlights,
@@ -350,6 +356,7 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
             data.icon.style.backgroundImage = "";
             data.icon.className = mainItem.iconClass ? `quick-input-list-icon ${mainItem.iconClass}` : "";
         }
+        data.icon.style.color = mainItem.iconColor ? asCssVariable(mainItem.iconColor.id) : "";
         let descriptionTitle;
         if (!element.saneTooltip && element.saneDescription) {
             descriptionTitle = {

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

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