@codingame/monaco-vscode-chat-service-override 34.1.2 → 35.0.0

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

@@ -9,6 +9,7 @@ import { DomScrollableElement } from '@codingame/monaco-vscode-api/vscode/vs/bas
 import { ScrollbarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/base/common/scrollable';
 import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
 import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
+import { resolveProviderDeprecationLink } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels';
 import { ILanguageModelsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels.service';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
@@ -18,11 +19,12 @@ import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/h
 import { MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
 import { IExtensionService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/extensions/common/extensions.service';
 import { IContextMenuService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service';
-import { Action, Separator, toAction } from '@codingame/monaco-vscode-api/vscode/vs/base/common/actions';
+import { toAction, Separator, Action } from '@codingame/monaco-vscode-api/vscode/vs/base/common/actions';
 import { ActionBar } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/actionbar/actionbar';
 import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
 import { isLanguageModelProviderEntry, isLanguageModelGroupEntry, isStatusEntry, ChatModelsViewModel, SEARCH_SUGGESTIONS } from './chatModelsViewModel.js';
 import { HighlightedLabel } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/highlightedlabel/highlightedLabel';
+import { Link } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/browser/link';
 import { SuggestEnabledInput } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/codeEditor/browser/suggestEnabledInput/suggestEnabledInput';
 import { Delayer } from '@codingame/monaco-vscode-api/vscode/vs/base/common/async';
 import { settingsTextInputBorder } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/preferences/common/settingsEditorColorRegistry';
@@ -34,11 +36,16 @@ import { ToolBar } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/
 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';
 import { IEditorProgressService } from '@codingame/monaco-vscode-api/vscode/vs/platform/progress/common/progress.service';
+import { IEditorGroupsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorGroupsService.service';
 import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
 import { CONTEXT_MODELS_SEARCH_FOCUS } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
+import { IExtensionsWorkbenchService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/extensions/common/extensions.service';
+import { LANGUAGE_MODEL_CHAT_PROVIDER_EXTENSION_TAG } from '@codingame/monaco-vscode-api/vscode/vs/platform/extensionManagement/common/extensionManagement';
 import { IDialogService } from '@codingame/monaco-vscode-api/vscode/vs/platform/dialogs/common/dialogs.service';
+import { IProductService } from '@codingame/monaco-vscode-api/vscode/vs/platform/product/common/productService.service';
+import { IWorkbenchEnvironmentService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/environment/common/environmentService.service';
 import Severity from '@codingame/monaco-vscode-api/vscode/vs/base/common/severity';
-import { formatTokenCount } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/widget/input/chatModelPicker';
+import { formatTokenCount } from '@codingame/monaco-vscode-api/vscode/vs/base/common/numbers';
 import { AnchorAlignment } from '@codingame/monaco-vscode-api/vscode/vs/base/common/layout';
 
 var ModelNameColumnRenderer_1, CombinedCostColumnRenderer_1, TokenLimitsColumnRenderer_1, ActionsColumnRenderer_1, ChatModelsWidget_1;
@@ -47,9 +54,43 @@ const $ = $$1;
 const HEADER_HEIGHT = 30;
 const VENDOR_ROW_HEIGHT = 30;
 const MODEL_ROW_HEIGHT = 26;
+const CLOSE_MODAL_EDITOR_COMMAND_ID = "workbench.action.closeModalEditor";
+function buildAddModelsDropdownActions(configurableVendors, supportsAddingModels, runVendorAction) {
+    if (!supportsAddingModels) {
+        return [];
+    }
+    const customEndpointVendor = configurableVendors.find(v => v.vendor === "customendpoint");
+    const customOaiVendor = configurableVendors.find(v => v.vendor === "customoai");
+    const sortedVendors = configurableVendors.filter(v => v.vendor !== "customendpoint" && v.vendor !== "customoai").sort((a, b) => {
+        const aDeprecated = a.deprecation?.link ? 1 : 0;
+        const bDeprecated = b.deprecation?.link ? 1 : 0;
+        if (aDeprecated !== bDeprecated) {
+            return aDeprecated - bDeprecated;
+        }
+        return a.displayName.localeCompare(b.displayName);
+    });
+    if (customOaiVendor) {
+        sortedVendors.push(customOaiVendor);
+    }
+    const toVendorAction = vendor => toAction({
+        id: `enable-${vendor.vendor}`,
+        label: vendor.displayName,
+        run: async () => {
+            await runVendorAction(vendor);
+        }
+    });
+    const actions = ( sortedVendors.map(toVendorAction));
+    if (customEndpointVendor) {
+        if (actions.length > 0) {
+            actions.push(( new Separator()));
+        }
+        actions.push(toVendorAction(customEndpointVendor));
+    }
+    return actions;
+}
 class ModelsFilterAction extends Action {
     constructor() {
-        super("workbench.models.filter", ( localize(6549, "Filter")), ThemeIcon.asClassName(Codicon.filter));
+        super("workbench.models.filter", ( localize(7041, "Filter")), ThemeIcon.asClassName(Codicon.filter));
     }
     async run() {}
 }
@@ -100,7 +141,7 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
         return {
             id: `provider-${vendor}`,
             label: displayName,
-            tooltip: ( localize(6550, "Filter by {0}", displayName)),
+            tooltip: ( localize(7042, "Filter by {0}", displayName)),
             class: undefined,
             enabled: true,
             checked: isChecked,
@@ -117,7 +158,7 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
         return {
             id: `capability-${capability}`,
             label,
-            tooltip: ( localize(6551, "Filter by {0}", label)),
+            tooltip: ( localize(7043, "Filter by {0}", label)),
             class: undefined,
             enabled: true,
             checked: isChecked,
@@ -133,7 +174,7 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
     }
     getActions() {
         const actions = [];
-        actions.push(this.createCapabilityAction("tools", ( localize(6552, "Tools"))), this.createCapabilityAction("vision", ( localize(6553, "Vision"))), this.createCapabilityAction("agent", ( localize(6554, "Agent Mode"))));
+        actions.push(this.createCapabilityAction("tools", ( localize(7044, "Tools"))), this.createCapabilityAction("vision", ( localize(7045, "Vision"))), this.createCapabilityAction("agent", ( localize(7046, "Agent Mode"))));
         const configuredVendors = this.viewModel.getConfiguredVendors();
         if (configuredVendors.length > 1) {
             actions.push(( new Separator()));
@@ -219,7 +260,7 @@ class GutterColumnRenderer extends ModelsTableColumnRenderer {
         if (templateData.listRowElement) {
             templateData.listRowElement.setAttribute("aria-expanded", entry.collapsed ? "false" : "true");
         }
-        const label = entry.collapsed ? ( localize(6555, "Expand")) : ( localize(6556, "Collapse"));
+        const label = entry.collapsed ? ( localize(7047, "Expand")) : ( localize(7048, "Collapse"));
         const toggleCollapseAction = {
             id: "toggleCollapse",
             label,
@@ -240,8 +281,8 @@ class GutterColumnRenderer extends ModelsTableColumnRenderer {
         const hidden = entry.hidden;
         templateData.actionBar.push({
             id: hidden ? "showGroup" : "hideGroup",
-            label: hidden ? ( localize(6557, "Show All Models")) : ( localize(6558, "Hide All Models")),
-            tooltip: hidden ? ( localize(6557, "Show All Models")) : ( localize(6558, "Hide All Models")),
+            label: hidden ? ( localize(7049, "Show All Models")) : ( localize(7050, "Hide All Models")),
+            tooltip: hidden ? ( localize(7049, "Show All Models")) : ( localize(7050, "Hide All Models")),
             class: `model-visibility-toggle ${ThemeIcon.asClassName(hidden ? Codicon.eyeClosed : Codicon.eye)}`,
             enabled: true,
             run: () => this.viewModel.toggleGroupHidden(entry)
@@ -254,8 +295,8 @@ class GutterColumnRenderer extends ModelsTableColumnRenderer {
         const hidden = entry.model.hidden;
         templateData.actionBar.push({
             id: hidden ? "showModel" : "hideModel",
-            label: hidden ? ( localize(6559, "Show Model")) : ( localize(6560, "Hide Model")),
-            tooltip: hidden ? ( localize(6559, "Show Model")) : ( localize(6560, "Hide Model")),
+            label: hidden ? ( localize(7051, "Show Model")) : ( localize(7052, "Hide Model")),
+            tooltip: hidden ? ( localize(7051, "Show Model")) : ( localize(7052, "Hide Model")),
             class: `model-visibility-toggle ${ThemeIcon.asClassName(hidden ? Codicon.eyeClosed : Codicon.eye)}`,
             enabled: true,
             run: () => this.viewModel.toggleModelHidden(entry)
@@ -272,9 +313,11 @@ let ModelNameColumnRenderer = class ModelNameColumnRenderer extends ModelsTableC
     static {
         this.TEMPLATE_ID = "modelName";
     }
-    constructor(hoverService) {
+    constructor(hoverService, instantiationService, productService) {
         super();
         this.hoverService = hoverService;
+        this.instantiationService = instantiationService;
+        this.productService = productService;
         this.templateId = ModelNameColumnRenderer_1.TEMPLATE_ID;
     }
     renderTemplate(container) {
@@ -283,12 +326,20 @@ let ModelNameColumnRenderer = class ModelNameColumnRenderer extends ModelsTableC
         const nameContainer = append(container, $(".model-name-container"));
         const statusIcon = append(nameContainer, $(".status-icon"));
         const nameLabel = disposables.add(( new HighlightedLabel(append(nameContainer, $(".model-name")))));
+        const deprecationLinkContainer = append(nameContainer, $(".model-deprecation-link"));
+        deprecationLinkContainer.style.display = "none";
+        const deprecationLink = disposables.add(this.instantiationService.createInstance(Link, deprecationLinkContainer, {
+            label: "",
+            href: ""
+        }, {}));
         const modelStatusIcon = append(nameContainer, $(".model-status-icon"));
         return {
             container,
             statusIcon,
             nameLabel,
             modelStatusIcon,
+            deprecationLinkContainer,
+            deprecationLink,
             disposables,
             elementDisposables
         };
@@ -296,10 +347,27 @@ let ModelNameColumnRenderer = class ModelNameColumnRenderer extends ModelsTableC
     renderElement(entry, index, templateData) {
         clearNode(templateData.modelStatusIcon);
         templateData.nameLabel.element.classList.remove("error-status", "warning-status", "info-status");
+        templateData.deprecationLinkContainer.style.display = "none";
         super.renderElement(entry, index, templateData);
     }
     renderVendorElement(entry, index, templateData) {
         templateData.nameLabel.set(entry.vendorEntry.group.name, undefined);
+        const deprecationLink = entry.vendorEntry.vendor.deprecation?.link;
+        if (deprecationLink) {
+            const icon = $("span");
+            icon.classList.add(...ThemeIcon.asClassNameArray(Codicon.linkExternal));
+            icon.setAttribute("aria-hidden", "true");
+            const label = $("span.model-deprecation-link-label", undefined, ( localize(7053, "Migrate")), icon);
+            templateData.deprecationLink.link = {
+                label,
+                href: ( resolveProviderDeprecationLink(deprecationLink, this.productService.urlProtocol).toString()),
+                title: ( localize(
+                    7054,
+                    "The Ollama model provider is deprecated. Please migrate to the official extension."
+                ))
+            };
+            templateData.deprecationLinkContainer.style.display = "";
+        }
     }
     renderGroupElement(entry, index, templateData) {
         templateData.nameLabel.set(entry.label, undefined);
@@ -370,7 +438,7 @@ let ModelNameColumnRenderer = class ModelNameColumnRenderer extends ModelsTableC
         templateData.nameLabel.set(entry.message, undefined, entry.message);
     }
 };
-ModelNameColumnRenderer = ModelNameColumnRenderer_1 = ( __decorate([( __param(0, IHoverService))], ModelNameColumnRenderer));
+ModelNameColumnRenderer = ModelNameColumnRenderer_1 = ( __decorate([( __param(0, IHoverService)), ( __param(1, IInstantiationService)), ( __param(2, IProductService))], ModelNameColumnRenderer));
 let CombinedCostColumnRenderer = class CombinedCostColumnRenderer extends ModelsTableColumnRenderer {
     static {
         CombinedCostColumnRenderer_1 = this;
@@ -388,21 +456,24 @@ let CombinedCostColumnRenderer = class CombinedCostColumnRenderer extends Models
         const elementDisposables = ( new DisposableStore());
         const grid = append(container, $(".model-cost-grid"));
         const inputCell = append(grid, $("span.model-cost-cell"));
-        const cacheCell = append(grid, $("span.model-cost-cell"));
         const outputCell = append(grid, $("span.model-cost-cell"));
+        const cacheReadCell = append(grid, $("span.model-cost-cell"));
+        const cacheWriteCell = append(grid, $("span.model-cost-cell"));
         return {
             container,
             inputCell,
             outputCell,
-            cacheCell,
+            cacheReadCell,
+            cacheWriteCell,
             disposables,
             elementDisposables
         };
     }
     renderElement(entry, index, templateData) {
         templateData.inputCell.textContent = "";
-        templateData.cacheCell.textContent = "";
         templateData.outputCell.textContent = "";
+        templateData.cacheReadCell.textContent = "";
+        templateData.cacheWriteCell.textContent = "";
         super.renderElement(entry, index, templateData);
     }
     renderGroupElement(_element, _index, _templateData) {}
@@ -411,22 +482,27 @@ let CombinedCostColumnRenderer = class CombinedCostColumnRenderer extends Models
         const {
             inputCost,
             outputCost,
-            cacheCost
+            cacheCost,
+            cacheWriteCost
         } = entry.model.metadata;
-        const hasCost = inputCost !== undefined || outputCost !== undefined || cacheCost !== undefined;
+        const hasCost = inputCost !== undefined || outputCost !== undefined || cacheCost !== undefined || cacheWriteCost !== undefined;
         if (hasCost) {
-            templateData.inputCell.textContent = inputCost !== undefined ? ( localize(6561, "In: {0}", inputCost)) : "";
-            templateData.cacheCell.textContent = cacheCost !== undefined ? ( localize(6562, "Cache: {0}", cacheCost)) : "";
-            templateData.outputCell.textContent = outputCost !== undefined ? ( localize(6563, "Out: {0}", outputCost)) : "";
+            templateData.inputCell.textContent = inputCost !== undefined ? ( localize(7055, "In: {0}", inputCost)) : "";
+            templateData.outputCell.textContent = outputCost !== undefined ? ( localize(7056, "Out: {0}", outputCost)) : "";
+            templateData.cacheReadCell.textContent = cacheCost !== undefined ? ( localize(7057, "Cache Read: {0}", cacheCost)) : "";
+            templateData.cacheWriteCell.textContent = cacheWriteCost !== undefined ? ( localize(7058, "Cache Write: {0}", cacheWriteCost)) : "";
             const parts = [];
             if (inputCost !== undefined) {
-                parts.push(inputCost === 1 ? ( localize(6564, "Input: {0} credit per 1M tokens", inputCost)) : ( localize(6565, "Input: {0} credits per 1M tokens", inputCost)));
+                parts.push(inputCost === 1 ? ( localize(7059, "Input: {0} credit per 1M tokens", inputCost)) : ( localize(7060, "Input: {0} credits per 1M tokens", inputCost)));
+            }
+            if (outputCost !== undefined) {
+                parts.push(outputCost === 1 ? ( localize(7061, "Output: {0} credit per 1M tokens", outputCost)) : ( localize(7062, "Output: {0} credits per 1M tokens", outputCost)));
             }
             if (cacheCost !== undefined) {
-                parts.push(cacheCost === 1 ? ( localize(6566, "Cache: {0} credit per 1M tokens", cacheCost)) : ( localize(6567, "Cache: {0} credits per 1M tokens", cacheCost)));
+                parts.push(cacheCost === 1 ? ( localize(7063, "Cache Read: {0} credit per 1M tokens", cacheCost)) : ( localize(7064, "Cache Read: {0} credits per 1M tokens", cacheCost)));
             }
-            if (outputCost !== undefined) {
-                parts.push(outputCost === 1 ? ( localize(6568, "Output: {0} credit per 1M tokens", outputCost)) : ( localize(6569, "Output: {0} credits per 1M tokens", outputCost)));
+            if (cacheWriteCost !== undefined) {
+                parts.push(cacheWriteCost === 1 ? ( localize(7065, "Cache Write: {0} credit per 1M tokens", cacheWriteCost)) : ( localize(7066, "Cache Write: {0} credits per 1M tokens", cacheWriteCost)));
             }
             templateData.elementDisposables.add(
                 this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
@@ -443,7 +519,7 @@ let CombinedCostColumnRenderer = class CombinedCostColumnRenderer extends Models
                 templateData.inputCell.textContent = pricingText;
                 templateData.elementDisposables.add(
                     this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
-                        content: ( localize(6570, "Pricing: {0}", pricingText)),
+                        content: ( localize(7067, "Pricing: {0}", pricingText)),
                         appearance: {
                             compact: true,
                             skipFadeInAnimation: true
@@ -497,7 +573,7 @@ let TokenLimitsColumnRenderer = class TokenLimitsColumnRenderer extends ModelsTa
             const tokenDiv = append(templateData.tokenLimitsElement, $(".token-limit-item"));
             const tokenText = append(tokenDiv, $("span"));
             tokenText.textContent = formatTokenCount(totalTokens);
-            markdown.appendMarkdown(`${( localize(6571, "Context Size"))}: `);
+            markdown.appendMarkdown(`${( localize(7068, "Context Size"))}: `);
             markdown.appendMarkdown(`${formatTokenCount(totalTokens)}`);
         }
         templateData.elementDisposables.add(
@@ -552,7 +628,7 @@ class CapabilitiesColumnRenderer extends ModelsTableColumnRenderer {
             templateData.elementDisposables.add(this.createCapabilityButton(
                 templateData.metadataRow,
                 capabilityMatches?.includes("toolCalling") || false,
-                ( localize(6572, "Tools")),
+                ( localize(7069, "Tools")),
                 "tools"
             ));
         }
@@ -560,7 +636,7 @@ class CapabilitiesColumnRenderer extends ModelsTableColumnRenderer {
             templateData.elementDisposables.add(this.createCapabilityButton(
                 templateData.metadataRow,
                 capabilityMatches?.includes("vision") || false,
-                ( localize(6573, "Vision")),
+                ( localize(7070, "Vision")),
                 "vision"
             ));
         }
@@ -587,38 +663,38 @@ function createProviderGroupActions(viewModel, vendor, groupName, languageModels
     const configurationProperties = configuration.properties;
     actions.push(toAction({
         id: "goToSettingsAction",
-        label: ( localize(6574, "Open in Language Models (JSON)")),
+        label: ( localize(7071, "Open in Language Models (JSON)")),
         run: () => languageModelsService.openLanguageModelsProviderGroupSettings(vendor.vendor, groupName)
     }));
     actions.push(( new Separator()));
     actions.push(toAction({
         id: "renameGroupAction",
-        label: ( localize(6575, "Rename Group")),
+        label: ( localize(7072, "Rename Group")),
         run: () => languageModelsService.renameLanguageModelsProviderGroup(vendor.vendor, groupName)
     }));
     if (configurationProperties?.apiKey) {
         actions.push(toAction({
             id: "updateApiKeyAction",
-            label: ( localize(6576, "Update API Key")),
+            label: ( localize(7073, "Update API Key")),
             run: () => languageModelsService.updateLanguageModelsProviderGroupApiKey(vendor.vendor, groupName)
         }));
     }
     if (configurationProperties?.models?.defaultSnippets?.[0]) {
         actions.push(toAction({
             id: "addModelAction",
-            label: ( localize(6577, "Add Model")),
+            label: ( localize(7074, "Add Model")),
             run: () => languageModelsService.addLanguageModelsProviderGroupModel(vendor.vendor, groupName)
         }));
     }
     actions.push(( new Separator()));
     actions.push(toAction({
         id: "deleteAction",
-        label: ( localize(6578, "Delete")),
+        label: ( localize(7075, "Delete")),
         class: ThemeIcon.asClassName(Codicon.trash),
         run: async () => {
             const result = await dialogService.confirm({
                 type: "info",
-                message: ( localize(6579, "Would you like to delete {0}?", groupName))
+                message: ( localize(7076, "Would you like to delete {0}?", groupName))
             });
             if (!result.confirmed) {
                 return;
@@ -694,7 +770,7 @@ let ActionsColumnRenderer = class ActionsColumnRenderer extends ModelsTableColum
         } else if (vendorEntry.vendor.managementCommand) {
             primaryActions.push(toAction({
                 id: "manageVendor",
-                label: ( localize(6580, "Manage {0}...", vendorEntry.group.name)),
+                label: ( localize(7077, "Manage {0}...", vendorEntry.group.name)),
                 class: ThemeIcon.asClassName(Codicon.gear),
                 run: async () => {
                     await this.commandService.executeCommand(vendorEntry.vendor.managementCommand, vendorEntry.vendor.vendor);
@@ -716,7 +792,7 @@ let ActionsColumnRenderer = class ActionsColumnRenderer extends ModelsTableColum
         if (!vendor.isDefault && !vendor.managementCommand && (configActions.length > 0 || entry.model.metadata.configurationSchema)) {
             secondaryActions.push(toAction({
                 id: "configureModel",
-                label: ( localize(6581, "Configure...")),
+                label: ( localize(7078, "Configure...")),
                 run: () => this.languageModelsService.configureModel(entry.model.identifier)
             }));
         }
@@ -726,7 +802,7 @@ let ActionsColumnRenderer = class ActionsColumnRenderer extends ModelsTableColum
         const isPinned = this.languageModelsService.isModelPinned(modelIdentifier);
         return toAction({
             id: isPinned ? `unpin.${modelIdentifier}` : `pin.${modelIdentifier}`,
-            label: isPinned ? ( localize(6582, "Unpin Model")) : ( localize(6583, "Pin Model")),
+            label: isPinned ? ( localize(7079, "Unpin Model")) : ( localize(7080, "Pin Model")),
             class: ThemeIcon.asClassName(isPinned ? Codicon.pinned : Codicon.pin),
             run: () => {
                 if (isPinned) {
@@ -784,8 +860,11 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         chatEntitlementService,
         editorProgressService,
         commandService,
+        editorGroupsService,
         contextKeyService,
-        dialogService
+        dialogService,
+        extensionsWorkbenchService,
+        environmentService
     ) {
         super();
         this.languageModelsService = languageModelsService;
@@ -795,8 +874,11 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         this.chatEntitlementService = chatEntitlementService;
         this.editorProgressService = editorProgressService;
         this.commandService = commandService;
+        this.editorGroupsService = editorGroupsService;
         this.contextKeyService = contextKeyService;
         this.dialogService = dialogService;
+        this.extensionsWorkbenchService = extensionsWorkbenchService;
+        this.environmentService = environmentService;
         this._onDidChangeItemCount = this._register(( new Emitter()));
         this.onDidChangeItemCount = this._onDidChangeItemCount.event;
         this.tableMinWidth = 0;
@@ -812,7 +894,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
     }
     create(container) {
         const searchAndButtonContainer = append(container, $(".models-search-and-button-container"));
-        const placeholder = ( localize(6584, "Type to search..."));
+        const placeholder = ( localize(7081, "Type to search..."));
         const searchContainer = append(searchAndButtonContainer, $(".models-search-container"));
         this.searchWidget = this._register(
             this.instantiationService.createInstance(SuggestEnabledInput, "chatModelsWidget.searchbox", searchContainer, {
@@ -843,8 +925,8 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
             })
         );
         const filterAction = this._register(( new ModelsFilterAction()));
-        const clearSearchAction = this._register(( new Action("workbench.models.clearSearch", ( localize(6585, "Clear Search")), ThemeIcon.asClassName(preferencesClearInputIcon), false, () => this.clearSearch())));
-        const collapseAllAction = this._register(( new Action("workbench.models.collapseAll", ( localize(6586, "Collapse All")), ThemeIcon.asClassName(Codicon.collapseAll), false, () => {
+        const clearSearchAction = this._register(( new Action("workbench.models.clearSearch", ( localize(7082, "Clear Search")), ThemeIcon.asClassName(preferencesClearInputIcon), false, () => this.clearSearch())));
+        const collapseAllAction = this._register(( new Action("workbench.models.collapseAll", ( localize(7083, "Collapse All")), ThemeIcon.asClassName(Codicon.collapseAll), false, () => {
             this.viewModel.collapseAll();
         })));
         collapseAllAction.enabled = ( this.viewModel.viewModelEntries.some(e => isLanguageModelGroupEntry(e) || isLanguageModelProviderEntry(e)));
@@ -877,7 +959,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(6587, "Add Models..."))}`;
+        this.addButton.label = `$(${Codicon.add.id}) ${( localize(7084, "Add Models"))}`;
         this.addButton.element.classList.add("models-add-model-button");
         this.updateAddModelsButton();
         this._register(this.addButton.onDidClick(e => {
@@ -888,6 +970,17 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 });
             }
         }));
+        if (!this.environmentService.isSessionsWindow) {
+            const browseMarketplaceButton = this._register(( new Button(this.addButtonContainer, {
+                ...buttonOptions,
+                secondary: true
+            })));
+            browseMarketplaceButton.label = `$(${Codicon.extensions.id}) ${( localize(7085, "Install Model Providers"))}`;
+            browseMarketplaceButton.element.classList.add("models-browse-marketplace-button");
+            this._register(
+                browseMarketplaceButton.onDidClick(() => this.openLanguageModelProviderExtensionsSearch())
+            );
+        }
         this.tableContainer = append(container, $(".models-table-container"));
         this.createTable();
         this._register(this.viewModel.onDidChangeGrouping(() => this.createTable()));
@@ -949,7 +1042,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 return row;
             }
         }, {
-            label: ( localize(6588, "Name")),
+            label: ( localize(7086, "Name")),
             tooltip: "",
             weight: 0.35,
             minimumWidth: 200,
@@ -960,7 +1053,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         }];
         const isUBB = this.chatEntitlementService.quotas.usageBasedBilling === true;
         columns.push({
-            label: ( localize(6589, "Context Size")),
+            label: ( localize(7087, "Context Size")),
             tooltip: "",
             weight: 0.1,
             minimumWidth: 140,
@@ -969,7 +1062,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 return row;
             }
         }, {
-            label: ( localize(6590, "Capabilities")),
+            label: ( localize(7088, "Capabilities")),
             tooltip: "",
             weight: 0.15,
             minimumWidth: 180,
@@ -978,7 +1071,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 return row;
             }
         }, {
-            label: isUBB ? ( localize(6591, "Cost (Credits per 1M Tokens)")) : ( localize(6592, "Pricing")),
+            label: isUBB ? ( localize(7089, "Cost (Credits per 1M Tokens)")) : ( localize(7090, "Pricing")),
             tooltip: "",
             weight: isUBB ? 0.24 : 0.15,
             minimumWidth: isUBB ? 240 : 200,
@@ -1016,55 +1109,74 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 accessibilityProvider: {
                     getAriaLabel: e => {
                         if (isLanguageModelProviderEntry(e)) {
-                            return e.hidden ? ( localize(6593, "{0} Models (hidden)", e.vendorEntry.group.name)) : ( localize(6594, "{0} Models", e.vendorEntry.group.name));
+                            return e.hidden ? ( localize(7091, "{0} Models (hidden)", e.vendorEntry.group.name)) : ( localize(7092, "{0} Models", e.vendorEntry.group.name));
                         } else if (isLanguageModelGroupEntry(e)) {
-                            return e.id === "visible" ? ( localize(6595, "Visible Models")) : ( localize(6596, "Hidden Models"));
+                            return e.id === "visible" ? ( localize(7093, "Visible Models")) : ( localize(7094, "Hidden Models"));
                         } else if (isStatusEntry(e)) {
-                            return localize(6597, "Status: {0}", e.message);
+                            return localize(7095, "Status: {0}", e.message);
                         }
                         const ariaLabels = [];
                         ariaLabels.push(e.model.hidden ? ( localize(
-                            6598,
+                            7096,
                             "{0} from {1} (hidden)",
                             e.model.metadata.name,
                             e.model.provider.vendor.displayName
                         )) : ( localize(
-                            6599,
+                            7097,
                             "{0} from {1}",
                             e.model.metadata.name,
                             e.model.provider.vendor.displayName
                         )));
                         if (e.model.metadata.maxInputTokens || e.model.metadata.maxOutputTokens) {
                             const totalTokens = (e.model.metadata.maxInputTokens ?? 0) + (e.model.metadata.maxOutputTokens ?? 0);
-                            ariaLabels.push(( localize(6600, "Context size: {0} tokens", formatTokenCount(totalTokens))));
+                            ariaLabels.push(( localize(7098, "Context size: {0} tokens", formatTokenCount(totalTokens))));
                         }
                         if (e.model.metadata.capabilities) {
                             ariaLabels.push(( localize(
-                                6601,
+                                7099,
                                 "Capabilities: {0}",
                                 ( Object.keys(e.model.metadata.capabilities)).join(", ")
                             )));
                         }
                         const pricingText = e.model.metadata.pricing ?? "-";
                         if (pricingText !== "-") {
-                            ariaLabels.push(( localize(6602, "Pricing: {0}", pricingText)));
+                            ariaLabels.push(( localize(7100, "Pricing: {0}", pricingText)));
                         }
                         if (e.model.metadata.inputCost !== undefined) {
-                            ariaLabels.push(e.model.metadata.inputCost === 1 ? ( localize(6603, "Input cost: {0} credit per 1M tokens", e.model.metadata.inputCost)) : ( localize(6604, "Input cost: {0} credits per 1M tokens", e.model.metadata.inputCost)));
+                            ariaLabels.push(e.model.metadata.inputCost === 1 ? ( localize(7101, "Input cost: {0} credit per 1M tokens", e.model.metadata.inputCost)) : ( localize(7102, "Input cost: {0} credits per 1M tokens", e.model.metadata.inputCost)));
                         }
                         if (e.model.metadata.cacheCost !== undefined) {
-                            ariaLabels.push(e.model.metadata.cacheCost === 1 ? ( localize(6605, "Cache cost: {0} credit per 1M tokens", e.model.metadata.cacheCost)) : ( localize(6606, "Cache cost: {0} credits per 1M tokens", e.model.metadata.cacheCost)));
+                            ariaLabels.push(e.model.metadata.cacheCost === 1 ? ( localize(
+                                7103,
+                                "Cache read cost: {0} credit per 1M tokens",
+                                e.model.metadata.cacheCost
+                            )) : ( localize(
+                                7104,
+                                "Cache read cost: {0} credits per 1M tokens",
+                                e.model.metadata.cacheCost
+                            )));
+                        }
+                        if (e.model.metadata.cacheWriteCost !== undefined) {
+                            ariaLabels.push(e.model.metadata.cacheWriteCost === 1 ? ( localize(
+                                7105,
+                                "Cache write cost: {0} credit per 1M tokens",
+                                e.model.metadata.cacheWriteCost
+                            )) : ( localize(
+                                7106,
+                                "Cache write cost: {0} credits per 1M tokens",
+                                e.model.metadata.cacheWriteCost
+                            )));
                         }
                         if (e.model.metadata.outputCost !== undefined) {
-                            ariaLabels.push(e.model.metadata.outputCost === 1 ? ( localize(6607, "Output cost: {0} credit per 1M tokens", e.model.metadata.outputCost)) : ( localize(
-                                6608,
+                            ariaLabels.push(e.model.metadata.outputCost === 1 ? ( localize(7107, "Output cost: {0} credit per 1M tokens", e.model.metadata.outputCost)) : ( localize(
+                                7108,
                                 "Output cost: {0} credits per 1M tokens",
                                 e.model.metadata.outputCost
                             )));
                         }
                         return ariaLabels.join(". ");
                     },
-                    getWidgetAriaLabel: () => ( localize(6609, "Language Models"))
+                    getWidgetAriaLabel: () => ( localize(7109, "Language Models"))
                 },
                 multipleSelectionSupport: true,
                 setRowLineHeight: false,
@@ -1090,7 +1202,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                     const allPinned = pinnableEntries.every(e => this.languageModelsService.isModelPinned(e.model.identifier));
                     actions.push(toAction({
                         id: allPinned ? "unpinModels" : "pinModels",
-                        label: allPinned ? ( localize(6582, "Unpin Model")) : ( localize(6583, "Pin Model")),
+                        label: allPinned ? ( localize(7079, "Unpin Model")) : ( localize(7080, "Pin Model")),
                         class: ThemeIcon.asClassName(allPinned ? Codicon.pinned : Codicon.pin),
                         run: () => {
                             for (const entry of pinnableEntries) {
@@ -1106,7 +1218,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 const allHidden = selectedModelEntries.every(e => e.model.hidden);
                 actions.push(toAction({
                     id: allHidden ? "showModels" : "hideModels",
-                    label: allHidden ? (selectedModelEntries.length === 1 ? ( localize(6559, "Show Model")) : ( localize(6610, "Show Models"))) : (selectedModelEntries.length === 1 ? ( localize(6560, "Hide Model")) : ( localize(6611, "Hide Models"))),
+                    label: allHidden ? (selectedModelEntries.length === 1 ? ( localize(7051, "Show Model")) : ( localize(7110, "Show Models"))) : (selectedModelEntries.length === 1 ? ( localize(7052, "Hide Model")) : ( localize(7111, "Hide Models"))),
                     class: ThemeIcon.asClassName(allHidden ? Codicon.eyeClosed : Codicon.eye),
                     run: () => this.viewModel.setModelsHidden(selectedModelEntries, !allHidden)
                 }));
@@ -1132,7 +1244,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                     configureVendor = entry.vendorEntry.vendor;
                     actions.push(toAction({
                         id: entry.hidden ? "showGroup" : "hideGroup",
-                        label: entry.hidden ? ( localize(6557, "Show All Models")) : ( localize(6558, "Hide All Models")),
+                        label: entry.hidden ? ( localize(7049, "Show All Models")) : ( localize(7050, "Hide All Models")),
                         class: ThemeIcon.asClassName(entry.hidden ? Codicon.eyeClosed : Codicon.eye),
                         run: () => this.viewModel.toggleGroupHidden(entry)
                     }));
@@ -1141,7 +1253,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
             if (configureGroup && configureVendor) {
                 const groupActions = configureVendor.managementCommand ? [toAction({
                     id: "manageVendor",
-                    label: ( localize(6580, "Manage {0}...", configureGroup)),
+                    label: ( localize(7077, "Manage {0}...", configureGroup)),
                     run: async () => {
                         await this.commandService.executeCommand(configureVendor.managementCommand, configureVendor.vendor);
                         await this.viewModel.refresh();
@@ -1215,28 +1327,21 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         const entitlement = this.chatEntitlementService.entitlement;
         const isManagedEntitlement = entitlement === ChatEntitlement.Business || entitlement === ChatEntitlement.Enterprise;
         const supportsAddingModels = this.chatEntitlementService.isInternal || this.chatEntitlementService.clientByokEnabled || (entitlement !== ChatEntitlement.Unknown && entitlement !== ChatEntitlement.Available && !isManagedEntitlement);
-        this.addButton.enabled = supportsAddingModels && configurableVendors.length > 0;
-        this.addButton.setTitle(!supportsAddingModels && isManagedEntitlement ? ( localize(6612, "Adding models is managed by your organization")) : "");
-        const customEndpointVendor = configurableVendors.find(v => v.vendor === "customendpoint");
-        const customOaiVendor = configurableVendors.find(v => v.vendor === "customoai");
-        const sortedVendors = configurableVendors.filter(v => v.vendor !== "customendpoint" && v.vendor !== "customoai").sort((a, b) => a.displayName.localeCompare(b.displayName));
-        if (customOaiVendor) {
-            sortedVendors.push(customOaiVendor);
-        }
-        const toVendorAction = vendor => toAction({
-            id: `enable-${vendor.vendor}`,
-            label: vendor.displayName,
-            run: async () => {
-                await this.addModelsForVendor(vendor);
-            }
-        });
-        this.dropdownActions = ( sortedVendors.map(toVendorAction));
-        if (customEndpointVendor) {
-            if (this.dropdownActions.length > 0) {
-                this.dropdownActions.push(( new Separator()));
-            }
-            this.dropdownActions.push(toVendorAction(customEndpointVendor));
+        this.dropdownActions = buildAddModelsDropdownActions(
+            configurableVendors,
+            supportsAddingModels,
+            vendor => this.addModelsForVendor(vendor)
+        );
+        this.addButton.enabled = supportsAddingModels && this.dropdownActions.length > 0;
+        this.addButton.setTitle(!supportsAddingModels && isManagedEntitlement ? ( localize(7112, "Adding models is managed by your organization")) : "");
+    }
+    async openLanguageModelProviderExtensionsSearch() {
+        const activeModalEditorPart = this.editorGroupsService.activeModalEditorPart;
+        const isInModalEditor = !!activeModalEditorPart && this.editorGroupsService.getPart(this.editorGroupsService.activeGroup) === activeModalEditorPart;
+        if (isInModalEditor) {
+            await this.commandService.executeCommand(CLOSE_MODAL_EDITOR_COMMAND_ID);
         }
+        await this.extensionsWorkbenchService.openSearch(`tag:"${LANGUAGE_MODEL_CHAT_PROVIDER_EXTENSION_TAG}"`, false);
     }
     filterModels() {
         this.delayedFiltering.trigger(() => {
@@ -1285,6 +1390,6 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         this._onDidChangeItemCount.fire(this.itemCount);
     }
 };
-ChatModelsWidget = ChatModelsWidget_1 = ( __decorate([( __param(0, ILanguageModelsService)), ( __param(1, IInstantiationService)), ( __param(2, IExtensionService)), ( __param(3, IContextMenuService)), ( __param(4, IChatEntitlementService)), ( __param(5, IEditorProgressService)), ( __param(6, ICommandService)), ( __param(7, IContextKeyService)), ( __param(8, IDialogService))], ChatModelsWidget));
+ChatModelsWidget = ChatModelsWidget_1 = ( __decorate([( __param(0, ILanguageModelsService)), ( __param(1, IInstantiationService)), ( __param(2, IExtensionService)), ( __param(3, IContextMenuService)), ( __param(4, IChatEntitlementService)), ( __param(5, IEditorProgressService)), ( __param(6, ICommandService)), ( __param(7, IEditorGroupsService)), ( __param(8, IContextKeyService)), ( __param(9, IDialogService)), ( __param(10, IExtensionsWorkbenchService)), ( __param(11, IWorkbenchEnvironmentService))], ChatModelsWidget));
 
-export { ChatModelsWidget };
+export { ChatModelsWidget, buildAddModelsDropdownActions };