@codingame/monaco-vscode-api 36.2.6 → 37.0.0

package/vscode/src/vs/editor/contrib/snippet/browser/snippetVariables.js

@@ -224,16 +224,16 @@ class TimeBasedVariableResolver {
         this._date = ( new Date());
     }
     static {
-        this.dayNames = [( localize(1554, "Sunday")), ( localize(1555, "Monday")), ( localize(1556, "Tuesday")), ( localize(1557, "Wednesday")), ( localize(1558, "Thursday")), ( localize(1559, "Friday")), ( localize(1560, "Saturday"))];
+        this.dayNames = [( localize(1568, "Sunday")), ( localize(1569, "Monday")), ( localize(1570, "Tuesday")), ( localize(1571, "Wednesday")), ( localize(1572, "Thursday")), ( localize(1573, "Friday")), ( localize(1574, "Saturday"))];
     }
     static {
-        this.dayNamesShort = [( localize(1561, "Sun")), ( localize(1562, "Mon")), ( localize(1563, "Tue")), ( localize(1564, "Wed")), ( localize(1565, "Thu")), ( localize(1566, "Fri")), ( localize(1567, "Sat"))];
+        this.dayNamesShort = [( localize(1575, "Sun")), ( localize(1576, "Mon")), ( localize(1577, "Tue")), ( localize(1578, "Wed")), ( localize(1579, "Thu")), ( localize(1580, "Fri")), ( localize(1581, "Sat"))];
     }
     static {
-        this.monthNames = [( localize(1568, "January")), ( localize(1569, "February")), ( localize(1570, "March")), ( localize(1571, "April")), ( localize(1572, "May")), ( localize(1573, "June")), ( localize(1574, "July")), ( localize(1575, "August")), ( localize(1576, "September")), ( localize(1577, "October")), ( localize(1578, "November")), ( localize(1579, "December"))];
+        this.monthNames = [( localize(1582, "January")), ( localize(1583, "February")), ( localize(1584, "March")), ( localize(1585, "April")), ( localize(1586, "May")), ( localize(1587, "June")), ( localize(1588, "July")), ( localize(1589, "August")), ( localize(1590, "September")), ( localize(1591, "October")), ( localize(1592, "November")), ( localize(1593, "December"))];
     }
     static {
-        this.monthNamesShort = [( localize(1580, "Jan")), ( localize(1581, "Feb")), ( localize(1582, "Mar")), ( localize(1583, "Apr")), ( localize(1584, "May")), ( localize(1585, "Jun")), ( localize(1586, "Jul")), ( localize(1587, "Aug")), ( localize(1588, "Sep")), ( localize(1589, "Oct")), ( localize(1590, "Nov")), ( localize(1591, "Dec"))];
+        this.monthNamesShort = [( localize(1594, "Jan")), ( localize(1595, "Feb")), ( localize(1596, "Mar")), ( localize(1597, "Apr")), ( localize(1598, "May")), ( localize(1599, "Jun")), ( localize(1600, "Jul")), ( localize(1601, "Aug")), ( localize(1602, "Sep")), ( localize(1603, "Oct")), ( localize(1604, "Nov")), ( localize(1605, "Dec"))];
     }
     resolve(variable) {
         const {

package/vscode/src/vs/editor/contrib/stickyScroll/browser/stickyScrollActions.js

@@ -15,20 +15,20 @@ class ToggleStickyScroll extends EditorAction2 {
         super({
             id: "editor.action.toggleStickyScroll",
             title: {
-                ...( localize2(1592, "Toggle Editor Sticky Scroll")),
-                mnemonicTitle: ( localize(1593, "&&Toggle Editor Sticky Scroll"))
+                ...( localize2(1606, "Toggle Editor Sticky Scroll")),
+                mnemonicTitle: ( localize(1607, "&&Toggle Editor Sticky Scroll"))
             },
             metadata: {
                 description: ( localize2(
-                    1594,
+                    1608,
                     "Toggle/enable the editor sticky scroll which shows the nested scopes at the top of the viewport"
                 ))
             },
             category: Categories.View,
             toggled: {
                 condition: ( ContextKeyExpr.equals("config.editor.stickyScroll.enabled", true)),
-                title: ( localize(1595, "Sticky Scroll")),
-                mnemonicTitle: ( localize(1596, "&&Sticky Scroll"))
+                title: ( localize(1609, "Sticky Scroll")),
+                mnemonicTitle: ( localize(1610, "&&Sticky Scroll"))
             },
             menu: [{
                 id: MenuId.CommandPalette
@@ -57,8 +57,8 @@ class FocusStickyScroll extends EditorAction2 {
         super({
             id: "editor.action.focusStickyScroll",
             title: {
-                ...( localize2(1597, "Focus Editor Sticky Scroll")),
-                mnemonicTitle: ( localize(1598, "&&Focus Editor Sticky Scroll"))
+                ...( localize2(1611, "Focus Editor Sticky Scroll")),
+                mnemonicTitle: ( localize(1612, "&&Focus Editor Sticky Scroll"))
             },
             precondition: ( ContextKeyExpr.and(( ContextKeyExpr.has("config.editor.stickyScroll.enabled")), EditorContextKeys.stickyScrollVisible)),
             menu: [{
@@ -74,7 +74,7 @@ class SelectNextStickyScrollLine extends EditorAction2 {
     constructor() {
         super({
             id: "editor.action.selectNextStickyScrollLine",
-            title: ( localize2(1599, "Select the next editor sticky scroll line")),
+            title: ( localize2(1613, "Select the next editor sticky scroll line")),
             precondition: ( EditorContextKeys.stickyScrollFocused.isEqualTo(true)),
             keybinding: {
                 weight,
@@ -90,7 +90,7 @@ class SelectPreviousStickyScrollLine extends EditorAction2 {
     constructor() {
         super({
             id: "editor.action.selectPreviousStickyScrollLine",
-            title: ( localize2(1600, "Select the previous sticky scroll line")),
+            title: ( localize2(1614, "Select the previous sticky scroll line")),
             precondition: ( EditorContextKeys.stickyScrollFocused.isEqualTo(true)),
             keybinding: {
                 weight,
@@ -106,7 +106,7 @@ class GoToStickyScrollLine extends EditorAction2 {
     constructor() {
         super({
             id: "editor.action.goToFocusedStickyScrollLine",
-            title: ( localize2(1601, "Go to the focused sticky scroll line")),
+            title: ( localize2(1615, "Go to the focused sticky scroll line")),
             precondition: ( EditorContextKeys.stickyScrollFocused.isEqualTo(true)),
             keybinding: {
                 weight,
@@ -122,7 +122,7 @@ class SelectEditor extends EditorAction2 {
     constructor() {
         super({
             id: "editor.action.selectEditor",
-            title: ( localize2(1602, "Select Editor")),
+            title: ( localize2(1616, "Select Editor")),
             precondition: ( EditorContextKeys.stickyScrollFocused.isEqualTo(true)),
             keybinding: {
                 weight,

package/vscode/src/vs/editor/contrib/stickyScroll/browser/stickyScrollController.js

@@ -456,7 +456,7 @@ let StickyScrollController = class StickyScrollController extends Disposable {
         if (event.hasChanged(EditorOption.stickyScroll) || event.hasChanged(EditorOption.minimap) || event.hasChanged(EditorOption.lineHeight) || event.hasChanged(EditorOption.showFoldingControls) || event.hasChanged(EditorOption.lineNumbers)) {
             this._readConfiguration();
         }
-        if (event.hasChanged(EditorOption.lineNumbers) || event.hasChanged(EditorOption.folding) || event.hasChanged(EditorOption.showFoldingControls)) {
+        if (event.hasChanged(EditorOption.lineNumbers) || event.hasChanged(EditorOption.folding) || event.hasChanged(EditorOption.showFoldingControls) || event.hasChanged(EditorOption.fontInfo) || event.hasChanged(EditorOption.effectiveFullwidthCharacterWidth)) {
             this._renderStickyScroll(0);
         }
     }

package/vscode/src/vs/editor/contrib/stickyScroll/browser/stickyScrollWidget.js

@@ -225,12 +225,16 @@ class StickyScrollWidget extends Disposable {
         }
         const layoutInfo = this._editor.getLayoutInfo();
         for (let i = rebuildFromIndex; i < lineNumbers.length; i++) {
+            const lineNumber = lineNumbers[i];
+            if (lineNumber > viewModel.getLineCount()) {
+                continue;
+            }
             const stickyLine = this._renderChildNode(
                 viewModel,
                 i,
-                lineNumbers[i],
+                lineNumber,
                 top,
-                lastLineNumber === lineNumbers[i],
+                lastLineNumber === lineNumber,
                 foldingModel,
                 layoutInfo
             );
@@ -418,6 +422,7 @@ class RenderedStickyLine {
         }
         const lineHeight = editor.getLineHeightForPosition(( new Position(lineNumber, 1)));
         const textDirection = viewModel.getTextDirection(lineNumber);
+        const fontInfo = editor.getOption(EditorOption.fontInfo);
         const renderLineInput = ( new RenderLineInput(
             true,
             true,
@@ -430,7 +435,7 @@ class RenderedStickyLine {
             actualInlineDecorations,
             lineRenderingData.tabSize,
             lineRenderingData.startVisibleColumn,
-            1,
+            fontInfo.spaceWidth,
             1,
             1,
             500,
@@ -439,7 +444,9 @@ class RenderedStickyLine {
             true,
             null,
             textDirection,
-            verticalScrollbarSize
+            verticalScrollbarSize,
+            false,
+            editor.getOption(EditorOption.effectiveFullwidthCharacterWidth) === "twoCells"
         ));
         const sb = ( new StringBuilder(2000));
         const renderOutput = renderViewLine(renderLineInput, sb);

package/vscode/src/vs/editor/contrib/suggest/browser/media/suggest.css

@@ -11,7 +11,7 @@
 	display: flex;
 	flex-direction: column;
 	border-radius: var(--vscode-cornerRadius-large);
-	box-shadow: var(--vscode-shadow-lg);
+	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
 }
 
 .monaco-editor .suggest-widget.message {
@@ -36,6 +36,11 @@
 	border-width: 2px;
 }
 
+.monaco-editor.hc-black .suggest-widget,
+.monaco-editor.hc-light .suggest-widget {
+	box-shadow: none;
+}
+
 /* Styles for status bar part */
 
 
@@ -116,6 +121,8 @@
 
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
 	color: var(--vscode-editorSuggestWidget-selectedForeground);
+	outline: 1px solid var(--vscode-editorSuggestWidget-focusOutline);
+	outline-offset: -1px;
 }
 
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
@@ -266,6 +273,15 @@
 	max-width: 70%;
 }
 
+/** When fitting the widget width to the inline detail, prioritize showing the full label: the label keeps its width and the detail truncates instead. **/
+.monaco-editor .suggest-widget.fit-width-to-details .monaco-list .monaco-list-row > .contents > .main > .left {
+	flex-shrink: 0;
+}
+
+.monaco-editor .suggest-widget.fit-width-to-details .monaco-list .monaco-list-row > .contents > .main > .right {
+	max-width: none;
+}
+
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
 	display: inline-block;
 	position: absolute;
@@ -356,6 +372,8 @@
 	flex-direction: column;
 	cursor: default;
 	color: var(--vscode-editorSuggestWidget-foreground);
+	border-radius: var(--vscode-cornerRadius-large);
+	overflow: hidden;
 }
 
 .monaco-editor .suggest-details:focus {

package/vscode/src/vs/editor/contrib/suggest/browser/suggest.d.ts

@@ -20,7 +20,7 @@ export declare const Context: {
     MakesTextEdit: RawContextKey<boolean>;
     AcceptSuggestionsOnEnter: RawContextKey<boolean>;
     HasInsertAndReplaceRange: RawContextKey<boolean>;
-    InsertMode: RawContextKey<"replace" | "insert">;
+    InsertMode: RawContextKey<"insert" | "replace">;
     CanResolve: RawContextKey<boolean>;
 };
 export declare const suggestWidgetStatusbarMenu: MenuId;

package/vscode/src/vs/editor/contrib/suggest/browser/suggest.js

@@ -21,21 +21,21 @@ import { StandardTokenType } from '../../../common/encodedTokenAttributes.js';
 
 const Context = {
     Visible: historyNavigationVisible,
-    HasFocusedSuggestion: ( new RawContextKey("suggestWidgetHasFocusedSuggestion", false, ( localize(1603, "Whether any suggestion is focused")))),
-    DetailsVisible: ( new RawContextKey("suggestWidgetDetailsVisible", false, ( localize(1604, "Whether suggestion details are visible")))),
-    DetailsFocused: ( new RawContextKey("suggestWidgetDetailsFocused", false, ( localize(1605, "Whether the details pane of the suggest widget has focus")))),
-    MultipleSuggestions: ( new RawContextKey("suggestWidgetMultipleSuggestions", false, ( localize(1606, "Whether there are multiple suggestions to pick from")))),
+    HasFocusedSuggestion: ( new RawContextKey("suggestWidgetHasFocusedSuggestion", false, ( localize(1617, "Whether any suggestion is focused")))),
+    DetailsVisible: ( new RawContextKey("suggestWidgetDetailsVisible", false, ( localize(1618, "Whether suggestion details are visible")))),
+    DetailsFocused: ( new RawContextKey("suggestWidgetDetailsFocused", false, ( localize(1619, "Whether the details pane of the suggest widget has focus")))),
+    MultipleSuggestions: ( new RawContextKey("suggestWidgetMultipleSuggestions", false, ( localize(1620, "Whether there are multiple suggestions to pick from")))),
     MakesTextEdit: ( new RawContextKey("suggestionMakesTextEdit", true, ( localize(
-        1607,
+        1621,
         "Whether inserting the current suggestion yields in a change or has everything already been typed"
     )))),
-    AcceptSuggestionsOnEnter: ( new RawContextKey("acceptSuggestionOnEnter", true, ( localize(1608, "Whether suggestions are inserted when pressing Enter")))),
-    HasInsertAndReplaceRange: ( new RawContextKey("suggestionHasInsertAndReplaceRange", false, ( localize(1609, "Whether the current suggestion has insert and replace behaviour")))),
+    AcceptSuggestionsOnEnter: ( new RawContextKey("acceptSuggestionOnEnter", true, ( localize(1622, "Whether suggestions are inserted when pressing Enter")))),
+    HasInsertAndReplaceRange: ( new RawContextKey("suggestionHasInsertAndReplaceRange", false, ( localize(1623, "Whether the current suggestion has insert and replace behaviour")))),
     InsertMode: ( new RawContextKey("suggestionInsertMode", undefined, {
         type: "string",
-        description: ( localize(1610, "Whether the default behaviour is to insert or replace"))
+        description: ( localize(1624, "Whether the default behaviour is to insert or replace"))
     })),
-    CanResolve: ( new RawContextKey("suggestionCanResolve", false, ( localize(1611, "Whether the current suggestion supports to resolve further details"))))
+    CanResolve: ( new RawContextKey("suggestionCanResolve", false, ( localize(1625, "Whether the current suggestion supports to resolve further details"))))
 };
 const suggestWidgetStatusbarMenu = ( new MenuId("suggestWidgetStatusBar"));
 class CompletionItem {

package/vscode/src/vs/editor/contrib/suggest/browser/suggestController.js

@@ -493,7 +493,7 @@ let SuggestController = class SuggestController {
     _alertCompletionItem(item) {
         if (isNonEmptyArray(item.completion.additionalTextEdits)) {
             const msg = ( localize(
-                1612,
+                1626,
                 "Accepting '{0}' made {1} additional edits",
                 item.textLabel,
                 item.completion.additionalTextEdits.length
@@ -684,7 +684,7 @@ class TriggerSuggestAction extends EditorAction {
     constructor() {
         super({
             id: TriggerSuggestAction.id,
-            label: ( localize2(1613, "Trigger Suggest")),
+            label: ( localize2(1627, "Trigger Suggest")),
             precondition: ( ContextKeyExpr.and(
                 EditorContextKeys.writable,
                 EditorContextKeys.hasCompletionItemProvider,
@@ -746,13 +746,13 @@ registerEditorCommand(( new SuggestCommand({
     }],
     menuOpts: [{
         menuId: suggestWidgetStatusbarMenu,
-        title: ( localize(1614, "Insert")),
+        title: ( localize(1628, "Insert")),
         group: "left",
         order: 1,
         when: ( ContextKeyExpr.and(Context.HasFocusedSuggestion, ( Context.HasInsertAndReplaceRange.toNegated())))
     }, {
         menuId: suggestWidgetStatusbarMenu,
-        title: ( localize(1614, "Insert")),
+        title: ( localize(1628, "Insert")),
         group: "left",
         order: 1,
         when: ( ContextKeyExpr.and(
@@ -762,7 +762,7 @@ registerEditorCommand(( new SuggestCommand({
         ))
     }, {
         menuId: suggestWidgetStatusbarMenu,
-        title: ( localize(1615, "Replace")),
+        title: ( localize(1629, "Replace")),
         group: "left",
         order: 1,
         when: ( ContextKeyExpr.and(
@@ -797,7 +797,7 @@ registerEditorCommand(( new SuggestCommand({
             Context.HasInsertAndReplaceRange,
             ( Context.InsertMode.isEqualTo("insert"))
         )),
-        title: ( localize(1615, "Replace"))
+        title: ( localize(1629, "Replace"))
     }, {
         menuId: suggestWidgetStatusbarMenu,
         group: "left",
@@ -807,7 +807,7 @@ registerEditorCommand(( new SuggestCommand({
             Context.HasInsertAndReplaceRange,
             ( Context.InsertMode.isEqualTo("replace"))
         )),
-        title: ( localize(1614, "Insert"))
+        title: ( localize(1628, "Insert"))
     }]
 })));
 CommandsRegistry.registerCommandAlias("acceptSelectedSuggestionOnEnter", "acceptSelectedSuggestion");
@@ -841,7 +841,7 @@ registerEditorCommand(( new SuggestCommand({
         group: "left",
         order: 0,
         when: ( Context.HasFocusedSuggestion.toNegated()),
-        title: ( localize(1616, "Select"))
+        title: ( localize(1630, "Select"))
     }
 })));
 registerEditorCommand(( new SuggestCommand({
@@ -933,13 +933,13 @@ registerEditorCommand(( new SuggestCommand({
         group: "right",
         order: 1,
         when: ( ContextKeyExpr.and(Context.DetailsVisible, Context.CanResolve)),
-        title: ( localize(1617, "Show Less"))
+        title: ( localize(1631, "Show Less"))
     }, {
         menuId: suggestWidgetStatusbarMenu,
         group: "right",
         order: 1,
         when: ( ContextKeyExpr.and(( Context.DetailsVisible.toNegated()), Context.CanResolve)),
-        title: ( localize(1618, "Show More"))
+        title: ( localize(1632, "Show More"))
     }]
 })));
 registerEditorCommand(( new SuggestCommand({
@@ -1024,7 +1024,7 @@ registerEditorAction(class extends EditorAction {
     constructor() {
         super({
             id: "editor.action.resetSuggestSize",
-            label: ( localize2(1619, "Reset Suggest Widget Size")),
+            label: ( localize2(1633, "Reset Suggest Widget Size")),
             precondition: undefined
         });
     }

package/vscode/src/vs/editor/contrib/suggest/browser/suggestWidget.d.ts

@@ -13,6 +13,7 @@ import { ResizableHTMLElement } from "../../../../base/browser/ui/resizable/resi
 import { CompletionItem } from "./suggest.js";
 export declare const editorSuggestWidgetForeground: string;
 export declare const editorSuggestWidgetSelectedBackground: string;
+export declare const editorSuggestWidgetFocusOutline: string;
 export interface ISelectedSuggestion {
     item: CompletionItem;
     index: number;
@@ -35,6 +36,8 @@ export declare class SuggestWidget implements IDisposable {
     private _cappedHeight?;
     private _forceRenderingAbove;
     private _explainMode;
+    private _measureContext?;
+    private _fitContentWidth?;
     readonly element: ResizableHTMLElement;
     private readonly _messageElement;
     private readonly _listElement;
@@ -91,6 +94,13 @@ export declare class SuggestWidget implements IDisposable {
     private _layout;
     private _resize;
     private _positionDetails;
+    /**
+     * Measures the pixel width needed to show the widest item's label together with
+     * its inline detail text (signature + description), plus the surrounding chrome
+     * (icon, inter-column gap, read-more affordance, padding and scrollbar). Cached
+     * per completion model.
+     */
+    private _measureContentWidth;
     getLayoutInfo(): {
         itemHeight: number;
         statusBarHeight: number;

package/vscode/src/vs/editor/contrib/suggest/browser/suggestWidget.js

@@ -44,38 +44,46 @@ import { isWindows } from '../../../../base/common/platform.js';
 
 var SuggestWidget_1;
 registerCss(suggest);
-registerColor("editorSuggestWidget.background", editorWidgetBackground, ( localize(1620, "Background color of the suggest widget.")));
-registerColor("editorSuggestWidget.border", editorWidgetBorder, ( localize(1621, "Border color of the suggest widget.")));
-const editorSuggestWidgetForeground = registerColor("editorSuggestWidget.foreground", editorForeground, ( localize(1622, "Foreground color of the suggest widget.")));
-registerColor(
-    "editorSuggestWidget.selectedForeground",
-    quickInputListFocusForeground,
-    ( localize(1623, "Foreground color of the selected entry in the suggest widget."))
-);
-registerColor(
-    "editorSuggestWidget.selectedIconForeground",
-    quickInputListFocusIconForeground,
-    ( localize(1624, "Icon foreground color of the selected entry in the suggest widget."))
-);
-const editorSuggestWidgetSelectedBackground = registerColor(
-    "editorSuggestWidget.selectedBackground",
-    quickInputListFocusBackground,
-    ( localize(1625, "Background color of the selected entry in the suggest widget."))
-);
+const editorSuggestWidgetBackground = registerColor("editorSuggestWidget.background", editorWidgetBackground, ( localize(1634, "Background color of the suggest widget.")));
+registerColor("editorSuggestWidget.border", editorWidgetBorder, ( localize(1635, "Border color of the suggest widget.")));
+const editorSuggestWidgetForeground = registerColor("editorSuggestWidget.foreground", editorForeground, ( localize(1636, "Foreground color of the suggest widget.")));
+const editorSuggestWidgetSelectedForeground = registerColor("editorSuggestWidget.selectedForeground", {
+    dark: quickInputListFocusForeground,
+    light: quickInputListFocusForeground,
+    hcDark: editorSuggestWidgetBackground,
+    hcLight: editorSuggestWidgetBackground
+}, ( localize(1637, "Foreground color of the selected entry in the suggest widget.")));
+registerColor("editorSuggestWidget.selectedIconForeground", {
+    dark: quickInputListFocusIconForeground,
+    light: quickInputListFocusIconForeground,
+    hcDark: editorSuggestWidgetBackground,
+    hcLight: editorSuggestWidgetBackground
+}, ( localize(1638, "Icon foreground color of the selected entry in the suggest widget.")));
+const editorSuggestWidgetSelectedBackground = registerColor("editorSuggestWidget.selectedBackground", {
+    dark: quickInputListFocusBackground,
+    light: quickInputListFocusBackground,
+    hcDark: editorSuggestWidgetForeground,
+    hcLight: editorSuggestWidgetForeground
+}, ( localize(1639, "Background color of the selected entry in the suggest widget.")));
+const editorSuggestWidgetFocusOutline = registerColor("editorSuggestWidget.focusOutline", activeContrastBorder, ( localize(
+    1640,
+    "Outline color of the focused (keyboard-navigated) entry in the suggest widget."
+)));
 registerColor(
     "editorSuggestWidget.highlightForeground",
     listHighlightForeground,
-    ( localize(1626, "Color of the match highlights in the suggest widget."))
+    ( localize(1641, "Color of the match highlights in the suggest widget."))
 );
-registerColor(
-    "editorSuggestWidget.focusHighlightForeground",
-    listFocusHighlightForeground,
-    ( localize(
-    1627,
+registerColor("editorSuggestWidget.focusHighlightForeground", {
+    dark: listFocusHighlightForeground,
+    light: listFocusHighlightForeground,
+    hcDark: editorSuggestWidgetSelectedForeground,
+    hcLight: editorSuggestWidgetSelectedForeground
+}, ( localize(
+    1642,
     "Color of the match highlights in the suggest widget when an item is focused."
-))
-);
-registerColor("editorSuggestWidgetStatus.foreground", ( transparent(editorSuggestWidgetForeground, .5)), ( localize(1628, "Foreground color of the suggest widget status.")));
+)));
+registerColor("editorSuggestWidgetStatus.foreground", ( transparent(editorSuggestWidgetForeground, .5)), ( localize(1643, "Foreground color of the suggest widget status.")));
 var State;
 (function(State) {
     State[State["Hidden"] = 0] = "Hidden";
@@ -118,10 +126,10 @@ let SuggestWidget = class SuggestWidget {
         SuggestWidget_1 = this;
     }
     static {
-        this.LOADING_MESSAGE = ( localize(1629, "Loading..."));
+        this.LOADING_MESSAGE = ( localize(1644, "Loading..."));
     }
     static {
-        this.NO_SUGGESTIONS_MESSAGE = ( localize(1630, "No suggestions."));
+        this.NO_SUGGESTIONS_MESSAGE = ( localize(1645, "No suggestions."));
     }
     constructor(
         editor,
@@ -206,6 +214,11 @@ let SuggestWidget = class SuggestWidget {
         this._details = ( new SuggestDetailsOverlay(details, this.editor));
         const applyIconStyle = () => this.element.domNode.classList.toggle("no-icons", !this.editor.getOption(EditorOption.suggest).showIcons);
         applyIconStyle();
+        const applyFitWidthStyle = () => this.element.domNode.classList.toggle(
+            "fit-width-to-details",
+            this.editor.getOption(EditorOption.suggest).fitWidthToDetails
+        );
+        applyFitWidthStyle();
         const renderer = instantiationService.createInstance(ItemRenderer, this.editor);
         this._disposables.add(renderer);
         this._disposables.add(renderer.onDidToggleDetails(() => this.toggleDetails()));
@@ -219,7 +232,7 @@ let SuggestWidget = class SuggestWidget {
             multipleSelectionSupport: false,
             accessibilityProvider: {
                 getRole: () => isWindows ? "listitem" : "option",
-                getWidgetAriaLabel: () => ( localize(1631, "Suggest")),
+                getWidgetAriaLabel: () => ( localize(1646, "Suggest")),
                 getWidgetRole: () => "listbox",
                 getAriaLabel: item => {
                     let label = item.textLabel;
@@ -230,14 +243,14 @@ let SuggestWidget = class SuggestWidget {
                             description
                         } = item.completion.label;
                         if (detail && description) {
-                            label = ( localize(1632, "{0} {1}, {2}, {3}", label, detail, description, kindLabel));
+                            label = ( localize(1647, "{0} {1}, {2}, {3}", label, detail, description, kindLabel));
                         } else if (detail) {
-                            label = ( localize(1633, "{0} {1}, {2}", label, detail, kindLabel));
+                            label = ( localize(1648, "{0} {1}, {2}", label, detail, kindLabel));
                         } else if (description) {
-                            label = ( localize(1634, "{0}, {1}, {2}", label, description, kindLabel));
+                            label = ( localize(1649, "{0}, {1}, {2}", label, description, kindLabel));
                         }
                     } else {
-                        label = ( localize(1635, "{0}, {1}", label, kindLabel));
+                        label = ( localize(1650, "{0}, {1}", label, kindLabel));
                     }
                     if (!item.isResolved || !this._isDetailsVisible()) {
                         return label;
@@ -251,13 +264,13 @@ let SuggestWidget = class SuggestWidget {
                         detail || "",
                         documentation ? (typeof documentation === "string" ? documentation : documentation.value) : ""
                     );
-                    return localize(1636, "{0}, docs: {1}", label, docs);
+                    return localize(1651, "{0}, docs: {1}", label, docs);
                 }
             }
         }));
         this._list.style(getListStyles({
             listInactiveFocusBackground: editorSuggestWidgetSelectedBackground,
-            listInactiveFocusOutline: activeContrastBorder
+            listInactiveFocusOutline: editorSuggestWidgetFocusOutline
         }));
         this._status = instantiationService.createInstance(
             SuggestWidgetStatus,
@@ -281,6 +294,7 @@ let SuggestWidget = class SuggestWidget {
             if (e.hasChanged(EditorOption.suggest)) {
                 applyStatusBarStyle();
                 applyIconStyle();
+                applyFitWidthStyle();
             }
             if (this._completionModel && (e.hasChanged(EditorOption.fontInfo) || e.hasChanged(EditorOption.suggestFontSize) || e.hasChanged(EditorOption.suggestLineHeight))) {
                 this._list.splice(0, this._list.length, this._completionModel.items);
@@ -768,7 +782,13 @@ let SuggestWidget = class SuggestWidget {
             if (width > maxWidth) {
                 width = maxWidth;
             }
-            const preferredWidth = this._completionModel ? this._completionModel.stats.pLabelLen * info.typicalHalfwidthCharacterWidth : width;
+            let preferredWidth = this._completionModel ? this._completionModel.stats.pLabelLen * info.typicalHalfwidthCharacterWidth : width;
+            if (this.editor.getOption(EditorOption.suggest).fitWidthToDetails && this._completionModel && !this._persistedSize.restore()) {
+                const cap = Math.min(maxWidth, this.editor.getLayoutInfo().width);
+                const fitWidth = Math.min(cap, this._measureContentWidth(info));
+                width = Math.max(width, fitWidth);
+                preferredWidth = Math.max(preferredWidth, fitWidth);
+            }
             const fullHeight = info.statusBarHeight + this._list.contentHeight + info.borderHeight;
             const minHeight = info.itemHeight + info.statusBarHeight;
             const editorBox = getDomNodePagePosition(this.editor.getDomNode());
@@ -831,6 +851,47 @@ let SuggestWidget = class SuggestWidget {
             );
         }
     }
+    _measureContentWidth(info) {
+        const model = this._completionModel;
+        if (!model) {
+            return 0;
+        }
+        if (this._fitContentWidth?.model === model) {
+            return this._fitContentWidth.width;
+        }
+        if (this._measureContext === undefined) {
+            this._measureContext = $("canvas").getContext("2d");
+        }
+        let maxTextWidth;
+        if (this._measureContext) {
+            const options = this.editor.getOptions();
+            const fontInfo = options.get(EditorOption.fontInfo);
+            const fontSize = options.get(EditorOption.suggestFontSize) || fontInfo.fontSize;
+            this._measureContext.font = `${fontInfo.fontWeight} ${fontSize}px ${fontInfo.getMassagedFontFamily()}`;
+            maxTextWidth = 0;
+            for (const item of model.items) {
+                const {
+                    completion
+                } = item;
+                let text = item.textLabel;
+                if (typeof completion.label === "string") {
+                    text += completion.detail ?? "";
+                } else {
+                    text += (completion.label.detail ?? "") + (completion.label.description ?? "");
+                }
+                maxTextWidth = Math.max(maxTextWidth, this._measureContext.measureText(text).width);
+            }
+        } else {
+            maxTextWidth = model.stats.pLabelLen * info.typicalHalfwidthCharacterWidth;
+        }
+        const chrome = 2 * info.itemHeight + 2 * info.horizontalPadding + 20;
+        const width = maxTextWidth + chrome;
+        this._fitContentWidth = {
+            model,
+            width
+        };
+        return width;
+    }
     getLayoutInfo() {
         const fontInfo = this.editor.getOption(EditorOption.fontInfo);
         const itemHeight = clamp(
@@ -946,4 +1007,4 @@ class SuggestContentWidget {
     }
 }
 
-export { SuggestContentWidget, SuggestWidget, editorSuggestWidgetForeground, editorSuggestWidgetSelectedBackground };
+export { SuggestContentWidget, SuggestWidget, editorSuggestWidgetFocusOutline, editorSuggestWidgetForeground, editorSuggestWidgetSelectedBackground };

package/vscode/src/vs/editor/contrib/suggest/browser/suggestWidgetDetails.js

@@ -41,7 +41,8 @@ let SuggestDetailsWidget = class SuggestDetailsWidget {
         this._disposables.add(this._scrollbar);
         this._header = append(this._body, $(".header"));
         this._close = append(this._header, $("span" + ThemeIcon.asCSSSelector(Codicon.close)));
-        this._close.title = ( localize(1637, "Close"));
+        this._close.title = ( localize(1652, "Close"));
+        this._close.ariaLabel = ( localize(1652, "Close"));
         this._close.role = "button";
         this._close.tabIndex = -1;
         this._type = append(this._header, $("p.type"));
@@ -89,7 +90,7 @@ let SuggestDetailsWidget = class SuggestDetailsWidget {
         };
     }
     renderLoading() {
-        this._type.textContent = ( localize(1638, "Loading..."));
+        this._type.textContent = ( localize(1653, "Loading..."));
         this._docs.textContent = "";
         this.domNode.classList.remove("no-docs", "no-type");
         this.layout(this.size.width, this.getLayoutInfo().lineHeight * 2);

package/vscode/src/vs/editor/contrib/suggest/browser/suggestWidgetRenderer.js

@@ -19,7 +19,7 @@ import { registerIcon } from '../../../../platform/theme/common/iconRegistry.js'
 import { IThemeService } from '../../../../platform/theme/common/themeService.service.js';
 import { canExpandCompletionItem } from './suggestWidgetDetails.js';
 
-const suggestMoreInfoIcon = registerIcon("suggest-more-info", Codicon.chevronRight, ( localize(1639, "Icon for more information in the suggest widget.")));
+const suggestMoreInfoIcon = registerIcon("suggest-more-info", Codicon.chevronRight, ( localize(1654, "Icon for more information in the suggest widget.")));
 const _completionItemColor = new (class ColorExtractor {
     static {
         this._regexRelaxed = /(#([\da-fA-F]{3}){1,2}|(rgb|hsl)a\(\s*(\d{1,3}%?\s*,\s*){3}(1|0?\.\d+)\)|(rgb|hsl)\(\s*\d{1,3}%?(\s*,\s*\d{1,3}%?){2}\s*\))/;
@@ -80,7 +80,7 @@ let ItemRenderer = class ItemRenderer {
         const qualifierLabel = append(left, $("span.qualifier-label"));
         const detailsLabel = append(right, $("span.details-label"));
         const readMore = append(right, $("span.readMore" + ThemeIcon.asCSSSelector(suggestMoreInfoIcon)));
-        readMore.title = ( localize(1640, "Read More"));
+        readMore.title = ( localize(1655, "Read More"));
         const configureFont = () => {
             const options = this._editor.getOptions();
             const fontInfo = options.get(EditorOption.fontInfo);

package/vscode/src/vs/editor/contrib/suggest/browser/wordContextKey.js

@@ -14,7 +14,7 @@ let WordContextKey = class WordContextKey {
         this.AtEnd = ( new RawContextKey("atEndOfWord", false, {
             type: "boolean",
             description: ( localize(
-                1641,
+                1656,
                 "A context key that is true when at the end of a word. Note that this is only defined when tab-completions are enabled"
             ))
         }));