@codingame/monaco-vscode-katex-common 25.1.2 → 26.0.1

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

@@ -1,6 +1,6 @@
 
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
-import { reset, $ } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { $, reset } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { renderLabelWithIcons } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/iconLabel/iconLabels';
 import { coalesce } from '@codingame/monaco-vscode-api/vscode/vs/base/common/arrays';
 import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
@@ -8,7 +8,6 @@ import { groupBy } from '@codingame/monaco-vscode-api/vscode/vs/base/common/coll
 import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
 import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
-import { ActionWidgetDropdownActionViewItem } from '../../../../../../platform/actions/browser/actionWidgetDropdownActionViewItem.js';
 import { getFlatActionBarActions } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/browser/menuEntryActionViewItem';
 import { MenuId } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/common/actions';
 import { IMenuService } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/common/actions.service';
@@ -18,39 +17,124 @@ import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/pl
 import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
 import { IKeybindingService } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.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 { IChatAgentService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/participants/chatAgents.service';
 import { ChatMode } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatModes';
 import { IChatModeService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatModes.service';
+import { isOrganizationPromptFile } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/utils/promptsServiceUtils';
 import { ChatConfiguration, ChatModeKind, ChatAgentLocation } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
-import { PromptsStorage, ExtensionAgentSourceType } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/service/promptsService';
+import { PromptsStorage } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/service/promptsService';
 import { getOpenChatActionIdForMode } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/actions/chatActions';
 import { ToggleAgentModeActionId } from '../../actions/chatExecuteActions.js';
+import { ChatInputPickerActionViewItem } from './chatInputPickerActionItem.js';
+import { IOpenerService } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service';
 import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
 
-let ModePickerActionItem = class ModePickerActionItem extends ActionWidgetDropdownActionViewItem {
-    constructor(action, delegate, actionWidgetService, chatAgentService, keybindingService, configurationService, contextKeyService, chatModeService, menuService, commandService, productService) {
-        const builtInCategory = { label: ( localize(5852, "Built-In")), order: 0 };
-        const customCategory = { label: ( localize(5853, "Custom")), order: 1 };
-        const policyDisabledCategory = { label: ( localize(5854, "Managed by your organization")), order: 999, showHeader: true };
+const builtinDefaultIcon = Codicon.tasklist;
+let ModePickerActionItem = class ModePickerActionItem extends ChatInputPickerActionViewItem {
+    constructor(
+        action,
+        delegate,
+        pickerOptions,
+        actionWidgetService,
+        chatAgentService,
+        keybindingService,
+        configurationService,
+        contextKeyService,
+        chatModeService,
+        menuService,
+        commandService,
+        _productService,
+        telemetryService,
+        openerService
+    ) {
+        const customAgentTarget = delegate.customAgentTarget?.();
+        const builtInCategory = {
+            label: ( localize(6106, "Built-In")),
+            order: 0
+        };
+        const customCategory = {
+            label: ( localize(6107, "Custom")),
+            order: 1
+        };
+        const policyDisabledCategory = {
+            label: ( localize(6108, "Managed by your organization")),
+            order: 999,
+            showHeader: true
+        };
         const agentModeDisabledViaPolicy = configurationService.inspect(ChatConfiguration.AgentEnabled).policyValue === false;
         const makeAction = (mode, currentMode) => {
-            const isDisabledViaPolicy = mode.kind === ChatModeKind.Agent &&
-                agentModeDisabledViaPolicy;
+            const isDisabledViaPolicy = mode.kind === ChatModeKind.Agent && agentModeDisabledViaPolicy;
             const tooltip = chatAgentService.getDefaultAgent(ChatAgentLocation.Chat, mode.kind)?.description ?? action.tooltip;
+            const toolbarActions = [];
+            if (mode.kind === ChatModeKind.Agent && !isDisabledViaPolicy) {
+                if (mode.uri) {
+                    let label, icon, id;
+                    if (mode.source?.storage === PromptsStorage.extension) {
+                        icon = Codicon.eye;
+                        id = `viewAgent:${mode.id}`;
+                        label = ( localize(6109, "View {0} agent", mode.label.get()));
+                    } else {
+                        icon = Codicon.edit;
+                        id = `editAgent:${mode.id}`;
+                        label = ( localize(6110, "Edit {0} agent", mode.label.get()));
+                    }
+                    const modeResource = mode.uri;
+                    toolbarActions.push({
+                        id,
+                        label,
+                        tooltip: label,
+                        class: ThemeIcon.asClassName(icon),
+                        enabled: true,
+                        run: async () => {
+                            openerService.open(modeResource.get());
+                        }
+                    });
+                } else if (!customAgentTarget) {
+                    const label = ( localize(6111, "Configure tools for {0} agent", mode.label.get()));
+                    toolbarActions.push({
+                        id: `configureTools:${mode.id}`,
+                        label,
+                        tooltip: label,
+                        class: ThemeIcon.asClassName(Codicon.tools),
+                        enabled: true,
+                        run: async () => {
+                            actionWidgetService.hide();
+                            if (currentMode.id !== mode.id) {
+                                await commandService.executeCommand(ToggleAgentModeActionId, {
+                                    modeId: mode.id,
+                                    sessionResource: this.delegate.sessionResource()
+                                });
+                            }
+                            await commandService.executeCommand("workbench.action.chat.configureTools", pickerOptions.actionContext, {
+                                source: "modePicker"
+                            });
+                        }
+                    });
+                }
+            }
             return {
                 ...action,
                 id: getOpenChatActionIdForMode(mode),
                 label: mode.label.get(),
-                icon: isDisabledViaPolicy ? ThemeIcon.fromId(Codicon.lock.id) : undefined,
-                class: isDisabledViaPolicy ? 'disabled-by-policy' : undefined,
+                icon: isDisabledViaPolicy ? ThemeIcon.fromId(Codicon.lock.id) : mode.icon.get(),
+                class: isDisabledViaPolicy ? "disabled-by-policy" : undefined,
                 enabled: !isDisabledViaPolicy,
                 checked: !isDisabledViaPolicy && currentMode.id === mode.id,
-                tooltip,
+                tooltip: "",
+                hover: {
+                    content: tooltip,
+                    position: this.pickerOptions.hoverPosition
+                },
+                toolbarActions,
                 run: async () => {
                     if (isDisabledViaPolicy) {
                         return;
                     }
-                    const result = await commandService.executeCommand(ToggleAgentModeActionId, { modeId: mode.id, sessionResource: this.delegate.sessionResource() });
+                    const result = await commandService.executeCommand(ToggleAgentModeActionId, {
+                        modeId: mode.id,
+                        sessionResource: this.delegate.sessionResource()
+                    });
                     if (this.element) {
                         this.renderLabel(this.element);
                     }
@@ -62,42 +146,87 @@ let ModePickerActionItem = class ModePickerActionItem extends ActionWidgetDropdo
         const makeActionFromCustomMode = (mode, currentMode) => {
             return {
                 ...makeAction(mode, currentMode),
-                tooltip: mode.description.get() ?? chatAgentService.getDefaultAgent(ChatAgentLocation.Chat, mode.kind)?.description ?? action.tooltip,
+                tooltip: "",
+                hover: {
+                    content: mode.description.get() ?? chatAgentService.getDefaultAgent(ChatAgentLocation.Chat, mode.kind)?.description ?? action.tooltip,
+                    position: this.pickerOptions.hoverPosition
+                },
+                icon: mode.icon.get() ?? (isModeConsideredBuiltIn(mode, this._productService) ? builtinDefaultIcon : undefined),
                 category: agentModeDisabledViaPolicy ? policyDisabledCategory : customCategory
             };
         };
+        const isUserDefinedCustomAgent = mode => {
+            if (mode.isBuiltin || !mode.source) {
+                return false;
+            }
+            return mode.source.storage === PromptsStorage.local || mode.source.storage === PromptsStorage.user;
+        };
+        const actionProviderWithCustomAgentTarget = {
+            getActions: () => {
+                const modes = chatModeService.getModes();
+                const currentMode = delegate.currentMode.get();
+                const filteredCustomModes = modes.custom.filter(mode => {
+                    const target = mode.target?.get();
+                    return isUserDefinedCustomAgent(mode) && (!target || target === customAgentTarget);
+                });
+                const checked = currentMode.id === ChatMode.Agent.id;
+                const defaultAction = {
+                    ...makeAction(ChatMode.Agent, ChatMode.Agent),
+                    checked
+                };
+                const customActions = ( filteredCustomModes.map(mode => makeActionFromCustomMode(mode, currentMode)));
+                return [defaultAction, ...customActions];
+            }
+        };
         const actionProvider = {
             getActions: () => {
                 const modes = chatModeService.getModes();
                 const currentMode = delegate.currentMode.get();
                 const agentMode = modes.builtin.find(mode => mode.id === ChatMode.Agent.id);
-                const otherBuiltinModes = modes.builtin.filter(mode => mode.id !== ChatMode.Agent.id);
-                const customModes = groupBy(modes.custom, mode => mode.source?.storage === PromptsStorage.extension && mode.source.extensionId.value === productService.defaultChatAgent?.chatExtensionId && mode.source.type === ExtensionAgentSourceType.contribution ?
-                    'builtin' : 'custom');
+                const shouldHideEditMode = configurationService.getValue(ChatConfiguration.EditModeHidden) && chatAgentService.hasToolsAgent && currentMode.id !== ChatMode.Edit.id;
+                const otherBuiltinModes = modes.builtin.filter(
+                    mode => mode.id !== ChatMode.Agent.id && !(shouldHideEditMode && mode.id === ChatMode.Edit.id)
+                );
+                const customModes = groupBy(
+                    modes.custom,
+                    mode => isModeConsideredBuiltIn(mode, this._productService) ? "builtin" : "custom"
+                );
                 const customBuiltinModeActions = customModes.builtin?.map(mode => {
                     const action = makeActionFromCustomMode(mode, currentMode);
                     action.category = agentModeDisabledViaPolicy ? policyDisabledCategory : builtInCategory;
                     return action;
                 }) ?? [];
-                const orderedModes = coalesce([
-                    agentMode && makeAction(agentMode, currentMode),
-                    ...( otherBuiltinModes.map(mode => mode && makeAction(mode, currentMode))),
-                    ...customBuiltinModeActions, ...(customModes.custom?.map(mode => makeActionFromCustomMode(mode, currentMode)) ?? [])
-                ]);
+                customBuiltinModeActions.sort((a, b) => a.label.localeCompare(b.label));
+                const customModeActions = customModes.custom?.map(mode => makeActionFromCustomMode(mode, currentMode)) ?? [];
+                customModeActions.sort((a, b) => a.label.localeCompare(b.label));
+                const orderedModes = coalesce([agentMode && makeAction(agentMode, currentMode), ...( otherBuiltinModes.map(mode => mode && makeAction(mode, currentMode))), ...customBuiltinModeActions, ...customModeActions]);
                 return orderedModes;
             }
         };
         const modePickerActionWidgetOptions = {
-            actionProvider,
+            actionProvider: customAgentTarget ? actionProviderWithCustomAgentTarget : actionProvider,
             actionBarActionProvider: {
                 getActions: () => this.getModePickerActionBarActions()
             },
-            showItemKeybindings: true
+            showItemKeybindings: true,
+            reporter: {
+                name: "ChatModePicker",
+                includeOptions: true
+            }
         };
-        super(action, modePickerActionWidgetOptions, actionWidgetService, keybindingService, contextKeyService);
+        super(
+            action,
+            modePickerActionWidgetOptions,
+            pickerOptions,
+            actionWidgetService,
+            keybindingService,
+            contextKeyService,
+            telemetryService
+        );
         this.delegate = delegate;
         this.contextKeyService = contextKeyService;
         this.menuService = menuService;
+        this._productService = _productService;
         this._register(autorun(reader => {
             this.delegate.currentMode.read(reader).label.read(reader);
             if (this.element) {
@@ -107,31 +236,50 @@ let ModePickerActionItem = class ModePickerActionItem extends ActionWidgetDropdo
     }
     getModePickerActionBarActions() {
         const menuActions = this.menuService.createMenu(MenuId.ChatModePicker, this.contextKeyService);
-        const menuContributions = getFlatActionBarActions(menuActions.getActions({ renderShortTitle: true }));
+        const menuContributions = getFlatActionBarActions(menuActions.getActions({
+            renderShortTitle: true
+        }));
         menuActions.dispose();
         return menuContributions;
     }
     renderLabel(element) {
         this.setAriaLabelAttributes(element);
-        const state = this.delegate.currentMode.get().label.get();
-        reset(element, $('span.chat-model-label', undefined, state), ...renderLabelWithIcons(`$(chevron-down)`));
+        const currentMode = this.delegate.currentMode.get();
+        const isDefault = currentMode.id === ChatMode.Agent.id;
+        const state = currentMode.label.get();
+        let icon = currentMode.icon.get();
+        if (!icon && isModeConsideredBuiltIn(currentMode, this._productService)) {
+            icon = builtinDefaultIcon;
+        }
+        const labelElements = [];
+        if (icon) {
+            labelElements.push(...renderLabelWithIcons(`$(${icon.id})`));
+        }
+        if (!isDefault || !icon || !this.pickerOptions.onlyShowIconsForDefaultActions.get()) {
+            labelElements.push($("span.chat-input-picker-label", undefined, state));
+        }
+        labelElements.push(...renderLabelWithIcons(`$(chevron-down)`));
+        reset(element, ...labelElements);
         return null;
     }
-    render(container) {
-        super.render(container);
-        container.classList.add('chat-modelPicker-item');
-    }
 };
-ModePickerActionItem = ( __decorate([
-    ( __param(2, IActionWidgetService)),
-    ( __param(3, IChatAgentService)),
-    ( __param(4, IKeybindingService)),
-    ( __param(5, IConfigurationService)),
-    ( __param(6, IContextKeyService)),
-    ( __param(7, IChatModeService)),
-    ( __param(8, IMenuService)),
-    ( __param(9, ICommandService)),
-    ( __param(10, IProductService))
-], ModePickerActionItem));
+ModePickerActionItem = ( __decorate([( __param(3, IActionWidgetService)), ( __param(4, IChatAgentService)), ( __param(5, IKeybindingService)), ( __param(6, IConfigurationService)), ( __param(7, IContextKeyService)), ( __param(8, IChatModeService)), ( __param(9, IMenuService)), ( __param(10, ICommandService)), ( __param(11, IProductService)), ( __param(12, ITelemetryService)), ( __param(13, IOpenerService))], ModePickerActionItem));
+function isModeConsideredBuiltIn(mode, productService) {
+    if (mode.isBuiltin) {
+        return true;
+    }
+    if (mode.source?.storage !== PromptsStorage.extension) {
+        return false;
+    }
+    const chatExtensionId = productService.defaultChatAgent?.chatExtensionId;
+    if (!chatExtensionId || mode.source.extensionId.value !== chatExtensionId) {
+        return false;
+    }
+    const modeUri = mode.uri?.get();
+    if (!modeUri) {
+        return true;
+    }
+    return !isOrganizationPromptFile(modeUri, mode.source.extensionId, productService);
+}
 
 export { ModePickerActionItem };

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/modelPickerActionItem.d.ts

@@ -1,30 +1,29 @@
+import { IManagedHoverContent } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hover";
 import { IAction } from "@codingame/monaco-vscode-api/vscode/vs/base/common/actions";
-import { Event } from "@codingame/monaco-vscode-api/vscode/vs/base/common/event";
-import { ILanguageModelChatMetadataAndIdentifier } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels";
 import { IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
-import { ActionWidgetDropdownActionViewItem } from "../../../../../../platform/actions/browser/actionWidgetDropdownActionViewItem.js";
+import { IObservable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/observable";
 import { IActionWidgetService } from "@codingame/monaco-vscode-api/vscode/vs/platform/actionWidget/browser/actionWidget.service";
 import { IActionWidgetDropdownOptions } from "../../../../../../platform/actionWidget/browser/actionWidgetDropdown.js";
-import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
 import { ICommandService } from "@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service";
-import { IChatEntitlementService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service";
+import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
 import { IKeybindingService } from "@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service";
-import { ITelemetryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service";
 import { IProductService } from "@codingame/monaco-vscode-api/vscode/vs/platform/product/common/productService.service";
-import { IManagedHoverContent } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hover";
+import { ITelemetryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service";
+import { IChatEntitlementService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service";
+import { ILanguageModelChatMetadataAndIdentifier } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels";
+import { ChatInputPickerActionViewItem, IChatInputPickerOptions } from "./chatInputPickerActionItem.js";
 export interface IModelPickerDelegate {
-    readonly onDidChangeModel: Event<ILanguageModelChatMetadataAndIdentifier>;
-    getCurrentModel(): ILanguageModelChatMetadataAndIdentifier | undefined;
+    readonly currentModel: IObservable<ILanguageModelChatMetadataAndIdentifier | undefined>;
     setModel(model: ILanguageModelChatMetadataAndIdentifier): void;
     getModels(): ILanguageModelChatMetadataAndIdentifier[];
 }
 /**
  * Action view item for selecting a language model in the chat interface.
  */
-export declare class ModelPickerActionItem extends ActionWidgetDropdownActionViewItem {
+export declare class ModelPickerActionItem extends ChatInputPickerActionViewItem {
     protected currentModel: ILanguageModelChatMetadataAndIdentifier | undefined;
-    constructor(action: IAction, currentModel: ILanguageModelChatMetadataAndIdentifier | undefined, widgetOptions: Omit<IActionWidgetDropdownOptions, "label" | "labelRenderer"> | undefined, delegate: IModelPickerDelegate, actionWidgetService: IActionWidgetService, contextKeyService: IContextKeyService, commandService: ICommandService, chatEntitlementService: IChatEntitlementService, keybindingService: IKeybindingService, telemetryService: ITelemetryService, productService: IProductService);
+    constructor(action: IAction, widgetOptions: Omit<IActionWidgetDropdownOptions, "label" | "labelRenderer"> | undefined, delegate: IModelPickerDelegate, pickerOptions: IChatInputPickerOptions, actionWidgetService: IActionWidgetService, contextKeyService: IContextKeyService, commandService: ICommandService, chatEntitlementService: IChatEntitlementService, keybindingService: IKeybindingService, telemetryService: ITelemetryService, productService: IProductService);
     protected getHoverContents(): IManagedHoverContent | undefined;
+    protected setAriaLabelAttributes(element: HTMLElement): void;
     protected renderLabel(element: HTMLElement): IDisposable | null;
-    render(container: HTMLElement): void;
 }

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

@@ -1,53 +1,68 @@
 
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
-import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { $, reset } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { renderIcon, renderLabelWithIcons } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/iconLabel/iconLabels';
-import { ActionWidgetDropdownActionViewItem } from '../../../../../../platform/actions/browser/actionWidgetDropdownActionViewItem.js';
+import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { IActionWidgetService } from '@codingame/monaco-vscode-api/vscode/vs/platform/actionWidget/browser/actionWidget.service';
-import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
 import { ICommandService } from '@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service';
-import { ChatEntitlement } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService';
-import { IChatEntitlementService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service';
+import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
 import { IKeybindingService } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service';
-import { DEFAULT_MODEL_PICKER_CATEGORY } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/widget/input/modelPickerWidget';
-import { ITelemetryService } from '@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service';
 import { IProductService } from '@codingame/monaco-vscode-api/vscode/vs/platform/product/common/productService.service';
-import { MANAGE_CHAT_COMMAND_ID } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
+import { ITelemetryService } from '@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service';
 import { TelemetryTrustedValue } from '@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetryUtils';
+import { ChatEntitlement } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService';
+import { IChatEntitlementService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service';
+import { MANAGE_CHAT_COMMAND_ID } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
+import { DEFAULT_MODEL_PICKER_CATEGORY } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/widget/input/modelPickerWidget';
+import { ChatInputPickerActionViewItem } from './chatInputPickerActionItem.js';
+import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
 
-function modelDelegateToWidgetActionsProvider(delegate, telemetryService) {
+function modelDelegateToWidgetActionsProvider(delegate, telemetryService, pickerOptions) {
     return {
         getActions: () => {
             const models = delegate.getModels();
             if (models.length === 0) {
                 return [{
-                        id: 'auto',
-                        enabled: true,
-                        checked: true,
-                        category: DEFAULT_MODEL_PICKER_CATEGORY,
-                        class: undefined,
-                        tooltip: ( localize(5855, "Auto")),
-                        label: ( localize(5855, "Auto")),
-                        run: () => { }
-                    }];
+                    id: "auto",
+                    enabled: true,
+                    checked: true,
+                    category: DEFAULT_MODEL_PICKER_CATEGORY,
+                    class: undefined,
+                    description: ( localize(6112, "Best for your request based on capacity and performance.")),
+                    tooltip: ( localize(6113, "Auto")),
+                    label: ( localize(6113, "Auto")),
+                    hover: {
+                        content: ( localize(
+                            6114,
+                            "Automatically selects the best model for your task based on context and complexity."
+                        )),
+                        position: pickerOptions.hoverPosition
+                    },
+                    run: () => {}
+                }];
             }
             return ( models.map(model => {
+                const hoverContent = model.metadata.tooltip;
                 return {
                     id: model.metadata.id,
                     enabled: true,
                     icon: model.metadata.statusIcon,
-                    checked: model.identifier === delegate.getCurrentModel()?.identifier,
+                    checked: model.identifier === delegate.currentModel.get()?.identifier,
                     category: model.metadata.modelPickerCategory || DEFAULT_MODEL_PICKER_CATEGORY,
                     class: undefined,
-                    description: model.metadata.detail,
-                    tooltip: model.metadata.tooltip ?? model.metadata.name,
+                    description: model.metadata.multiplier ?? model.metadata.detail,
+                    tooltip: hoverContent ? "" : model.metadata.name,
+                    hover: hoverContent ? {
+                        content: hoverContent,
+                        position: pickerOptions.hoverPosition
+                    } : undefined,
                     label: model.metadata.name,
                     run: () => {
-                        const previousModel = delegate.getCurrentModel();
-                        telemetryService.publicLog2('chat.modelChange', {
-                            fromModel: previousModel?.metadata.vendor === 'copilot' ? ( new TelemetryTrustedValue(previousModel.identifier)) : 'unknown',
-                            toModel: model.metadata.vendor === 'copilot' ? ( new TelemetryTrustedValue(model.identifier)) : 'unknown'
+                        const previousModel = delegate.currentModel.get();
+                        telemetryService.publicLog2("chat.modelChange", {
+                            fromModel: previousModel?.metadata.vendor === "copilot" ? ( new TelemetryTrustedValue(previousModel.identifier)) : "unknown",
+                            toModel: model.metadata.vendor === "copilot" ? ( new TelemetryTrustedValue(model.identifier)) : "unknown"
                         });
                         delegate.setModel(model);
                     }
@@ -60,34 +75,28 @@ function getModelPickerActionBarActionProvider(commandService, chatEntitlementSe
     const actionProvider = {
         getActions: () => {
             const additionalActions = [];
-            if (chatEntitlementService.entitlement === ChatEntitlement.Free ||
-                chatEntitlementService.entitlement === ChatEntitlement.Pro ||
-                chatEntitlementService.entitlement === ChatEntitlement.ProPlus ||
-                chatEntitlementService.isInternal) {
+            if (chatEntitlementService.entitlement === ChatEntitlement.Free || chatEntitlementService.entitlement === ChatEntitlement.Pro || chatEntitlementService.entitlement === ChatEntitlement.ProPlus || chatEntitlementService.entitlement === ChatEntitlement.Business || chatEntitlementService.entitlement === ChatEntitlement.Enterprise || chatEntitlementService.isInternal) {
                 additionalActions.push({
-                    id: 'manageModels',
-                    label: ( localize(5856, "Manage Models...")),
+                    id: "manageModels",
+                    label: ( localize(6115, "Manage Models...")),
                     enabled: true,
-                    tooltip: ( localize(5857, "Manage Language Models")),
+                    tooltip: ( localize(6116, "Manage Language Models")),
                     class: undefined,
                     run: () => {
                         commandService.executeCommand(MANAGE_CHAT_COMMAND_ID);
                     }
                 });
             }
-            const isNewOrAnonymousUser = !chatEntitlementService.sentiment.installed ||
-                chatEntitlementService.entitlement === ChatEntitlement.Available ||
-                chatEntitlementService.anonymous ||
-                chatEntitlementService.entitlement === ChatEntitlement.Unknown;
+            const isNewOrAnonymousUser = !chatEntitlementService.sentiment.installed || chatEntitlementService.entitlement === ChatEntitlement.Available || chatEntitlementService.anonymous || chatEntitlementService.entitlement === ChatEntitlement.Unknown;
             if (isNewOrAnonymousUser || chatEntitlementService.entitlement === ChatEntitlement.Free) {
                 additionalActions.push({
-                    id: 'moreModels',
-                    label: isNewOrAnonymousUser ? ( localize(5858, "Add Language Models")) : ( localize(5859, "Add Premium Models")),
+                    id: "moreModels",
+                    label: isNewOrAnonymousUser ? ( localize(6117, "Add Language Models")) : ( localize(6118, "Add Premium Models")),
                     enabled: true,
-                    tooltip: isNewOrAnonymousUser ? ( localize(5860, "Add Language Models")) : ( localize(5861, "Add Premium Models")),
+                    tooltip: isNewOrAnonymousUser ? ( localize(6119, "Add Language Models")) : ( localize(6120, "Add Premium Models")),
                     class: undefined,
                     run: () => {
-                        const commandId = isNewOrAnonymousUser ? 'workbench.action.chat.triggerSetup' : 'workbench.action.chat.upgradePlan';
+                        const commandId = isNewOrAnonymousUser ? "workbench.action.chat.triggerSetup" : "workbench.action.chat.upgradePlan";
                         commandService.executeCommand(commandId);
                     }
                 });
@@ -97,20 +106,45 @@ function getModelPickerActionBarActionProvider(commandService, chatEntitlementSe
     };
     return actionProvider;
 }
-let ModelPickerActionItem = class ModelPickerActionItem extends ActionWidgetDropdownActionViewItem {
-    constructor(action, currentModel, widgetOptions, delegate, actionWidgetService, contextKeyService, commandService, chatEntitlementService, keybindingService, telemetryService, productService) {
+let ModelPickerActionItem = class ModelPickerActionItem extends ChatInputPickerActionViewItem {
+    constructor(
+        action,
+        widgetOptions,
+        delegate,
+        pickerOptions,
+        actionWidgetService,
+        contextKeyService,
+        commandService,
+        chatEntitlementService,
+        keybindingService,
+        telemetryService,
+        productService
+    ) {
         const actionWithLabel = {
             ...action,
-            label: currentModel?.metadata.name ?? ( localize(5855, "Auto")),
-            run: () => { }
+            label: delegate.currentModel.get()?.metadata.name ?? ( localize(6113, "Auto")),
+            run: () => {}
         };
         const modelPickerActionWidgetOptions = {
-            actionProvider: modelDelegateToWidgetActionsProvider(delegate, telemetryService),
-            actionBarActionProvider: getModelPickerActionBarActionProvider(commandService, chatEntitlementService)
+            actionProvider: modelDelegateToWidgetActionsProvider(delegate, telemetryService, pickerOptions),
+            actionBarActionProvider: getModelPickerActionBarActionProvider(commandService, chatEntitlementService),
+            reporter: {
+                name: "ChatModelPicker",
+                includeOptions: true
+            }
         };
-        super(actionWithLabel, widgetOptions ?? modelPickerActionWidgetOptions, actionWidgetService, keybindingService, contextKeyService);
-        this.currentModel = currentModel;
-        this._register(delegate.onDidChangeModel(model => {
+        super(
+            actionWithLabel,
+            widgetOptions ?? modelPickerActionWidgetOptions,
+            pickerOptions,
+            actionWidgetService,
+            keybindingService,
+            contextKeyService,
+            telemetryService
+        );
+        this.currentModel = delegate.currentModel.get();
+        this._register(autorun(t => {
+            const model = delegate.currentModel.read(t);
             this.currentModel = model;
             this.updateTooltip();
             if (this.element) {
@@ -119,36 +153,35 @@ let ModelPickerActionItem = class ModelPickerActionItem extends ActionWidgetDrop
         }));
     }
     getHoverContents() {
-        const label = `${( localize(5862, "Pick Model"))}${super.getHoverContents()}`;
-        const { statusIcon, tooltip } = this.currentModel?.metadata || {};
+        const label = `${( localize(6121, "Pick Model"))}${super.getHoverContents()}`;
+        const {
+            statusIcon,
+            tooltip
+        } = this.currentModel?.metadata || {};
         return statusIcon && tooltip ? `${label} • ${tooltip}` : label;
     }
+    setAriaLabelAttributes(element) {
+        super.setAriaLabelAttributes(element);
+        const modelName = this.currentModel?.metadata.name ?? ( localize(6113, "Auto"));
+        element.ariaLabel = ( localize(6122, "Pick Model, {0}", modelName));
+    }
     renderLabel(element) {
-        const { name, statusIcon } = this.currentModel?.metadata || {};
+        const {
+            name,
+            statusIcon
+        } = this.currentModel?.metadata || {};
         const domChildren = [];
         if (statusIcon) {
             const iconElement = renderIcon(statusIcon);
             domChildren.push(iconElement);
         }
-        domChildren.push($('span.chat-model-label', undefined, name ?? ( localize(5855, "Auto"))));
+        domChildren.push($("span.chat-input-picker-label", undefined, name ?? ( localize(6113, "Auto"))));
         domChildren.push(...renderLabelWithIcons(`$(chevron-down)`));
         reset(element, ...domChildren);
         this.setAriaLabelAttributes(element);
         return null;
     }
-    render(container) {
-        super.render(container);
-        container.classList.add('chat-modelPicker-item');
-    }
 };
-ModelPickerActionItem = ( __decorate([
-    ( __param(4, IActionWidgetService)),
-    ( __param(5, IContextKeyService)),
-    ( __param(6, ICommandService)),
-    ( __param(7, IChatEntitlementService)),
-    ( __param(8, IKeybindingService)),
-    ( __param(9, ITelemetryService)),
-    ( __param(10, IProductService))
-], ModelPickerActionItem));
+ModelPickerActionItem = ( __decorate([( __param(4, IActionWidgetService)), ( __param(5, IContextKeyService)), ( __param(6, ICommandService)), ( __param(7, IChatEntitlementService)), ( __param(8, IKeybindingService)), ( __param(9, ITelemetryService)), ( __param(10, IProductService))], ModelPickerActionItem));
 
 export { ModelPickerActionItem };