@codingame/monaco-vscode-chat-service-override 25.1.2 → 26.0.0

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

@@ -19,7 +19,7 @@ import { IContextMenuService } from '@codingame/monaco-vscode-api/vscode/vs/plat
 import { Action, Separator, SubmenuAction, toAction } 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 { ChatModelGroup, isVendorEntry, isGroupEntry, ChatModelsViewModel, SEARCH_SUGGESTIONS } from './chatModelsViewModel.js';
+import { ChatModelGroup, isLanguageModelProviderEntry, isLanguageModelGroupEntry, isStatusEntry, ChatModelsViewModel, SEARCH_SUGGESTIONS } from './chatModelsViewModel.js';
 import { HighlightedLabel } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/highlightedlabel/highlightedLabel';
 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';
@@ -34,6 +34,8 @@ import { ICommandService } from '@codingame/monaco-vscode-api/vscode/vs/platform
 import { IEditorProgressService } from '@codingame/monaco-vscode-api/vscode/vs/platform/progress/common/progress.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 { 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';
 
 var ModelNameColumnRenderer_1, MultiplierColumnRenderer_1, TokenLimitsColumnRenderer_1, ActionsColumnRenderer_1, ChatModelsWidget_1;
 registerCss(chatModelsWidget);
@@ -43,35 +45,48 @@ const VENDOR_ROW_HEIGHT = 30;
 const MODEL_ROW_HEIGHT = 26;
 class ModelsFilterAction extends Action {
     constructor() {
-        super('workbench.models.filter', ( localize(5205, "Filter")), ThemeIcon.asClassName(Codicon.filter));
-    }
-    async run() {
+        super("workbench.models.filter", ( localize(5373, "Filter")), ThemeIcon.asClassName(Codicon.filter));
     }
+    async run() {}
 }
-function toggleFilter(currentQuery, query, alternativeQueries = []) {
-    const allQueries = [query, ...alternativeQueries];
-    const isChecked = ( allQueries.some(q => currentQuery.includes(q)));
-    if (!isChecked) {
-        const trimmedQuery = currentQuery.trim();
-        return trimmedQuery ? `${trimmedQuery} ${query}` : query;
-    }
-    else {
+function toggleFilter(currentQuery, filter) {
+    const {
+        query,
+        synonyms = [],
+        excludes = []
+    } = filter;
+    const allSynonyms = [query, ...synonyms];
+    const isChecked = ( allSynonyms.some(q => currentQuery.includes(q)));
+    const hasExcludedQuery = ( excludes.some(q => currentQuery.includes(q)));
+    if (isChecked) {
         let queryWithRemovedFilter = currentQuery;
-        for (const q of allQueries) {
-            queryWithRemovedFilter = queryWithRemovedFilter.replace(q, '');
+        for (const q of allSynonyms) {
+            queryWithRemovedFilter = queryWithRemovedFilter.replace(q, "");
+        }
+        return queryWithRemovedFilter.replace(/\s+/g, " ").trim();
+    } else if (hasExcludedQuery) {
+        let newQuery = currentQuery;
+        for (const q of excludes) {
+            newQuery = newQuery.replace(q, "");
         }
-        return queryWithRemovedFilter.replace(/\s+/g, ' ').trim();
+        newQuery = newQuery.replace(/\s+/g, " ").trim();
+        return newQuery ? `${newQuery} ${query}` : query;
+    } else {
+        const trimmedQuery = currentQuery.trim();
+        return trimmedQuery ? `${trimmedQuery} ${query}` : query;
     }
 }
 let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropdownMenuActionViewItem extends DropdownMenuActionViewItem {
-    constructor(action, options, searchWidget, viewModel, contextMenuService) {
-        super(action, { getActions: () => this.getActions() }, contextMenuService, {
+    constructor(action, options, search, viewModel, contextMenuService) {
+        super(action, {
+            getActions: () => this.getActions()
+        }, contextMenuService, {
             ...options,
             classNames: action.class,
             anchorAlignmentProvider: () => AnchorAlignment.RIGHT,
             menuAsChild: true
         });
-        this.searchWidget = searchWidget;
+        this.search = search;
         this.viewModel = viewModel;
     }
     createGroupByAction(grouping, label) {
@@ -80,7 +95,7 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
             label,
             class: undefined,
             enabled: true,
-            tooltip: ( localize(5206, "Group by {0}", label)),
+            tooltip: ( localize(5374, "Group by {0}", label)),
             checked: this.viewModel.groupBy === grouping,
             run: () => {
                 this.viewModel.groupBy = grouping;
@@ -89,111 +104,123 @@ let ModelsSearchFilterDropdownMenuActionViewItem = class ModelsSearchFilterDropd
     }
     createProviderAction(vendor, displayName) {
         const query = `@provider:"${displayName}"`;
-        const currentQuery = this.searchWidget.getValue();
+        const currentQuery = this.search.getValue();
         const isChecked = currentQuery.includes(query) || currentQuery.includes(`@provider:${vendor}`);
         return {
             id: `provider-${vendor}`,
             label: displayName,
-            tooltip: ( localize(5207, "Filter by {0}", displayName)),
+            tooltip: ( localize(5375, "Filter by {0}", displayName)),
             class: undefined,
             enabled: true,
             checked: isChecked,
-            run: () => this.toggleFilterAndSearch(query, [`@provider:${vendor}`])
+            run: () => this.toggleFilterAndSearch({
+                query,
+                synonyms: [`@provider:${vendor}`]
+            })
         };
     }
     createCapabilityAction(capability, label) {
         const query = `@capability:${capability}`;
-        const currentQuery = this.searchWidget.getValue();
+        const currentQuery = this.search.getValue();
         const isChecked = currentQuery.includes(query);
         return {
             id: `capability-${capability}`,
             label,
-            tooltip: ( localize(5208, "Filter by {0}", label)),
+            tooltip: ( localize(5376, "Filter by {0}", label)),
             class: undefined,
             enabled: true,
             checked: isChecked,
-            run: () => this.toggleFilterAndSearch(query)
+            run: () => this.toggleFilterAndSearch({
+                query
+            })
         };
     }
     createVisibleAction(visible, label) {
         const query = `@visible:${visible}`;
-        const oppositeQuery = `@visible:${!visible}`;
-        const currentQuery = this.searchWidget.getValue();
+        const currentQuery = this.search.getValue();
         const isChecked = currentQuery.includes(query);
         return {
             id: `visible-${visible}`,
             label,
-            tooltip: ( localize(5209, "Filter by {0}", label)),
+            tooltip: ( localize(5377, "Filter by {0}", label)),
             class: undefined,
             enabled: true,
             checked: isChecked,
-            run: () => this.toggleFilterAndSearch(query, [oppositeQuery])
+            run: () => this.toggleFilterAndSearch({
+                query,
+                excludes: [`@visible:${!visible}`]
+            })
         };
     }
-    toggleFilterAndSearch(query, alternativeQueries = []) {
-        const currentQuery = this.searchWidget.getValue();
-        const newQuery = toggleFilter(currentQuery, query, alternativeQueries);
-        this.searchWidget.setValue(newQuery);
-        this.searchWidget.focus();
+    toggleFilterAndSearch(filter) {
+        const currentQuery = this.search.getValue();
+        const newQuery = toggleFilter(currentQuery, filter);
+        this.search.setValue(newQuery);
     }
     getActions() {
         const actions = [];
-        actions.push(this.createVisibleAction(true, ( localize(5210, 'Visible'))));
-        actions.push(this.createVisibleAction(false, ( localize(5211, 'Hidden'))));
+        actions.push(this.createCapabilityAction("tools", ( localize(5378, "Tools"))), this.createCapabilityAction("vision", ( localize(5379, "Vision"))), this.createCapabilityAction("agent", ( localize(5380, "Agent Mode"))));
         actions.push(( new Separator()));
-        actions.push(this.createCapabilityAction('tools', ( localize(5212, 'Tools'))), this.createCapabilityAction('vision', ( localize(5213, 'Vision'))), this.createCapabilityAction('agent', ( localize(5214, 'Agent Mode'))));
+        actions.push(this.createVisibleAction(true, ( localize(5381, "Visible in Chat Model Picker"))));
+        actions.push(this.createVisibleAction(false, ( localize(5382, "Hidden in Chat Model Picker"))));
         const configuredVendors = this.viewModel.getConfiguredVendors();
         if (configuredVendors.length > 1) {
             actions.push(( new Separator()));
             actions.push(...( configuredVendors.map(
-                vendor => this.createProviderAction(vendor.vendor, vendor.vendorDisplayName)
+                vendor => this.createProviderAction(vendor.vendor.vendor, vendor.group.name)
             )));
         }
         actions.push(( new Separator()));
         const groupByActions = [];
-        groupByActions.push(this.createGroupByAction(ChatModelGroup.Vendor, ( localize(5215, 'Provider'))));
-        groupByActions.push(this.createGroupByAction(ChatModelGroup.Visibility, ( localize(5216, 'Visibility'))));
-        actions.push(( new SubmenuAction('groupBy', ( localize(5217, "Group By")), groupByActions)));
+        groupByActions.push(this.createGroupByAction(ChatModelGroup.Vendor, ( localize(5383, "Provider"))));
+        groupByActions.push(this.createGroupByAction(ChatModelGroup.Visibility, ( localize(5384, "Visibility (Chat Model Picker)"))));
+        actions.push(( new SubmenuAction("groupBy", ( localize(5385, "Group By")), groupByActions)));
         return actions;
     }
 };
-ModelsSearchFilterDropdownMenuActionViewItem = ( __decorate([
-    ( __param(4, IContextMenuService))
-], ModelsSearchFilterDropdownMenuActionViewItem));
+ModelsSearchFilterDropdownMenuActionViewItem = ( __decorate([( __param(4, IContextMenuService))], ModelsSearchFilterDropdownMenuActionViewItem));
 class Delegate {
     constructor() {
         this.headerRowHeight = HEADER_HEIGHT;
     }
     getHeight(element) {
-        return isVendorEntry(element) || isGroupEntry(element) ? VENDOR_ROW_HEIGHT : MODEL_ROW_HEIGHT;
+        return isLanguageModelProviderEntry(element) || isLanguageModelGroupEntry(element) ? VENDOR_ROW_HEIGHT : MODEL_ROW_HEIGHT;
     }
 }
 class ModelsTableColumnRenderer {
     renderElement(element, index, templateData) {
         templateData.elementDisposables.clear();
-        const isVendor = isVendorEntry(element);
-        const isGroup = isGroupEntry(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('model-hidden', !isVendor && !isGroup && !element.modelEntry.metadata.isUserSelectable);
+        const isVendor = isLanguageModelProviderEntry(element);
+        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);
+        templateData.container.parentElement.classList.toggle(
+            "model-hidden",
+            !isVendor && !isGroup && !isStatus && !element.model.visible
+        );
         if (isVendor) {
             this.renderVendorElement(element, index, templateData);
-        }
-        else if (isGroup) {
+        } else if (isGroup) {
             this.renderGroupElement(element, index, templateData);
-        }
-        else {
+        } else if (isStatus) {
+            this.renderStatusElement(element, index, templateData);
+        } else {
             this.renderModelElement(element, index, templateData);
         }
     }
+    renderStatusElement(element, index, templateData) {}
     disposeTemplate(templateData) {
         templateData.elementDisposables.dispose();
         templateData.disposables.dispose();
     }
 }
 class GutterColumnRenderer extends ModelsTableColumnRenderer {
-    static { this.TEMPLATE_ID = 'gutter'; }
+    static {
+        this.TEMPLATE_ID = "gutter";
+    }
     constructor(viewModel) {
         super();
         this.viewModel = viewModel;
@@ -202,7 +229,7 @@ class GutterColumnRenderer extends ModelsTableColumnRenderer {
     renderTemplate(container) {
         const disposables = ( new DisposableStore());
         const elementDisposables = ( new DisposableStore());
-        container.classList.add('models-gutter-column');
+        container.classList.add("models-gutter-column");
         const actionBar = disposables.add(( new ActionBar(container)));
         return {
             listRowElement: container.parentElement?.parentElement ?? null,
@@ -224,36 +251,48 @@ class GutterColumnRenderer extends ModelsTableColumnRenderer {
     }
     renderCollapsableElement(entry, templateData) {
         if (templateData.listRowElement) {
-            templateData.listRowElement.setAttribute('aria-expanded', entry.collapsed ? 'false' : 'true');
+            templateData.listRowElement.setAttribute("aria-expanded", entry.collapsed ? "false" : "true");
         }
-        const label = entry.collapsed ? ( localize(5218, 'Expand')) : ( localize(5219, 'Collapse'));
+        const label = entry.collapsed ? ( localize(5386, "Expand")) : ( localize(5387, "Collapse"));
         const toggleCollapseAction = {
-            id: 'toggleCollapse',
+            id: "toggleCollapse",
             label,
             tooltip: label,
             enabled: true,
             class: ThemeIcon.asClassName(entry.collapsed ? Codicon.chevronRight : Codicon.chevronDown),
             run: () => this.viewModel.toggleCollapsed(entry)
         };
-        templateData.actionBar.push(toggleCollapseAction, { icon: true, label: false });
+        templateData.actionBar.push(toggleCollapseAction, {
+            icon: true,
+            label: false
+        });
     }
     renderModelElement(entry, index, templateData) {
-        const { modelEntry } = entry;
-        const isVisible = modelEntry.metadata.isUserSelectable ?? false;
+        const {
+            model: modelEntry
+        } = entry;
+        const isVisible = modelEntry.visible;
         const toggleVisibilityAction = toAction({
-            id: 'toggleVisibility',
-            label: isVisible ? ( localize(5220, 'Hide')) : ( localize(5221, 'Show')),
+            id: "toggleVisibility",
+            label: isVisible ? ( localize(5388, "Hide")) : ( localize(5389, "Show")),
             class: `model-visibility-toggle ${isVisible ? `${ThemeIcon.asClassName(Codicon.eye)} model-visible` : `${ThemeIcon.asClassName(Codicon.eyeClosed)} model-hidden`}`,
-            tooltip: isVisible ? ( localize(5222, 'Hide in the chat model picker')) : ( localize(5223, 'Show in the chat model picker')),
+            tooltip: isVisible ? ( localize(5390, "Hide in the chat model picker")) : ( localize(5391, "Show in the chat model picker")),
             checked: !isVisible,
             run: async () => this.viewModel.toggleVisibility(entry)
         });
-        templateData.actionBar.push(toggleVisibilityAction, { icon: true, label: false });
+        templateData.actionBar.push(toggleVisibilityAction, {
+            icon: true,
+            label: false
+        });
     }
 }
 let ModelNameColumnRenderer = class ModelNameColumnRenderer extends ModelsTableColumnRenderer {
-    static { ModelNameColumnRenderer_1 = this; }
-    static { this.TEMPLATE_ID = 'modelName'; }
+    static {
+        ModelNameColumnRenderer_1 = this;
+    }
+    static {
+        this.TEMPLATE_ID = "modelName";
+    }
     constructor(hoverService) {
         super();
         this.hoverService = hoverService;
@@ -262,75 +301,110 @@ let ModelNameColumnRenderer = class ModelNameColumnRenderer extends ModelsTableC
     renderTemplate(container) {
         const disposables = ( new DisposableStore());
         const elementDisposables = ( new DisposableStore());
-        const nameContainer = append(container, $('.model-name-container'));
-        const nameLabel = disposables.add(( new HighlightedLabel(append(nameContainer, $('.model-name')))));
-        const statusIcon = append(nameContainer, $('.model-status-icon'));
-        const actionBar = disposables.add(( new ActionBar(append(nameContainer, $('.model-name-actions')))));
+        const nameContainer = append(container, $(".model-name-container"));
+        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.statusIcon);
+        clearNode(templateData.modelStatusIcon);
         templateData.actionBar.clear();
+        templateData.nameLabel.element.classList.remove("error-status", "warning-status", "info-status");
         super.renderElement(entry, index, templateData);
     }
     renderVendorElement(entry, index, templateData) {
-        templateData.nameLabel.set(entry.vendorEntry.vendorDisplayName, undefined);
+        templateData.nameLabel.set(entry.vendorEntry.group.name, undefined);
     }
     renderGroupElement(entry, index, templateData) {
         templateData.nameLabel.set(entry.label, undefined);
     }
     renderModelElement(entry, index, templateData) {
-        const { modelEntry, modelNameMatches } = entry;
-        templateData.statusIcon.className = 'model-status-icon';
+        const {
+            model: modelEntry,
+            modelNameMatches
+        } = entry;
+        templateData.statusIcon.style.display = "none";
+        templateData.modelStatusIcon.className = "model-status-icon";
         if (modelEntry.metadata.statusIcon) {
-            templateData.statusIcon.classList.add(...ThemeIcon.asClassNameArray(modelEntry.metadata.statusIcon));
-            templateData.statusIcon.style.display = '';
-        }
-        else {
-            templateData.statusIcon.style.display = 'none';
+            templateData.modelStatusIcon.classList.add(...ThemeIcon.asClassNameArray(modelEntry.metadata.statusIcon));
+            templateData.modelStatusIcon.style.display = "";
+        } else {
+            templateData.modelStatusIcon.style.display = "none";
         }
         templateData.nameLabel.set(modelEntry.metadata.name, modelNameMatches);
-        const markdown = ( new MarkdownString('', { isTrusted: true, supportThemeIcons: true }));
-        markdown.appendMarkdown(`**${entry.modelEntry.metadata.name}**`);
-        if (entry.modelEntry.metadata.id !== entry.modelEntry.metadata.version) {
-            markdown.appendMarkdown(`&nbsp;<span style="background-color:#8080802B;">&nbsp;_${entry.modelEntry.metadata.id}@${entry.modelEntry.metadata.version}_&nbsp;</span>`);
-        }
-        else {
-            markdown.appendMarkdown(`&nbsp;<span style="background-color:#8080802B;">&nbsp;_${entry.modelEntry.metadata.id}_&nbsp;</span>`);
+        const markdown = ( new MarkdownString("", {
+            isTrusted: true,
+            supportThemeIcons: true
+        }));
+        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>`
+            );
+        } else {
+            markdown.appendMarkdown(
+                `&nbsp;<span style="background-color:#8080802B;">&nbsp;_${entry.model.metadata.id}_&nbsp;</span>`
+            );
         }
         markdown.appendText(`\n`);
-        if (entry.modelEntry.metadata.statusIcon && entry.modelEntry.metadata.tooltip) {
-            if (entry.modelEntry.metadata.statusIcon) {
-                markdown.appendMarkdown(`$(${entry.modelEntry.metadata.statusIcon.id})&nbsp;`);
+        if (entry.model.metadata.statusIcon && entry.model.metadata.tooltip) {
+            if (entry.model.metadata.statusIcon) {
+                markdown.appendMarkdown(`$(${entry.model.metadata.statusIcon.id})&nbsp;`);
             }
-            markdown.appendMarkdown(`${entry.modelEntry.metadata.tooltip}`);
+            markdown.appendMarkdown(`${entry.model.metadata.tooltip}`);
             markdown.appendText(`\n`);
         }
-        if (!entry.modelEntry.metadata.isUserSelectable) {
-            markdown.appendMarkdown(`\n\n${( localize(5224, 'This model is hidden in the chat model picker'))}`);
+        if (!entry.model.visible) {
+            markdown.appendMarkdown(`\n\n${( localize(5392, "This model is hidden in the chat model picker"))}`);
         }
-        templateData.elementDisposables.add(this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
-            content: markdown,
-            appearance: {
-                compact: true,
-                skipFadeInAnimation: true,
-            }
-        })));
+        templateData.elementDisposables.add(
+            this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
+                content: markdown,
+                appearance: {
+                    compact: true,
+                    skipFadeInAnimation: true
+                }
+            }))
+        );
+    }
+    renderStatusElement(entry, index, templateData) {
+        templateData.statusIcon.style.display = "";
+        templateData.statusIcon.className = "status-icon";
+        switch (entry.severity) {
+        case Severity.Error:
+            templateData.nameLabel.element.classList.add("error-status");
+            templateData.statusIcon.classList.add(...ThemeIcon.asClassNameArray(Codicon.error));
+            break;
+        case Severity.Warning:
+            templateData.nameLabel.element.classList.add("warning-status");
+            templateData.statusIcon.classList.add(...ThemeIcon.asClassNameArray(Codicon.warning));
+            break;
+        case Severity.Info:
+            templateData.nameLabel.element.classList.add("info-status");
+            templateData.statusIcon.classList.add(...ThemeIcon.asClassNameArray(Codicon.info));
+            break;
+        }
+        templateData.nameLabel.set(entry.message, undefined, entry.message);
     }
 };
-ModelNameColumnRenderer = ModelNameColumnRenderer_1 = ( __decorate([
-    ( __param(0, IHoverService))
-], ModelNameColumnRenderer));
+ModelNameColumnRenderer = ModelNameColumnRenderer_1 = ( __decorate([( __param(0, IHoverService))], ModelNameColumnRenderer));
 let MultiplierColumnRenderer = class MultiplierColumnRenderer extends ModelsTableColumnRenderer {
-    static { MultiplierColumnRenderer_1 = this; }
-    static { this.TEMPLATE_ID = 'multiplier'; }
+    static {
+        MultiplierColumnRenderer_1 = this;
+    }
+    static {
+        this.TEMPLATE_ID = "multiplier";
+    }
     constructor(hoverService) {
         super();
         this.hoverService = hoverService;
@@ -339,7 +413,7 @@ let MultiplierColumnRenderer = class MultiplierColumnRenderer extends ModelsTabl
     renderTemplate(container) {
         const disposables = ( new DisposableStore());
         const elementDisposables = ( new DisposableStore());
-        const multiplierElement = append(container, $('.model-multiplier'));
+        const multiplierElement = append(container, $(".model-multiplier"));
         return {
             container,
             multiplierElement,
@@ -347,36 +421,40 @@ let MultiplierColumnRenderer = class MultiplierColumnRenderer extends ModelsTabl
             elementDisposables
         };
     }
-    renderVendorElement(entry, index, templateData) {
-        templateData.multiplierElement.textContent = '';
-    }
-    renderGroupElement(entry, index, templateData) {
-        templateData.multiplierElement.textContent = '';
+    renderElement(entry, index, templateData) {
+        templateData.multiplierElement.textContent = "";
+        super.renderElement(entry, index, templateData);
     }
+    renderGroupElement(element, index, templateData) {}
+    renderVendorElement(element, index, templateData) {}
     renderModelElement(entry, index, templateData) {
-        const multiplierText = (entry.modelEntry.metadata.detail && entry.modelEntry.metadata.detail.trim().toLowerCase() !== entry.modelEntry.vendor.trim().toLowerCase()) ? entry.modelEntry.metadata.detail : '-';
+        const multiplierText = entry.model.metadata.multiplier ?? "-";
         templateData.multiplierElement.textContent = multiplierText;
-        if (multiplierText !== '-') {
-            templateData.elementDisposables.add(this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
-                content: ( localize(
-                    5225,
-                    "Every chat message counts {0} towards your premium model request quota",
-                    multiplierText
-                )),
-                appearance: {
-                    compact: true,
-                    skipFadeInAnimation: true
-                }
-            })));
+        if (multiplierText !== "-") {
+            templateData.elementDisposables.add(
+                this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
+                    content: ( localize(
+                        5393,
+                        "Every chat message counts {0} towards your premium model request quota",
+                        multiplierText
+                    )),
+                    appearance: {
+                        compact: true,
+                        skipFadeInAnimation: true
+                    }
+                }))
+            );
         }
     }
 };
-MultiplierColumnRenderer = MultiplierColumnRenderer_1 = ( __decorate([
-    ( __param(0, IHoverService))
-], MultiplierColumnRenderer));
+MultiplierColumnRenderer = MultiplierColumnRenderer_1 = ( __decorate([( __param(0, IHoverService))], MultiplierColumnRenderer));
 let TokenLimitsColumnRenderer = class TokenLimitsColumnRenderer extends ModelsTableColumnRenderer {
-    static { TokenLimitsColumnRenderer_1 = this; }
-    static { this.TEMPLATE_ID = 'tokenLimits'; }
+    static {
+        TokenLimitsColumnRenderer_1 = this;
+    }
+    static {
+        this.TEMPLATE_ID = "tokenLimits";
+    }
     constructor(hoverService) {
         super();
         this.hoverService = hoverService;
@@ -385,7 +463,7 @@ let TokenLimitsColumnRenderer = class TokenLimitsColumnRenderer extends ModelsTa
     renderTemplate(container) {
         const disposables = ( new DisposableStore());
         const elementDisposables = ( new DisposableStore());
-        const tokenLimitsElement = append(container, $('.model-token-limits'));
+        const tokenLimitsElement = append(container, $(".model-token-limits"));
         return {
             container,
             tokenLimitsElement,
@@ -397,47 +475,50 @@ let TokenLimitsColumnRenderer = class TokenLimitsColumnRenderer extends ModelsTa
         clearNode(templateData.tokenLimitsElement);
         super.renderElement(entry, index, templateData);
     }
-    renderVendorElement(entry, index, templateData) {
-    }
-    renderGroupElement(entry, index, templateData) {
-    }
+    renderVendorElement(entry, index, templateData) {}
+    renderGroupElement(entry, index, templateData) {}
     renderModelElement(entry, index, templateData) {
-        const { modelEntry } = entry;
-        const markdown = ( new MarkdownString('', { isTrusted: true, supportThemeIcons: true }));
+        const {
+            model: modelEntry
+        } = entry;
+        const markdown = ( new MarkdownString("", {
+            isTrusted: true,
+            supportThemeIcons: true
+        }));
         if (modelEntry.metadata.maxInputTokens || modelEntry.metadata.maxOutputTokens) {
             let addSeparator = false;
-            markdown.appendMarkdown(`${( localize(5226, 'Context Size'))}: `);
+            markdown.appendMarkdown(`${( localize(5394, "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'));
+                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(5227, 'Input'))})`);
+                markdown.appendMarkdown(`$(arrow-down) ${modelEntry.metadata.maxInputTokens} (${( localize(5395, "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'));
+                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(5228, 'Output'))})`);
+                markdown.appendMarkdown(`$(arrow-up) ${modelEntry.metadata.maxOutputTokens} (${( localize(5396, "Output"))})`);
             }
         }
-        templateData.elementDisposables.add(this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
-            content: markdown,
-            appearance: {
-                compact: true,
-                skipFadeInAnimation: true,
-            }
-        })));
+        templateData.elementDisposables.add(
+            this.hoverService.setupDelayedHoverAtMouse(templateData.container, () => ({
+                content: markdown,
+                appearance: {
+                    compact: true,
+                    skipFadeInAnimation: true
+                }
+            }))
+        );
     }
 };
-TokenLimitsColumnRenderer = TokenLimitsColumnRenderer_1 = ( __decorate([
-    ( __param(0, IHoverService))
-], TokenLimitsColumnRenderer));
+TokenLimitsColumnRenderer = TokenLimitsColumnRenderer_1 = ( __decorate([( __param(0, IHoverService))], TokenLimitsColumnRenderer));
 class CapabilitiesColumnRenderer extends ModelsTableColumnRenderer {
     constructor() {
         super(...arguments);
@@ -445,12 +526,14 @@ class CapabilitiesColumnRenderer extends ModelsTableColumnRenderer {
         this._onDidClickCapability = ( new Emitter());
         this.onDidClickCapability = this._onDidClickCapability.event;
     }
-    static { this.TEMPLATE_ID = 'capabilities'; }
+    static {
+        this.TEMPLATE_ID = "capabilities";
+    }
     renderTemplate(container) {
         const disposables = ( new DisposableStore());
         const elementDisposables = ( new DisposableStore());
-        container.classList.add('model-capability-column');
-        const metadataRow = append(container, $('.model-capabilities'));
+        container.classList.add("model-capability-column");
+        const metadataRow = append(container, $(".model-capabilities"));
         return {
             container,
             metadataRow,
@@ -462,44 +545,80 @@ class CapabilitiesColumnRenderer extends ModelsTableColumnRenderer {
         clearNode(templateData.metadataRow);
         super.renderElement(entry, index, templateData);
     }
-    renderVendorElement(entry, index, templateData) {
-    }
-    renderGroupElement(entry, index, templateData) {
-    }
+    renderVendorElement(entry, index, templateData) {}
+    renderGroupElement(entry, index, templateData) {}
     renderModelElement(entry, index, templateData) {
-        const { modelEntry, capabilityMatches } = entry;
+        const {
+            model: modelEntry,
+            capabilityMatches
+        } = entry;
         if (modelEntry.metadata.capabilities?.toolCalling) {
-            templateData.elementDisposables.add(this.createCapabilityButton(templateData.metadataRow, capabilityMatches?.includes('toolCalling') || false, ( localize(5229, 'Tools')), 'tools'));
+            templateData.elementDisposables.add(this.createCapabilityButton(
+                templateData.metadataRow,
+                capabilityMatches?.includes("toolCalling") || false,
+                ( localize(5397, "Tools")),
+                "tools"
+            ));
         }
         if (modelEntry.metadata.capabilities?.vision) {
-            templateData.elementDisposables.add(this.createCapabilityButton(templateData.metadataRow, capabilityMatches?.includes('vision') || false, ( localize(5230, 'Vision')), 'vision'));
+            templateData.elementDisposables.add(this.createCapabilityButton(
+                templateData.metadataRow,
+                capabilityMatches?.includes("vision") || false,
+                ( localize(5398, "Vision")),
+                "vision"
+            ));
         }
     }
     createCapabilityButton(container, isActive, label, capability) {
         const disposables = ( new DisposableStore());
-        const buttonContainer = append(container, $('.model-badge-container'));
-        const button = disposables.add(( new Button(buttonContainer, { secondary: true })));
-        button.element.classList.add('model-capability');
-        button.element.classList.toggle('active', isActive);
+        const buttonContainer = append(container, $(".model-badge-container"));
+        const button = disposables.add(( new Button(buttonContainer, {
+            secondary: true
+        })));
+        button.element.classList.add("model-capability");
+        button.element.classList.toggle("active", isActive);
         button.label = label;
         disposables.add(button.onDidClick(() => this._onDidClickCapability.fire(capability)));
         return disposables;
     }
 }
 let ActionsColumnRenderer = class ActionsColumnRenderer extends ModelsTableColumnRenderer {
-    static { ActionsColumnRenderer_1 = this; }
-    static { this.TEMPLATE_ID = 'actions'; }
-    constructor(viewModel, commandService) {
+    static {
+        ActionsColumnRenderer_1 = this;
+    }
+    static {
+        this.TEMPLATE_ID = "actions";
+    }
+    constructor(
+        viewModel,
+        instantiationService,
+        languageModelsService,
+        dialogService,
+        commandService,
+        contextMenuService
+    ) {
         super();
         this.viewModel = viewModel;
+        this.instantiationService = instantiationService;
+        this.languageModelsService = languageModelsService;
+        this.dialogService = dialogService;
         this.commandService = commandService;
+        this.contextMenuService = contextMenuService;
         this.templateId = ActionsColumnRenderer_1.TEMPLATE_ID;
     }
     renderTemplate(container) {
         const disposables = ( new DisposableStore());
         const elementDisposables = ( new DisposableStore());
-        const parent = append(container, $('.actions-column'));
-        const actionBar = disposables.add(( new ActionBar(parent)));
+        container.classList.add("models-actions-column");
+        const parent = append(container, $(".actions-container"));
+        const actionBar = disposables.add(
+            this.instantiationService.createInstance(ToolBar, parent, this.contextMenuService, {
+                icon: true,
+                label: false,
+                moreIcon: Codicon.gear,
+                anchorAlignmentProvider: () => AnchorAlignment.RIGHT
+            })
+        );
         return {
             container,
             actionBar,
@@ -508,42 +627,65 @@ let ActionsColumnRenderer = class ActionsColumnRenderer extends ModelsTableColum
         };
     }
     renderElement(entry, index, templateData) {
-        templateData.actionBar.clear();
+        templateData.actionBar.setActions([]);
         super.renderElement(entry, index, templateData);
     }
     renderVendorElement(entry, index, templateData) {
-        if (entry.vendorEntry.managementCommand) {
-            const { vendorEntry } = entry;
-            const action = toAction({
-                id: 'manageVendor',
-                label: ( localize(5231, 'Manage {0}...', entry.vendorEntry.vendorDisplayName)),
+        const {
+            vendorEntry
+        } = entry;
+        const primaryActions = [];
+        const secondaryActions = [];
+        if (vendorEntry.vendor.configuration) {
+            secondaryActions.push(toAction({
+                id: "configureAction",
+                label: ( localize(5399, "Configure...")),
+                run: () => this.languageModelsService.configureLanguageModelsProviderGroup(vendorEntry.vendor.vendor, vendorEntry.group.name)
+            }));
+            secondaryActions.push(toAction({
+                id: "deleteAction",
+                label: ( localize(5400, "Delete")),
+                class: ThemeIcon.asClassName(Codicon.trash),
+                run: async () => {
+                    const result = await this.dialogService.confirm({
+                        type: "info",
+                        message: ( localize(5401, "Would you like to delete {0}?", vendorEntry.group.name))
+                    });
+                    if (!result.confirmed) {
+                        return;
+                    }
+                    await this.languageModelsService.removeLanguageModelsProviderGroup(vendorEntry.vendor.vendor, vendorEntry.group.name);
+                }
+            }));
+        } else if (vendorEntry.vendor.managementCommand) {
+            primaryActions.push(toAction({
+                id: "manageVendor",
+                label: ( localize(5402, "Manage {0}...", vendorEntry.group.name)),
                 class: ThemeIcon.asClassName(Codicon.gear),
                 run: async () => {
-                    await this.commandService.executeCommand(vendorEntry.managementCommand, vendorEntry.vendor);
+                    await this.commandService.executeCommand(vendorEntry.vendor.managementCommand, vendorEntry.vendor.vendor);
                     this.viewModel.refresh();
                 }
-            });
-            templateData.actionBar.push(action, { icon: true, label: false });
+            }));
         }
+        templateData.actionBar.setActions(primaryActions, secondaryActions);
     }
-    renderGroupElement(entry, index, templateData) {
-    }
-    renderModelElement(entry, index, templateData) {
-    }
+    renderGroupElement(entry, index, templateData) {}
+    renderModelElement(entry, index, templateData) {}
 };
-ActionsColumnRenderer = ActionsColumnRenderer_1 = ( __decorate([
-    ( __param(1, ICommandService))
-], ActionsColumnRenderer));
+ActionsColumnRenderer = ActionsColumnRenderer_1 = ( __decorate([( __param(1, IInstantiationService)), ( __param(2, ILanguageModelsService)), ( __param(3, IDialogService)), ( __param(4, ICommandService)), ( __param(5, IContextMenuService))], ActionsColumnRenderer));
 class ProviderColumnRenderer extends ModelsTableColumnRenderer {
     constructor() {
         super(...arguments);
         this.templateId = ProviderColumnRenderer.TEMPLATE_ID;
     }
-    static { this.TEMPLATE_ID = 'provider'; }
+    static {
+        this.TEMPLATE_ID = "provider";
+    }
     renderTemplate(container) {
         const disposables = ( new DisposableStore());
         const elementDisposables = ( new DisposableStore());
-        const providerElement = append(container, $('.model-provider'));
+        const providerElement = append(container, $(".model-provider"));
         return {
             container,
             providerElement,
@@ -552,28 +694,40 @@ class ProviderColumnRenderer extends ModelsTableColumnRenderer {
         };
     }
     renderVendorElement(entry, index, templateData) {
-        templateData.providerElement.textContent = '';
+        templateData.providerElement.textContent = "";
     }
     renderGroupElement(entry, index, templateData) {
-        templateData.providerElement.textContent = '';
+        templateData.providerElement.textContent = "";
     }
     renderModelElement(entry, index, templateData) {
-        templateData.providerElement.textContent = entry.modelEntry.vendorDisplayName;
+        templateData.providerElement.textContent = entry.model.provider.vendor.displayName;
     }
 }
 function formatTokenCount(count) {
     if (count >= 1000000) {
         return `${(count / 1000000).toFixed(1)}M`;
-    }
-    else if (count >= 1000) {
+    } else if (count >= 1000) {
         return `${(count / 1000).toFixed(0)}K`;
     }
     return ( count.toString());
 }
 let ChatModelsWidget = class ChatModelsWidget extends Disposable {
-    static { ChatModelsWidget_1 = this; }
-    static { this.NUM_INSTANCES = 0; }
-    constructor(languageModelsService, instantiationService, extensionService, contextMenuService, chatEntitlementService, editorProgressService, commandService, contextKeyService) {
+    static {
+        ChatModelsWidget_1 = this;
+    }
+    static {
+        this.NUM_INSTANCES = 0;
+    }
+    constructor(
+        languageModelsService,
+        instantiationService,
+        extensionService,
+        contextMenuService,
+        chatEntitlementService,
+        editorProgressService,
+        commandService,
+        contextKeyService
+    ) {
         super();
         this.languageModelsService = languageModelsService;
         this.instantiationService = instantiationService;
@@ -587,70 +741,71 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         this.searchFocusContextKey = CONTEXT_MODELS_SEARCH_FOCUS.bindTo(contextKeyService);
         this.delayedFiltering = ( new Delayer(200));
         this.viewModel = this._register(this.instantiationService.createInstance(ChatModelsViewModel));
-        this.element = $$1('.models-widget');
+        this.element = $$1(".models-widget");
         this.create(this.element);
         const loadingPromise = this.extensionService.whenInstalledExtensionsRegistered().then(() => this.viewModel.refresh());
         this.editorProgressService.showWhile(loadingPromise, 300);
     }
     create(container) {
-        const searchAndButtonContainer = append(container, $('.models-search-and-button-container'));
-        const placeholder = ( localize(5232, "Type to search..."));
-        const searchContainer = append(searchAndButtonContainer, $('.models-search-container'));
-        this.searchWidget = this._register(this.instantiationService.createInstance(SuggestEnabledInput, 'chatModelsWidget.searchbox', searchContainer, {
-            triggerCharacters: ['@', ':'],
-            provideResults: (query) => {
-                const providerSuggestions = ( this.viewModel.getVendors().map(v => `@provider:"${v.displayName}"`));
-                const allSuggestions = [
-                    ...providerSuggestions,
-                    ...SEARCH_SUGGESTIONS.CAPABILITIES,
-                    ...SEARCH_SUGGESTIONS.VISIBILITY,
-                ];
-                if (!query.trim()) {
-                    return allSuggestions;
-                }
-                const queryParts = query.split(/\s/g);
-                const lastPart = queryParts[queryParts.length - 1];
-                if (lastPart.startsWith('@provider:')) {
-                    return providerSuggestions;
-                }
-                else if (lastPart.startsWith('@capability:')) {
-                    return SEARCH_SUGGESTIONS.CAPABILITIES;
-                }
-                else if (lastPart.startsWith('@visible:')) {
-                    return SEARCH_SUGGESTIONS.VISIBILITY;
-                }
-                else if (lastPart.startsWith('@')) {
-                    return allSuggestions;
+        const searchAndButtonContainer = append(container, $(".models-search-and-button-container"));
+        const placeholder = ( localize(5403, "Type to search..."));
+        const searchContainer = append(searchAndButtonContainer, $(".models-search-container"));
+        this.searchWidget = this._register(
+            this.instantiationService.createInstance(SuggestEnabledInput, "chatModelsWidget.searchbox", searchContainer, {
+                triggerCharacters: ["@", ":"],
+                provideResults: query => {
+                    const providerSuggestions = ( this.viewModel.getVendors().map(v => `@provider:"${v.displayName}"`));
+                    const allSuggestions = [
+                        ...providerSuggestions,
+                        ...SEARCH_SUGGESTIONS.CAPABILITIES,
+                        ...SEARCH_SUGGESTIONS.VISIBILITY
+                    ];
+                    if (!query.trim()) {
+                        return allSuggestions;
+                    }
+                    const queryParts = query.split(/\s/g);
+                    const lastPart = queryParts[queryParts.length - 1];
+                    if (lastPart.startsWith("@provider:")) {
+                        return providerSuggestions;
+                    } else if (lastPart.startsWith("@capability:")) {
+                        return SEARCH_SUGGESTIONS.CAPABILITIES;
+                    } else if (lastPart.startsWith("@visible:")) {
+                        return SEARCH_SUGGESTIONS.VISIBILITY;
+                    } else if (lastPart.startsWith("@")) {
+                        return allSuggestions;
+                    }
+                    return [];
                 }
-                return [];
-            }
-        }, placeholder, `chatModelsWidget:searchinput:${ChatModelsWidget_1.NUM_INSTANCES++}`, {
-            placeholderText: placeholder,
-            styleOverrides: {
-                inputBorder: settingsTextInputBorder
-            },
-            focusContextKey: this.searchFocusContextKey,
-        }));
+            }, placeholder, `chatModelsWidget:searchinput:${ChatModelsWidget_1.NUM_INSTANCES++}`, {
+                placeholderText: placeholder,
+                styleOverrides: {
+                    inputBorder: settingsTextInputBorder
+                },
+                focusContextKey: this.searchFocusContextKey
+            })
+        );
         const filterAction = this._register(( new ModelsFilterAction()));
-        const clearSearchAction = this._register(( new Action('workbench.models.clearSearch', ( localize(5233, "Clear Search")), ThemeIcon.asClassName(preferencesClearInputIcon), false, () => {
-            this.searchWidget.setValue('');
-            this.searchWidget.focus();
-        })));
-        const collapseAllAction = this._register(( new Action('workbench.models.collapseAll', ( localize(5234, "Collapse All")), ThemeIcon.asClassName(Codicon.collapseAll), false, () => {
+        const clearSearchAction = this._register(( new Action("workbench.models.clearSearch", ( localize(5404, "Clear Search")), ThemeIcon.asClassName(preferencesClearInputIcon), false, () => this.clearSearch())));
+        const collapseAllAction = this._register(( new Action("workbench.models.collapseAll", ( localize(5405, "Collapse All")), ThemeIcon.asClassName(Codicon.collapseAll), false, () => {
             this.viewModel.collapseAll();
         })));
-        collapseAllAction.enabled = ( this.viewModel.viewModelEntries.some(e => isVendorEntry(e) || isGroupEntry(e)));
-        this._register(this.viewModel.onDidChange(() => collapseAllAction.enabled = ( this.viewModel.viewModelEntries.some(e => isVendorEntry(e) || isGroupEntry(e)))));
+        collapseAllAction.enabled = ( this.viewModel.viewModelEntries.some(e => isLanguageModelGroupEntry(e) || isLanguageModelProviderEntry(e)));
+        this._register(
+            this.viewModel.onDidChange(() => collapseAllAction.enabled = ( this.viewModel.viewModelEntries.some(e => isLanguageModelProviderEntry(e) || isLanguageModelGroupEntry(e))))
+        );
         this._register(this.searchWidget.onInputDidChange(() => {
             clearSearchAction.enabled = !!this.searchWidget.getValue();
             this.filterModels();
         }));
-        this.searchActionsContainer = append(searchContainer, $('.models-search-actions'));
+        this.searchActionsContainer = append(searchContainer, $(".models-search-actions"));
         const actions = [clearSearchAction, collapseAllAction, filterAction];
         const toolBar = this._register(( new ToolBar(this.searchActionsContainer, this.contextMenuService, {
             actionViewItemProvider: (action, options) => {
                 if (action.id === filterAction.id) {
-                    return this.instantiationService.createInstance(ModelsSearchFilterDropdownMenuActionViewItem, action, options, this.searchWidget, this.viewModel);
+                    return this.instantiationService.createInstance(ModelsSearchFilterDropdownMenuActionViewItem, action, options, {
+                        getValue: () => this.searchWidget.getValue(),
+                        setValue: searchValue => this.search(searchValue)
+                    }, this.viewModel);
                 }
                 return undefined;
             },
@@ -658,26 +813,32 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         })));
         toolBar.setActions(actions);
         this.searchWidget.inputWidget.getContainerDomNode().style.paddingRight = `${getTotalWidth(this.searchActionsContainer) + 12}px`;
-        this.addButtonContainer = append(searchAndButtonContainer, $('.section-title-actions'));
+        this.addButtonContainer = append(searchAndButtonContainer, $(".section-title-actions"));
         const buttonOptions = {
             ...defaultButtonStyles,
-            supportIcons: true,
+            supportIcons: true
         };
         this.addButton = this._register(( new Button(this.addButtonContainer, buttonOptions)));
-        this.addButton.label = `$(${Codicon.add.id}) ${( localize(5235, 'Add Models...'))}`;
-        this.addButton.element.classList.add('models-add-model-button');
-        this.addButton.enabled = false;
-        this._register(this.addButton.onDidClick((e) => {
+        this.addButton.label = `$(${Codicon.add.id}) ${( localize(5406, "Add Models..."))}`;
+        this.addButton.element.classList.add("models-add-model-button");
+        this.updateAddModelsButton();
+        this._register(this.addButton.onDidClick(e => {
             if (this.dropdownActions.length > 0) {
                 this.contextMenuService.showContextMenu({
                     getAnchor: () => this.addButton.element,
-                    getActions: () => this.dropdownActions,
+                    getActions: () => this.dropdownActions
                 });
             }
         }));
-        this.tableContainer = append(container, $('.models-table-container'));
+        this.tableContainer = append(container, $(".models-table-container"));
         this.createTable();
         this._register(this.viewModel.onDidChangeGrouping(() => this.createTable()));
+        this._register(
+            this.chatEntitlementService.onDidChangeEntitlement(() => this.updateAddModelsButton())
+        );
+        this._register(
+            this.languageModelsService.onDidChangeLanguageModelVendors(() => this.updateAddModelsButton())
+        );
     }
     createTable() {
         this.tableDisposables.clear();
@@ -692,149 +853,227 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         this.tableDisposables.add(capabilitiesColumnRenderer.onDidClickCapability(capability => {
             const currentQuery = this.searchWidget.getValue();
             const query = `@capability:${capability}`;
-            const newQuery = toggleFilter(currentQuery, query);
-            this.searchWidget.setValue(newQuery);
-            this.searchWidget.focus();
+            const newQuery = toggleFilter(currentQuery, {
+                query
+            });
+            this.search(newQuery);
         }));
-        const columns = [
-            {
-                label: '',
-                tooltip: '',
-                weight: 0.05,
-                minimumWidth: 40,
-                maximumWidth: 40,
-                templateId: GutterColumnRenderer.TEMPLATE_ID,
-                project(row) { return row; }
-            },
-            {
-                label: ( localize(5236, 'Name')),
-                tooltip: '',
-                weight: 0.35,
-                minimumWidth: 200,
-                templateId: ModelNameColumnRenderer.TEMPLATE_ID,
-                project(row) { return row; }
+        const columns = [{
+            label: "",
+            tooltip: "",
+            weight: 0.05,
+            minimumWidth: 40,
+            maximumWidth: 40,
+            templateId: GutterColumnRenderer.TEMPLATE_ID,
+            project(row) {
+                return row;
+            }
+        }, {
+            label: ( localize(5407, "Name")),
+            tooltip: "",
+            weight: 0.35,
+            minimumWidth: 200,
+            templateId: ModelNameColumnRenderer.TEMPLATE_ID,
+            project(row) {
+                return row;
             }
-        ];
+        }];
         if (this.viewModel.groupBy === ChatModelGroup.Visibility) {
             columns.push({
-                label: ( localize(5237, 'Provider')),
-                tooltip: '',
+                label: ( localize(5408, "Provider")),
+                tooltip: "",
                 weight: 0.15,
                 minimumWidth: 100,
                 templateId: ProviderColumnRenderer.TEMPLATE_ID,
-                project(row) { return row; }
+                project(row) {
+                    return row;
+                }
             });
         }
         columns.push({
-            label: ( localize(5238, 'Context Size')),
-            tooltip: '',
+            label: ( localize(5409, "Context Size")),
+            tooltip: "",
             weight: 0.1,
             minimumWidth: 140,
             templateId: TokenLimitsColumnRenderer.TEMPLATE_ID,
-            project(row) { return row; }
+            project(row) {
+                return row;
+            }
         }, {
-            label: ( localize(5239, 'Capabilities')),
-            tooltip: '',
-            weight: 0.25,
+            label: ( localize(5410, "Capabilities")),
+            tooltip: "",
+            weight: 0.2,
             minimumWidth: 180,
             templateId: CapabilitiesColumnRenderer.TEMPLATE_ID,
-            project(row) { return row; }
+            project(row) {
+                return row;
+            }
         }, {
-            label: ( localize(5240, 'Multiplier')),
-            tooltip: '',
-            weight: 0.05,
+            label: ( localize(5411, "Request Multiplier")),
+            tooltip: "",
+            weight: 0.1,
             minimumWidth: 60,
             templateId: MultiplierColumnRenderer.TEMPLATE_ID,
-            project(row) { return row; }
+            project(row) {
+                return row;
+            }
         }, {
-            label: '',
-            tooltip: '',
+            label: "",
+            tooltip: "",
             weight: 0.05,
             minimumWidth: 64,
             maximumWidth: 64,
             templateId: ActionsColumnRenderer.TEMPLATE_ID,
-            project(row) { return row; }
+            project(row) {
+                return row;
+            }
         });
-        this.table = this.tableDisposables.add(this.instantiationService.createInstance(WorkbenchTable, 'ModelsWidget', this.tableContainer, ( new Delegate()), columns, [
-            gutterColumnRenderer,
-            modelNameColumnRenderer,
-            costColumnRenderer,
-            tokenLimitsColumnRenderer,
-            capabilitiesColumnRenderer,
-            actionsColumnRenderer,
-            providerColumnRenderer
-        ], {
-            identityProvider: { getId: (e) => e.id },
-            horizontalScrolling: false,
-            accessibilityProvider: {
-                getAriaLabel: (e) => {
-                    if (isVendorEntry(e)) {
-                        return localize(5241, '{0} Models', e.vendorEntry.vendorDisplayName);
-                    }
-                    else if (isGroupEntry(e)) {
-                        return e.id === 'visible' ? ( localize(5242, 'Visible Models')) : ( localize(5243, 'Hidden Models'));
-                    }
-                    const ariaLabels = [];
-                    ariaLabels.push(( localize(
-                        5244,
-                        '{0} from {1}',
-                        e.modelEntry.metadata.name,
-                        e.modelEntry.vendorDisplayName
-                    )));
-                    if (e.modelEntry.metadata.maxInputTokens && e.modelEntry.metadata.maxOutputTokens) {
-                        ariaLabels.push(( localize(
-                            5245,
-                            'Context size: {0} input tokens and {1} output tokens',
-                            formatTokenCount(e.modelEntry.metadata.maxInputTokens),
-                            formatTokenCount(e.modelEntry.metadata.maxOutputTokens)
-                        )));
-                    }
-                    if (e.modelEntry.metadata.capabilities) {
-                        ariaLabels.push(( localize(
-                            5246,
-                            'Capabilities: {0}',
-                            ( Object.keys(e.modelEntry.metadata.capabilities)).join(', ')
-                        )));
-                    }
-                    const multiplierText = (e.modelEntry.metadata.detail && e.modelEntry.metadata.detail.trim().toLowerCase() !== e.modelEntry.vendor.trim().toLowerCase()) ? e.modelEntry.metadata.detail : '-';
-                    if (multiplierText !== '-') {
+        this.table = this.tableDisposables.add(
+            this.instantiationService.createInstance(WorkbenchTable, "ModelsWidget", this.tableContainer, ( new Delegate()), columns, [
+                gutterColumnRenderer,
+                modelNameColumnRenderer,
+                costColumnRenderer,
+                tokenLimitsColumnRenderer,
+                capabilitiesColumnRenderer,
+                actionsColumnRenderer,
+                providerColumnRenderer
+            ], {
+                identityProvider: {
+                    getId: e => e.id
+                },
+                horizontalScrolling: false,
+                accessibilityProvider: {
+                    getAriaLabel: e => {
+                        if (isLanguageModelProviderEntry(e)) {
+                            return localize(5412, "{0} Models", e.vendorEntry.group.name);
+                        } else if (isLanguageModelGroupEntry(e)) {
+                            return e.id === "visible" ? ( localize(5413, "Visible Models")) : ( localize(5414, "Hidden Models"));
+                        } else if (isStatusEntry(e)) {
+                            return localize(5415, "Status: {0}", e.message);
+                        }
+                        const ariaLabels = [];
                         ariaLabels.push(( localize(
-                            5225,
-                            "Every chat message counts {0} towards your premium model request quota",
-                            multiplierText
+                            5416,
+                            "{0} from {1}",
+                            e.model.metadata.name,
+                            e.model.provider.vendor.displayName
                         )));
-                    }
-                    if (e.modelEntry.metadata.isUserSelectable) {
-                        ariaLabels.push(( localize(5247, 'This model is visible in the chat model picker')));
-                    }
-                    else {
-                        ariaLabels.push(( localize(5248, 'This model is hidden in the chat model picker')));
-                    }
-                    return ariaLabels.join('. ');
+                        if (e.model.metadata.maxInputTokens && e.model.metadata.maxOutputTokens) {
+                            ariaLabels.push(( localize(
+                                5417,
+                                "Context size: {0} input tokens and {1} output tokens",
+                                formatTokenCount(e.model.metadata.maxInputTokens),
+                                formatTokenCount(e.model.metadata.maxOutputTokens)
+                            )));
+                        }
+                        if (e.model.metadata.capabilities) {
+                            ariaLabels.push(( localize(
+                                5418,
+                                "Capabilities: {0}",
+                                ( Object.keys(e.model.metadata.capabilities)).join(", ")
+                            )));
+                        }
+                        const multiplierText = e.model.metadata.multiplier ?? "-";
+                        if (multiplierText !== "-") {
+                            ariaLabels.push(( localize(
+                                5393,
+                                "Every chat message counts {0} towards your premium model request quota",
+                                multiplierText
+                            )));
+                        }
+                        if (e.model.visible) {
+                            ariaLabels.push(( localize(5419, "This model is visible in the chat model picker")));
+                        } else {
+                            ariaLabels.push(( localize(5420, "This model is hidden in the chat model picker")));
+                        }
+                        return ariaLabels.join(". ");
+                    },
+                    getWidgetAriaLabel: () => ( localize(5421, "Language Models"))
                 },
-                getWidgetAriaLabel: () => ( localize(5249, 'Language Models'))
-            },
-            multipleSelectionSupport: false,
-            setRowLineHeight: false,
-            openOnSingleClick: true,
-            alwaysConsumeMouseWheel: false,
-        }));
+                multipleSelectionSupport: true,
+                setRowLineHeight: false,
+                openOnSingleClick: true,
+                alwaysConsumeMouseWheel: false
+            })
+        );
         this.tableDisposables.add(this.table.onContextMenu(e => {
             if (!e.element) {
                 return;
             }
-            const entry = e.element;
-            if (isVendorEntry(entry) && entry.vendorEntry.managementCommand) {
-                const actions = [
-                    toAction({
-                        id: 'manageVendor',
-                        label: ( localize(5231, 'Manage {0}...', entry.vendorEntry.vendorDisplayName)),
-                        run: async () => {
-                            await this.commandService.executeCommand(entry.vendorEntry.managementCommand, entry.vendorEntry.vendor);
-                            await this.viewModel.refresh();
-                        }
-                    })
-                ];
+            const selection = this.table.getSelection();
+            const selectedEntries = selection.every(i => i !== e.index) ? [e.element] : ( selection.map(i => this.viewModel.viewModelEntries[i])).filter(e => !!e);
+            const selectedModelEntries = selectedEntries.filter(
+                entry => !isLanguageModelProviderEntry(entry) && !isLanguageModelGroupEntry(entry) && !isStatusEntry(entry)
+            );
+            const actions = [];
+            let configureGroup;
+            let configureVendor;
+            if (selectedModelEntries.length) {
+                const visibleModels = selectedModelEntries.filter(entry => entry.model.visible);
+                const hiddenModels = selectedModelEntries.filter(entry => !entry.model.visible);
+                actions.push(toAction({
+                    id: "hideSelectedModels",
+                    label: ( localize(5422, "Hide in the Chat Model Picker")),
+                    enabled: visibleModels.length > 0,
+                    run: () => this.viewModel.setModelsVisibility(selectedModelEntries, false)
+                }));
+                actions.push(toAction({
+                    id: "showSelectedModels",
+                    label: ( localize(5423, "Show in the Chat Model Picker")),
+                    enabled: hiddenModels.length > 0,
+                    run: () => this.viewModel.setModelsVisibility(selectedModelEntries, true)
+                }));
+                configureGroup = selectedModelEntries[0].model.provider.group.name;
+                configureVendor = selectedModelEntries[0].model.provider.vendor;
+                if (( selectedModelEntries.some(
+                    entry => entry.model.provider.vendor.isDefault || entry.model.provider.group.name !== configureGroup
+                ))) {
+                    configureGroup = undefined;
+                    configureVendor = undefined;
+                }
+            } else if (selectedEntries.length === 1) {
+                const entry = e.element;
+                if (isLanguageModelProviderEntry(entry)) {
+                    if (!entry.vendorEntry.vendor.isDefault) {
+                        actions.push(toAction({
+                            id: "hideAllModels",
+                            label: ( localize(5424, "Hide in the Chat Model Picker")),
+                            run: () => this.viewModel.setGroupVisibility(entry, false)
+                        }));
+                        actions.push(toAction({
+                            id: "showAllModels",
+                            label: ( localize(5425, "Show in the Chat Model Picker")),
+                            run: () => this.viewModel.setGroupVisibility(entry, true)
+                        }));
+                    }
+                    configureGroup = entry.vendorEntry.group.name;
+                    configureVendor = entry.vendorEntry.vendor;
+                }
+            }
+            if (configureGroup && configureVendor) {
+                if (configureVendor.managementCommand || configureVendor.configuration) {
+                    if (actions.length) {
+                        actions.push(( new Separator()));
+                    }
+                    if (configureVendor.managementCommand) {
+                        actions.push(toAction({
+                            id: "configureVendor",
+                            label: ( localize(5426, "Configure")),
+                            run: async () => {
+                                await this.commandService.executeCommand(configureVendor.managementCommand, configureVendor.vendor);
+                                await this.viewModel.refresh();
+                            }
+                        }));
+                    } else {
+                        actions.push(toAction({
+                            id: "configureVendor",
+                            label: ( localize(5426, "Configure")),
+                            run: () => this.languageModelsService.configureLanguageModelsProviderGroup(configureVendor.vendor, configureGroup)
+                        }));
+                    }
+                }
+            }
+            if (actions.length > 0) {
                 this.contextMenuService.showContextMenu({
                     getAnchor: () => e.anchor,
                     getActions: () => actions
@@ -842,38 +1081,41 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
             }
         }));
         this.table.splice(0, this.table.length, this.viewModel.viewModelEntries);
-        this.tableDisposables.add(this.viewModel.onDidChange(({ at, removed, added }) => {
+        this.tableDisposables.add(this.viewModel.onDidChange((
+            {
+                at,
+                removed,
+                added
+            }
+        ) => {
             this.table.splice(at, removed, added);
             if (this.viewModel.selectedEntry) {
                 const selectedEntryIndex = this.viewModel.viewModelEntries.indexOf(this.viewModel.selectedEntry);
                 this.table.setFocus([selectedEntryIndex]);
                 this.table.setSelection([selectedEntryIndex]);
             }
-            const vendors = this.viewModel.getVendors();
-            const configuredVendors = ( new Set(( this.viewModel.getConfiguredVendors().map(cv => cv.vendor))));
-            const vendorsWithoutModels = vendors.filter(v => !( configuredVendors.has(v.vendor)));
-            const hasPlan = this.chatEntitlementService.entitlement !== ChatEntitlement.Unknown && this.chatEntitlementService.entitlement !== ChatEntitlement.Available;
-            this.addButton.enabled = hasPlan && vendorsWithoutModels.length > 0;
-            this.dropdownActions = ( vendorsWithoutModels.map(vendor => toAction({
-                id: `enable-${vendor.vendor}`,
-                label: vendor.displayName,
-                run: async () => {
-                    await this.enableProvider(vendor.vendor);
-                }
-            })));
         }));
-        this.tableDisposables.add(this.table.onDidOpen(async ({ element, browserEvent }) => {
+        this.tableDisposables.add(this.table.onDidOpen(async (
+            {
+                element,
+                browserEvent
+            }
+        ) => {
             if (!element) {
                 return;
             }
-            if (isVendorEntry(element) || isGroupEntry(element)) {
-                this.viewModel.toggleCollapsed(element);
+            if (isStatusEntry(element)) {
+                return;
             }
-            else if (!isMouseEvent(browserEvent) || browserEvent.detail === 2) {
+            if (isLanguageModelProviderEntry(element) || isLanguageModelGroupEntry(element)) {
+                this.viewModel.toggleCollapsed(element);
+            } else if (!isMouseEvent(browserEvent) || browserEvent.detail === 2) {
                 this.viewModel.toggleVisibility(element);
             }
         }));
-        this.tableDisposables.add(this.table.onDidChangeSelection(e => this.viewModel.selectedEntry = e.elements[0]));
+        this.tableDisposables.add(
+            this.table.onDidChangeSelection(e => this.viewModel.selectedEntry = e.elements[0])
+        );
         this.tableDisposables.add(this.table.onDidBlur(() => {
             if (this.viewModel.shouldRefilter()) {
                 this.viewModel.filter(this.searchWidget.getValue());
@@ -881,18 +1123,35 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         }));
         this.layout(this.element.clientHeight, this.element.clientWidth);
     }
+    updateAddModelsButton() {
+        const configurableVendors = this.languageModelsService.getVendors().filter(vendor => vendor.managementCommand || vendor.configuration);
+        const entitlement = this.chatEntitlementService.entitlement;
+        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(5427, "Adding models is managed by your organization")) : "");
+        this.dropdownActions = ( configurableVendors.map(vendor => toAction({
+            id: `enable-${vendor.vendor}`,
+            label: vendor.displayName,
+            run: async () => {
+                await this.addModelsForVendor(vendor);
+            }
+        })));
+    }
     filterModels() {
         this.delayedFiltering.trigger(() => {
             this.viewModel.filter(this.searchWidget.getValue());
         });
     }
-    async enableProvider(vendorId) {
-        await this.languageModelsService.selectLanguageModels({ vendor: vendorId }, true);
-        await this.viewModel.refresh();
+    async addModelsForVendor(vendor) {
+        this.languageModelsService.configureLanguageModelsProviderGroup(vendor.vendor);
     }
     layout(height, width) {
         width = width - 24;
-        this.searchWidget.layout(new Dimension(width - this.searchActionsContainer.clientWidth - this.addButtonContainer.clientWidth - 8, 22));
+        this.searchWidget.layout(new Dimension(
+            width - this.searchActionsContainer.clientWidth - this.addButtonContainer.clientWidth - 8,
+            22
+        ));
         const tableHeight = height - 40;
         this.tableContainer.style.height = `${tableHeight}px`;
         this.table.layout(tableHeight, width);
@@ -903,9 +1162,11 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
     search(filter) {
         this.focusSearch();
         this.searchWidget.setValue(filter);
+        this.viewModel.filter(filter);
     }
     clearSearch() {
-        this.searchWidget.setValue('');
+        this.focusSearch();
+        this.searchWidget.setValue("");
     }
     render() {
         if (this.viewModel.shouldRefilter()) {
@@ -913,15 +1174,6 @@ let ChatModelsWidget = class ChatModelsWidget extends Disposable {
         }
     }
 };
-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))], ChatModelsWidget));
 
 export { ChatModelsWidget };