Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-05-08 17:19:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix #269177 (#269304)

Browse Source
This commit is contained in:
Sandeep Somavarapu
2025-10-01 13:29:37 +02:00
committed by GitHub
parent 898a70df5b
commit 1c8a55c110
1 changed files with 52 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/vs/workbench/contrib/mcp/browser/mcpServersView.ts
+52 -3
View File
@@ -20,7 +20,7 @@ import { IHoverService } from '../../../../platform/hover/browser/hover.js';
import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.js';
import { WorkbenchPagedList } from '../../../../platform/list/browser/listService.js';
import { INotificationService } from '../../../../platform/notification/common/notification.js';
import { INotificationService, Severity } from '../../../../platform/notification/common/notification.js';
import { IOpenerService } from '../../../../platform/opener/common/opener.js';
import { IThemeService } from '../../../../platform/theme/common/themeService.js';
import { getLocationBasedViewColors } from '../../../browser/parts/views/viewPane.js';
@@ -34,7 +34,7 @@ import { IActionViewItemOptions } from '../../../../base/browser/ui/actionbar/ac
import { IAllowedMcpServersService, mcpGalleryServiceEnablementConfig, mcpGalleryServiceUrlConfig } from '../../../../platform/mcp/common/mcpManagement.js';
import { URI } from '../../../../base/common/uri.js';
import { ThemeIcon } from '../../../../base/common/themables.js';
import { alert } from '../../../../base/browser/ui/aria/aria.js';
import { Registry } from '../../../../platform/registry/common/platform.js';
import { IWorkbenchContribution } from '../../../common/contributions.js';
import { SyncDescriptor } from '../../../../platform/instantiation/common/descriptors.js';
@@ -52,6 +52,7 @@ import { mcpServerIcon } from './mcpServerIcons.js';
import { IPagedRenderer } from '../../../../base/browser/ui/list/listPaging.js';
import { IMcpGalleryManifestService, McpGalleryManifestStatus } from '../../../../platform/mcp/common/mcpGalleryManifest.js';
import { ProductQualityContext } from '../../../../platform/contextkey/common/contextkeys.js';
import { SeverityIcon } from '../../../../base/browser/ui/severityIcon/severityIcon.js';
export interface McpServerListViewOptions {
showWelcome?: boolean;
@@ -64,11 +65,22 @@ interface IQueryResult {
onDidChangeModel?: Event<IPagedModel<IWorkbenchMcpServer>>;
}
type Message = {
readonly text: string;
readonly severity: Severity;
};
export class McpServersListView extends AbstractExtensionsListView<IWorkbenchMcpServer> {
private list: WorkbenchPagedList<IWorkbenchMcpServer> | null = null;
private listContainer: HTMLElement | null = null;
private welcomeContainer: HTMLElement | null = null;
private bodyTemplate: {
messageContainer: HTMLElement;
messageSeverityIcon: HTMLElement;
messageBox: HTMLElement;
mcpServersList: HTMLElement;
} | undefined;
private readonly contextMenuActionRunner = this._register(new ActionRunner());
private input: IQueryResult | undefined;
@@ -99,7 +111,19 @@ export class McpServersListView extends AbstractExtensionsListView<IWorkbenchMcp
this.welcomeContainer = dom.append(container, dom.$('.mcp-welcome-container.hide'));
this.createWelcomeContent(this.welcomeContainer);
this.listContainer = dom.append(container, dom.$('.mcp-servers-list'));
const messageContainer = dom.append(container, dom.$('.message-container'));
const messageSeverityIcon = dom.append(messageContainer, dom.$(''));
const messageBox = dom.append(messageContainer, dom.$('.message'));
const mcpServersList = dom.$('.mcp-servers-list');
this.bodyTemplate = {
mcpServersList,
messageBox,
messageContainer,
messageSeverityIcon
};
this.listContainer = dom.append(container, mcpServersList);
this.list = this._register(this.instantiationService.createInstance(WorkbenchPagedList,
`${this.id}-MCP-Servers`,
this.listContainer,
@@ -217,6 +241,9 @@ export class McpServersListView extends AbstractExtensionsListView<IWorkbenchMcp
this.list.model = new DelayedPagedModel(this.input.model);
}
this.showWelcomeContent(!!this.input.showWelcomeContent);
if (!this.input.showWelcomeContent) {
this.updateBody();
}
}
private showWelcomeContent(show: boolean): void {
@@ -278,6 +305,28 @@ export class McpServersListView extends AbstractExtensionsListView<IWorkbenchMcp
}));
}
private updateBody(message?: Message): void {
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('no extensions found', "No MCP Servers found.");
}
if (this.bodyTemplate.messageBox.textContent) {
alert(this.bodyTemplate.messageBox.textContent);
}
}
}
}
private async query(query: string): Promise<IQueryResult> {
const disposables = new DisposableStore();
if (query) {