@codingame/monaco-vscode-mcp-service-override 32.0.0 → 32.0.1

package/vscode/src/vs/workbench/contrib/mcp/browser/mcpServersView.js

@@ -0,0 +1,576 @@
+
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import * as mcpServersView from './media/mcpServersView.css';
+import { append, $ } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { ActionBar } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/actionbar/actionbar';
+import { Event, Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
+import { createMarkdownCommandLink, MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
+import { MutableDisposable, DisposableStore, isDisposable, combinedDisposable, dispose, Disposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { PagedModel, DelayedPagedModel, IterativePagedModel } from '@codingame/monaco-vscode-api/vscode/vs/base/common/paging';
+import { localize, localize2 } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
+import { ContextKeyExpr, ContextKeyDefinedExpr } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey';
+import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
+import { IContextMenuService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service';
+import { IDialogService } from '@codingame/monaco-vscode-api/vscode/vs/platform/dialogs/common/dialogs.service';
+import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
+import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
+import { IKeybindingService } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service';
+import { WorkbenchPagedList } from '@codingame/monaco-vscode-api/vscode/vs/platform/list/browser/listService';
+import { INotificationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/notification/common/notification.service';
+import { IOpenerService } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service';
+import { IThemeService } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService.service';
+import { getLocationBasedViewColors } from '@codingame/monaco-vscode-api/vscode/vs/workbench/browser/parts/views/viewPane';
+import { ViewContainerLocation, Extensions } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/views';
+import { IViewDescriptorService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/views.service';
+import { McpServerContainers, McpServerEnablementState, InstalledMcpServersViewId, HasInstalledMcpServersContext, McpServersGalleryStatusContext } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/common/mcpTypes';
+import { IMcpWorkbenchService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/common/mcpTypes.service';
+import { getContextMenuActions, DropDownAction, McpServerStatusAction, InstallAction, InstallingLabelAction, ManageMcpServerAction } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/browser/mcpServerActions';
+import { McpServerIconWidget, PublisherWidget, StarredWidget, McpServerScopeBadgeWidget, McpServerHoverWidget } from './mcpServerWidgets.js';
+import { ActionRunner, Separator } from '@codingame/monaco-vscode-api/vscode/vs/base/common/actions';
+import { mcpGalleryServiceEnablementConfig, mcpGalleryServiceUrlConfig } from '@codingame/monaco-vscode-api/vscode/vs/platform/mcp/common/mcpManagement';
+import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
+import { alert } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/aria/aria';
+import { Registry } from '@codingame/monaco-vscode-api/vscode/vs/platform/registry/common/platform';
+import { SyncDescriptor } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/descriptors';
+import { DefaultViewsContext, SearchMcpServersContext } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/extensions/common/extensions';
+import { VIEW_CONTAINER } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/extensions/browser/extensions.contribution';
+import { ChatContextKeys } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/actions/chatContextKeys';
+import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
+import { defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
+import { AbstractExtensionsListView } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/extensions/browser/extensionsViews';
+import { HoverPosition } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverWidget';
+import { Position } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/layout/browser/layoutService';
+import { IWorkbenchLayoutService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/layout/browser/layoutService.service';
+import { mcpServerIcon } from './mcpServerIcons.js';
+import { McpGalleryManifestStatus } from '@codingame/monaco-vscode-api/vscode/vs/platform/mcp/common/mcpGalleryManifest';
+import { IMcpGalleryManifestService } from '@codingame/monaco-vscode-api/vscode/vs/platform/mcp/common/mcpGalleryManifest.service';
+import { ProductQualityContext } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkeys';
+import { SeverityIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/severityIcon/severityIcon';
+import { IMarkdownRendererService } from '@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer.service';
+import { ILogService } from '@codingame/monaco-vscode-api/vscode/vs/platform/log/common/log.service';
+import { buildModalNavigationForPagedList } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/extensions/browser/extensionsViewer';
+
+var McpServerRenderer_1;
+registerCss(mcpServersView);
+let McpServersListView = class McpServersListView extends AbstractExtensionsListView {
+    constructor(
+        mpcViewOptions,
+        options,
+        keybindingService,
+        contextMenuService,
+        instantiationService,
+        themeService,
+        hoverService,
+        configurationService,
+        contextKeyService,
+        viewDescriptorService,
+        openerService,
+        dialogService,
+        mcpWorkbenchService,
+        mcpGalleryManifestService,
+        layoutService,
+        markdownRendererService,
+        logService
+    ) {
+        super(
+            options,
+            keybindingService,
+            contextMenuService,
+            configurationService,
+            contextKeyService,
+            viewDescriptorService,
+            instantiationService,
+            openerService,
+            themeService,
+            hoverService
+        );
+        this.mpcViewOptions = mpcViewOptions;
+        this.dialogService = dialogService;
+        this.mcpWorkbenchService = mcpWorkbenchService;
+        this.mcpGalleryManifestService = mcpGalleryManifestService;
+        this.layoutService = layoutService;
+        this.markdownRendererService = markdownRendererService;
+        this.logService = logService;
+        this.list = null;
+        this.listContainer = null;
+        this.welcomeContainer = null;
+        this.contextMenuActionRunner = this._register(( new ActionRunner()));
+        this.modalNavigationDisposable = this._register(( new MutableDisposable()));
+    }
+    renderBody(container) {
+        super.renderBody(container);
+        this.welcomeContainer = append(container, $(".mcp-welcome-container.hide"));
+        this.createWelcomeContent(this.welcomeContainer);
+        const messageContainer = append(container, $(".message-container"));
+        const messageSeverityIcon = append(messageContainer, $(""));
+        const messageBox = append(messageContainer, $(".message"));
+        const mcpServersList = $(".mcp-servers-list");
+        this.bodyTemplate = {
+            mcpServersList,
+            messageBox,
+            messageContainer,
+            messageSeverityIcon
+        };
+        this.listContainer = append(container, mcpServersList);
+        this.list = this._register(
+            this.instantiationService.createInstance(WorkbenchPagedList, `${this.id}-MCP-Servers`, this.listContainer, {
+                getHeight() {
+                    return 72;
+                },
+                getTemplateId: () => McpServerRenderer.templateId
+            }, [this.instantiationService.createInstance(McpServerRenderer, {
+                hoverOptions: {
+                    position: () => {
+                        const viewLocation = this.viewDescriptorService.getViewLocationById(this.id);
+                        if (viewLocation === ViewContainerLocation.Sidebar) {
+                            return this.layoutService.getSideBarPosition() === Position.LEFT ? HoverPosition.RIGHT : HoverPosition.LEFT;
+                        }
+                        if (viewLocation === ViewContainerLocation.AuxiliaryBar) {
+                            return this.layoutService.getSideBarPosition() === Position.LEFT ? HoverPosition.LEFT : HoverPosition.RIGHT;
+                        }
+                        return HoverPosition.RIGHT;
+                    }
+                }
+            })], {
+                multipleSelectionSupport: false,
+                setRowLineHeight: false,
+                horizontalScrolling: false,
+                accessibilityProvider: {
+                    getAriaLabel(mcpServer) {
+                        return mcpServer?.label ?? "";
+                    },
+                    getWidgetAriaLabel() {
+                        return localize(11126, "MCP Servers");
+                    }
+                },
+                overrideStyles: getLocationBasedViewColors(this.viewDescriptorService.getViewLocationById(this.id)).listOverrideStyles,
+                openOnSingleClick: true
+            })
+        );
+        this._register(Event.debounce(
+            Event.filter(this.list.onDidOpen, e => e.element !== null),
+            (_, event) => event,
+            75,
+            true
+        )(options => {
+            this.mcpWorkbenchService.open(options.element, {
+                ...options.editorOptions,
+                modal: options.sideBySide ? undefined : buildModalNavigationForPagedList(
+                    options.element,
+                    () => this.list?.model,
+                    (serverA, serverB) => serverA.id === serverB.id,
+                    (server, modal) => this.mcpWorkbenchService.open(server, {
+                        pinned: false,
+                        modal
+                    }),
+                    this.modalNavigationDisposable,
+                    this.logService
+                )
+            });
+        }));
+        this._register(this.list.onContextMenu(e => this.onContextMenu(e), this));
+        if (this.input) {
+            this.renderInput();
+        }
+    }
+    async onContextMenu(e) {
+        if (e.element) {
+            const disposables = ( new DisposableStore());
+            const mcpServer = e.element ? this.mcpWorkbenchService.local.find(local => local.id === e.element.id) || e.element : e.element;
+            const groups = getContextMenuActions(mcpServer, false, this.instantiationService);
+            const actions = [];
+            for (const menuActions of groups) {
+                for (const menuAction of menuActions) {
+                    actions.push(menuAction);
+                    if (isDisposable(menuAction)) {
+                        disposables.add(menuAction);
+                    }
+                }
+                actions.push(( new Separator()));
+            }
+            actions.pop();
+            this.contextMenuService.showContextMenu({
+                getAnchor: () => e.anchor,
+                getActions: () => actions,
+                actionRunner: this.contextMenuActionRunner,
+                onHide: () => disposables.dispose()
+            });
+        }
+    }
+    layoutBody(height, width) {
+        super.layoutBody(height, width);
+        this.list?.layout(height, width);
+    }
+    async show(query) {
+        if (this.input) {
+            this.input.disposables.dispose();
+            this.input = undefined;
+        }
+        if (this.mpcViewOptions.showWelcome) {
+            this.input = {
+                model: ( new PagedModel([])),
+                disposables: ( new DisposableStore()),
+                showWelcomeContent: true
+            };
+        } else {
+            this.input = await this.query(query.trim());
+        }
+        this.renderInput();
+        if (this.input.onDidChangeModel) {
+            this.input.disposables.add(this.input.onDidChangeModel(model => {
+                if (!this.input) {
+                    return;
+                }
+                this.input.model = model;
+                this.renderInput();
+            }));
+        }
+        return this.input.model;
+    }
+    renderInput() {
+        if (!this.input) {
+            return;
+        }
+        if (this.list) {
+            this.list.model = ( new DelayedPagedModel(this.input.model));
+        }
+        this.showWelcomeContent(!!this.input.showWelcomeContent);
+        if (!this.input.showWelcomeContent) {
+            this.updateBody();
+        }
+    }
+    showWelcomeContent(show) {
+        this.welcomeContainer?.classList.toggle("hide", !show);
+        this.listContainer?.classList.toggle("hide", show);
+    }
+    createWelcomeContent(welcomeContainer) {
+        const welcomeContent = append(welcomeContainer, $(".mcp-welcome-content"));
+        const iconContainer = append(welcomeContent, $(".mcp-welcome-icon"));
+        const iconElement = append(iconContainer, $("span"));
+        iconElement.className = ThemeIcon.asClassName(mcpServerIcon);
+        const title = append(welcomeContent, $(".mcp-welcome-title"));
+        title.textContent = ( localize(11127, "MCP Servers"));
+        const settingsCommandLink = ( createMarkdownCommandLink({
+            id: "workbench.action.openSettings",
+            arguments: [`@id:${mcpGalleryServiceEnablementConfig}`],
+            text: mcpGalleryServiceEnablementConfig,
+            tooltip: ( localize(11128, "Open Settings"))
+        }).toString());
+        const description = append(welcomeContent, $(".mcp-welcome-description"));
+        const markdownResult = this._register(this.markdownRendererService.render(( new MarkdownString(( localize(
+            11129,
+            "Browse and install [Model Context Protocol (MCP) servers](https://code.visualstudio.com/docs/copilot/customization/mcp-servers) directly from VS Code to extend agent mode with extra tools for connecting to databases, invoking APIs and performing specialized tasks."
+        )), {
+            isTrusted: {
+                enabledCommands: ["workbench.action.openSettings"]
+            }
+        })).appendMarkdown("\n\n").appendMarkdown(( localize(
+            11130,
+            "This feature is currently in preview. You can disable it anytime using the setting {0}.",
+            settingsCommandLink
+        )))));
+        description.appendChild(markdownResult.element);
+        const buttonContainer = append(welcomeContent, $(".mcp-welcome-button-container"));
+        const button = this._register(( new Button(buttonContainer, {
+            title: ( localize(11131, "Enable MCP Servers Marketplace")),
+            ...defaultButtonStyles
+        })));
+        button.label = ( localize(11131, "Enable MCP Servers Marketplace"));
+        this._register(button.onDidClick(async () => {
+            const {
+                result
+            } = await this.dialogService.prompt({
+                type: "info",
+                message: ( localize(11132, "Enable MCP Servers Marketplace?")),
+                custom: {
+                    markdownDetails: [{
+                        markdown: ( new MarkdownString(( localize(
+                            11130,
+                            "This feature is currently in preview. You can disable it anytime using the setting {0}.",
+                            settingsCommandLink
+                        )), {
+                            isTrusted: true
+                        }))
+                    }]
+                },
+                buttons: [{
+                    label: ( localize(11133, "Enable")),
+                    run: () => true
+                }, {
+                    label: ( localize(11134, "Cancel")),
+                    run: () => false
+                }]
+            });
+            if (result) {
+                await this.configurationService.updateValue(mcpGalleryServiceEnablementConfig, true);
+            }
+        }));
+    }
+    updateBody(message) {
+        if (this.bodyTemplate) {
+            const count = this.input?.model.length ?? 0;
+            this.bodyTemplate.mcpServersList.classList.toggle("hidden", count === 0);
+            this.bodyTemplate.messageContainer.classList.toggle("hidden", !message && count > 0);
+            if (this.isBodyVisible()) {
+                if (message) {
+                    this.bodyTemplate.messageSeverityIcon.className = SeverityIcon.className(message.severity);
+                    this.bodyTemplate.messageBox.textContent = message.text;
+                } else if (count === 0) {
+                    this.bodyTemplate.messageSeverityIcon.className = "";
+                    this.bodyTemplate.messageBox.textContent = ( localize(11135, "No MCP Servers found."));
+                }
+                if (this.bodyTemplate.messageBox.textContent) {
+                    alert(this.bodyTemplate.messageBox.textContent);
+                }
+            }
+        }
+    }
+    async query(query) {
+        const disposables = ( new DisposableStore());
+        if (query) {
+            const servers = await this.mcpWorkbenchService.queryGallery({
+                text: query.replace("@mcp", "")
+            });
+            const model = disposables.add(( new IterativePagedModel(servers)));
+            return {
+                model,
+                disposables
+            };
+        }
+        const onDidChangeModel = disposables.add(( new Emitter()));
+        let servers = await this.mcpWorkbenchService.queryLocal();
+        disposables.add(Event.debounce(this.mcpWorkbenchService.onChange, () => undefined)(() => {
+            const mergedMcpServers = this.mergeChangedMcpServers(servers, [...this.mcpWorkbenchService.local]);
+            if (mergedMcpServers) {
+                servers = mergedMcpServers;
+                onDidChangeModel.fire(( new PagedModel(servers)));
+            }
+        }));
+        disposables.add(
+            this.mcpWorkbenchService.onReset(() => onDidChangeModel.fire(( new PagedModel([...this.mcpWorkbenchService.local]))))
+        );
+        return {
+            model: ( new PagedModel(servers)),
+            onDidChangeModel: onDidChangeModel.event,
+            disposables
+        };
+    }
+    mergeChangedMcpServers(mcpServers, newMcpServers) {
+        const oldMcpServers = [...mcpServers];
+        const findPreviousMcpServerIndex = from => {
+            let index = -1;
+            const previousMcpServerInNew = newMcpServers[from];
+            if (previousMcpServerInNew) {
+                index = oldMcpServers.findIndex(e => e.id === previousMcpServerInNew.id);
+                if (index === -1) {
+                    return findPreviousMcpServerIndex(from - 1);
+                }
+            }
+            return index;
+        };
+        let hasChanged = false;
+        for (let index = 0; index < newMcpServers.length; index++) {
+            const newMcpServer = newMcpServers[index];
+            if (mcpServers.every(r => r.id !== newMcpServer.id)) {
+                hasChanged = true;
+                mcpServers.splice(findPreviousMcpServerIndex(index - 1) + 1, 0, newMcpServer);
+            }
+        }
+        for (let index = mcpServers.length - 1; index >= 0; index--) {
+            const oldMcpServer = mcpServers[index];
+            if (newMcpServers.every(r => r.id !== oldMcpServer.id) && ( newMcpServers.some(r => r.name === oldMcpServer.name))) {
+                hasChanged = true;
+                mcpServers.splice(index, 1);
+            }
+        }
+        if (!hasChanged) {
+            if (mcpServers.length === newMcpServers.length) {
+                for (let index = 0; index < newMcpServers.length; index++) {
+                    if (mcpServers[index]?.id !== newMcpServers[index]?.id) {
+                        hasChanged = true;
+                        mcpServers = newMcpServers;
+                        break;
+                    }
+                }
+            }
+        }
+        return hasChanged ? mcpServers : undefined;
+    }
+};
+McpServersListView = ( __decorate([( __param(2, IKeybindingService)), ( __param(3, IContextMenuService)), ( __param(4, IInstantiationService)), ( __param(5, IThemeService)), ( __param(6, IHoverService)), ( __param(7, IConfigurationService)), ( __param(8, IContextKeyService)), ( __param(9, IViewDescriptorService)), ( __param(10, IOpenerService)), ( __param(11, IDialogService)), ( __param(12, IMcpWorkbenchService)), ( __param(13, IMcpGalleryManifestService)), ( __param(14, IWorkbenchLayoutService)), ( __param(15, IMarkdownRendererService)), ( __param(16, ILogService))], McpServersListView));
+let McpServerRenderer = class McpServerRenderer {
+    static {
+        McpServerRenderer_1 = this;
+    }
+    static {
+        this.templateId = "mcpServer";
+    }
+    constructor(options, instantiationService, mcpWorkbenchService, notificationService) {
+        this.options = options;
+        this.instantiationService = instantiationService;
+        this.mcpWorkbenchService = mcpWorkbenchService;
+        this.notificationService = notificationService;
+        this.templateId = McpServerRenderer_1.templateId;
+    }
+    renderTemplate(root) {
+        const element = append(root, $(".mcp-server-item.extension-list-item"));
+        const iconContainer = append(element, $(".icon-container"));
+        const iconWidget = this.instantiationService.createInstance(McpServerIconWidget, iconContainer);
+        const details = append(element, $(".details"));
+        const headerContainer = append(details, $(".header-container"));
+        const header = append(headerContainer, $(".header"));
+        const name = append(header, $("span.name"));
+        const starred = append(header, $("span.ratings"));
+        const description = append(details, $(".description.ellipsis"));
+        const footer = append(details, $(".footer"));
+        const publisherWidget = this.instantiationService.createInstance(PublisherWidget, append(footer, $(".publisher-container")), true);
+        const actionbar = ( new ActionBar(footer, {
+            actionViewItemProvider: (action, options) => {
+                if (action instanceof DropDownAction) {
+                    return action.createActionViewItem(options);
+                }
+                return undefined;
+            },
+            focusOnlyEnabledItems: true
+        }));
+        actionbar.setFocusable(false);
+        const actionBarListener = actionbar.onDidRun((
+            {
+                error
+            }
+        ) => error && this.notificationService.error(error));
+        const mcpServerStatusAction = this.instantiationService.createInstance(McpServerStatusAction);
+        const actions = [
+            this.instantiationService.createInstance(InstallAction, true),
+            this.instantiationService.createInstance(InstallingLabelAction),
+            this.instantiationService.createInstance(ManageMcpServerAction, false),
+            mcpServerStatusAction
+        ];
+        const widgets = [
+            iconWidget,
+            publisherWidget,
+            this.instantiationService.createInstance(StarredWidget, starred, true),
+            this.instantiationService.createInstance(McpServerScopeBadgeWidget, iconContainer),
+            this.instantiationService.createInstance(McpServerHoverWidget, {
+                target: root,
+                position: this.options.hoverOptions.position
+            }, mcpServerStatusAction)
+        ];
+        const extensionContainers = this.instantiationService.createInstance(McpServerContainers, [...actions, ...widgets]);
+        actionbar.push(actions, {
+            icon: true,
+            label: true
+        });
+        const disposable = combinedDisposable(...actions, ...widgets, actionbar, actionBarListener, extensionContainers);
+        return {
+            root,
+            element,
+            name,
+            description,
+            starred,
+            disposables: [disposable],
+            actionbar,
+            mcpServerDisposables: [],
+            set mcpServer(mcpServer) {
+                extensionContainers.mcpServer = mcpServer;
+            }
+        };
+    }
+    renderPlaceholder(index, data) {
+        data.element.classList.add("loading");
+        data.mcpServerDisposables = dispose(data.mcpServerDisposables);
+        data.name.textContent = "";
+        data.description.textContent = "";
+        data.starred.style.display = "none";
+        data.mcpServer = null;
+    }
+    renderElement(mcpServer, index, data) {
+        data.element.classList.remove("loading");
+        data.mcpServerDisposables = dispose(data.mcpServerDisposables);
+        data.root.setAttribute("data-mcp-server-id", mcpServer.id);
+        data.name.textContent = mcpServer.label;
+        data.description.textContent = mcpServer.description;
+        data.starred.style.display = "";
+        data.mcpServer = mcpServer;
+        const updateEnablement = () => data.root.classList.toggle(
+            "disabled",
+            !!mcpServer.runtimeStatus?.state && mcpServer.runtimeStatus.state !== McpServerEnablementState.Enabled
+        );
+        updateEnablement();
+        data.mcpServerDisposables.push(this.mcpWorkbenchService.onChange(e => {
+            if (!e || e.id === mcpServer.id) {
+                updateEnablement();
+            }
+        }));
+    }
+    disposeElement(mcpServer, index, data) {
+        data.mcpServerDisposables = dispose(data.mcpServerDisposables);
+    }
+    disposeTemplate(data) {
+        data.mcpServerDisposables = dispose(data.mcpServerDisposables);
+        data.disposables = dispose(data.disposables);
+    }
+};
+McpServerRenderer = McpServerRenderer_1 = ( __decorate([( __param(1, IInstantiationService)), ( __param(2, IMcpWorkbenchService)), ( __param(3, INotificationService))], McpServerRenderer));
+class DefaultBrowseMcpServersView extends McpServersListView {
+    renderBody(container) {
+        super.renderBody(container);
+        this._register(
+            this.mcpGalleryManifestService.onDidChangeMcpGalleryManifest(() => this.show())
+        );
+    }
+    async show() {
+        return super.show("@mcp");
+    }
+}
+class McpServersViewsContribution extends Disposable {
+    static {
+        this.ID = "workbench.mcp.servers.views.contribution";
+    }
+    constructor() {
+        super();
+        ( Registry.as(Extensions.ViewsRegistry)).registerViews([{
+            id: InstalledMcpServersViewId,
+            name: ( localize2(11136, "MCP Servers - Installed")),
+            ctorDescriptor: ( new SyncDescriptor(McpServersListView, [{}])),
+            when: ( ContextKeyExpr.and(DefaultViewsContext, HasInstalledMcpServersContext, ( ChatContextKeys.Setup.hidden.negate()), ( ChatContextKeys.Setup.disabledInWorkspace.negate()))),
+            weight: 40,
+            order: 4,
+            canToggleVisibility: true
+        }, {
+            id: "workbench.views.mcp.default.marketplace",
+            name: ( localize2(11137, "MCP Servers")),
+            ctorDescriptor: ( new SyncDescriptor(DefaultBrowseMcpServersView, [{}])),
+            when: ( ContextKeyExpr.and(DefaultViewsContext, ( HasInstalledMcpServersContext.toNegated()), ( ChatContextKeys.Setup.hidden.negate()), ( ChatContextKeys.Setup.disabledInWorkspace.negate()), ( McpServersGalleryStatusContext.isEqualTo(McpGalleryManifestStatus.Available)), ( ContextKeyExpr.or(( ContextKeyDefinedExpr.create(`config.${mcpGalleryServiceUrlConfig}`)), ( ProductQualityContext.notEqualsTo("stable")), ( ContextKeyDefinedExpr.create(`config.${mcpGalleryServiceEnablementConfig}`)))))),
+            weight: 40,
+            order: 4,
+            canToggleVisibility: true
+        }, {
+            id: "workbench.views.mcp.marketplace",
+            name: ( localize2(11137, "MCP Servers")),
+            ctorDescriptor: ( new SyncDescriptor(McpServersListView, [{}])),
+            when: ( ContextKeyExpr.and(SearchMcpServersContext, ( ChatContextKeys.Setup.hidden.negate()), ( ChatContextKeys.Setup.disabledInWorkspace.negate()), ( McpServersGalleryStatusContext.isEqualTo(McpGalleryManifestStatus.Available)), ( ContextKeyExpr.or(( ContextKeyDefinedExpr.create(`config.${mcpGalleryServiceUrlConfig}`)), ( ProductQualityContext.notEqualsTo("stable")), ( ContextKeyDefinedExpr.create(`config.${mcpGalleryServiceEnablementConfig}`))))))
+        }, {
+            id: "workbench.views.mcp.default.welcomeView",
+            name: ( localize2(11137, "MCP Servers")),
+            ctorDescriptor: ( new SyncDescriptor(DefaultBrowseMcpServersView, [{
+                showWelcome: true
+            }])),
+            when: ( ContextKeyExpr.and(DefaultViewsContext, ( HasInstalledMcpServersContext.toNegated()), ( ChatContextKeys.Setup.hidden.negate()), ( ChatContextKeys.Setup.disabledInWorkspace.negate()), ( McpServersGalleryStatusContext.isEqualTo(McpGalleryManifestStatus.Available)), ( ( ContextKeyDefinedExpr.create(`config.${mcpGalleryServiceUrlConfig}`)).negate()), ( ProductQualityContext.isEqualTo("stable")), ( ( ContextKeyDefinedExpr.create(`config.${mcpGalleryServiceEnablementConfig}`)).negate()))),
+            weight: 40,
+            order: 4,
+            canToggleVisibility: true
+        }, {
+            id: "workbench.views.mcp.welcomeView",
+            name: ( localize2(11137, "MCP Servers")),
+            ctorDescriptor: ( new SyncDescriptor(McpServersListView, [{
+                showWelcome: true
+            }])),
+            when: ( ContextKeyExpr.and(SearchMcpServersContext, ( ChatContextKeys.Setup.hidden.negate()), ( ChatContextKeys.Setup.disabledInWorkspace.negate()), ( McpServersGalleryStatusContext.isEqualTo(McpGalleryManifestStatus.Available)), ( ( ContextKeyDefinedExpr.create(`config.${mcpGalleryServiceUrlConfig}`)).negate()), ( ProductQualityContext.isEqualTo("stable")), ( ( ContextKeyDefinedExpr.create(`config.${mcpGalleryServiceEnablementConfig}`)).negate())))
+        }], VIEW_CONTAINER);
+    }
+}
+
+export { DefaultBrowseMcpServersView, McpServersListView, McpServersViewsContribution };

package/vscode/src/vs/workbench/contrib/mcp/browser/mcpWorkbenchService.js

@@ -450,7 +450,7 @@ let McpWorkbenchService = class McpWorkbenchService extends Disposable {
             const existing = result.get(server.name);
             if (existing) {
                 this.logService.warn(( localize(
-                    11113,
+                    11138,
                     "Overwriting mcp server '{0}' from {1} with {2}.",
                     server.name,
                     server.mcpResource.path,
@@ -463,7 +463,7 @@ let McpWorkbenchService = class McpWorkbenchService extends Disposable {
             const existing = result.get(server.name);
             if (existing) {
                 this.logService.warn(( localize(
-                    11113,
+                    11138,
                     "Overwriting mcp server '{0}' from {1} with {2}.",
                     server.name,
                     server.mcpResource.path,
@@ -476,7 +476,7 @@ let McpWorkbenchService = class McpWorkbenchService extends Disposable {
     }
     canInstall(mcpServer) {
         if (!(mcpServer instanceof McpWorkbenchServer)) {
-            return ( new MarkdownString()).appendText(( localize(11114, "The provided object is not an mcp server.")));
+            return ( new MarkdownString()).appendText(( localize(11139, "The provided object is not an mcp server.")));
         }
         if (mcpServer.gallery) {
             const result = this.mcpManagementService.canInstall(mcpServer.gallery);
@@ -493,7 +493,7 @@ let McpWorkbenchService = class McpWorkbenchService extends Disposable {
             return result;
         }
         return ( new MarkdownString()).appendText(( localize(
-            11115,
+            11140,
             "Cannot install the '{0}' MCP Server because it is not available in this setup.",
             mcpServer.label
         )));
@@ -600,7 +600,7 @@ let McpWorkbenchService = class McpWorkbenchService extends Disposable {
             id: USER_CONFIG_ID,
             key: "userLocalValue",
             target: ConfigurationTarget.USER_LOCAL,
-            label: ( localize(11116, "Global in {0}", this.productService.nameShort)),
+            label: ( localize(11141, "Global in {0}", this.productService.nameShort)),
             scope: StorageScope.PROFILE,
             order: McpCollectionSortOrder.User,
             uri: mcpResource,
@@ -789,7 +789,7 @@ let McpWorkbenchService = class McpWorkbenchService extends Disposable {
                 state: McpServerEnablementState.DisabledProfile,
                 message: {
                     severity: Severity.Info,
-                    text: ( new MarkdownString(( localize(11117, "This MCP server is disabled."))))
+                    text: ( new MarkdownString(( localize(11142, "This MCP server is disabled."))))
                 }
             };
         }
@@ -798,7 +798,7 @@ let McpWorkbenchService = class McpWorkbenchService extends Disposable {
                 state: McpServerEnablementState.DisabledWorkspace,
                 message: {
                     severity: Severity.Info,
-                    text: ( new MarkdownString(( localize(11118, "This MCP server is disabled for this workspace."))))
+                    text: ( new MarkdownString(( localize(11143, "This MCP server is disabled for this workspace."))))
                 }
             };
         }
@@ -818,7 +818,7 @@ let McpWorkbenchService = class McpWorkbenchService extends Disposable {
                 message: {
                     severity: Severity.Warning,
                     text: ( new MarkdownString(( localize(
-                        11119,
+                        11144,
                         "This MCP Server is disabled because MCP servers are configured to be disabled in the Editor. Please check your [settings]({0}).",
                         settingsCommandLink
                     ))))
@@ -832,7 +832,7 @@ let McpWorkbenchService = class McpWorkbenchService extends Disposable {
                     message: {
                         severity: Severity.Warning,
                         text: ( new MarkdownString(( localize(
-                            11120,
+                            11145,
                             "This MCP Server is disabled because it is configured to be disabled in the Editor. Please check your [settings]({0}).",
                             settingsCommandLink
                         ))))
@@ -846,7 +846,7 @@ let McpWorkbenchService = class McpWorkbenchService extends Disposable {
                     message: {
                         severity: Severity.Warning,
                         text: ( new MarkdownString(( localize(
-                            11120,
+                            11145,
                             "This MCP Server is disabled because it is configured to be disabled in the Editor. Please check your [settings]({0}).",
                             settingsCommandLink
                         ))))