@codingame/monaco-vscode-chat-service-override 26.2.2 → 28.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/chatManagement/chatManagementEditorInput.js

@@ -4,8 +4,8 @@ import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { registerIcon } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/iconRegistry';
 import { EditorInput } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/editor/editorInput';
 
-const ChatManagementEditorIcon = registerIcon("ai-management-editor-label-icon", Codicon.copilot, ( localize(5401, "Icon of the AI Management editor label.")));
-const ModelsManagementEditorIcon = registerIcon("models-management-editor-label-icon", Codicon.settings, ( localize(5402, "Icon of the Models Management editor label.")));
+const ChatManagementEditorIcon = registerIcon("ai-management-editor-label-icon", Codicon.copilot, ( localize(5903, "Icon of the AI Management editor label.")));
+const ModelsManagementEditorIcon = registerIcon("models-management-editor-label-icon", Codicon.settings, ( localize(5904, "Icon of the Models Management editor label.")));
 const CHAT_MANAGEMENT_SECTION_USAGE = "usage";
 const CHAT_MANAGEMENT_SECTION_MODELS = "models";
 class ChatManagementEditorInput extends EditorInput {
@@ -23,7 +23,7 @@ class ChatManagementEditorInput extends EditorInput {
         return ChatManagementEditorInput.ID;
     }
     getName() {
-        return localize(5403, "Manage Copilot");
+        return localize(5905, "Manage Copilot");
     }
     getIcon() {
         return ChatManagementEditorIcon;
@@ -47,7 +47,7 @@ class ModelsManagementEditorInput extends EditorInput {
         return ModelsManagementEditorInput.ID;
     }
     getName() {
-        return localize(5404, "Language Models");
+        return localize(5906, "Language Models");
     }
     getIcon() {
         return ModelsManagementEditorIcon;

package/vscode/src/vs/workbench/contrib/chat/browser/chatManagement/chatModelsViewModel.js

@@ -261,7 +261,7 @@ let ChatModelsViewModel = class ChatModelsViewModel extends Disposable {
                 group: {
                     type: "group",
                     id: "visible",
-                    label: ( localize(5405, "Visible")),
+                    label: ( localize(5907, "Visible")),
                     templateId: GROUP_ENTRY_TEMPLATE_ID,
                     collapsed: ( this.collapsedGroups.has("visible"))
                 },
@@ -271,7 +271,7 @@ let ChatModelsViewModel = class ChatModelsViewModel extends Disposable {
                 group: {
                     type: "group",
                     id: "hidden",
-                    label: ( localize(5406, "Hidden")),
+                    label: ( localize(5908, "Hidden")),
                     templateId: GROUP_ENTRY_TEMPLATE_ID,
                     collapsed: ( this.collapsedGroups.has("hidden"))
                 },

package/vscode/src/vs/workbench/contrib/chat/browser/chatManagement/chatModelsWidget.js

@@ -27,7 +27,7 @@ import { settingsTextInputBorder } from '@codingame/monaco-vscode-api/vscode/vs/
 import { ChatEntitlement } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService';
 import { IChatEntitlementService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service';
 import { DropdownMenuActionViewItem } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/dropdown/dropdownActionViewItem';
-import { AnchorAlignment } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/contextview/contextview';
+import '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/contextview/contextview';
 import { ToolBar } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/toolbar/toolbar';
 import { preferencesClearInputIcon } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/preferences/browser/preferencesIcons';
 import { ICommandService } from '@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service';
@@ -36,6 +36,7 @@ import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platf
 import { CONTEXT_MODELS_SEARCH_FOCUS } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
 import { IDialogService } from '@codingame/monaco-vscode-api/vscode/vs/platform/dialogs/common/dialogs.service';
 import Severity from '@codingame/monaco-vscode-api/vscode/vs/base/common/severity';
+import { AnchorAlignment } from '@codingame/monaco-vscode-api/vscode/vs/base/common/layout';
 
 var ModelNameColumnRenderer_1, MultiplierColumnRenderer_1, TokenLimitsColumnRenderer_1, ActionsColumnRenderer_1, ChatModelsWidget_1;
 registerCss(chatModelsWidget);
@@ -45,7 +46,7 @@ const VENDOR_ROW_HEIGHT = 30;
 const MODEL_ROW_HEIGHT = 26;
 class ModelsFilterAction extends Action {
     constructor() {
-        super("workbench.models.filter", ( localize(5407, "Filter")), ThemeIcon.asClassName(Codicon.filter));
+        super("workbench.models.filter", ( localize(5909, "Filter")), ThemeIcon.asClassName(Codicon.filter));
     }
     async run() {}
 }
@@ -95,7 +96,7 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
             label,
             class: undefined,
             enabled: true,
-            tooltip: ( localize(5408, "Group by {0}", label)),
+            tooltip: ( localize(5910, "Group by {0}", label)),
             checked: this.viewModel.groupBy === grouping,
             run: () => {
                 this.viewModel.groupBy = grouping;
@@ -109,7 +110,7 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
         return {
             id: `provider-${vendor}`,
             label: displayName,
-            tooltip: ( localize(5409, "Filter by {0}", displayName)),
+            tooltip: ( localize(5911, "Filter by {0}", displayName)),
             class: undefined,
             enabled: true,
             checked: isChecked,
@@ -126,7 +127,7 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
         return {
             id: `capability-${capability}`,
             label,
-            tooltip: ( localize(5410, "Filter by {0}", label)),
+            tooltip: ( localize(5912, "Filter by {0}", label)),
             class: undefined,
             enabled: true,
             checked: isChecked,
@@ -142,7 +143,7 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
         return {
             id: `visible-${visible}`,
             label,
-            tooltip: ( localize(5411, "Filter by {0}", label)),
+            tooltip: ( localize(5913, "Filter by {0}", label)),
             class: undefined,
             enabled: true,
             checked: isChecked,
@@ -159,10 +160,10 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
     }
     getActions() {
         const actions = [];
-        actions.push(this.createCapabilityAction("tools", ( localize(5412, "Tools"))), this.createCapabilityAction("vision", ( localize(5413, "Vision"))), this.createCapabilityAction("agent", ( localize(5414, "Agent Mode"))));
+        actions.push(this.createCapabilityAction("tools", ( localize(5914, "Tools"))), this.createCapabilityAction("vision", ( localize(5915, "Vision"))), this.createCapabilityAction("agent", ( localize(5916, "Agent Mode"))));
         actions.push(( new Separator()));
-        actions.push(this.createVisibleAction(true, ( localize(5415, "Visible in Chat Model Picker"))));
-        actions.push(this.createVisibleAction(false, ( localize(5416, "Hidden in Chat Model Picker"))));
+        actions.push(this.createVisibleAction(true, ( localize(5917, "Visible in Chat Model Picker"))));
+        actions.push(this.createVisibleAction(false, ( localize(5918, "Hidden in Chat Model Picker"))));
         const configuredVendors = this.viewModel.getConfiguredVendors();
         if (configuredVendors.length > 1) {
             actions.push(( new Separator()));
@@ -172,9 +173,9 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
         }
         actions.push(( new Separator()));
         const groupByActions = [];
-        groupByActions.push(this.createGroupByAction(ChatModelGroup.Vendor, ( localize(5417, "Provider"))));
-        groupByActions.push(this.createGroupByAction(ChatModelGroup.Visibility, ( localize(5418, "Visibility (Chat Model Picker)"))));
-        actions.push(( new SubmenuAction("groupBy", ( localize(5419, "Group By")), groupByActions)));
+        groupByActions.push(this.createGroupByAction(ChatModelGroup.Vendor, ( localize(5919, "Provider"))));
+        groupByActions.push(this.createGroupByAction(ChatModelGroup.Visibility, ( localize(5920, "Visibility (Chat Model Picker)"))));
+        actions.push(( new SubmenuAction("groupBy", ( localize(5921, "Group By")), groupByActions)));
         return actions;
     }
 };
@@ -253,7 +254,7 @@ class GutterColumnRenderer extends ModelsTableColumnRenderer {
         if (templateData.listRowElement) {
             templateData.listRowElement.setAttribute("aria-expanded", entry.collapsed ? "false" : "true");
         }
-        const label = entry.collapsed ? ( localize(5420, "Expand")) : ( localize(5421, "Collapse"));
+        const label = entry.collapsed ? ( localize(5922, "Expand")) : ( localize(5923, "Collapse"));
         const toggleCollapseAction = {
             id: "toggleCollapse",
             label,
@@ -274,9 +275,9 @@ class GutterColumnRenderer extends ModelsTableColumnRenderer {
         const isVisible = modelEntry.visible;
         const toggleVisibilityAction = toAction({
             id: "toggleVisibility",
-            label: isVisible ? ( localize(5422, "Hide")) : ( localize(5423, "Show")),
+            label: isVisible ? ( localize(5924, "Hide")) : ( localize(5925, "Show")),
             class: `model-visibility-toggle ${isVisible ? `${ThemeIcon.asClassName(Codicon.eye)} model-visible` : `${ThemeIcon.asClassName(Codicon.eyeClosed)} model-hidden`}`,
-            tooltip: isVisible ? ( localize(5424, "Hide in the chat model picker")) : ( localize(5425, "Show in the chat model picker")),
+            tooltip: isVisible ? ( localize(5926, "Hide in the chat model picker")) : ( localize(5927, "Show in the chat model picker")),
             checked: !isVisible,
             run: async () => this.viewModel.toggleVisibility(entry)
         });
@@ -365,7 +366,7 @@ let ModelNameColumnRenderer = class ModelNameColumnRenderer extends ModelsTableC
             markdown.appendText(`\n`);
         }
         if (!entry.model.visible) {
-            markdown.appendMarkdown(`\n\n${( localize(5426, "This model is hidden in the chat model picker"))}`);
+            markdown.appendMarkdown(`\n\n${( localize(5928, "This model is hidden in the chat model picker"))}`);
         }
         templateData.elementDisposables.add(
             this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
@@ -434,7 +435,7 @@ let MultiplierColumnRenderer = class MultiplierColumnRenderer extends ModelsTabl
             templateData.elementDisposables.add(
                 this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
                     content: ( localize(
-                        5427,
+                        5929,
                         "Every chat message counts {0} towards your premium model request quota",
                         multiplierText
                     )),
@@ -486,26 +487,12 @@ let TokenLimitsColumnRenderer = class TokenLimitsColumnRenderer extends ModelsTa
             supportThemeIcons: true
         }));
         if (modelEntry.metadata.maxInputTokens || modelEntry.metadata.maxOutputTokens) {
-            let addSeparator = false;
-            markdown.appendMarkdown(`${( localize(5428, "Context Size"))}: `);
-            if (modelEntry.metadata.maxInputTokens) {
-                const inputDiv = append(templateData.tokenLimitsElement, $(".token-limit-item"));
-                append(inputDiv, $("span.codicon.codicon-arrow-down"));
-                const inputText = append(inputDiv, $("span"));
-                inputText.textContent = formatTokenCount(modelEntry.metadata.maxInputTokens);
-                markdown.appendMarkdown(`$(arrow-down) ${modelEntry.metadata.maxInputTokens} (${( localize(5429, "Input"))})`);
-                addSeparator = true;
-            }
-            if (modelEntry.metadata.maxOutputTokens) {
-                const outputDiv = append(templateData.tokenLimitsElement, $(".token-limit-item"));
-                append(outputDiv, $("span.codicon.codicon-arrow-up"));
-                const outputText = append(outputDiv, $("span"));
-                outputText.textContent = formatTokenCount(modelEntry.metadata.maxOutputTokens);
-                if (addSeparator) {
-                    markdown.appendText(`  |  `);
-                }
-                markdown.appendMarkdown(`$(arrow-up) ${modelEntry.metadata.maxOutputTokens} (${( localize(5430, "Output"))})`);
-            }
+            const totalTokens = (modelEntry.metadata.maxInputTokens ?? 0) + (modelEntry.metadata.maxOutputTokens ?? 0);
+            const tokenDiv = append(templateData.tokenLimitsElement, $(".token-limit-item"));
+            const tokenText = append(tokenDiv, $("span"));
+            tokenText.textContent = formatTokenCount(totalTokens);
+            markdown.appendMarkdown(`${( localize(5930, "Context Size"))}: `);
+            markdown.appendMarkdown(`${formatTokenCount(totalTokens)}`);
         }
         templateData.elementDisposables.add(
             this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
@@ -529,6 +516,9 @@ class CapabilitiesColumnRenderer extends ModelsTableColumnRenderer {
     static {
         this.TEMPLATE_ID = "capabilities";
     }
+    dispose() {
+        this._onDidClickCapability.dispose();
+    }
     renderTemplate(container) {
         const disposables = ( new DisposableStore());
         const elementDisposables = ( new DisposableStore());
@@ -556,7 +546,7 @@ class CapabilitiesColumnRenderer extends ModelsTableColumnRenderer {
             templateData.elementDisposables.add(this.createCapabilityButton(
                 templateData.metadataRow,
                 capabilityMatches?.includes("toolCalling") || false,
-                ( localize(5431, "Tools")),
+                ( localize(5931, "Tools")),
                 "tools"
             ));
         }
@@ -564,7 +554,7 @@ class CapabilitiesColumnRenderer extends ModelsTableColumnRenderer {
             templateData.elementDisposables.add(this.createCapabilityButton(
                 templateData.metadataRow,
                 capabilityMatches?.includes("vision") || false,
-                ( localize(5432, "Vision")),
+                ( localize(5932, "Vision")),
                 "vision"
             ));
         }
@@ -639,17 +629,17 @@ let ActionsColumnRenderer = class ActionsColumnRenderer extends ModelsTableColum
         if (vendorEntry.vendor.configuration) {
             secondaryActions.push(toAction({
                 id: "configureAction",
-                label: ( localize(5433, "Configure...")),
+                label: ( localize(5933, "Configure...")),
                 run: () => this.languageModelsService.configureLanguageModelsProviderGroup(vendorEntry.vendor.vendor, vendorEntry.group.name)
             }));
             secondaryActions.push(toAction({
                 id: "deleteAction",
-                label: ( localize(5434, "Delete")),
+                label: ( localize(5934, "Delete")),
                 class: ThemeIcon.asClassName(Codicon.trash),
                 run: async () => {
                     const result = await this.dialogService.confirm({
                         type: "info",
-                        message: ( localize(5435, "Would you like to delete {0}?", vendorEntry.group.name))
+                        message: ( localize(5935, "Would you like to delete {0}?", vendorEntry.group.name))
                     });
                     if (!result.confirmed) {
                         return;
@@ -660,7 +650,7 @@ let ActionsColumnRenderer = class ActionsColumnRenderer extends ModelsTableColum
         } else if (vendorEntry.vendor.managementCommand) {
             primaryActions.push(toAction({
                 id: "manageVendor",
-                label: ( localize(5436, "Manage {0}...", vendorEntry.group.name)),
+                label: ( localize(5936, "Manage {0}...", vendorEntry.group.name)),
                 class: ThemeIcon.asClassName(Codicon.gear),
                 run: async () => {
                     await this.commandService.executeCommand(vendorEntry.vendor.managementCommand, vendorEntry.vendor.vendor);
@@ -739,7 +729,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         this.dropdownActions = [];
         this.tableDisposables = this._register(( new DisposableStore()));
         this.searchFocusContextKey = CONTEXT_MODELS_SEARCH_FOCUS.bindTo(contextKeyService);
-        this.delayedFiltering = ( new Delayer(200));
+        this.delayedFiltering = this._register(( new Delayer(200)));
         this.viewModel = this._register(this.instantiationService.createInstance(ChatModelsViewModel));
         this.element = $$1(".models-widget");
         this.create(this.element);
@@ -748,7 +738,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
     }
     create(container) {
         const searchAndButtonContainer = append(container, $(".models-search-and-button-container"));
-        const placeholder = ( localize(5437, "Type to search..."));
+        const placeholder = ( localize(5937, "Type to search..."));
         const searchContainer = append(searchAndButtonContainer, $(".models-search-container"));
         this.searchWidget = this._register(
             this.instantiationService.createInstance(SuggestEnabledInput, "chatModelsWidget.searchbox", searchContainer, {
@@ -785,8 +775,8 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
             })
         );
         const filterAction = this._register(( new ModelsFilterAction()));
-        const clearSearchAction = this._register(( new Action("workbench.models.clearSearch", ( localize(5438, "Clear Search")), ThemeIcon.asClassName(preferencesClearInputIcon), false, () => this.clearSearch())));
-        const collapseAllAction = this._register(( new Action("workbench.models.collapseAll", ( localize(5439, "Collapse All")), ThemeIcon.asClassName(Codicon.collapseAll), false, () => {
+        const clearSearchAction = this._register(( new Action("workbench.models.clearSearch", ( localize(5938, "Clear Search")), ThemeIcon.asClassName(preferencesClearInputIcon), false, () => this.clearSearch())));
+        const collapseAllAction = this._register(( new Action("workbench.models.collapseAll", ( localize(5939, "Collapse All")), ThemeIcon.asClassName(Codicon.collapseAll), false, () => {
             this.viewModel.collapseAll();
         })));
         collapseAllAction.enabled = ( this.viewModel.viewModelEntries.some(e => isLanguageModelGroupEntry(e) || isLanguageModelProviderEntry(e)));
@@ -819,7 +809,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
             supportIcons: true
         };
         this.addButton = this._register(( new Button(this.addButtonContainer, buttonOptions)));
-        this.addButton.label = `$(${Codicon.add.id}) ${( localize(5440, "Add Models..."))}`;
+        this.addButton.label = `$(${Codicon.add.id}) ${( localize(5940, "Add Models..."))}`;
         this.addButton.element.classList.add("models-add-model-button");
         this.updateAddModelsButton();
         this._register(this.addButton.onDidClick(e => {
@@ -850,6 +840,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         const capabilitiesColumnRenderer = this.instantiationService.createInstance(CapabilitiesColumnRenderer);
         const actionsColumnRenderer = this.instantiationService.createInstance(ActionsColumnRenderer, this.viewModel);
         const providerColumnRenderer = this.instantiationService.createInstance(ProviderColumnRenderer);
+        this.tableDisposables.add(capabilitiesColumnRenderer);
         this.tableDisposables.add(capabilitiesColumnRenderer.onDidClickCapability(capability => {
             const currentQuery = this.searchWidget.getValue();
             const query = `@capability:${capability}`;
@@ -869,7 +860,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 return row;
             }
         }, {
-            label: ( localize(5441, "Name")),
+            label: ( localize(5941, "Name")),
             tooltip: "",
             weight: 0.35,
             minimumWidth: 200,
@@ -880,7 +871,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         }];
         if (this.viewModel.groupBy === ChatModelGroup.Visibility) {
             columns.push({
-                label: ( localize(5442, "Provider")),
+                label: ( localize(5942, "Provider")),
                 tooltip: "",
                 weight: 0.15,
                 minimumWidth: 100,
@@ -891,7 +882,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
             });
         }
         columns.push({
-            label: ( localize(5443, "Context Size")),
+            label: ( localize(5943, "Context Size")),
             tooltip: "",
             weight: 0.1,
             minimumWidth: 140,
@@ -900,7 +891,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 return row;
             }
         }, {
-            label: ( localize(5444, "Capabilities")),
+            label: ( localize(5944, "Capabilities")),
             tooltip: "",
             weight: 0.2,
             minimumWidth: 180,
@@ -909,7 +900,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 return row;
             }
         }, {
-            label: ( localize(5445, "Request Multiplier")),
+            label: ( localize(5945, "Request Multiplier")),
             tooltip: "",
             weight: 0.1,
             minimumWidth: 60,
@@ -945,30 +936,26 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 accessibilityProvider: {
                     getAriaLabel: e => {
                         if (isLanguageModelProviderEntry(e)) {
-                            return localize(5446, "{0} Models", e.vendorEntry.group.name);
+                            return localize(5946, "{0} Models", e.vendorEntry.group.name);
                         } else if (isLanguageModelGroupEntry(e)) {
-                            return e.id === "visible" ? ( localize(5447, "Visible Models")) : ( localize(5448, "Hidden Models"));
+                            return e.id === "visible" ? ( localize(5947, "Visible Models")) : ( localize(5948, "Hidden Models"));
                         } else if (isStatusEntry(e)) {
-                            return localize(5449, "Status: {0}", e.message);
+                            return localize(5949, "Status: {0}", e.message);
                         }
                         const ariaLabels = [];
                         ariaLabels.push(( localize(
-                            5450,
+                            5950,
                             "{0} from {1}",
                             e.model.metadata.name,
                             e.model.provider.vendor.displayName
                         )));
-                        if (e.model.metadata.maxInputTokens && e.model.metadata.maxOutputTokens) {
-                            ariaLabels.push(( localize(
-                                5451,
-                                "Context size: {0} input tokens and {1} output tokens",
-                                formatTokenCount(e.model.metadata.maxInputTokens),
-                                formatTokenCount(e.model.metadata.maxOutputTokens)
-                            )));
+                        if (e.model.metadata.maxInputTokens || e.model.metadata.maxOutputTokens) {
+                            const totalTokens = (e.model.metadata.maxInputTokens ?? 0) + (e.model.metadata.maxOutputTokens ?? 0);
+                            ariaLabels.push(( localize(5951, "Context size: {0} tokens", formatTokenCount(totalTokens))));
                         }
                         if (e.model.metadata.capabilities) {
                             ariaLabels.push(( localize(
-                                5452,
+                                5952,
                                 "Capabilities: {0}",
                                 ( Object.keys(e.model.metadata.capabilities)).join(", ")
                             )));
@@ -976,19 +963,19 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                         const multiplierText = e.model.metadata.multiplier ?? "-";
                         if (multiplierText !== "-") {
                             ariaLabels.push(( localize(
-                                5427,
+                                5929,
                                 "Every chat message counts {0} towards your premium model request quota",
                                 multiplierText
                             )));
                         }
                         if (e.model.visible) {
-                            ariaLabels.push(( localize(5453, "This model is visible in the chat model picker")));
+                            ariaLabels.push(( localize(5953, "This model is visible in the chat model picker")));
                         } else {
-                            ariaLabels.push(( localize(5454, "This model is hidden in the chat model picker")));
+                            ariaLabels.push(( localize(5954, "This model is hidden in the chat model picker")));
                         }
                         return ariaLabels.join(". ");
                     },
-                    getWidgetAriaLabel: () => ( localize(5455, "Language Models"))
+                    getWidgetAriaLabel: () => ( localize(5955, "Language Models"))
                 },
                 multipleSelectionSupport: true,
                 setRowLineHeight: false,
@@ -1013,13 +1000,13 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 const hiddenModels = selectedModelEntries.filter(entry => !entry.model.visible);
                 actions.push(toAction({
                     id: "hideSelectedModels",
-                    label: ( localize(5456, "Hide in the Chat Model Picker")),
+                    label: ( localize(5956, "Hide in the Chat Model Picker")),
                     enabled: visibleModels.length > 0,
                     run: () => this.viewModel.setModelsVisibility(selectedModelEntries, false)
                 }));
                 actions.push(toAction({
                     id: "showSelectedModels",
-                    label: ( localize(5457, "Show in the Chat Model Picker")),
+                    label: ( localize(5957, "Show in the Chat Model Picker")),
                     enabled: hiddenModels.length > 0,
                     run: () => this.viewModel.setModelsVisibility(selectedModelEntries, true)
                 }));
@@ -1037,12 +1024,12 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                     if (!entry.vendorEntry.vendor.isDefault) {
                         actions.push(toAction({
                             id: "hideAllModels",
-                            label: ( localize(5458, "Hide in the Chat Model Picker")),
+                            label: ( localize(5958, "Hide in the Chat Model Picker")),
                             run: () => this.viewModel.setGroupVisibility(entry, false)
                         }));
                         actions.push(toAction({
                             id: "showAllModels",
-                            label: ( localize(5459, "Show in the Chat Model Picker")),
+                            label: ( localize(5959, "Show in the Chat Model Picker")),
                             run: () => this.viewModel.setGroupVisibility(entry, true)
                         }));
                     }
@@ -1058,7 +1045,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                     if (configureVendor.managementCommand) {
                         actions.push(toAction({
                             id: "configureVendor",
-                            label: ( localize(5460, "Configure")),
+                            label: ( localize(5960, "Configure")),
                             run: async () => {
                                 await this.commandService.executeCommand(configureVendor.managementCommand, configureVendor.vendor);
                                 await this.viewModel.refresh();
@@ -1067,7 +1054,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                     } else {
                         actions.push(toAction({
                             id: "configureVendor",
-                            label: ( localize(5460, "Configure")),
+                            label: ( localize(5960, "Configure")),
                             run: () => this.languageModelsService.configureLanguageModelsProviderGroup(configureVendor.vendor, configureGroup)
                         }));
                     }
@@ -1129,7 +1116,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         const isManagedEntitlement = entitlement === ChatEntitlement.Business || entitlement === ChatEntitlement.Enterprise;
         const supportsAddingModels = this.chatEntitlementService.isInternal || (entitlement !== ChatEntitlement.Unknown && entitlement !== ChatEntitlement.Available && !isManagedEntitlement);
         this.addButton.enabled = supportsAddingModels && configurableVendors.length > 0;
-        this.addButton.setTitle(!supportsAddingModels && isManagedEntitlement ? ( localize(5461, "Adding models is managed by your organization")) : "");
+        this.addButton.setTitle(!supportsAddingModels && isManagedEntitlement ? ( localize(5961, "Adding models is managed by your organization")) : "");
         this.dropdownActions = ( configurableVendors.map(vendor => toAction({
             id: `enable-${vendor.vendor}`,
             label: vendor.displayName,

package/vscode/src/vs/workbench/contrib/chat/browser/chatManagement/chatUsageWidget.js

@@ -16,7 +16,7 @@ let ChatUsageWidget = class ChatUsageWidget extends Disposable {
     constructor(chatEntitlementService) {
         super();
         this.chatEntitlementService = chatEntitlementService;
-        this._onDidChangeContentHeight = ( new Emitter());
+        this._onDidChangeContentHeight = this._register(( new Emitter()));
         this.onDidChangeContentHeight = this._onDidChangeContentHeight.event;
         this.dateFormatter = safeIntl.DateTimeFormat(language, {
             year: "numeric",
@@ -49,27 +49,38 @@ let ChatUsageWidget = class ChatUsageWidget extends Disposable {
             resetDateHasTime
         } = this.chatEntitlementService.quotas;
         if (this.chatEntitlementService.anonymous && this.chatEntitlementService.sentiment.installed && !completionsQuota && !chatQuota && !premiumChatQuota) {
-            this.renderLimitedQuotaItem(this.usageSection, ( localize(5462, "Inline Suggestions")));
-            this.renderLimitedQuotaItem(this.usageSection, ( localize(5463, "Chat messages")));
+            this.renderLimitedQuotaItem(this.usageSection, ( localize(5962, "Inline Suggestions")));
+            this.renderLimitedQuotaItem(this.usageSection, ( localize(5963, "Chat messages")));
         }
         else if (completionsQuota || chatQuota || premiumChatQuota) {
             if (completionsQuota) {
-                this.renderQuotaItem(this.usageSection, ( localize(5464, "Inline Suggestions")), completionsQuota);
+                this.renderQuotaItem(this.usageSection, ( localize(5964, "Inline Suggestions")), completionsQuota);
             }
             if (chatQuota) {
-                this.renderQuotaItem(this.usageSection, ( localize(5465, "Chat messages")), chatQuota);
+                this.renderQuotaItem(this.usageSection, ( localize(5965, "Chat messages")), chatQuota);
             }
             if (premiumChatQuota) {
-                this.renderQuotaItem(this.usageSection, ( localize(5466, "Premium requests")), premiumChatQuota);
-                if (premiumChatQuota.overageEnabled) {
+                const premiumLabel = premiumChatQuota.overageEnabled ? ( localize(5966, "Included premium requests")) : ( localize(5967, "Premium requests"));
+                this.renderQuotaItem(
+                    this.usageSection,
+                    premiumLabel,
+                    premiumChatQuota,
+                    premiumChatQuota.overageEnabled
+                );
+                if (premiumChatQuota.overageEnabled && !premiumChatQuota.unlimited) {
                     const overageMessage = append(this.usageSection, $(".overage-message"));
-                    overageMessage.textContent = ( localize(5467, "Additional paid premium requests enabled."));
+                    overageMessage.append(( localize(5968, "Additional premium requests approved.")));
+                    append(overageMessage, $("br"));
+                    overageMessage.append(( localize(
+                        5969,
+                        "You can continue after included premium requests limit reaches 100%."
+                    )));
                 }
             }
             if (resetDate) {
                 const resetText = append(this.usageSection, $(".allowance-resets"));
                 resetText.textContent = ( localize(
-                    5468,
+                    5970,
                     "Allowance resets {0}.",
                     resetDateHasTime ? this.dateTimeFormatter.value.format(( new Date(resetDate))) : this.dateFormatter.value.format(( new Date(resetDate)))
                 ));
@@ -78,24 +89,24 @@ let ChatUsageWidget = class ChatUsageWidget extends Disposable {
         const height = this.element.offsetHeight || 400;
         this._onDidChangeContentHeight.fire(height);
     }
-    renderQuotaItem(container, label, quota) {
+    renderQuotaItem(container, label, quota, overageEnabled = false) {
         const quotaItem = append(container, $(".quota-item"));
         const quotaItemHeader = append(quotaItem, $(".quota-item-header"));
         const quotaItemLabel = append(quotaItemHeader, $(".quota-item-label"));
         quotaItemLabel.textContent = label;
         const quotaItemValue = append(quotaItemHeader, $(".quota-item-value"));
         if (quota.unlimited) {
-            quotaItemValue.textContent = ( localize(5469, "Included"));
+            quotaItemValue.textContent = ( localize(5971, "Included"));
         } else {
-            quotaItemValue.textContent = ( localize(5469, "Included"));
+            quotaItemValue.textContent = ( localize(5971, "Included"));
         }
         const progressBarContainer = append(quotaItem, $(".quota-bar"));
         const progressBar = append(progressBarContainer, $(".quota-bit"));
         const percentageUsed = this.getQuotaPercentageUsed(quota);
         progressBar.style.width = percentageUsed + "%";
-        if (percentageUsed >= 90) {
+        if (percentageUsed >= 90 && !overageEnabled) {
             quotaItem.classList.add("error");
-        } else if (percentageUsed >= 75) {
+        } else if (percentageUsed >= 75 && !overageEnabled) {
             quotaItem.classList.add("warning");
         }
     }
@@ -111,7 +122,7 @@ let ChatUsageWidget = class ChatUsageWidget extends Disposable {
         const quotaItemLabel = append(quotaItemHeader, $(".quota-item-label"));
         quotaItemLabel.textContent = label;
         const quotaItemValue = append(quotaItemHeader, $(".quota-item-value"));
-        quotaItemValue.textContent = ( localize(5470, "Limited"));
+        quotaItemValue.textContent = ( localize(5972, "Limited"));
         const progressBarContainer = append(quotaItem, $(".quota-bar"));
         append(progressBarContainer, $(".quota-bit"));
     }

package/vscode/src/vs/workbench/contrib/chat/browser/chatManagement/media/chatManagementEditor.css

@@ -6,7 +6,7 @@
 .ai-management-editor {
 	height: 100%;
 	overflow: hidden;
-	max-width: 1200px;
+	max-width: 1400px;
 	margin: 0 auto;
 	display: flex;
 	flex-direction: column;
@@ -15,7 +15,7 @@
 .ai-models-management-editor {
 	height: 100%;
 	overflow: hidden;
-	max-width: 1200px;
+	max-width: 1400px;
 	margin: 0 auto;
 	padding: 15px 0px 0px 24px;
 }

package/vscode/src/vs/workbench/contrib/chat/browser/chatOutputItemRenderer.js

@@ -133,11 +133,11 @@ const chatOutputRendererContributionSchema = {
     properties: {
         viewType: {
             type: "string",
-            description: ( localize(5471, "Unique identifier for the renderer."))
+            description: ( localize(5973, "Unique identifier for the renderer."))
         },
         mimeTypes: {
             type: "array",
-            description: ( localize(5472, "MIME types that this renderer can handle")),
+            description: ( localize(5974, "MIME types that this renderer can handle")),
             items: {
                 type: "string"
             }
@@ -152,7 +152,7 @@ const chatOutputRenderContributionPoint = ExtensionsRegistry.registerExtensionPo
         }
     },
     jsonSchema: {
-        description: ( localize(5473, "Contributes a renderer for specific MIME types in chat outputs")),
+        description: ( localize(5975, "Contributes a renderer for specific MIME types in chat outputs")),
         type: "array",
         items: chatOutputRendererContributionSchema
     }