@codingame/monaco-vscode-chat-service-override 33.0.8 → 34.0.0

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

@@ -38,6 +38,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 { formatTokenCount } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/widget/input/chatModelPicker';
 import { AnchorAlignment } from '@codingame/monaco-vscode-api/vscode/vs/base/common/layout';
 
 var ModelNameColumnRenderer_1, CombinedCostColumnRenderer_1, TokenLimitsColumnRenderer_1, ActionsColumnRenderer_1, ChatModelsWidget_1;
@@ -48,7 +49,7 @@ const VENDOR_ROW_HEIGHT = 30;
 const MODEL_ROW_HEIGHT = 26;
 class ModelsFilterAction extends Action {
     constructor() {
-        super("workbench.models.filter", ( localize(6469, "Filter")), ThemeIcon.asClassName(Codicon.filter));
+        super("workbench.models.filter", ( localize(6549, "Filter")), ThemeIcon.asClassName(Codicon.filter));
     }
     async run() {}
 }
@@ -99,7 +100,7 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
         return {
             id: `provider-${vendor}`,
             label: displayName,
-            tooltip: ( localize(6470, "Filter by {0}", displayName)),
+            tooltip: ( localize(6550, "Filter by {0}", displayName)),
             class: undefined,
             enabled: true,
             checked: isChecked,
@@ -116,7 +117,7 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
         return {
             id: `capability-${capability}`,
             label,
-            tooltip: ( localize(6471, "Filter by {0}", label)),
+            tooltip: ( localize(6551, "Filter by {0}", label)),
             class: undefined,
             enabled: true,
             checked: isChecked,
@@ -132,7 +133,7 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
     }
     getActions() {
         const actions = [];
-        actions.push(this.createCapabilityAction("tools", ( localize(6472, "Tools"))), this.createCapabilityAction("vision", ( localize(6473, "Vision"))), this.createCapabilityAction("agent", ( localize(6474, "Agent Mode"))));
+        actions.push(this.createCapabilityAction("tools", ( localize(6552, "Tools"))), this.createCapabilityAction("vision", ( localize(6553, "Vision"))), this.createCapabilityAction("agent", ( localize(6554, "Agent Mode"))));
         const configuredVendors = this.viewModel.getConfiguredVendors();
         if (configuredVendors.length > 1) {
             actions.push(( new Separator()));
@@ -159,9 +160,12 @@ class ModelsTableColumnRenderer {
         const isGroup = isLanguageModelGroupEntry(element);
         const isStatus = isStatusEntry(element);
         templateData.container.classList.add("models-table-column");
-        templateData.container.parentElement.classList.toggle("models-vendor-row", isVendor || isGroup);
-        templateData.container.parentElement.classList.toggle("models-model-row", !isVendor && !isGroup);
-        templateData.container.parentElement.classList.toggle("models-status-row", isStatus);
+        const row = templateData.container.parentElement;
+        row.classList.toggle("models-vendor-row", isVendor || isGroup);
+        row.classList.toggle("models-model-row", !isVendor && !isGroup);
+        row.classList.toggle("models-status-row", isStatus);
+        const isHidden = (isVendor && element.hidden) || (!isVendor && !isGroup && !isStatus && element.model?.hidden);
+        row.classList.toggle("models-row-hidden", !!isHidden);
         if (isVendor) {
             this.renderVendorElement(element, index, templateData);
         } else if (isGroup) {
@@ -206,6 +210,7 @@ class GutterColumnRenderer extends ModelsTableColumnRenderer {
     }
     renderVendorElement(entry, index, templateData) {
         this.renderCollapsableElement(entry, templateData);
+        this.renderGroupVisibilityElement(entry, templateData);
     }
     renderGroupElement(entry, index, templateData) {
         this.renderCollapsableElement(entry, templateData);
@@ -214,7 +219,7 @@ class GutterColumnRenderer extends ModelsTableColumnRenderer {
         if (templateData.listRowElement) {
             templateData.listRowElement.setAttribute("aria-expanded", entry.collapsed ? "false" : "true");
         }
-        const label = entry.collapsed ? ( localize(6475, "Expand")) : ( localize(6476, "Collapse"));
+        const label = entry.collapsed ? ( localize(6555, "Expand")) : ( localize(6556, "Collapse"));
         const toggleCollapseAction = {
             id: "toggleCollapse",
             label,
@@ -228,7 +233,37 @@ class GutterColumnRenderer extends ModelsTableColumnRenderer {
             label: false
         });
     }
-    renderModelElement(entry, index, templateData) {}
+    renderModelElement(entry, index, templateData) {
+        this.renderModelVisibilityElement(entry, templateData);
+    }
+    renderGroupVisibilityElement(entry, templateData) {
+        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")),
+            class: `model-visibility-toggle ${ThemeIcon.asClassName(hidden ? Codicon.eyeClosed : Codicon.eye)}`,
+            enabled: true,
+            run: () => this.viewModel.toggleGroupHidden(entry)
+        }, {
+            icon: true,
+            label: false
+        });
+    }
+    renderModelVisibilityElement(entry, templateData) {
+        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")),
+            class: `model-visibility-toggle ${ThemeIcon.asClassName(hidden ? Codicon.eyeClosed : Codicon.eye)}`,
+            enabled: true,
+            run: () => this.viewModel.toggleModelHidden(entry)
+        }, {
+            icon: true,
+            label: false
+        });
+    }
 }
 let ModelNameColumnRenderer = class ModelNameColumnRenderer extends ModelsTableColumnRenderer {
     static {
@@ -249,20 +284,17 @@ let ModelNameColumnRenderer = class ModelNameColumnRenderer extends ModelsTableC
         const statusIcon = append(nameContainer, $(".status-icon"));
         const nameLabel = disposables.add(( new HighlightedLabel(append(nameContainer, $(".model-name")))));
         const modelStatusIcon = append(nameContainer, $(".model-status-icon"));
-        const actionBar = disposables.add(( new ActionBar(append(nameContainer, $(".model-name-actions")))));
         return {
             container,
             statusIcon,
             nameLabel,
             modelStatusIcon,
-            actionBar,
             disposables,
             elementDisposables
         };
     }
     renderElement(entry, index, templateData) {
         clearNode(templateData.modelStatusIcon);
-        templateData.actionBar.clear();
         templateData.nameLabel.element.classList.remove("error-status", "warning-status", "info-status");
         super.renderElement(entry, index, templateData);
     }
@@ -293,7 +325,7 @@ let ModelNameColumnRenderer = class ModelNameColumnRenderer extends ModelsTableC
         markdown.appendMarkdown(`**${entry.model.metadata.name}**`);
         if (entry.model.metadata.id !== entry.model.metadata.version) {
             markdown.appendMarkdown(
-                `&nbsp;<span style="background-color:#8080802B;">&nbsp;_${entry.model.metadata.id}@${entry.model.metadata.version}_&nbsp;</span>`
+                `&nbsp;<span style="background-color:#8080802B;">&nbsp;_${entry.model.metadata.id}&#64;${entry.model.metadata.version}_&nbsp;</span>`
             );
         } else {
             markdown.appendMarkdown(
@@ -356,8 +388,8 @@ 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 outputCell = append(grid, $("span.model-cost-cell"));
         const cacheCell = append(grid, $("span.model-cost-cell"));
+        const outputCell = append(grid, $("span.model-cost-cell"));
         return {
             container,
             inputCell,
@@ -369,8 +401,8 @@ let CombinedCostColumnRenderer = class CombinedCostColumnRenderer extends Models
     }
     renderElement(entry, index, templateData) {
         templateData.inputCell.textContent = "";
-        templateData.outputCell.textContent = "";
         templateData.cacheCell.textContent = "";
+        templateData.outputCell.textContent = "";
         super.renderElement(entry, index, templateData);
     }
     renderGroupElement(_element, _index, _templateData) {}
@@ -383,18 +415,18 @@ let CombinedCostColumnRenderer = class CombinedCostColumnRenderer extends Models
         } = entry.model.metadata;
         const hasCost = inputCost !== undefined || outputCost !== undefined || cacheCost !== undefined;
         if (hasCost) {
-            templateData.inputCell.textContent = inputCost !== undefined ? ( localize(6477, "In: {0}", inputCost)) : "";
-            templateData.outputCell.textContent = outputCost !== undefined ? ( localize(6478, "Out: {0}", outputCost)) : "";
-            templateData.cacheCell.textContent = cacheCost !== undefined ? ( localize(6479, "Cache: {0}", cacheCost)) : "";
+            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)) : "";
             const parts = [];
             if (inputCost !== undefined) {
-                parts.push(inputCost === 1 ? ( localize(6480, "Input: {0} credit per 1M tokens", inputCost)) : ( localize(6481, "Input: {0} credits per 1M tokens", inputCost)));
-            }
-            if (outputCost !== undefined) {
-                parts.push(outputCost === 1 ? ( localize(6482, "Output: {0} credit per 1M tokens", outputCost)) : ( localize(6483, "Output: {0} credits per 1M tokens", outputCost)));
+                parts.push(inputCost === 1 ? ( localize(6564, "Input: {0} credit per 1M tokens", inputCost)) : ( localize(6565, "Input: {0} credits per 1M tokens", inputCost)));
             }
             if (cacheCost !== undefined) {
-                parts.push(cacheCost === 1 ? ( localize(6484, "Cache: {0} credit per 1M tokens", cacheCost)) : ( localize(6485, "Cache: {0} credits per 1M tokens", cacheCost)));
+                parts.push(cacheCost === 1 ? ( localize(6566, "Cache: {0} credit per 1M tokens", cacheCost)) : ( localize(6567, "Cache: {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)));
             }
             templateData.elementDisposables.add(
                 this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
@@ -411,7 +443,7 @@ let CombinedCostColumnRenderer = class CombinedCostColumnRenderer extends Models
                 templateData.inputCell.textContent = pricingText;
                 templateData.elementDisposables.add(
                     this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
-                        content: ( localize(6486, "Pricing: {0}", pricingText)),
+                        content: ( localize(6570, "Pricing: {0}", pricingText)),
                         appearance: {
                             compact: true,
                             skipFadeInAnimation: true
@@ -465,7 +497,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(6487, "Context Size"))}: `);
+            markdown.appendMarkdown(`${( localize(6571, "Context Size"))}: `);
             markdown.appendMarkdown(`${formatTokenCount(totalTokens)}`);
         }
         templateData.elementDisposables.add(
@@ -520,7 +552,7 @@ class CapabilitiesColumnRenderer extends ModelsTableColumnRenderer {
             templateData.elementDisposables.add(this.createCapabilityButton(
                 templateData.metadataRow,
                 capabilityMatches?.includes("toolCalling") || false,
-                ( localize(6488, "Tools")),
+                ( localize(6572, "Tools")),
                 "tools"
             ));
         }
@@ -528,7 +560,7 @@ class CapabilitiesColumnRenderer extends ModelsTableColumnRenderer {
             templateData.elementDisposables.add(this.createCapabilityButton(
                 templateData.metadataRow,
                 capabilityMatches?.includes("vision") || false,
-                ( localize(6489, "Vision")),
+                ( localize(6573, "Vision")),
                 "vision"
             ));
         }
@@ -546,6 +578,57 @@ class CapabilitiesColumnRenderer extends ModelsTableColumnRenderer {
         return disposables;
     }
 }
+function createProviderGroupActions(viewModel, vendor, groupName, languageModelsService, dialogService) {
+    const configuration = vendor.configuration;
+    if (!configuration) {
+        return [];
+    }
+    const actions = [];
+    const configurationProperties = configuration.properties;
+    actions.push(toAction({
+        id: "goToSettingsAction",
+        label: ( localize(6574, "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")),
+        run: () => languageModelsService.renameLanguageModelsProviderGroup(vendor.vendor, groupName)
+    }));
+    if (configurationProperties?.apiKey) {
+        actions.push(toAction({
+            id: "updateApiKeyAction",
+            label: ( localize(6576, "Update API Key")),
+            run: () => languageModelsService.updateLanguageModelsProviderGroupApiKey(vendor.vendor, groupName)
+        }));
+    }
+    if (configurationProperties?.models?.defaultSnippets?.[0]) {
+        actions.push(toAction({
+            id: "addModelAction",
+            label: ( localize(6577, "Add Model")),
+            run: () => languageModelsService.addLanguageModelsProviderGroupModel(vendor.vendor, groupName)
+        }));
+    }
+    actions.push(( new Separator()));
+    actions.push(toAction({
+        id: "deleteAction",
+        label: ( localize(6578, "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))
+            });
+            if (!result.confirmed) {
+                return;
+            }
+            await languageModelsService.removeLanguageModelsProviderGroup(vendor.vendor, groupName);
+            viewModel.refresh();
+        }
+    }));
+    return actions;
+}
 let ActionsColumnRenderer = class ActionsColumnRenderer extends ModelsTableColumnRenderer {
     static {
         ActionsColumnRenderer_1 = this;
@@ -601,31 +684,17 @@ let ActionsColumnRenderer = class ActionsColumnRenderer extends ModelsTableColum
         const primaryActions = [];
         const secondaryActions = [];
         if (vendorEntry.vendor.configuration) {
-            secondaryActions.push(toAction({
-                id: "configureAction",
-                label: ( localize(6490, "Configure...")),
-                run: () => this.languageModelsService.configureLanguageModelsProviderGroup(vendorEntry.vendor.vendor, vendorEntry.group.name)
-            }));
-            secondaryActions.push(toAction({
-                id: "deleteAction",
-                label: ( localize(6491, "Delete")),
-                class: ThemeIcon.asClassName(Codicon.trash),
-                run: async () => {
-                    const result = await this.dialogService.confirm({
-                        type: "info",
-                        message: ( localize(6492, "Would you like to delete {0}?", vendorEntry.group.name))
-                    });
-                    if (!result.confirmed) {
-                        return;
-                    }
-                    await this.languageModelsService.removeLanguageModelsProviderGroup(vendorEntry.vendor.vendor, vendorEntry.group.name);
-                    this.viewModel.refresh();
-                }
-            }));
+            secondaryActions.push(...createProviderGroupActions(
+                this.viewModel,
+                vendorEntry.vendor,
+                vendorEntry.group.name,
+                this.languageModelsService,
+                this.dialogService
+            ));
         } else if (vendorEntry.vendor.managementCommand) {
             primaryActions.push(toAction({
                 id: "manageVendor",
-                label: ( localize(6493, "Manage {0}...", vendorEntry.group.name)),
+                label: ( localize(6580, "Manage {0}...", vendorEntry.group.name)),
                 class: ThemeIcon.asClassName(Codicon.gear),
                 run: async () => {
                     await this.commandService.executeCommand(vendorEntry.vendor.managementCommand, vendorEntry.vendor.vendor);
@@ -643,10 +712,11 @@ let ActionsColumnRenderer = class ActionsColumnRenderer extends ModelsTableColum
         }
         const configActions = this.languageModelsService.getModelConfigurationActions(entry.model.identifier);
         const secondaryActions = [...configActions];
-        if (configActions.length > 0 || entry.model.metadata.configurationSchema) {
+        const vendor = entry.model.provider.vendor;
+        if (!vendor.isDefault && !vendor.managementCommand && (configActions.length > 0 || entry.model.metadata.configurationSchema)) {
             secondaryActions.push(toAction({
                 id: "configureModel",
-                label: ( localize(6494, "Configure...")),
+                label: ( localize(6581, "Configure...")),
                 run: () => this.languageModelsService.configureModel(entry.model.identifier)
             }));
         }
@@ -656,7 +726,7 @@ let ActionsColumnRenderer = class ActionsColumnRenderer extends ModelsTableColum
         const isPinned = this.languageModelsService.isModelPinned(modelIdentifier);
         return toAction({
             id: isPinned ? `unpin.${modelIdentifier}` : `pin.${modelIdentifier}`,
-            label: isPinned ? ( localize(6495, "Unpin Model")) : ( localize(6496, "Pin Model")),
+            label: isPinned ? ( localize(6582, "Unpin Model")) : ( localize(6583, "Pin Model")),
             class: ThemeIcon.asClassName(isPinned ? Codicon.pinned : Codicon.pin),
             run: () => {
                 if (isPinned) {
@@ -699,14 +769,6 @@ class ProviderColumnRenderer extends ModelsTableColumnRenderer {
         templateData.providerElement.textContent = entry.model.provider.vendor.displayName;
     }
 }
-function formatTokenCount(count) {
-    if (count >= 1000000) {
-        return `${(count / 1000000).toFixed(1)}M`;
-    } else if (count >= 1000) {
-        return `${(count / 1000).toFixed(0)}K`;
-    }
-    return ( count.toString());
-}
 let ChatModelsWidget = class ChatModelsWidget extends Disposable {
     static {
         ChatModelsWidget_1 = this;
@@ -722,7 +784,8 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         chatEntitlementService,
         editorProgressService,
         commandService,
-        contextKeyService
+        contextKeyService,
+        dialogService
     ) {
         super();
         this.languageModelsService = languageModelsService;
@@ -733,6 +796,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         this.editorProgressService = editorProgressService;
         this.commandService = commandService;
         this.contextKeyService = contextKeyService;
+        this.dialogService = dialogService;
         this._onDidChangeItemCount = this._register(( new Emitter()));
         this.onDidChangeItemCount = this._onDidChangeItemCount.event;
         this.tableMinWidth = 0;
@@ -748,7 +812,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
     }
     create(container) {
         const searchAndButtonContainer = append(container, $(".models-search-and-button-container"));
-        const placeholder = ( localize(6497, "Type to search..."));
+        const placeholder = ( localize(6584, "Type to search..."));
         const searchContainer = append(searchAndButtonContainer, $(".models-search-container"));
         this.searchWidget = this._register(
             this.instantiationService.createInstance(SuggestEnabledInput, "chatModelsWidget.searchbox", searchContainer, {
@@ -779,8 +843,8 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
             })
         );
         const filterAction = this._register(( new ModelsFilterAction()));
-        const clearSearchAction = this._register(( new Action("workbench.models.clearSearch", ( localize(6498, "Clear Search")), ThemeIcon.asClassName(preferencesClearInputIcon), false, () => this.clearSearch())));
-        const collapseAllAction = this._register(( new Action("workbench.models.collapseAll", ( localize(6499, "Collapse All")), ThemeIcon.asClassName(Codicon.collapseAll), false, () => {
+        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, () => {
             this.viewModel.collapseAll();
         })));
         collapseAllAction.enabled = ( this.viewModel.viewModelEntries.some(e => isLanguageModelGroupEntry(e) || isLanguageModelProviderEntry(e)));
@@ -813,7 +877,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(6500, "Add Models..."))}`;
+        this.addButton.label = `$(${Codicon.add.id}) ${( localize(6587, "Add Models..."))}`;
         this.addButton.element.classList.add("models-add-model-button");
         this.updateAddModelsButton();
         this._register(this.addButton.onDidClick(e => {
@@ -878,14 +942,14 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
             label: "",
             tooltip: "",
             weight: 0.05,
-            minimumWidth: 40,
-            maximumWidth: 40,
+            minimumWidth: 64,
+            maximumWidth: 64,
             templateId: GutterColumnRenderer.TEMPLATE_ID,
             project(row) {
                 return row;
             }
         }, {
-            label: ( localize(6501, "Name")),
+            label: ( localize(6588, "Name")),
             tooltip: "",
             weight: 0.35,
             minimumWidth: 200,
@@ -896,7 +960,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         }];
         const isUBB = this.chatEntitlementService.quotas.usageBasedBilling === true;
         columns.push({
-            label: ( localize(6502, "Context Size")),
+            label: ( localize(6589, "Context Size")),
             tooltip: "",
             weight: 0.1,
             minimumWidth: 140,
@@ -905,7 +969,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 return row;
             }
         }, {
-            label: ( localize(6503, "Capabilities")),
+            label: ( localize(6590, "Capabilities")),
             tooltip: "",
             weight: 0.15,
             minimumWidth: 180,
@@ -914,7 +978,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 return row;
             }
         }, {
-            label: isUBB ? ( localize(6504, "Cost (Credits per 1M Tokens)")) : ( localize(6505, "Pricing")),
+            label: isUBB ? ( localize(6591, "Cost (Credits per 1M Tokens)")) : ( localize(6592, "Pricing")),
             tooltip: "",
             weight: isUBB ? 0.24 : 0.15,
             minimumWidth: isUBB ? 240 : 200,
@@ -952,50 +1016,55 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 accessibilityProvider: {
                     getAriaLabel: e => {
                         if (isLanguageModelProviderEntry(e)) {
-                            return localize(6506, "{0} Models", e.vendorEntry.group.name);
+                            return e.hidden ? ( localize(6593, "{0} Models (hidden)", e.vendorEntry.group.name)) : ( localize(6594, "{0} Models", e.vendorEntry.group.name));
                         } else if (isLanguageModelGroupEntry(e)) {
-                            return e.id === "visible" ? ( localize(6507, "Visible Models")) : ( localize(6508, "Hidden Models"));
+                            return e.id === "visible" ? ( localize(6595, "Visible Models")) : ( localize(6596, "Hidden Models"));
                         } else if (isStatusEntry(e)) {
-                            return localize(6509, "Status: {0}", e.message);
+                            return localize(6597, "Status: {0}", e.message);
                         }
                         const ariaLabels = [];
-                        ariaLabels.push(( localize(
-                            6510,
+                        ariaLabels.push(e.model.hidden ? ( localize(
+                            6598,
+                            "{0} from {1} (hidden)",
+                            e.model.metadata.name,
+                            e.model.provider.vendor.displayName
+                        )) : ( localize(
+                            6599,
                             "{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(6511, "Context size: {0} tokens", formatTokenCount(totalTokens))));
+                            ariaLabels.push(( localize(6600, "Context size: {0} tokens", formatTokenCount(totalTokens))));
                         }
                         if (e.model.metadata.capabilities) {
                             ariaLabels.push(( localize(
-                                6512,
+                                6601,
                                 "Capabilities: {0}",
                                 ( Object.keys(e.model.metadata.capabilities)).join(", ")
                             )));
                         }
                         const pricingText = e.model.metadata.pricing ?? "-";
                         if (pricingText !== "-") {
-                            ariaLabels.push(( localize(6513, "Pricing: {0}", pricingText)));
+                            ariaLabels.push(( localize(6602, "Pricing: {0}", pricingText)));
                         }
                         if (e.model.metadata.inputCost !== undefined) {
-                            ariaLabels.push(e.model.metadata.inputCost === 1 ? ( localize(6514, "Input cost: {0} credit per 1M tokens", e.model.metadata.inputCost)) : ( localize(6515, "Input cost: {0} credits per 1M tokens", e.model.metadata.inputCost)));
+                            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)));
+                        }
+                        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)));
                         }
                         if (e.model.metadata.outputCost !== undefined) {
-                            ariaLabels.push(e.model.metadata.outputCost === 1 ? ( localize(6516, "Output cost: {0} credit per 1M tokens", e.model.metadata.outputCost)) : ( localize(
-                                6517,
+                            ariaLabels.push(e.model.metadata.outputCost === 1 ? ( localize(6607, "Output cost: {0} credit per 1M tokens", e.model.metadata.outputCost)) : ( localize(
+                                6608,
                                 "Output cost: {0} credits per 1M tokens",
                                 e.model.metadata.outputCost
                             )));
                         }
-                        if (e.model.metadata.cacheCost !== undefined) {
-                            ariaLabels.push(e.model.metadata.cacheCost === 1 ? ( localize(6518, "Cache cost: {0} credit per 1M tokens", e.model.metadata.cacheCost)) : ( localize(6519, "Cache cost: {0} credits per 1M tokens", e.model.metadata.cacheCost)));
-                        }
                         return ariaLabels.join(". ");
                     },
-                    getWidgetAriaLabel: () => ( localize(6520, "Language Models"))
+                    getWidgetAriaLabel: () => ( localize(6609, "Language Models"))
                 },
                 multipleSelectionSupport: true,
                 setRowLineHeight: false,
@@ -1021,7 +1090,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(6495, "Unpin Model")) : ( localize(6496, "Pin Model")),
+                        label: allPinned ? ( localize(6582, "Unpin Model")) : ( localize(6583, "Pin Model")),
                         class: ThemeIcon.asClassName(allPinned ? Codicon.pinned : Codicon.pin),
                         run: () => {
                             for (const entry of pinnableEntries) {
@@ -1034,6 +1103,13 @@ 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"))),
+                    class: ThemeIcon.asClassName(allHidden ? Codicon.eyeClosed : Codicon.eye),
+                    run: () => this.viewModel.setModelsHidden(selectedModelEntries, !allHidden)
+                }));
                 if (selectedModelEntries.length === 1) {
                     const configActions = this.languageModelsService.getModelConfigurationActions(selectedModelEntries[0].model.identifier);
                     if (configActions.length) {
@@ -1054,29 +1130,34 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
                 if (isLanguageModelProviderEntry(entry)) {
                     configureGroup = entry.vendorEntry.group.name;
                     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")),
+                        class: ThemeIcon.asClassName(entry.hidden ? Codicon.eyeClosed : Codicon.eye),
+                        run: () => this.viewModel.toggleGroupHidden(entry)
+                    }));
                 }
             }
             if (configureGroup && configureVendor) {
-                if (configureVendor.managementCommand || configureVendor.configuration) {
+                const groupActions = configureVendor.managementCommand ? [toAction({
+                    id: "manageVendor",
+                    label: ( localize(6580, "Manage {0}...", configureGroup)),
+                    run: async () => {
+                        await this.commandService.executeCommand(configureVendor.managementCommand, configureVendor.vendor);
+                        await this.viewModel.refresh();
+                    }
+                })] : createProviderGroupActions(
+                    this.viewModel,
+                    configureVendor,
+                    configureGroup,
+                    this.languageModelsService,
+                    this.dialogService
+                );
+                if (groupActions.length) {
                     if (actions.length) {
                         actions.push(( new Separator()));
                     }
-                    if (configureVendor.managementCommand) {
-                        actions.push(toAction({
-                            id: "configureVendor",
-                            label: ( localize(6521, "Configure")),
-                            run: async () => {
-                                await this.commandService.executeCommand(configureVendor.managementCommand, configureVendor.vendor);
-                                await this.viewModel.refresh();
-                            }
-                        }));
-                    } else {
-                        actions.push(toAction({
-                            id: "configureVendor",
-                            label: ( localize(6521, "Configure")),
-                            run: () => this.languageModelsService.configureLanguageModelsProviderGroup(configureVendor.vendor, configureGroup)
-                        }));
-                    }
+                    actions.push(...groupActions);
                 }
             }
             if (actions.length > 0) {
@@ -1135,7 +1216,7 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         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(6522, "Adding models is managed by your organization")) : "");
+        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));
@@ -1204,6 +1285,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))], 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, IContextKeyService)), ( __param(8, IDialogService))], ChatModelsWidget));
 
 export { ChatModelsWidget };