@codingame/monaco-vscode-katex-common 34.1.2 → 35.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/chatModelPicker.js

@@ -2,17 +2,21 @@
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
 import { append, $, addDisposableGenericMouseDownListener, EventHelper, addDisposableListener, EventType, getActiveElement, isHTMLElement, isHTMLInputElement, reset } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { StandardKeyboardEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/keyboardEvent';
-import { renderMarkdown } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/markdownRenderer';
 import { renderIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/iconLabel/iconLabels';
+import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
 import { getBaseLayerHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverDelegate2';
 import { getDefaultHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverDelegateFactory';
+import { defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
 import { toAction } from '@codingame/monaco-vscode-api/vscode/vs/base/common/actions';
 import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
 import { Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
 import { MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
+import { renderMarkdown } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/markdownRenderer';
 import { KeyCode } from '@codingame/monaco-vscode-api/vscode/vs/base/common/keyCodes';
-import { Disposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { Disposable, MutableDisposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { disposableTimeout } from '@codingame/monaco-vscode-api/vscode/vs/base/common/async';
 import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
+import { formatTokenCount } from '@codingame/monaco-vscode-api/vscode/vs/base/common/numbers';
 import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
 import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
@@ -22,17 +26,22 @@ import { ICommandService } from '@codingame/monaco-vscode-api/vscode/vs/platform
 import { IOpenerService } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service';
 import { IProductService } from '@codingame/monaco-vscode-api/vscode/vs/platform/product/common/productService.service';
 import { ITelemetryService } from '@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service';
+import { StorageScope, StorageTarget } from '@codingame/monaco-vscode-api/vscode/vs/platform/storage/common/storage';
+import { IStorageService } from '@codingame/monaco-vscode-api/vscode/vs/platform/storage/common/storage.service';
 import { TelemetryTrustedValue } from '@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetryUtils';
 import { MANAGE_CHAT_COMMAND_ID } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
 import { ILanguageModelsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels.service';
-import { isProUser, ChatEntitlement } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService';
+import { isProUser, ChatEntitlement, chatRequiresSetup } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService';
 import { IChatEntitlementService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service';
 import { semverExports } from '@codingame/monaco-vscode-api/_virtual/semver';
+import { getModelPickerUnavailableReason, ModelPickerUnavailableReason } from './chatModelSelectionLogic.js';
+import { CHAT_SETUP_ACTION_ID } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/actions/chatActions';
 import { IUriIdentityService } from '@codingame/monaco-vscode-api/vscode/vs/platform/uriIdentity/common/uriIdentity.service';
 import { GitHubPaths } from '@codingame/monaco-vscode-api/vscode/vs/platform/defaultAccount/common/defaultAccount';
 import { IDefaultAccountService } from '@codingame/monaco-vscode-api/vscode/vs/platform/defaultAccount/common/defaultAccount.service';
 import { StateType } from '@codingame/monaco-vscode-api/vscode/vs/platform/update/common/update';
 import { IUpdateService } from '@codingame/monaco-vscode-api/vscode/vs/platform/update/common/update.service';
+import { IWorkspaceTrustManagementService, IWorkspaceTrustRequestService } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspace/common/workspaceTrust.service';
 import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
 
 function isVersionAtLeast(current, required) {
@@ -50,20 +59,20 @@ function getUpdateHoverContent(updateState) {
     switch (updateState) {
     case StateType.AvailableForDownload:
         hoverContent.appendMarkdown(( localize(
-            7691,
+            8255,
             "This model requires a newer version of VS Code. [Download Update](command:update.downloadUpdate) to access it."
         )));
         break;
     case StateType.Downloaded:
     case StateType.Ready:
         hoverContent.appendMarkdown(( localize(
-            7692,
+            8256,
             "This model requires a newer version of VS Code. [Restart to Update](command:update.restartToUpdate) to access it."
         )));
         break;
     default:
         hoverContent.appendMarkdown(( localize(
-            7693,
+            8257,
             "This model requires a newer version of VS Code. [Update VS Code](command:update.checkForUpdate) to access it."
         )));
         break;
@@ -76,7 +85,14 @@ function getControlModelsForEntitlement(manifest, entitlement) {
 const ModelPickerSection = {
     Other: "other"
 };
+const RESTRICTED_MODE_TRUST_ACTION_ID = "restrictedModeTrust";
+const SETUP_REQUIRED_SIGN_IN_ACTION_ID = "setupRequiredSignIn";
+const PICKER_COMMAND_ACTION_IDS = ( new Set([RESTRICTED_MODE_TRUST_ACTION_ID, SETUP_REQUIRED_SIGN_IN_ACTION_ID]));
+const CACHE_BREAK_HINT_DISMISSED_STORAGE_KEY = "chat.cacheBreakHintDismissed";
 function getVendorDisplayName(languageModelsService, vendor) {
+    if (vendor === "copilotcli") {
+        return localize(8258, "Copilot");
+    }
     const descriptor = languageModelsService.getVendors().find(v => v.vendor === vendor);
     if (descriptor?.displayName) {
         return descriptor.displayName;
@@ -103,6 +119,12 @@ function buildModelToProviderGroupMap(languageModelsService) {
     return map;
 }
 function getProviderGroupForModel(model, modelToGroup, languageModelsService) {
+    if (model.metadata.modelGroup) {
+        return {
+            vendor: model.metadata.vendor,
+            groupName: getVendorDisplayName(languageModelsService, model.metadata.modelGroup.id)
+        };
+    }
     const info = modelToGroup.get(model.identifier);
     if (info) {
         return info;
@@ -122,9 +144,15 @@ function createModelItem(
     vendorLabel,
     isUBB,
     ariaDescription,
-    pinAction
+    pinAction,
+    onConfigure
 ) {
-    const hover = model && openerService ? getModelHoverContent(model, openerService, isUBB) : undefined;
+    const hover = model && openerService ? getModelHoverContent(
+        model,
+        isUBB,
+        onConfigure ? group => onConfigure(model, group) : undefined,
+        openerService
+    ) : undefined;
     return {
         item: action,
         kind: ActionListItemKind.Action,
@@ -151,22 +179,22 @@ function createModelItem(
 function createPinAction(modelIdentifier, isPinned, onTogglePin) {
     return toAction({
         id: `pin.${modelIdentifier}`,
-        label: isPinned ? ( localize(7694, "Unpin Model")) : ( localize(7695, "Pin Model")),
+        label: isPinned ? ( localize(8259, "Unpin Model")) : ( localize(8260, "Pin Model")),
         class: ThemeIcon.asClassName(isPinned ? Codicon.pinned : Codicon.pin),
         run: () => onTogglePin(modelIdentifier, !isPinned)
     });
 }
-function resolveConfigProperty(model, group, languageModelsService) {
+function resolveConfigProperty(model, group, configAccess) {
     const schema = model.metadata.configurationSchema;
     if (!schema?.properties) {
         return undefined;
     }
-    const currentConfig = languageModelsService.getModelConfiguration(model.identifier) ?? {};
+    const currentConfig = configAccess.getModelConfiguration(model.identifier) ?? {};
     for (const [key, propSchema] of Object.entries(schema.properties)) {
         if (propSchema.group !== group) {
             continue;
         }
-        if (!propSchema.enum || propSchema.enum.length < 2) {
+        if (!propSchema.enum || propSchema.enum.length < 1) {
             continue;
         }
         const value = currentConfig[key] ?? propSchema.default;
@@ -184,61 +212,45 @@ function getPriceCategoryLabel(priceCategory) {
     case "":
         return undefined;
     case "low":
-        return localize(7696, "Low cost");
+        return localize(8261, "Low cost");
     case "medium":
-        return localize(7697, "Medium cost");
+        return localize(8262, "Medium cost");
     case "high":
-        return localize(7698, "High cost");
+        return localize(8263, "High cost");
     case "very_high":
-        return localize(7699, "Very high cost");
+        return localize(8264, "Very high cost");
     default:
         return localize(
-            7700,
+            8265,
             "{0} cost",
             priceCategory.charAt(0).toUpperCase() + priceCategory.slice(1)
         );
     }
 }
-function getModelConfigurationDescription(model, languageModelsService) {
-    const schema = model.metadata.configurationSchema;
-    if (!schema?.properties) {
+function isHighCostCategory(priceCategory) {
+    return priceCategory === "high" || priceCategory === "very_high";
+}
+function getCategoryLabel(category) {
+    switch (category) {
+    case undefined:
+    case "":
         return undefined;
+    case "lightweight":
+        return localize(8266, "Lightweight");
+    case "versatile":
+        return localize(8267, "Versatile");
+    case "powerful":
+        return localize(8268, "Powerful");
+    default:
+        return typeof category === "string" ? category.charAt(0).toUpperCase() + category.slice(1) : undefined;
     }
-    const currentConfig = languageModelsService.getModelConfiguration(model.identifier) ?? {};
-    const parts = [];
-    for (const [key, propSchema] of Object.entries(schema.properties)) {
-        if (propSchema.group !== "navigation") {
-            continue;
-        }
-        if (!propSchema.enum || propSchema.enum.length < 2) {
-            continue;
-        }
-        const value = currentConfig[key] ?? propSchema.default;
-        if (value === undefined) {
-            continue;
-        }
-        const enumIndex = propSchema.enum?.indexOf(value) ?? -1;
-        const label = propSchema.enumItemLabels?.[enumIndex] ?? String(value);
-        parts.push(label);
-    }
-    return parts.length > 0 ? parts.join(", ") : undefined;
 }
-function createModelAction(
-    model,
-    selectedModelId,
-    onSelect,
-    languageModelsService,
-    section,
-    suppressVendorInDetail,
-    isUBB
-) {
+function createModelAction(model, selectedModelId, onSelect, section, suppressVendorInDetail) {
     const pricingForDescription = isMultiplierPricing(model) ? model.metadata.pricing : undefined;
-    const priceCategoryLabel = isUBB ? getPriceCategoryLabel(model.metadata.priceCategory) : undefined;
-    const configDescription = !isUBB ? getModelConfigurationDescription(model, languageModelsService) : undefined;
+    const priceCategoryLabel = getPriceCategoryLabel(model.metadata.priceCategory);
     const detail = suppressVendorInDetail ? undefined : model.metadata.detail;
-    const textParts = [configDescription, detail, pricingForDescription].filter(Boolean);
+    const textParts = [detail, pricingForDescription].filter(Boolean);
     const textDescription = textParts.length > 0 ? textParts.join(" · ") : undefined;
-    const toolbarActions = !isUBB ? languageModelsService.getModelConfigurationActions(model.identifier) : undefined;
     const action = {
         id: model.identifier,
         enabled: true,
@@ -249,7 +261,6 @@ function createModelAction(
         tooltip: model.metadata.name,
         label: model.metadata.name,
         section,
-        toolbarActions: toolbarActions && toolbarActions.length > 0 ? toolbarActions : undefined,
         run: () => onSelect(model)
     };
     const ariaDescription = priceCategoryLabel ? (textDescription ? textDescription + " · " + priceCategoryLabel : priceCategoryLabel) : undefined;
@@ -267,8 +278,8 @@ function createManageModelsAction(commandService) {
         enabled: true,
         checked: false,
         class: ThemeIcon.asClassName(Codicon.gear),
-        tooltip: ( localize(7701, "Manage Language Models")),
-        label: ( localize(7702, "Manage Models...")),
+        tooltip: ( localize(8269, "Manage Language Models")),
+        label: ( localize(8270, "Manage Models...")),
         run: () => {
             commandService.executeCommand(MANAGE_CHAT_COMMAND_ID);
         }
@@ -292,19 +303,120 @@ function buildModelPickerItems(
     showFeatured,
     languageModelsService,
     openerService,
-    isUBB
+    showAutoModel = false,
+    onConfigure,
+    restrictedMode = false,
+    onRequestTrust,
+    setupRequired = false,
+    onRequestSetup,
+    isUBB = false
 ) {
     const items = [];
+    if (restrictedMode) {
+        items.push({
+            kind: ActionListItemKind.Header,
+            label: ( localize(8271, "Models unavailable while in Restricted mode"))
+        });
+        items.push({
+            item: {
+                id: RESTRICTED_MODE_TRUST_ACTION_ID,
+                enabled: !!onRequestTrust,
+                checked: false,
+                class: undefined,
+                tooltip: ( localize(8272, "Trust the workspace to enable models.")),
+                label: ( localize(8273, "Trust Workspace to enable models...")),
+                run: () => onRequestTrust?.()
+            },
+            kind: ActionListItemKind.Action,
+            label: ( localize(8273, "Trust Workspace to enable models...")),
+            group: {
+                title: "",
+                icon: ThemeIcon.fromId(Codicon.workspaceTrusted.id)
+            },
+            disabled: !onRequestTrust,
+            hideIcon: false
+        });
+        return items;
+    }
+    if (setupRequired) {
+        items.push({
+            kind: ActionListItemKind.Header,
+            label: ( localize(8274, "Sign in to use Copilot"))
+        });
+        items.push({
+            item: {
+                id: SETUP_REQUIRED_SIGN_IN_ACTION_ID,
+                enabled: !!onRequestSetup,
+                checked: false,
+                class: undefined,
+                tooltip: ( localize(8275, "Sign in to GitHub Copilot to choose a model.")),
+                label: ( localize(8276, "Sign in to use Copilot...")),
+                run: () => onRequestSetup?.()
+            },
+            kind: ActionListItemKind.Action,
+            label: ( localize(8276, "Sign in to use Copilot...")),
+            group: {
+                title: "",
+                icon: ThemeIcon.fromId(Codicon.signIn.id)
+            },
+            disabled: !onRequestSetup,
+            hideIcon: false
+        });
+        return items;
+    }
     if (models.length === 0) {
-        items.push(createModelItem({
-            id: "auto",
-            enabled: true,
-            checked: true,
-            class: undefined,
-            tooltip: ( localize(7703, "Auto")),
-            label: ( localize(7703, "Auto")),
-            run: () => {}
-        }));
+        if (!showAutoModel) {
+            const entitlement = chatEntitlementService.entitlement;
+            const canUpgrade = entitlement === ChatEntitlement.Free || entitlement === ChatEntitlement.EDU;
+            const description = canUpgrade ? ( new MarkdownString(( localize(8277, "[Upgrade](command:workbench.action.chat.upgradePlan \" \")")), {
+                isTrusted: true
+            })) : undefined;
+            let hover;
+            if (canUpgrade) {
+                hover = ( new MarkdownString("", {
+                    isTrusted: true,
+                    supportThemeIcons: true
+                }));
+                hover.appendMarkdown(( localize(
+                    8278,
+                    "[Upgrade to GitHub Copilot Pro](command:workbench.action.chat.upgradePlan \" \") to use the best models."
+                )));
+            }
+            items.push({
+                item: {
+                    id: "noModels",
+                    enabled: false,
+                    checked: false,
+                    class: undefined,
+                    tooltip: ( localize(8279, "No models available")),
+                    label: ( localize(8279, "No models available")),
+                    run: () => {}
+                },
+                kind: ActionListItemKind.Action,
+                label: ( localize(8279, "No models available")),
+                description,
+                group: {
+                    title: "",
+                    icon: ThemeIcon.fromId(Codicon.blank.id)
+                },
+                disabled: true,
+                hideIcon: false,
+                hover: hover ? {
+                    content: hover
+                } : undefined
+            });
+            return items;
+        } else {
+            items.push(createModelItem({
+                id: "auto",
+                enabled: true,
+                checked: true,
+                class: undefined,
+                tooltip: ( localize(8280, "Auto")),
+                label: ( localize(8280, "Auto")),
+                run: () => {}
+            }));
+        }
     }
     if (useGroupedModelPicker) {
         let otherModels = [];
@@ -340,15 +452,7 @@ function buildModelPickerItems(
                 const {
                     action: autoAction,
                     ariaDescription: autoAriaDesc
-                } = createModelAction(
-                    autoModel,
-                    selectedModelId,
-                    onSelect,
-                    languageModelsService,
-                    undefined,
-                    undefined,
-                    isUBB
-                );
+                } = createModelAction(autoModel, selectedModelId, onSelect);
                 items.push(
                     createModelItem(autoAction, autoModel, openerService, undefined, isUBB, autoAriaDesc)
                 );
@@ -374,22 +478,14 @@ function buildModelPickerItems(
             if (pinnedModels.length > 0) {
                 items.push({
                     kind: ActionListItemKind.Separator,
-                    label: ( localize(7704, "Pinned"))
+                    label: ( localize(8281, "Pinned"))
                 });
                 for (const model of pinnedModels) {
                     const groupLabel = showGroupLabel ? getProviderGroupForModel(model, modelToGroup, languageModelsService).groupName : undefined;
                     const {
                         action: pinnedAction,
                         ariaDescription: pinnedAriaDesc
-                    } = createModelAction(
-                        model,
-                        selectedModelId,
-                        onSelect,
-                        languageModelsService,
-                        undefined,
-                        showGroupLabel,
-                        isUBB
-                    );
+                    } = createModelAction(model, selectedModelId, onSelect, undefined, showGroupLabel);
                     items.push(createModelItem(
                         pinnedAction,
                         model,
@@ -397,7 +493,8 @@ function buildModelPickerItems(
                         groupLabel,
                         isUBB,
                         pinnedAriaDesc,
-                        makePinAction(model)
+                        makePinAction(model),
+                        onConfigure
                     ));
                 }
             }
@@ -506,15 +603,7 @@ function buildModelPickerItems(
                         const {
                             action: promotedAction,
                             ariaDescription: promotedAriaDesc
-                        } = createModelAction(
-                            item.model,
-                            selectedModelId,
-                            onSelect,
-                            languageModelsService,
-                            undefined,
-                            showGroupLabel,
-                            isUBB
-                        );
+                        } = createModelAction(item.model, selectedModelId, onSelect, undefined, showGroupLabel);
                         items.push(createModelItem(
                             promotedAction,
                             item.model,
@@ -522,7 +611,8 @@ function buildModelPickerItems(
                             groupLabel,
                             isUBB,
                             promotedAriaDesc,
-                            makePinAction(item.model)
+                            makePinAction(item.model),
+                            onConfigure
                         ));
                     } else {
                         items.push(createUnavailableModelItem(
@@ -555,12 +645,12 @@ function buildModelPickerItems(
                         enabled: true,
                         checked: false,
                         class: undefined,
-                        tooltip: ( localize(7705, "Other Models")),
-                        label: ( localize(7705, "Other Models")),
+                        tooltip: ( localize(8282, "Other Models")),
+                        label: ( localize(8282, "Other Models")),
                         run: () => {}
                     },
                     kind: ActionListItemKind.Action,
-                    label: ( localize(7705, "Other Models")),
+                    label: ( localize(8282, "Other Models")),
                     group: {
                         title: "",
                         icon: Codicon.chevronDown
@@ -634,10 +724,8 @@ function buildModelPickerItems(
                                 model,
                                 selectedModelId,
                                 onSelect,
-                                languageModelsService,
                                 ModelPickerSection.Other,
-                                showGroupHeaders,
-                                isUBB
+                                showGroupHeaders
                             );
                             items.push(createModelItem(
                                 bucketAction,
@@ -646,7 +734,8 @@ function buildModelPickerItems(
                                 undefined,
                                 isUBB,
                                 bucketAriaDesc,
-                                makePinAction(model)
+                                makePinAction(model),
+                                onConfigure
                             ));
                         }
                     }
@@ -675,15 +764,7 @@ function buildModelPickerItems(
             const {
                 action: flatAutoAction,
                 ariaDescription: flatAutoAriaDesc
-            } = createModelAction(
-                autoModel,
-                selectedModelId,
-                onSelect,
-                languageModelsService,
-                undefined,
-                undefined,
-                isUBB
-            );
+            } = createModelAction(autoModel, selectedModelId, onSelect);
             items.push(createModelItem(
                 flatAutoAction,
                 autoModel,
@@ -701,18 +782,17 @@ function buildModelPickerItems(
             const {
                 action: flatAction,
                 ariaDescription: flatAriaDesc
-            } = createModelAction(
+            } = createModelAction(model, selectedModelId, onSelect);
+            items.push(createModelItem(
+                flatAction,
                 model,
-                selectedModelId,
-                onSelect,
-                languageModelsService,
+                openerService,
                 undefined,
+                isUBB,
+                flatAriaDesc,
                 undefined,
-                isUBB
-            );
-            items.push(
-                createModelItem(flatAction, model, openerService, undefined, isUBB, flatAriaDesc)
-            );
+                onConfigure
+            ));
         }
     }
     return items;
@@ -730,7 +810,10 @@ function getModelPickerAccessibilityProvider() {
             if (element.isSectionToggle) {
                 return undefined;
             }
-            return element.kind === ActionListItemKind.Action ? !!element?.item?.checked : undefined;
+            if (element.kind === ActionListItemKind.Action && !(element.item?.id && ( PICKER_COMMAND_ACTION_IDS.has(element.item.id)))) {
+                return !!element?.item?.checked;
+            }
+            return undefined;
         },
         getRole: element => {
             if (element.isSectionToggle) {
@@ -738,7 +821,7 @@ function getModelPickerAccessibilityProvider() {
             }
             switch (element.kind) {
             case ActionListItemKind.Action:
-                return "menuitemradio";
+                return element.item?.id && ( PICKER_COMMAND_ACTION_IDS.has(element.item.id)) ? "menuitem" : "menuitemradio";
             case ActionListItemKind.Separator:
                 return "separator";
             default:
@@ -759,15 +842,15 @@ function createUnavailableModelItem(
 ) {
     let description;
     if (reason === "upgrade") {
-        description = ( new MarkdownString(( localize(7706, "[Upgrade](command:workbench.action.chat.upgradePlan \" \")")), {
+        description = ( new MarkdownString(( localize(8277, "[Upgrade](command:workbench.action.chat.upgradePlan \" \")")), {
             isTrusted: true
         }));
     } else if (reason === "update") {
-        description = ( localize(7707, "Update VS Code"));
+        description = ( localize(8283, "Update VS Code"));
     } else {
-        description = manageSettingsUrl ? ( new MarkdownString(( localize(7708, "[Contact your admin]({0})", manageSettingsUrl)), {
+        description = manageSettingsUrl ? ( new MarkdownString(( localize(8284, "[Contact your admin]({0})", manageSettingsUrl)), {
             isTrusted: true
-        })) : ( localize(7709, "Contact your admin"));
+        })) : ( localize(8285, "Contact your admin"));
     }
     let hoverContent;
     if (reason === "upgrade") {
@@ -777,12 +860,12 @@ function createUnavailableModelItem(
         }));
         if (chatEntitlementService.entitlement === ChatEntitlement.Pro) {
             hoverContent.appendMarkdown(( localize(
-                7710,
+                8286,
                 "[Upgrade to GitHub Copilot Pro+](command:workbench.action.chat.upgradePlan \" \") to use the best models."
             )));
         } else {
             hoverContent.appendMarkdown(( localize(
-                7711,
+                8278,
                 "[Upgrade to GitHub Copilot Pro](command:workbench.action.chat.upgradePlan \" \") to use the best models."
             )));
         }
@@ -794,7 +877,7 @@ function createUnavailableModelItem(
             supportThemeIcons: true
         }));
         hoverContent.appendMarkdown(( localize(
-            7712,
+            8287,
             "This model is not available. Contact your administrator to enable it."
         )));
     }
@@ -846,7 +929,10 @@ let ModelPickerWidget = class ModelPickerWidget extends Disposable {
         _entitlementService,
         _updateService,
         _uriIdentityService,
-        _defaultAccountService
+        _defaultAccountService,
+        _workspaceTrustManagementService,
+        _workspaceTrustRequestService,
+        _storageService
     ) {
         super();
         this._delegate = _delegate;
@@ -860,14 +946,50 @@ let ModelPickerWidget = class ModelPickerWidget extends Disposable {
         this._updateService = _updateService;
         this._uriIdentityService = _uriIdentityService;
         this._defaultAccountService = _defaultAccountService;
+        this._workspaceTrustManagementService = _workspaceTrustManagementService;
+        this._workspaceTrustRequestService = _workspaceTrustRequestService;
+        this._storageService = _storageService;
         this._onDidChangeSelection = this._register(( new Emitter()));
         this.onDidChangeSelection = this._onDidChangeSelection.event;
+        this._workspaceTrustInitialized = false;
+        this._activatingAfterTrust = false;
+        this._activatingTimer = this._register(( new MutableDisposable()));
         this._register(this._languageModelsService.onDidChangeLanguageModels(() => {
+            if (this._activatingAfterTrust && this._delegate.getModels().length > 0) {
+                this._clearActivating();
+            }
+            this._renderLabel();
+        }));
+        this._register(this._workspaceTrustManagementService.onDidChangeTrust(trusted => {
+            if (trusted && (this._delegate.showAutoModel?.() ?? false) && this._delegate.getModels().length === 0) {
+                this._activatingAfterTrust = true;
+                this._activatingTimer.value = disposableTimeout(() => {
+                    this._activatingAfterTrust = false;
+                    this._renderLabel();
+                }, 15000);
+            } else {
+                this._clearActivating();
+            }
             this._renderLabel();
         }));
+        this._workspaceTrustManagementService.workspaceTrustInitialized.then(() => {
+            if (this._store.isDisposed) {
+                return;
+            }
+            this._workspaceTrustInitialized = true;
+            this._renderLabel();
+        });
         this._register(this._entitlementService.onDidChangeUsageBasedBilling(() => {
             this._renderLabel();
         }));
+        this._register(this._entitlementService.onDidChangeEntitlement(() => this._renderLabel()));
+        this._register(this._entitlementService.onDidChangeSentiment(() => this._renderLabel()));
+        this._register(this._entitlementService.onDidChangeAnonymous(() => this._renderLabel()));
+        if (this._delegate.modelConfiguration?.onDidChange) {
+            this._register(this._delegate.modelConfiguration.onDidChange(() => {
+                this._renderLabel();
+            }));
+        }
     }
     setCompact(compact) {
         this._compact = compact;
@@ -893,9 +1015,48 @@ let ModelPickerWidget = class ModelPickerWidget extends Disposable {
         this._badge = badge;
         this._updateBadge();
     }
+    _unavailableReason() {
+        return getModelPickerUnavailableReason({
+            trustInitialized: this._workspaceTrustInitialized,
+            trusted: this._workspaceTrustManagementService.isWorkspaceTrusted(),
+            pickerModels: this._delegate.getModels(),
+            liveModelIds: this._languageModelsService.getLanguageModelIds(),
+            requiresSetup: this._requiresSetup()
+        });
+    }
+    _requiresSetup() {
+        const sentiment = this._entitlementService.sentiment;
+        return chatRequiresSetup({
+            completed: !!sentiment.completed,
+            disabled: !!sentiment.disabled,
+            untrusted: false,
+            entitlement: this._entitlementService.entitlement,
+            anonymous: this._entitlementService.anonymous,
+            hasByokModels: this._entitlementService.hasByokModels
+        });
+    }
+    isRestrictedMode() {
+        return this._unavailableReason() === ModelPickerUnavailableReason.Restricted;
+    }
+    isSetupRequired() {
+        return this._unavailableReason() === ModelPickerUnavailableReason.SetupRequired;
+    }
+    _clearActivating() {
+        this._activatingAfterTrust = false;
+        this._activatingTimer.clear();
+    }
+    async _requestWorkspaceTrust() {
+        await this._workspaceTrustRequestService.requestWorkspaceTrust({
+            message: ( localize(8288, "Trusting this workspace enables AI models and chat features."))
+        });
+    }
+    _requestSetup() {
+        this._commandService.executeCommand(CHAT_SETUP_ACTION_ID);
+    }
     render(container) {
         this._domNode = append(container, $("div.action-label.model-picker-split"));
         this._domNode.setAttribute("role", "group");
+        this._domNode.tabIndex = -1;
         if (this._compact?.get()) {
             this._domNode.classList.toggle("compact", true);
         }
@@ -904,29 +1065,19 @@ let ModelPickerWidget = class ModelPickerWidget extends Disposable {
         this._nameButton.setAttribute("role", "button");
         this._nameButton.setAttribute("aria-haspopup", "true");
         this._nameButton.setAttribute("aria-expanded", "false");
-        this._effortButton = append(this._domNode, $("a.model-picker-section.model-picker-effort"));
-        this._effortButton.tabIndex = 0;
-        this._effortButton.setAttribute("role", "button");
-        this._effortButton.setAttribute("aria-haspopup", "true");
-        this._effortButton.setAttribute("aria-expanded", "false");
-        this._effortButton.style.display = "none";
-        this._tokensButton = append(this._domNode, $("a.model-picker-section.model-picker-tokens"));
-        this._tokensButton.tabIndex = 0;
-        this._tokensButton.setAttribute("role", "button");
-        this._tokensButton.setAttribute("aria-haspopup", "true");
-        this._tokensButton.setAttribute("aria-expanded", "false");
-        this._tokensButton.style.display = "none";
+        this._configButton = append(this._domNode, $("a.model-picker-section.model-picker-config"));
+        this._configButton.tabIndex = 0;
+        this._configButton.setAttribute("role", "button");
+        this._configButton.setAttribute("aria-haspopup", "true");
+        this._configButton.setAttribute("aria-expanded", "false");
+        this._configButton.style.display = "none";
         this._badgeIcon = $("span.model-picker-badge");
         this._updateBadge();
         this._renderLabel();
         this._registerButtonAction(this._nameButton, () => this.show());
-        this._registerButtonAction(this._effortButton, () => this._showEffortPicker());
-        this._registerButtonAction(this._tokensButton, () => this._showTokensPicker());
+        this._registerButtonAction(this._configButton, () => this._showConfigPicker());
         this._register(
-            getBaseLayerHoverDelegate().setupManagedHover(getDefaultHoverDelegate("mouse"), this._effortButton, ( localize(7713, "Set Thinking Effort")))
-        );
-        this._register(
-            getBaseLayerHoverDelegate().setupManagedHover(getDefaultHoverDelegate("mouse"), this._tokensButton, ( localize(7714, "Set Context Size")))
+            getBaseLayerHoverDelegate().setupManagedHover(getDefaultHoverDelegate("mouse"), this._configButton, ( localize(8289, "Configure Model")))
         );
     }
     _registerButtonAction(element, action) {
@@ -945,6 +1096,36 @@ let ModelPickerWidget = class ModelPickerWidget extends Disposable {
             }
         }));
     }
+    getCacheBreakLearnMoreLink() {
+        const url = this._productService.defaultChatAgent?.optimizeUsageDocumentationUrl;
+        return url ? {
+            label: ( localize(8290, "Learn more")),
+            uri: ( URI.parse(url))
+        } : undefined;
+    }
+    isCacheBreakHintDismissed() {
+        return this._storageService.getBoolean(CACHE_BREAK_HINT_DISMISSED_STORAGE_KEY, StorageScope.APPLICATION, false);
+    }
+    dismissCacheBreakHint() {
+        this._storageService.store(
+            CACHE_BREAK_HINT_DISMISSED_STORAGE_KEY,
+            true,
+            StorageScope.APPLICATION,
+            StorageTarget.USER
+        );
+    }
+    shouldShowCacheBreakHint(excludeAutoModel) {
+        if (this.isCacheBreakHintDismissed()) {
+            return false;
+        }
+        if (!(this._delegate.isCacheWarm?.() ?? false)) {
+            return false;
+        }
+        if (excludeAutoModel && !!this._selectedModel && isAutoModel(this._selectedModel)) {
+            return false;
+        }
+        return true;
+    }
     show(anchor) {
         const anchorElement = anchor ?? this._domNode;
         if (!anchorElement || this._domNode?.classList.contains("disabled")) {
@@ -954,14 +1135,19 @@ let ModelPickerWidget = class ModelPickerWidget extends Disposable {
         const onSelect = model => {
             this._telemetryService.publicLog2("chat.modelChange", {
                 fromModel: previousModel?.metadata.vendor === "copilot" ? ( new TelemetryTrustedValue(previousModel.identifier)) : "unknown",
-                toModel: model.metadata.vendor === "copilot" ? ( new TelemetryTrustedValue(model.identifier)) : "unknown"
+                toModel: model.metadata.vendor === "copilot" ? ( new TelemetryTrustedValue(model.identifier)) : "unknown",
+                chatSessionId: this._delegate.getChatSessionId?.()
             });
             this._selectedModel = model;
             this._renderLabel();
             this._onDidChangeSelection.fire(model);
         };
+        const onConfigure = (model, group) => {
+            onSelect(model);
+            this._actionWidgetService.hide();
+            this._showConfigPicker(group);
+        };
         const models = this._delegate.getModels();
-        const isUBB = !!this._entitlementService.quotas.usageBasedBilling;
         const isSignedOut = this._entitlementService.entitlement === ChatEntitlement.Unknown;
         const manifest = this._languageModelsService.getModelsControlManifest();
         const controlModelsForTier = isSignedOut ? {} : getControlModelsForEntitlement(manifest, this._entitlementService.entitlement);
@@ -994,13 +1180,23 @@ let ModelPickerWidget = class ModelPickerWidget extends Disposable {
             onTogglePin,
             manageSettingsUrl,
             this._delegate.useGroupedModelPicker(),
-            isUBB ? manageModelsAction : undefined,
+            manageModelsAction,
             this._entitlementService,
             this._delegate.showUnavailableFeatured(),
             this._delegate.showFeatured(),
             this._languageModelsService,
             this._openerService,
-            isUBB
+            this._delegate.showAutoModel?.() ?? false,
+            onConfigure,
+            this.isRestrictedMode(),
+            () => {
+                void this._requestWorkspaceTrust();
+            },
+            this.isSetupRequired(),
+            () => {
+                this._requestSetup();
+            },
+            !!this._entitlementService.quotas.usageBasedBilling
         );
         const hoverDisposables = ( new DisposableStore());
         for (const item of items) {
@@ -1008,10 +1204,18 @@ let ModelPickerWidget = class ModelPickerWidget extends Disposable {
                 hoverDisposables.add(item.hover.disposable);
             }
         }
+        const unavailable = this.isRestrictedMode() || this.isSetupRequired();
+        const showCacheBreakHint = this.shouldShowCacheBreakHint( true);
         const listOptions = {
-            showFilter: true,
-            filterPlaceholder: ( localize(7715, "Search models")),
-            filterActions: !isUBB && manageModelsAction ? [manageModelsAction] : undefined,
+            headerText: showCacheBreakHint ? ( localize(
+                8291,
+                "Switching models mid-session resets the prompt cache and may increase cost."
+            )) : undefined,
+            headerIcon: showCacheBreakHint ? Codicon.info : undefined,
+            headerLink: showCacheBreakHint ? this.getCacheBreakLearnMoreLink() : undefined,
+            headerDismiss: showCacheBreakHint ? () => this.dismissCacheBreakHint() : undefined,
+            showFilter: !unavailable,
+            filterPlaceholder: ( localize(8292, "Search models")),
             focusFilterOnOpen: true,
             collapsedByDefault: ( new Set([ModelPickerSection.Other])),
             onDidToggleSection: (section, collapsed) => {
@@ -1083,327 +1287,348 @@ let ModelPickerWidget = class ModelPickerWidget extends Disposable {
             name,
             statusIcon
         } = this._selectedModel?.metadata || {};
+        const restrictedMode = this.isRestrictedMode();
+        const setupRequired = this.isSetupRequired();
+        const unavailable = restrictedMode || setupRequired;
+        const activating = !unavailable && this._activatingAfterTrust && this._delegate.getModels().length === 0;
+        const genericNoModels = !unavailable && !activating && !(this._delegate.showAutoModel?.() ?? false) && this._delegate.getModels().length === 0;
+        const noModelsAvailable = unavailable || activating || genericNoModels;
         const nameChildren = [];
-        if (statusIcon) {
+        if (statusIcon && !noModelsAvailable) {
             nameChildren.push(renderIcon(statusIcon));
         }
-        const modelLabel = name ?? ( localize(7703, "Auto"));
-        const isUBB = !!this._entitlementService.quotas.usageBasedBilling;
-        const configDescription = !isUBB && this._selectedModel ? getModelConfigurationDescription(this._selectedModel, this._languageModelsService) : undefined;
-        const fullLabel = configDescription ? `${modelLabel} · ${configDescription}` : modelLabel;
-        nameChildren.push($("span.chat-input-picker-label", undefined, fullLabel));
+        const modelLabel = unavailable ? ( localize(8293, "Models")) : activating ? ( localize(8294, "Activating...")) : genericNoModels ? ( localize(8279, "No models available")) : (name ?? ( localize(8280, "Auto")));
+        nameChildren.push($("span.chat-input-picker-label", undefined, modelLabel));
         if (this._badgeIcon) {
             nameChildren.push(this._badgeIcon);
         }
         reset(this._nameButton, ...nameChildren);
-        const effortConfig = isUBB ? this._getConfigProperty("navigation") : undefined;
-        if (effortConfig && this._effortButton) {
-            const enumIndex = effortConfig.schema.enum?.indexOf(effortConfig.value) ?? -1;
-            const effortLabel = enumIndex >= 0 && effortConfig.schema.enumItemLabels?.[enumIndex] ? effortConfig.schema.enumItemLabels[enumIndex] : String(effortConfig.value);
-            reset(
-                this._effortButton,
-                $("span.chat-input-picker-label", undefined, effortLabel)
-            );
-            this._effortButton.style.display = "";
-            this._effortButton.ariaLabel = ( localize(7716, "Thinking Effort: {0}", effortLabel));
-        } else if (this._effortButton) {
-            this._effortButton.style.display = "none";
-        }
-        const tokensConfig = isUBB ? this._getConfigProperty("tokens") : undefined;
-        if (tokensConfig && this._tokensButton) {
-            const idx = tokensConfig.schema.enum?.indexOf(tokensConfig.value) ?? -1;
-            const tokensLabel = idx >= 0 && tokensConfig.schema.enumItemLabels?.[idx] ? tokensConfig.schema.enumItemLabels[idx] : formatTokenCount(Number(tokensConfig.value));
-            reset(
-                this._tokensButton,
-                $("span.chat-input-picker-label", undefined, tokensLabel)
-            );
-            this._tokensButton.style.display = "";
-            this._tokensButton.ariaLabel = ( localize(7717, "Context Size: {0}", tokensLabel));
-        } else if (this._tokensButton) {
-            this._tokensButton.style.display = "none";
+        const effortConfig = this._getConfigProperty("navigation");
+        const tokensConfig = this._getConfigProperty("tokens");
+        if (this._configButton) {
+            if (this._selectedModel && !noModelsAvailable && (effortConfig || tokensConfig)) {
+                const labelParts = [];
+                const ariaParts = [];
+                if (effortConfig) {
+                    const enumIndex = effortConfig.schema.enum?.indexOf(effortConfig.value) ?? -1;
+                    const effortLabel = enumIndex >= 0 && effortConfig.schema.enumItemLabels?.[enumIndex] ? effortConfig.schema.enumItemLabels[enumIndex] : String(effortConfig.value);
+                    labelParts.push(effortLabel);
+                    ariaParts.push(( localize(8295, "Thinking Effort: {0}", effortLabel)));
+                }
+                if (tokensConfig) {
+                    const idx = tokensConfig.schema.enum?.indexOf(tokensConfig.value) ?? -1;
+                    const tokensLabel = idx >= 0 && tokensConfig.schema.enumItemLabels?.[idx] ? tokensConfig.schema.enumItemLabels[idx] : formatTokenCount(Number(tokensConfig.value));
+                    labelParts.push(tokensLabel);
+                    ariaParts.push(( localize(8296, "Context Size: {0}", tokensLabel)));
+                }
+                reset(
+                    this._configButton,
+                    $("span.chat-input-picker-label", undefined, labelParts.join(" "))
+                );
+                this._configButton.style.display = "";
+                this._configButton.ariaLabel = ariaParts.join(", ");
+            } else {
+                this._configButton.style.display = "none";
+            }
         }
-        this._domNode.ariaLabel = ( localize(7718, "Pick Model, {0}", fullLabel));
+        this._domNode.ariaLabel = restrictedMode ? ( localize(8297, "Models, unavailable while in Restricted mode")) : setupRequired ? ( localize(8298, "Models, sign in to use Copilot")) : ( localize(8299, "Models, {0}", modelLabel));
+    }
+    get _modelConfiguration() {
+        return this._delegate.modelConfiguration ?? this._languageModelsService;
     }
     _getConfigProperty(group) {
         if (!this._selectedModel) {
             return undefined;
         }
-        return resolveConfigProperty(this._selectedModel, group, this._languageModelsService);
+        return resolveConfigProperty(this._selectedModel, group, this._modelConfiguration);
     }
-    _showEffortPicker() {
-        if (this._domNode?.classList.contains("disabled")) {
-            return;
-        }
-        const config = this._getConfigProperty("navigation");
-        if (!config || !this._effortButton || !this._selectedModel) {
-            return;
+    _buildConfigItems() {
+        if (!this._selectedModel) {
+            return [];
         }
         const modelIdentifier = this._selectedModel.identifier;
-        const previousEffortValue = String(config.value ?? "");
-        const enumValues = config.schema.enum ?? [];
-        const enumItemLabels = config.schema.enumItemLabels;
-        const items = [{
-            kind: ActionListItemKind.Header,
-            label: ( localize(7719, "Thinking Effort"))
-        }];
-        for (let index = 0; index < enumValues.length; index++) {
-            const value = enumValues[index];
-            const label = enumItemLabels?.[index] ?? String(value);
-            const isDefault = value === config.schema.default;
-            const displayLabel = isDefault ? ( localize(7720, "{0} (default)", label)) : label;
+        const items = [];
+        const defaultLabel = ( localize(8300, "Default"));
+        const appendConfigSection = (group, headerLabel, formatValueLabel, logChange) => {
+            const config = this._getConfigProperty(group);
+            if (!config) {
+                return;
+            }
+            const previousValue = String(config.value ?? "");
+            const enumValues = config.schema.enum ?? [];
+            const enumItemLabels = config.schema.enumItemLabels;
+            if (items.length) {
+                items.push({
+                    kind: ActionListItemKind.Separator
+                });
+            }
             items.push({
-                item: {
-                    id: `effort.${value}`,
-                    enabled: true,
-                    checked: config.value === value,
-                    class: undefined,
-                    tooltip: config.schema.enumDescriptions?.[index] ?? "",
-                    label: displayLabel,
-                    run: () => {
-                        this._telemetryService.publicLog2("chat.thinkingEffortChange", {
-                            model: this._selectedModel?.metadata.vendor === "copilot" ? ( new TelemetryTrustedValue(modelIdentifier)) : "unknown",
-                            fromValue: previousEffortValue,
-                            toValue: String(value)
-                        });
-                        this._languageModelsService.setModelConfiguration(modelIdentifier, {
-                            [config.key]: value
-                        });
-                    }
-                },
-                kind: ActionListItemKind.Action,
-                label: displayLabel,
-                description: config.schema.enumDescriptions?.[index],
-                group: {
-                    title: "",
-                    icon: ThemeIcon.fromId(config.value === value ? Codicon.check.id : Codicon.blank.id)
-                },
-                hideIcon: false
+                kind: ActionListItemKind.Header,
+                label: headerLabel
             });
-        }
-        const previouslyFocusedElement = getActiveElement();
-        const delegate = {
-            onSelect: action => {
-                this._actionWidgetService.hide();
-                action.run();
-            },
-            onHide: () => {
-                this._effortButton?.setAttribute("aria-expanded", "false");
-                if (isHTMLElement(previouslyFocusedElement)) {
-                    previouslyFocusedElement.focus();
+            for (let index = 0; index < enumValues.length; index++) {
+                const value = enumValues[index];
+                const isDefault = value === config.schema.default;
+                const displayLabel = formatValueLabel(value, enumItemLabels?.[index]);
+                const enumDescription = config.schema.enumDescriptions?.[index];
+                const description = isDefault ? defaultLabel : undefined;
+                const ariaDescriptionParts = [];
+                if (isDefault) {
+                    ariaDescriptionParts.push(defaultLabel);
                 }
+                if (enumDescription) {
+                    ariaDescriptionParts.push(enumDescription);
+                }
+                const ariaDescription = ariaDescriptionParts.length ? ariaDescriptionParts.join(", ") : undefined;
+                const checked = config.value === value;
+                items.push({
+                    item: {
+                        id: `${group}.${value}`,
+                        enabled: true,
+                        checked,
+                        class: undefined,
+                        tooltip: enumDescription ?? "",
+                        label: displayLabel,
+                        run: () => {
+                            logChange(value, previousValue);
+                            return this._modelConfiguration.setModelConfiguration(modelIdentifier, {
+                                [config.key]: value
+                            });
+                        }
+                    },
+                    kind: ActionListItemKind.Action,
+                    label: displayLabel,
+                    description,
+                    ariaDescription,
+                    hover: enumDescription ? {
+                        content: enumDescription
+                    } : undefined,
+                    group: {
+                        title: "",
+                        icon: ThemeIcon.fromId(checked ? Codicon.check.id : Codicon.blank.id)
+                    },
+                    hideIcon: false
+                });
             }
         };
-        this._effortButton.setAttribute("aria-expanded", "true");
-        this._actionWidgetService.show(
-            "ChatModelEffortPicker",
-            false,
-            items,
-            delegate,
-            this._effortButton,
-            undefined,
-            [],
-            {
-                isChecked(element) {
-                    return element.kind === ActionListItemKind.Action ? !!element?.item?.checked : undefined;
-                },
-                getRole: () => "menuitemradio",
-                getWidgetRole: () => "menu"
-            },
-            {
-                footerText: ( localize(7721, "Higher levels of thinking may increase costs"))
-            }
-        );
+        appendConfigSection("navigation", ( localize(8301, "Thinking Effort")), (value, enumLabel) => enumLabel ?? String(value), (value, previousValue) => {
+            this._telemetryService.publicLog2("chat.thinkingEffortChange", {
+                model: this._selectedModel?.metadata.vendor === "copilot" ? ( new TelemetryTrustedValue(modelIdentifier)) : "unknown",
+                fromValue: previousValue,
+                toValue: String(value)
+            });
+        });
+        appendConfigSection("tokens", ( localize(8302, "Context Size")), (value, enumLabel) => enumLabel ?? formatTokenCount(Number(value)), (value, previousValue) => {
+            this._telemetryService.publicLog2("chat.contextSizeChange", {
+                model: this._selectedModel?.metadata.vendor === "copilot" ? ( new TelemetryTrustedValue(modelIdentifier)) : "unknown",
+                fromValue: previousValue,
+                toValue: String(value)
+            });
+        });
+        return items;
     }
-    _showTokensPicker() {
-        if (this._domNode?.classList.contains("disabled")) {
+    _showConfigPicker(focusGroup) {
+        if (this._domNode?.classList.contains("disabled") || !this._configButton || !this._selectedModel) {
             return;
         }
-        const config = this._getConfigProperty("tokens");
-        if (!config || !this._tokensButton || !this._selectedModel) {
+        const items = this._buildConfigItems();
+        if (!items.length) {
             return;
         }
-        const modelIdentifier = this._selectedModel.identifier;
-        const previousTokensValue = String(config.value ?? "");
-        const enumValues = config.schema.enum ?? [];
-        const enumItemLabels = config.schema.enumItemLabels;
-        const items = [{
-            kind: ActionListItemKind.Header,
-            label: ( localize(7722, "Context Size"))
-        }];
-        for (let index = 0; index < enumValues.length; index++) {
-            const value = enumValues[index];
-            const label = enumItemLabels?.[index] ?? formatTokenCount(Number(value));
-            const displayLabel = label;
-            const description = config.schema.enumDescriptions?.[index];
-            items.push({
-                item: {
-                    id: `tokens.${value}`,
-                    enabled: true,
-                    checked: config.value === value,
-                    class: undefined,
-                    tooltip: description ?? "",
-                    label: displayLabel,
-                    run: () => {
-                        this._telemetryService.publicLog2("chat.contextSizeChange", {
-                            model: this._selectedModel?.metadata.vendor === "copilot" ? ( new TelemetryTrustedValue(modelIdentifier)) : "unknown",
-                            fromValue: previousTokensValue,
-                            toValue: String(value)
-                        });
-                        this._languageModelsService.setModelConfiguration(modelIdentifier, {
-                            [config.key]: value
-                        });
-                    }
-                },
-                kind: ActionListItemKind.Action,
-                label: displayLabel,
-                description,
-                group: {
-                    title: "",
-                    icon: ThemeIcon.fromId(config.value === value ? Codicon.check.id : Codicon.blank.id)
-                },
-                hideIcon: false
-            });
-        }
         const previouslyFocusedElement = getActiveElement();
         const delegate = {
-            onSelect: action => {
-                this._actionWidgetService.hide();
-                action.run();
+            onSelect: async action => {
+                this._actionWidgetService.focusItemById(action.id);
+                await action.run();
+                this._actionWidgetService.updateItems(this._buildConfigItems(), action.id);
             },
             onHide: () => {
-                this._tokensButton?.setAttribute("aria-expanded", "false");
+                this._configButton?.setAttribute("aria-expanded", "false");
                 if (isHTMLElement(previouslyFocusedElement)) {
                     previouslyFocusedElement.focus();
                 }
             }
         };
-        this._tokensButton.setAttribute("aria-expanded", "true");
+        this._configButton.setAttribute("aria-expanded", "true");
+        const showCacheBreakHint = this.shouldShowCacheBreakHint( false);
         this._actionWidgetService.show(
-            "ChatModelTokensPicker",
+            "ChatModelConfigPicker",
             false,
             items,
             delegate,
-            this._tokensButton,
+            this._configButton,
             undefined,
             [],
             {
                 isChecked(element) {
                     return element.kind === ActionListItemKind.Action ? !!element?.item?.checked : undefined;
                 },
-                getRole: () => "menuitemradio",
+                getRole: element => element.kind === ActionListItemKind.Action ? "menuitemradio" : "separator",
                 getWidgetRole: () => "menu"
             },
             {
-                footerText: ( localize(7723, "Larger context may increase cost"))
+                headerText: showCacheBreakHint ? ( localize(
+                    8303,
+                    "Changing these options mid-session resets the prompt cache and may increase cost."
+                )) : undefined,
+                headerIcon: showCacheBreakHint ? Codicon.info : undefined,
+                headerLink: showCacheBreakHint ? this.getCacheBreakLearnMoreLink() : undefined,
+                headerDismiss: showCacheBreakHint ? () => this.dismissCacheBreakHint() : undefined
             }
         );
+        if (focusGroup) {
+            const groupItem = items.find(
+                item => item.kind === ActionListItemKind.Action && item.item?.id?.startsWith(`${focusGroup}.`)
+            );
+            if (groupItem?.kind === ActionListItemKind.Action && groupItem.item) {
+                this._actionWidgetService.focusItemById(groupItem.item.id);
+            }
+        }
     }
 };
-ModelPickerWidget = ( __decorate([( __param(1, IActionWidgetService)), ( __param(2, ICommandService)), ( __param(3, IOpenerService)), ( __param(4, ITelemetryService)), ( __param(5, ILanguageModelsService)), ( __param(6, IProductService)), ( __param(7, IChatEntitlementService)), ( __param(8, IUpdateService)), ( __param(9, IUriIdentityService)), ( __param(10, IDefaultAccountService))], ModelPickerWidget));
-function getModelHoverContent(model, openerService, isUBB) {
+ModelPickerWidget = ( __decorate([( __param(1, IActionWidgetService)), ( __param(2, ICommandService)), ( __param(3, IOpenerService)), ( __param(4, ITelemetryService)), ( __param(5, ILanguageModelsService)), ( __param(6, IProductService)), ( __param(7, IChatEntitlementService)), ( __param(8, IUpdateService)), ( __param(9, IUriIdentityService)), ( __param(10, IDefaultAccountService)), ( __param(11, IWorkspaceTrustManagementService)), ( __param(12, IWorkspaceTrustRequestService)), ( __param(13, IStorageService))], ModelPickerWidget));
+const SUPPORTED_CONFIG_GROUPS = ["navigation", "tokens"];
+function getModelHoverContent(model, isUBB, onConfigure, openerService) {
     const isAuto = isAutoModel(model);
     const container = $(".chat-model-hover");
     const disposables = ( new DisposableStore());
-    container.appendChild($(".chat-model-hover-name", undefined, model.metadata.name));
-    if (model.metadata.tooltip) {
-        container.appendChild($(".chat-model-hover-separator"));
-        const descriptionContainer = $(".chat-model-hover-description");
-        const md = ( new MarkdownString("", {
-            isTrusted: true,
-            supportThemeIcons: true
-        }));
-        if (model.metadata.statusIcon) {
-            md.appendMarkdown(`$(${model.metadata.statusIcon.id})&nbsp;`);
+    const titleRow = $(".chat-model-hover-title-row");
+    titleRow.appendChild($(".chat-model-hover-name", undefined, model.metadata.name));
+    const tags = $(".chat-model-hover-title-tags");
+    const categoryLabel = !isAuto ? getCategoryLabel(model.metadata.category) : undefined;
+    if (categoryLabel) {
+        tags.appendChild($("span.chat-model-hover-category", undefined, categoryLabel));
+    }
+    const priceCategoryLabel = !isAuto ? getPriceCategoryLabel(model.metadata.priceCategory) : undefined;
+    const badgeLabel = isAuto ? model.metadata.detail : priceCategoryLabel;
+    if (badgeLabel) {
+        const badge = $("span.chat-model-hover-price-badge", undefined, badgeLabel);
+        if (!isAuto && isHighCostCategory(model.metadata.priceCategory)) {
+            badge.classList.add("high-cost");
+        }
+        tags.appendChild(badge);
+    }
+    if (tags.childElementCount > 0) {
+        titleRow.appendChild(tags);
+    }
+    container.appendChild(titleRow);
+    if (!isAuto && model.metadata.warningText) {
+        const warningMessages = ( Object.values(model.metadata.warningText));
+        for (const message of warningMessages) {
+            const warningContainer = $(".chat-model-hover-warning-text");
+            warningContainer.appendChild(renderIcon(Codicon.warning));
+            const warningMd = ( new MarkdownString(message, {
+                isTrusted: false,
+                supportThemeIcons: true
+            }));
+            const rendered = disposables.add(renderMarkdown(warningMd, {
+                actionHandler: link => {
+                    void openerService.open(link, {
+                        allowCommands: false,
+                        fromUserGesture: true
+                    });
+                }
+            }));
+            warningContainer.appendChild(rendered.element);
+            container.appendChild(warningContainer);
         }
-        md.appendMarkdown(model.metadata.tooltip);
-        const rendered = renderMarkdown(md, {
-            actionHandler: url => {
-                openerService.open(( URI.parse(url)), {
-                    allowCommands: true
-                });
-            }
-        });
-        disposables.add(rendered);
-        descriptionContainer.appendChild(rendered.element);
-        container.appendChild(descriptionContainer);
     }
+    let costInfoRendered = false;
+    let costTableRendered = false;
     if (!isAuto && isUBB) {
-        const formatCostValue = cost => {
-            return cost === 1 ? ( localize(7724, "{0} credit", cost)) : ( localize(7725, "{0} credits", cost));
-        };
-        const buildCostLines = (input, cache, output) => {
-            const lines = [];
-            if (input !== undefined) {
-                lines.push({
-                    label: ( localize(7726, "Input")),
-                    value: formatCostValue(input)
-                });
-            }
-            if (cache !== undefined) {
-                lines.push({
-                    label: ( localize(7727, "Cached input")),
-                    value: formatCostValue(cache)
-                });
-            }
-            if (output !== undefined) {
-                lines.push({
-                    label: ( localize(7728, "Output")),
-                    value: formatCostValue(output)
-                });
+        const metrics = [{
+            label: ( localize(8304, "Input")),
+            def: model.metadata.inputCost,
+            long: model.metadata.longContextInputCost
+        }, {
+            label: ( localize(8305, "Output")),
+            def: model.metadata.outputCost,
+            long: model.metadata.longContextOutputCost
+        }, {
+            label: ( localize(8306, "Cache Read")),
+            def: model.metadata.cacheCost,
+            long: model.metadata.longContextCacheCost
+        }, {
+            label: ( localize(8307, "Cache Write")),
+            def: model.metadata.cacheWriteCost,
+            long: model.metadata.longContextCacheWriteCost
+        }].filter(m => m.def !== undefined || m.long !== undefined);
+        if (metrics.length > 0) {
+            const hasLongContext = ( metrics.some(m => m.long !== undefined));
+            const table = $(".chat-model-hover-cost-table");
+            if (hasLongContext) {
+                container.classList.add("has-long-context");
+                table.classList.add("has-long-context");
             }
-            return lines;
-        };
-        const appendCostSection = (parent, title, lines, categoryLabel) => {
-            const section = $(".chat-model-hover-cost");
-            const titleRow = $(".chat-model-hover-cost-title-row");
-            titleRow.appendChild($(".chat-model-hover-cost-title", undefined, title));
-            if (categoryLabel) {
-                titleRow.appendChild($("span.chat-model-hover-cost-tag", undefined, categoryLabel));
-            }
-            section.appendChild(titleRow);
-            for (const line of lines) {
-                section.appendChild($(
-                    ".chat-model-hover-cost-line",
+            const appendValueCell = (row, cost) => {
+                if (cost === undefined) {
+                    row.appendChild($("span.chat-model-hover-cost-value.empty"));
+                    return;
+                }
+                row.appendChild($("span.chat-model-hover-cost-value", undefined, $(
+                    "span.chat-model-hover-cost-number",
                     undefined,
-                    $("span.chat-model-hover-cost-line-label", undefined, `${line.label}: `),
-                    $("span", undefined, line.value)
-                ));
+                    typeof cost === "number" ? String(cost) : ( localize(8308, "Unknown"))
+                )));
+            };
+            const headerRow = $(".chat-model-hover-cost-row.header");
+            headerRow.appendChild($("span.chat-model-hover-cost-heading", undefined, ( localize(8309, "Credits Per 1M Tokens"))));
+            if (hasLongContext) {
+                headerRow.appendChild(
+                    $("span.chat-model-hover-cost-value.subheader", undefined, ( localize(8310, "Default")))
+                );
+                headerRow.appendChild(
+                    $("span.chat-model-hover-cost-value.subheader", undefined, ( localize(8311, "Long Context")))
+                );
+            } else {
+                headerRow.appendChild($("span.chat-model-hover-cost-value.subheader"));
             }
-            parent.appendChild(section);
-        };
-        const costLines = buildCostLines(
-            model.metadata.inputCost,
-            model.metadata.cacheCost,
-            model.metadata.outputCost
-        );
-        const priceCategoryLabel = getPriceCategoryLabel(model.metadata.priceCategory);
-        if (costLines.length > 0) {
-            appendCostSection(container, ( localize(7729, "Cost (per 1M tokens)")), costLines, priceCategoryLabel);
-            const longContextCostLines = buildCostLines(
-                model.metadata.longContextInputCost,
-                model.metadata.longContextCacheCost,
-                model.metadata.longContextOutputCost
-            );
-            if (longContextCostLines.length > 0) {
-                appendCostSection(container, ( localize(7730, "Long context cost (per 1M tokens)")), longContextCostLines);
+            table.appendChild(headerRow);
+            for (const metric of metrics) {
+                const row = $(".chat-model-hover-cost-row");
+                const labelCell = $(".chat-model-hover-cost-label");
+                labelCell.appendChild($("span.chat-model-hover-cost-label-text", undefined, metric.label));
+                row.appendChild(labelCell);
+                appendValueCell(row, metric.def);
+                if (hasLongContext) {
+                    appendValueCell(row, metric.long);
+                }
+                table.appendChild(row);
             }
-        } else if (priceCategoryLabel) {
+            container.appendChild(table);
+            costTableRendered = true;
+            costInfoRendered = true;
+        } else if (model.metadata.pricing && (isMultiplierPricing(model) || !priceCategoryLabel)) {
             const costSection = $(".chat-model-hover-cost");
-            const titleRow = $(".chat-model-hover-cost-title-row");
-            titleRow.appendChild($(".chat-model-hover-cost-title", undefined, ( localize(7731, "Cost"))));
-            titleRow.appendChild($("span.chat-model-hover-cost-tag", undefined, priceCategoryLabel));
-            costSection.appendChild(titleRow);
-            container.appendChild(costSection);
-        } else if (model.metadata.pricing && !isMultiplierPricing(model)) {
-            const costSection = $(".chat-model-hover-cost");
-            costSection.appendChild($("span", undefined, ( localize(7732, "Cost: {0}", model.metadata.pricing))));
+            costSection.appendChild($("span", undefined, ( localize(8312, "Cost: {0}", model.metadata.pricing))));
             container.appendChild(costSection);
+            costInfoRendered = true;
         }
+    } else if (!isAuto && model.metadata.pricing) {
+        const costSection = $(".chat-model-hover-cost");
+        costSection.appendChild($("span", undefined, ( localize(8312, "Cost: {0}", model.metadata.pricing))));
+        container.appendChild(costSection);
+        costInfoRendered = true;
     }
-    if (!isAuto && (model.metadata.maxInputTokens || model.metadata.maxOutputTokens)) {
+    if (!costInfoRendered && model.metadata.tooltip) {
+        const descriptionMd = ( new MarkdownString(model.metadata.tooltip, {
+            supportThemeIcons: true
+        }));
+        const rendered = disposables.add(renderMarkdown(descriptionMd, {
+            actionHandler: link => {
+                void openerService.open(link, {
+                    allowCommands: false,
+                    fromUserGesture: true
+                });
+            }
+        }));
+        rendered.element.classList.add("chat-model-hover-description");
+        container.appendChild(rendered.element);
+    }
+    if (!isAuto && !costTableRendered && (model.metadata.maxInputTokens || model.metadata.maxOutputTokens)) {
         const totalTokens = (model.metadata.maxInputTokens ?? 0) + (model.metadata.maxOutputTokens ?? 0);
         const contextSection = $(".chat-model-hover-context");
-        contextSection.appendChild($(".chat-model-hover-context-label", undefined, ( localize(7733, "Max context"))));
+        contextSection.appendChild($(".chat-model-hover-context-label", undefined, ( localize(8313, "Max context"))));
         contextSection.appendChild($(
             ".chat-model-hover-context-value",
             undefined,
@@ -1411,25 +1636,40 @@ function getModelHoverContent(model, openerService, isUBB) {
         ));
         container.appendChild(contextSection);
     }
-    if (!isAuto && isUBB && model.metadata.configurationSchema?.properties) {
-        const configurableLabels = [];
+    if (!isAuto && model.metadata.configurationSchema?.properties) {
+        const configButtons = [];
+        const seenGroups = ( new Set());
         for (const [, propSchema] of Object.entries(model.metadata.configurationSchema.properties)) {
-            if (propSchema.enum && propSchema.enum.length >= 2) {
+            if (propSchema.enum && propSchema.enum.length >= 2 && propSchema.group && SUPPORTED_CONFIG_GROUPS.includes(propSchema.group) && !( seenGroups.has(propSchema.group))) {
                 const label = propSchema.title ?? propSchema.description;
                 if (label) {
-                    configurableLabels.push(label);
+                    seenGroups.add(propSchema.group);
+                    configButtons.push({
+                        group: propSchema.group,
+                        label
+                    });
                 }
             }
         }
-        if (configurableLabels.length > 0) {
-            container.appendChild($(".chat-model-hover-separator"));
+        if (configButtons.length > 0) {
             const configRow = $(".chat-model-hover-configurable");
             configRow.appendChild(
-                $("span.chat-model-hover-configurable-label", undefined, ( localize(7734, "Configurable:")))
+                $("span.chat-model-hover-configurable-label", undefined, ( localize(8314, "Configurable")))
             );
-            for (const label of configurableLabels) {
-                configRow.appendChild($("span.chat-model-hover-configurable-tag", undefined, label));
+            const buttonsContainer = $(".chat-model-hover-configurable-buttons");
+            for (const {
+                group,
+                label
+            } of configButtons) {
+                const button = disposables.add(( new Button(buttonsContainer, {
+                    ...defaultButtonStyles,
+                    secondary: true,
+                    title: label
+                })));
+                button.label = label;
+                disposables.add(button.onDidClick(() => onConfigure?.(group)));
             }
+            configRow.appendChild(buttonsContainer);
             container.appendChild(configRow);
         }
     }
@@ -1438,20 +1678,8 @@ function getModelHoverContent(model, openerService, isUBB) {
         disposable: disposables
     } : undefined;
 }
-function formatTokenCount(count) {
-    if (count >= 1_000_000) {
-        const value = count / 1_000_000;
-        const floored = Math.floor(value * 10) / 10;
-        return floored % 1 === 0 ? `${floored.toFixed(0)}M` : `${floored.toFixed(1)}M`;
-    } else if (count > 900_000) {
-        return "1M";
-    } else if (count >= 1000) {
-        return `${Math.round(count / 1000)}K`;
-    }
-    return ( count.toString());
-}
 function isAutoModel(model) {
-    return model.metadata.id === "auto" && (model.metadata.vendor === "copilot" || model.metadata.vendor === "copilotcli");
+    return model.metadata.id === "auto";
 }
 
-export { ModelPickerWidget, buildModelPickerItems, formatTokenCount, getControlModelsForEntitlement, getModelHoverContent, getModelPickerAccessibilityProvider };
+export { ModelPickerWidget, buildModelPickerItems, getControlModelsForEntitlement, getModelHoverContent, getModelPickerAccessibilityProvider };