@codingame/monaco-vscode-mcp-service-override 17.2.0 → 18.0.0

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

@@ -0,0 +1,272 @@
+
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import { addDisposableListener, EventType, finalHandler, append, $ } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { StandardKeyboardEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/keyboardEvent';
+import { getDefaultHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverDelegateFactory';
+import { renderIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/iconLabel/iconLabels';
+import { KeyCode } from '@codingame/monaco-vscode-api/vscode/vs/base/common/keyCodes';
+import { Disposable, DisposableStore, toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
+import { language } from '@codingame/monaco-vscode-api/vscode/vs/base/common/platform';
+import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
+import { IOpenerService } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service';
+import { verifiedPublisherIcon } from '@codingame/monaco-vscode-93784a59-b4cf-520c-8339-f8104d3a4f3e-common/vscode/vs/workbench/services/extensionManagement/common/extensionsIcons';
+import { installCountIcon, starFullIcon, starHalfIcon, starEmptyIcon } from '@codingame/monaco-vscode-93784a59-b4cf-520c-8339-f8104d3a4f3e-common/vscode/vs/workbench/contrib/extensions/browser/extensionsIcons';
+import { mcpServerIcon } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/common/mcpTypes';
+
+var InstallCountWidget_1;
+class McpServerWidget extends Disposable {
+    constructor() {
+        super(...arguments);
+        this._mcpServer = null;
+    }
+    get mcpServer() { return this._mcpServer; }
+    set mcpServer(mcpServer) { this._mcpServer = mcpServer; this.update(); }
+    update() { this.render(); }
+}
+function onClick(element, callback) {
+    const disposables = ( new DisposableStore());
+    disposables.add(addDisposableListener(element, EventType.CLICK, finalHandler(callback)));
+    disposables.add(addDisposableListener(element, EventType.KEY_UP, e => {
+        const keyboardEvent = ( new StandardKeyboardEvent(e));
+        if (keyboardEvent.equals(KeyCode.Space) || keyboardEvent.equals(KeyCode.Enter)) {
+            e.preventDefault();
+            e.stopPropagation();
+            callback();
+        }
+    }));
+    return disposables;
+}
+class McpServerIconWidget extends McpServerWidget {
+    constructor(container) {
+        super();
+        this.disposables = this._register(( new DisposableStore()));
+        this.element = append(container, $('.extension-icon'));
+        this.iconElement = append(this.element, $('img.icon', { alt: '' }));
+        this.iconElement.style.display = 'none';
+        this.defaultIconElement = append(this.element, $(ThemeIcon.asCSSSelector(mcpServerIcon)));
+        this.defaultIconElement.style.display = 'none';
+        this.render();
+        this._register(toDisposable(() => this.clear()));
+    }
+    clear() {
+        this.iconUrl = undefined;
+        this.iconElement.src = '';
+        this.iconElement.style.display = 'none';
+        this.defaultIconElement.style.display = 'none';
+        this.disposables.clear();
+    }
+    render() {
+        if (!this.mcpServer) {
+            this.clear();
+            return;
+        }
+        if (this.mcpServer.iconUrl) {
+            this.iconElement.style.display = 'inherit';
+            this.defaultIconElement.style.display = 'none';
+            if (this.iconUrl !== this.mcpServer.iconUrl) {
+                this.iconUrl = this.mcpServer.iconUrl;
+                this.disposables.add(addDisposableListener(this.iconElement, 'error', () => {
+                    this.iconElement.style.display = 'none';
+                    this.defaultIconElement.style.display = 'inherit';
+                }, { once: true }));
+                this.iconElement.src = this.iconUrl;
+                if (!this.iconElement.complete) {
+                    this.iconElement.style.visibility = 'hidden';
+                    this.iconElement.onload = () => this.iconElement.style.visibility = 'inherit';
+                }
+                else {
+                    this.iconElement.style.visibility = 'inherit';
+                }
+            }
+        }
+        else {
+            this.iconUrl = undefined;
+            this.iconElement.style.display = 'none';
+            this.iconElement.src = '';
+            this.defaultIconElement.style.display = 'inherit';
+        }
+    }
+}
+let PublisherWidget = class PublisherWidget extends McpServerWidget {
+    constructor(container, small, hoverService, openerService) {
+        super();
+        this.container = container;
+        this.small = small;
+        this.hoverService = hoverService;
+        this.openerService = openerService;
+        this.disposables = this._register(( new DisposableStore()));
+        this.render();
+        this._register(toDisposable(() => this.clear()));
+    }
+    clear() {
+        this.element?.remove();
+        this.disposables.clear();
+    }
+    render() {
+        this.clear();
+        if (!this.mcpServer?.publisherDisplayName) {
+            return;
+        }
+        this.element = append(this.container, $('.publisher'));
+        const publisherDisplayName = $('.publisher-name.ellipsis');
+        publisherDisplayName.textContent = this.mcpServer.publisherDisplayName;
+        const verifiedPublisher = $('.verified-publisher');
+        append(verifiedPublisher, $('span.extension-verified-publisher.clickable'), renderIcon(verifiedPublisherIcon));
+        if (this.small) {
+            if (this.mcpServer.gallery?.publisherDomain?.verified) {
+                append(this.element, verifiedPublisher);
+            }
+            append(this.element, publisherDisplayName);
+        }
+        else {
+            this.element.setAttribute('role', 'button');
+            this.element.tabIndex = 0;
+            this.containerHover = this.disposables.add(this.hoverService.setupManagedHover(getDefaultHoverDelegate('mouse'), this.element, ( localize(7913, "Publisher ({0})", this.mcpServer.publisherDisplayName))));
+            append(this.element, publisherDisplayName);
+            if (this.mcpServer.gallery?.publisherDomain?.verified) {
+                append(this.element, verifiedPublisher);
+                const publisherDomainLink = ( URI.parse(this.mcpServer.gallery?.publisherDomain.link));
+                verifiedPublisher.tabIndex = 0;
+                verifiedPublisher.setAttribute('role', 'button');
+                this.containerHover.update(( localize(
+                    7914,
+                    "This publisher has verified ownership of {0}",
+                    this.mcpServer.gallery?.publisherDomain.link
+                )));
+                verifiedPublisher.setAttribute('role', 'link');
+                append(verifiedPublisher, $('span.extension-verified-publisher-domain', undefined, publisherDomainLink.authority.startsWith('www.') ? publisherDomainLink.authority.substring(4) : publisherDomainLink.authority));
+                this.disposables.add(onClick(verifiedPublisher, () => this.openerService.open(publisherDomainLink)));
+            }
+        }
+    }
+};
+PublisherWidget = ( __decorate([
+    ( __param(2, IHoverService)),
+    ( __param(3, IOpenerService))
+], PublisherWidget));
+let InstallCountWidget = InstallCountWidget_1 = class InstallCountWidget extends McpServerWidget {
+    constructor(container, small, hoverService) {
+        super();
+        this.container = container;
+        this.small = small;
+        this.hoverService = hoverService;
+        this.disposables = this._register(( new DisposableStore()));
+        this.render();
+        this._register(toDisposable(() => this.clear()));
+    }
+    clear() {
+        this.container.innerText = '';
+        this.disposables.clear();
+    }
+    render() {
+        this.clear();
+        if (!this.mcpServer?.installCount) {
+            return;
+        }
+        const installLabel = InstallCountWidget_1.getInstallLabel(this.mcpServer, this.small);
+        if (!installLabel) {
+            return;
+        }
+        const parent = this.small ? this.container : append(this.container, $('span.install', { tabIndex: 0 }));
+        append(parent, $('span' + ThemeIcon.asCSSSelector(installCountIcon)));
+        const count = append(parent, $('span.count'));
+        count.textContent = installLabel;
+        if (!this.small) {
+            this.disposables.add(this.hoverService.setupManagedHover(getDefaultHoverDelegate('mouse'), this.container, ( localize(7915, "Install count"))));
+        }
+    }
+    static getInstallLabel(extension, small) {
+        const installCount = extension.installCount;
+        if (!installCount) {
+            return undefined;
+        }
+        let installLabel;
+        if (small) {
+            if (installCount > 1000000) {
+                installLabel = `${Math.floor(installCount / 100000) / 10}M`;
+            }
+            else if (installCount > 1000) {
+                installLabel = `${Math.floor(installCount / 1000)}K`;
+            }
+            else {
+                installLabel = String(installCount);
+            }
+        }
+        else {
+            installLabel = installCount.toLocaleString(language);
+        }
+        return installLabel;
+    }
+};
+InstallCountWidget = InstallCountWidget_1 = ( __decorate([
+    ( __param(2, IHoverService))
+], InstallCountWidget));
+let RatingsWidget = class RatingsWidget extends McpServerWidget {
+    constructor(container, small, hoverService) {
+        super();
+        this.container = container;
+        this.small = small;
+        this.hoverService = hoverService;
+        this.disposables = this._register(( new DisposableStore()));
+        container.classList.add('extension-ratings');
+        if (this.small) {
+            container.classList.add('small');
+        }
+        this.render();
+        this._register(toDisposable(() => this.clear()));
+    }
+    clear() {
+        this.container.innerText = '';
+        this.disposables.clear();
+    }
+    render() {
+        this.clear();
+        if (!this.mcpServer) {
+            return;
+        }
+        if (this.mcpServer.rating === undefined) {
+            return;
+        }
+        if (this.small && !this.mcpServer.ratingCount) {
+            return;
+        }
+        if (!this.mcpServer.url) {
+            return;
+        }
+        const rating = Math.round(this.mcpServer.rating * 2) / 2;
+        if (this.small) {
+            append(this.container, $('span' + ThemeIcon.asCSSSelector(starFullIcon)));
+            const count = append(this.container, $('span.count'));
+            count.textContent = String(rating);
+        }
+        else {
+            const element = append(this.container, $('span.rating.clickable', { tabIndex: 0 }));
+            for (let i = 1; i <= 5; i++) {
+                if (rating >= i) {
+                    append(element, $('span' + ThemeIcon.asCSSSelector(starFullIcon)));
+                }
+                else if (rating >= i - 0.5) {
+                    append(element, $('span' + ThemeIcon.asCSSSelector(starHalfIcon)));
+                }
+                else {
+                    append(element, $('span' + ThemeIcon.asCSSSelector(starEmptyIcon)));
+                }
+            }
+            if (this.mcpServer.ratingCount) {
+                const ratingCountElement = append(element, $('span', undefined, ` (${this.mcpServer.ratingCount})`));
+                ratingCountElement.style.paddingLeft = '1px';
+            }
+            this.containerHover = this._register(this.hoverService.setupManagedHover(getDefaultHoverDelegate('mouse'), element, ''));
+            this.containerHover.update(( localize(7916, "Average rating: {0} out of 5", rating)));
+            element.setAttribute('role', 'link');
+        }
+    }
+};
+RatingsWidget = ( __decorate([
+    ( __param(2, IHoverService))
+], RatingsWidget));
+
+export { InstallCountWidget, McpServerIconWidget, McpServerWidget, PublisherWidget, RatingsWidget, onClick };

package/vscode/src/vs/workbench/contrib/mcp/browser/mcpServersView.d.ts

@@ -0,0 +1,24 @@
+import { IPagedModel } from "@codingame/monaco-vscode-9ed6fe06-a052-57c2-a234-5d9b94d2e7e0-common/vscode/vs/base/common/paging";
+import { IConfigurationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service";
+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 { 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 { 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 { ViewPane } from "@codingame/monaco-vscode-501b06ab-3f58-516b-8a1a-c29d375d3da4-common/vscode/vs/workbench/browser/parts/views/viewPane";
+import { IViewletViewOptions } from "@codingame/monaco-vscode-2a94c04a-b85b-5669-b06b-89c1bfa11cb9-common/vscode/vs/workbench/browser/parts/views/viewsViewlet";
+import { IViewDescriptorService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/common/views.service";
+import { IWorkbenchMcpServer } 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";
+export declare class McpServersListView extends ViewPane {
+    private readonly mcpWorkbenchService;
+    private list;
+    private readonly contextMenuActionRunner;
+    constructor(options: IViewletViewOptions, keybindingService: IKeybindingService, contextMenuService: IContextMenuService, instantiationService: IInstantiationService, themeService: IThemeService, hoverService: IHoverService, configurationService: IConfigurationService, contextKeyService: IContextKeyService, viewDescriptorService: IViewDescriptorService, openerService: IOpenerService, mcpWorkbenchService: IMcpWorkbenchService);
+    protected renderBody(container: HTMLElement): void;
+    private onContextMenu;
+    protected layoutBody(height: number, width: number): void;
+    show(query: string): Promise<IPagedModel<IWorkbenchMcpServer>>;
+}

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

@@ -0,0 +1,193 @@
+
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+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 } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
+import { DisposableStore, isDisposable, combinedDisposable, dispose } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { PagedModel, DelayedPagedModel } from '@codingame/monaco-vscode-9ed6fe06-a052-57c2-a234-5d9b94d2e7e0-common/vscode/vs/base/common/paging';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
+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 { 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 { ViewPane, getLocationBasedViewColors } from '@codingame/monaco-vscode-501b06ab-3f58-516b-8a1a-c29d375d3da4-common/vscode/vs/workbench/browser/parts/views/viewPane';
+import { IViewDescriptorService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/views.service';
+import { McpServerContainers } 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 { ManageMcpServerAction, DropDownAction, InstallAction } from './mcpServerActions.js';
+import { McpServerIconWidget, PublisherWidget, InstallCountWidget, RatingsWidget } from './mcpServerWidgets.js';
+import { ActionRunner, Separator } from '@codingame/monaco-vscode-api/vscode/vs/base/common/actions';
+
+var McpServerRenderer_1;
+let McpServersListView = class McpServersListView extends ViewPane {
+    constructor(options, keybindingService, contextMenuService, instantiationService, themeService, hoverService, configurationService, contextKeyService, viewDescriptorService, openerService, mcpWorkbenchService) {
+        super(options, keybindingService, contextMenuService, configurationService, contextKeyService, viewDescriptorService, instantiationService, openerService, themeService, hoverService);
+        this.mcpWorkbenchService = mcpWorkbenchService;
+        this.list = null;
+        this.contextMenuActionRunner = this._register(( new ActionRunner()));
+    }
+    renderBody(container) {
+        super.renderBody(container);
+        const mcpServersList = append(container, $('.mcp-servers-list'));
+        this.list = this._register(this.instantiationService.createInstance(WorkbenchPagedList, `${this.id}-MCP-Servers`, mcpServersList, {
+            getHeight() { return 72; },
+            getTemplateId: () => McpServerRenderer.templateId,
+        }, [this.instantiationService.createInstance(McpServerRenderer)], {
+            multipleSelectionSupport: false,
+            setRowLineHeight: false,
+            horizontalScrolling: false,
+            accessibilityProvider: {
+                getAriaLabel(mcpServer) {
+                    return mcpServer?.label ?? '';
+                },
+                getWidgetAriaLabel() {
+                    return localize(7917, "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);
+        }));
+        this._register(this.list.onContextMenu(e => this.onContextMenu(e), this));
+    }
+    async onContextMenu(e) {
+        if (e.element) {
+            const disposables = ( new DisposableStore());
+            const manageExtensionAction = disposables.add(this.instantiationService.createInstance(ManageMcpServerAction, false));
+            const extension = e.element ? this.mcpWorkbenchService.local.find(local => local.name === e.element.name) || e.element
+                : e.element;
+            manageExtensionAction.mcpServer = extension;
+            let groups = [];
+            if (manageExtensionAction.enabled) {
+                groups = await manageExtensionAction.getActionGroups();
+            }
+            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.list) {
+            return ( new PagedModel([]));
+        }
+        query = query.trim();
+        const servers = query ? await this.mcpWorkbenchService.queryGallery({ text: query.replace('@mcp', '') }) : await this.mcpWorkbenchService.queryLocal();
+        this.list.model = ( new DelayedPagedModel(( new PagedModel(servers))));
+        return this.list.model;
+    }
+};
+McpServersListView = ( __decorate([
+    ( __param(1, IKeybindingService)),
+    ( __param(2, IContextMenuService)),
+    ( __param(3, IInstantiationService)),
+    ( __param(4, IThemeService)),
+    ( __param(5, IHoverService)),
+    ( __param(6, IConfigurationService)),
+    ( __param(7, IContextKeyService)),
+    ( __param(8, IViewDescriptorService)),
+    ( __param(9, IOpenerService)),
+    ( __param(10, IMcpWorkbenchService))
+], McpServersListView));
+let McpServerRenderer = class McpServerRenderer {
+    static { McpServerRenderer_1 = this; }
+    static { this.templateId = 'mcpServer'; }
+    constructor(instantiationService, notificationService) {
+        this.instantiationService = instantiationService;
+        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 installCount = append(header, $('span.install-count'));
+        const ratings = 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 actions = [
+            this.instantiationService.createInstance(InstallAction),
+            this.instantiationService.createInstance(ManageMcpServerAction, false),
+        ];
+        const widgets = [
+            iconWidget,
+            publisherWidget,
+            this.instantiationService.createInstance(InstallCountWidget, installCount, true),
+            this.instantiationService.createInstance(RatingsWidget, ratings, true),
+        ];
+        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, installCount, ratings, disposables: [disposable], actionbar,
+            mcpServerDisposables: [],
+            set mcpServer(mcpServer) {
+                extensionContainers.mcpServer = mcpServer;
+            }
+        };
+    }
+    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.installCount.style.display = '';
+        data.ratings.style.display = '';
+        data.mcpServer = mcpServer;
+    }
+    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(0, IInstantiationService)),
+    ( __param(1, INotificationService))
+], McpServerRenderer));
+
+export { McpServersListView };

package/vscode/src/vs/workbench/contrib/mcp/browser/mcpWorkbenchService.d.ts

@@ -0,0 +1,56 @@
+import { CancellationToken } from "@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation";
+import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
+import { IEditorOptions } from "@codingame/monaco-vscode-api/vscode/vs/platform/editor/common/editor";
+import { IFileService } from "@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service";
+import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
+import { IGalleryMcpServer, ILocalMcpServer, IQueryOptions } from "@codingame/monaco-vscode-aa9ead53-dfd3-59da-b9e7-f163d201de8d-common/vscode/vs/platform/mcp/common/mcpManagement";
+import { IMcpManagementService } from "@codingame/monaco-vscode-api/vscode/vs/platform/mcp/common/mcpManagement.service";
+import { IMcpGalleryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/mcp/common/mcpManagement.service";
+import { IWorkbenchContribution } from "@codingame/monaco-vscode-api/vscode/vs/workbench/common/contributions";
+import { IEditorService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorService.service";
+import { IWorkbenchMcpServer } 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";
+declare class McpWorkbenchServer implements IWorkbenchMcpServer {
+    local: ILocalMcpServer | undefined;
+    gallery: IGalleryMcpServer | undefined;
+    private readonly mcpGalleryService;
+    private readonly fileService;
+    constructor(local: ILocalMcpServer | undefined, gallery: IGalleryMcpServer | undefined, mcpGalleryService: IMcpGalleryService, fileService: IFileService);
+    get id(): string;
+    get name(): string;
+    get label(): string;
+    get iconUrl(): string | undefined;
+    get publisherDisplayName(): string | undefined;
+    get publisherUrl(): string | undefined;
+    get description(): string;
+    get installCount(): number;
+    get url(): string | undefined;
+    get repository(): string | undefined;
+    getReadme(token: CancellationToken): Promise<string>;
+}
+export declare class McpWorkbenchService extends Disposable implements IMcpWorkbenchService {
+    private readonly mcpGalleryService;
+    private readonly mcpManagementService;
+    private readonly editorService;
+    private readonly instantiationService;
+    _serviceBrand: undefined;
+    private _local;
+    get local(): readonly McpWorkbenchServer[];
+    private readonly _onChange;
+    readonly onChange: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<IWorkbenchMcpServer | undefined>;
+    constructor(mcpGalleryService: IMcpGalleryService, mcpManagementService: IMcpManagementService, editorService: IEditorService, instantiationService: IInstantiationService);
+    private onDidUninstallMcpServer;
+    private onDidInstallMcpServers;
+    private fromGallery;
+    queryGallery(options?: IQueryOptions, token?: CancellationToken): Promise<IWorkbenchMcpServer[]>;
+    queryLocal(): Promise<IWorkbenchMcpServer[]>;
+    install(server: IWorkbenchMcpServer): Promise<void>;
+    uninstall(server: IWorkbenchMcpServer): Promise<void>;
+    open(extension: IWorkbenchMcpServer, options?: IEditorOptions): Promise<void>;
+}
+export declare class MCPContextsInitialisation extends Disposable implements IWorkbenchContribution {
+    static ID: string;
+    constructor(mcpWorkbenchService: IMcpWorkbenchService, mcpGalleryService: IMcpGalleryService, contextKeyService: IContextKeyService);
+}
+export {};