@codingame/monaco-vscode-chat-service-override 27.0.0 → 28.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/mcpListWidget.js

@@ -2,7 +2,7 @@
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
 import * as aiCustomizationManagement from './media/aiCustomizationManagement.css';
-import { $ as $$1, append, addDisposableListener } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { $ as $$1, append, addDisposableListener, getWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { DisposableStore, Disposable, isDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import { Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
@@ -26,14 +26,15 @@ import { Delayer } from '@codingame/monaco-vscode-api/vscode/vs/base/common/asyn
 import { Separator } from '@codingame/monaco-vscode-api/vscode/vs/base/common/actions';
 import { getContextMenuActions } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/mcp/browser/mcpServerActions';
 import { LocalMcpServerScope } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/mcp/common/mcpWorkbenchManagementService';
-import { workspaceIcon, userIcon } from './aiCustomizationIcons.js';
+import { workspaceIcon, userIcon, extensionIcon } from './aiCustomizationIcons.js';
 import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
+import { IAICustomizationWorkspaceService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/aiCustomizationWorkspaceService.service';
 import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
 
 registerCss(aiCustomizationManagement);
 const $ = $$1;
-const MCP_ITEM_HEIGHT = 60;
-const MCP_GROUP_HEADER_HEIGHT = 32;
+const MCP_ITEM_HEIGHT = 36;
+const MCP_GROUP_HEADER_HEIGHT = 36;
 const MCP_GROUP_HEADER_HEIGHT_WITH_SEPARATOR = 40;
 class McpServerItemDelegate {
     getHeight(element) {
@@ -46,6 +47,9 @@ class McpServerItemDelegate {
         if (element.type === "group-header") {
             return "mcpGroupHeader";
         }
+        if (element.type === "builtin-item") {
+            return "mcpServerItem";
+        }
         const server = element.server;
         return server.gallery && !server.local ? "mcpGalleryItem" : "mcpServerItem";
     }
@@ -103,21 +107,19 @@ class McpGroupHeaderRenderer {
     }
 }
 let McpServerItemRenderer = class McpServerItemRenderer {
-    constructor(mcpService) {
+    constructor(mcpService, workspaceService) {
         this.mcpService = mcpService;
+        this.workspaceService = workspaceService;
         this.templateId = "mcpServerItem";
     }
     renderTemplate(container) {
         container.classList.add("mcp-server-item");
-        const icon = append(container, $(".mcp-server-icon"));
-        icon.classList.add(...ThemeIcon.asClassNameArray(Codicon.server));
         const details = append(container, $(".mcp-server-details"));
         const name = append(details, $(".mcp-server-name"));
         const description = append(details, $(".mcp-server-description"));
         const status = append(container, $(".mcp-server-status"));
         return {
             container,
-            icon,
             name,
             description,
             status,
@@ -126,8 +128,26 @@ let McpServerItemRenderer = class McpServerItemRenderer {
     }
     renderElement(element, index, templateData) {
         templateData.disposables.clear();
+        if (element.type === "builtin-item") {
+            templateData.container.classList.add("builtin");
+            templateData.name.textContent = element.label;
+            if (element.description) {
+                templateData.description.textContent = element.description;
+                templateData.description.style.display = "";
+            } else {
+                templateData.description.style.display = "none";
+            }
+            templateData.status.style.display = "none";
+            return;
+        }
+        templateData.container.classList.remove("builtin");
         templateData.name.textContent = element.server.label;
-        templateData.description.textContent = element.server.description || "";
+        if (element.server.description) {
+            templateData.description.textContent = element.server.description;
+            templateData.description.style.display = "";
+        } else {
+            templateData.description.style.display = "none";
+        }
         const server = this.mcpService.servers.get().find(s => s.definition.id === element.server.id);
         templateData.disposables.add(autorun(reader => {
             const connectionState = server?.connectionState.read(reader);
@@ -136,22 +156,27 @@ let McpServerItemRenderer = class McpServerItemRenderer {
     }
     updateStatus(statusElement, state) {
         statusElement.className = "mcp-server-status";
+        if (this.workspaceService.isSessionsWindow) {
+            statusElement.style.display = "none";
+            return;
+        }
+        statusElement.style.display = "";
         switch (state) {
         case McpConnectionState.Kind.Running:
-            statusElement.textContent = ( localize(5291, "Running"));
+            statusElement.textContent = ( localize(5320, "Running"));
             statusElement.classList.add("running");
             break;
         case McpConnectionState.Kind.Starting:
-            statusElement.textContent = ( localize(5292, "Starting"));
+            statusElement.textContent = ( localize(5321, "Starting"));
             statusElement.classList.add("starting");
             break;
         case McpConnectionState.Kind.Error:
-            statusElement.textContent = ( localize(5293, "Error"));
+            statusElement.textContent = ( localize(5322, "Error"));
             statusElement.classList.add("error");
             break;
         case McpConnectionState.Kind.Stopped:
         default:
-            statusElement.textContent = ( localize(5294, "Stopped"));
+            statusElement.textContent = ( localize(5323, "Stopped"));
             statusElement.classList.add("stopped");
             break;
         }
@@ -160,7 +185,7 @@ let McpServerItemRenderer = class McpServerItemRenderer {
         templateData.disposables.dispose();
     }
 };
-McpServerItemRenderer = ( __decorate([( __param(0, IMcpService))], McpServerItemRenderer));
+McpServerItemRenderer = ( __decorate([( __param(0, IMcpService)), ( __param(1, IAICustomizationWorkspaceService))], McpServerItemRenderer));
 class McpGalleryItemRenderer {
     constructor(mcpWorkbenchService) {
         this.mcpWorkbenchService = mcpWorkbenchService;
@@ -168,8 +193,6 @@ class McpGalleryItemRenderer {
     }
     renderTemplate(container) {
         container.classList.add("mcp-server-item", "mcp-gallery-item");
-        const icon = append(container, $(".mcp-server-icon"));
-        icon.classList.add(...ThemeIcon.asClassNameArray(Codicon.server));
         const details = append(container, $(".mcp-server-details"));
         const nameRow = append(details, $(".mcp-gallery-name-row"));
         const name = append(nameRow, $(".mcp-server-name"));
@@ -185,7 +208,6 @@ class McpGalleryItemRenderer {
         templateDisposables.add(installButton);
         return {
             container,
-            icon,
             name,
             publisher,
             description,
@@ -203,7 +225,7 @@ class McpGalleryItemRenderer {
         templateData.elementDisposables.add(templateData.installButton.onDidClick(async () => {
             const canInstall = this.mcpWorkbenchService.canInstall(element.server);
             if (canInstall === true) {
-                templateData.installButton.label = ( localize(5295, "Installing..."));
+                templateData.installButton.label = ( localize(5324, "Installing..."));
                 templateData.installButton.enabled = false;
                 await this.mcpWorkbenchService.install(element.server);
             }
@@ -217,15 +239,15 @@ class McpGalleryItemRenderer {
     updateInstallButton(button, server) {
         switch (server.installState) {
         case McpServerInstallState.Installed:
-            button.label = ( localize(5296, "Installed"));
+            button.label = ( localize(5325, "Installed"));
             button.enabled = false;
             break;
         case McpServerInstallState.Installing:
-            button.label = ( localize(5295, "Installing..."));
+            button.label = ( localize(5324, "Installing..."));
             button.enabled = false;
             break;
         default:
-            button.label = ( localize(5297, "Install"));
+            button.label = ( localize(5326, "Install"));
             button.enabled = true;
             break;
         }
@@ -277,7 +299,7 @@ let McpListWidget = class McpListWidget extends Disposable {
         this.searchAndButtonContainer = append(this.element, $(".list-search-and-button-container"));
         const searchContainer = append(this.searchAndButtonContainer, $(".list-search-container"));
         this.searchInput = this._register(( new InputBox(searchContainer, this.contextViewService, {
-            placeholder: ( localize(5298, "Type to search...")),
+            placeholder: ( localize(5327, "Type to search...")),
             inputBoxStyles: defaultInputBoxStyles
         })));
         this._register(this.searchInput.onDidChange(() => {
@@ -295,7 +317,7 @@ let McpListWidget = class McpListWidget extends Disposable {
             secondary: true,
             supportIcons: true
         })));
-        this.browseButton.label = `$(${Codicon.library.id}) ${( localize(5299, "Browse Marketplace"))}`;
+        this.browseButton.label = `$(${Codicon.library.id}) ${( localize(5328, "Browse Marketplace"))}`;
         this.browseButton.element.classList.add("list-add-button");
         this._register(this.browseButton.onDidClick(() => {
             this.toggleBrowseMode(!this.browseMode);
@@ -305,7 +327,7 @@ let McpListWidget = class McpListWidget extends Disposable {
             ...defaultButtonStyles,
             supportIcons: true
         })));
-        this.addButton.label = `$(${Codicon.add.id}) ${( localize(5300, "Add Server"))}`;
+        this.addButton.label = `$(${Codicon.add.id}) ${( localize(5329, "Add Server"))}`;
         this.addButton.element.classList.add("list-add-button");
         this._register(this.addButton.onDidClick(() => {
             this.commandService.executeCommand(McpCommandIds.AddConfiguration);
@@ -313,11 +335,11 @@ let McpListWidget = class McpListWidget extends Disposable {
         this.backLink = append(this.element, $(".mcp-back-link"));
         this.backLink.setAttribute("role", "button");
         this.backLink.tabIndex = 0;
-        this.backLink.setAttribute("aria-label", ( localize(5301, "Back to installed servers")));
+        this.backLink.setAttribute("aria-label", ( localize(5330, "Back to installed servers")));
         const backIcon = append(this.backLink, $("span"));
         backIcon.classList.add(...ThemeIcon.asClassNameArray(Codicon.arrowLeft));
         const backText = append(this.backLink, $("span"));
-        backText.textContent = ( localize(5302, "Back to installed servers"));
+        backText.textContent = ( localize(5331, "Back to installed servers"));
         this._register(addDisposableListener(this.backLink, "click", () => {
             this.toggleBrowseMode(false);
         }));
@@ -337,11 +359,11 @@ let McpListWidget = class McpListWidget extends Disposable {
         this.sectionHeader = append(this.element, $(".section-footer"));
         this.sectionDescription = append(this.sectionHeader, $("p.section-footer-description"));
         this.sectionDescription.textContent = ( localize(
-            5303,
+            5332,
             "An open standard that lets AI use external tools and services. MCP servers provide tools for file operations, databases, APIs, and more."
         ));
         this.sectionLink = append(this.sectionHeader, $("a.section-footer-link"));
-        this.sectionLink.textContent = ( localize(5304, "Learn more about MCP servers"));
+        this.sectionLink.textContent = ( localize(5333, "Learn more about MCP servers"));
         this.sectionLink.href = "https://code.visualstudio.com/docs/copilot/chat/mcp-servers";
         this._register(addDisposableListener(this.sectionLink, "click", e => {
             e.preventDefault();
@@ -368,23 +390,32 @@ let McpListWidget = class McpListWidget extends Disposable {
                     getAriaLabel(element) {
                         if (element.type === "group-header") {
                             return localize(
-                                5305,
+                                5334,
                                 "{0}, {1} items, {2}",
                                 element.label,
                                 element.count,
-                                element.collapsed ? ( localize(5306, "collapsed")) : ( localize(5307, "expanded"))
+                                element.collapsed ? ( localize(5335, "collapsed")) : ( localize(5336, "expanded"))
                             );
                         }
+                        if (element.type === "builtin-item") {
+                            return element.label;
+                        }
                         return element.server.label;
                     },
                     getWidgetAriaLabel() {
-                        return localize(5308, "MCP Servers");
+                        return localize(5337, "MCP Servers");
                     }
                 },
                 openOnSingleClick: true,
                 identityProvider: {
                     getId(element) {
-                        return element.type === "group-header" ? element.id : element.server.id;
+                        if (element.type === "group-header") {
+                            return element.id;
+                        }
+                        if (element.type === "builtin-item") {
+                            return element.id;
+                        }
+                        return element.server.id;
                     }
                 }
             }
@@ -393,7 +424,7 @@ let McpListWidget = class McpListWidget extends Disposable {
             if (e.element) {
                 if (e.element.type === "group-header") {
                     this.toggleGroup(e.element);
-                } else {
+                } else if (e.element.type === "server-item") {
                     this._onDidSelectServer.fire(e.element.server);
                 }
             }
@@ -426,7 +457,7 @@ let McpListWidget = class McpListWidget extends Disposable {
         this.backLink.style.display = browse ? "" : "none";
         this.addButton.element.parentElement.style.display = browse ? "none" : "";
         this.browseButton.element.parentElement.style.display = browse ? "none" : "";
-        this.searchInput.setPlaceHolder(browse ? ( localize(5309, "Search MCP marketplace...")) : ( localize(5298, "Type to search...")));
+        this.searchInput.setPlaceHolder(browse ? ( localize(5338, "Search MCP marketplace...")) : ( localize(5327, "Type to search...")));
         if (browse) {
             void this.queryGallery();
         } else {
@@ -440,7 +471,7 @@ let McpListWidget = class McpListWidget extends Disposable {
         const cts = this.galleryCts = ( new CancellationTokenSource());
         this.emptyContainer.style.display = "flex";
         this.listContainer.style.display = "none";
-        this.emptyText.textContent = ( localize(5310, "Loading marketplace..."));
+        this.emptyText.textContent = ( localize(5339, "Loading marketplace..."));
         this.emptySubtext.textContent = "";
         try {
             const pager = await this.mcpWorkbenchService.queryGallery({
@@ -456,8 +487,8 @@ let McpListWidget = class McpListWidget extends Disposable {
                 this.galleryServers = [];
                 this.emptyContainer.style.display = "flex";
                 this.listContainer.style.display = "none";
-                this.emptyText.textContent = ( localize(5311, "Unable to load marketplace"));
-                this.emptySubtext.textContent = ( localize(5312, "Check your connection and try again"));
+                this.emptyText.textContent = ( localize(5340, "Unable to load marketplace"));
+                this.emptySubtext.textContent = ( localize(5341, "Check your connection and try again"));
             }
         }
     }
@@ -466,10 +497,10 @@ let McpListWidget = class McpListWidget extends Disposable {
             this.emptyContainer.style.display = "flex";
             this.listContainer.style.display = "none";
             if (this.searchQuery.trim()) {
-                this.emptyText.textContent = ( localize(5313, "No servers match '{0}'", this.searchQuery));
-                this.emptySubtext.textContent = ( localize(5314, "Try a different search term"));
+                this.emptyText.textContent = ( localize(5342, "No servers match '{0}'", this.searchQuery));
+                this.emptySubtext.textContent = ( localize(5343, "Try a different search term"));
             } else {
-                this.emptyText.textContent = ( localize(5315, "No MCP servers available"));
+                this.emptyText.textContent = ( localize(5344, "No MCP servers available"));
                 this.emptySubtext.textContent = "";
             }
         } else {
@@ -491,15 +522,17 @@ let McpListWidget = class McpListWidget extends Disposable {
         } else {
             this.filteredServers = [...this.mcpWorkbenchService.local];
         }
-        if (this.filteredServers.length === 0) {
+        const localIds = ( new Set(( this.filteredServers.map(s => s.id))));
+        const builtinServers = this.mcpService.servers.get().filter(s => !( localIds.has(s.definition.id))).filter(s => !query || s.definition.label.toLowerCase().includes(query));
+        if (this.filteredServers.length === 0 && builtinServers.length === 0) {
             this.emptyContainer.style.display = "flex";
             this.listContainer.style.display = "none";
             if (this.searchQuery.trim()) {
-                this.emptyText.textContent = ( localize(5316, "No servers match '{0}'", this.searchQuery));
-                this.emptySubtext.textContent = ( localize(5314, "Try a different search term"));
+                this.emptyText.textContent = ( localize(5345, "No servers match '{0}'", this.searchQuery));
+                this.emptySubtext.textContent = ( localize(5343, "Try a different search term"));
             } else {
-                this.emptyText.textContent = ( localize(5317, "No MCP servers configured"));
-                this.emptySubtext.textContent = ( localize(5318, "Add an MCP server configuration to get started"));
+                this.emptyText.textContent = ( localize(5346, "No MCP servers configured"));
+                this.emptySubtext.textContent = ( localize(5347, "Add an MCP server configuration to get started"));
             }
         } else {
             this.emptyContainer.style.display = "none";
@@ -507,19 +540,19 @@ let McpListWidget = class McpListWidget extends Disposable {
         }
         const groups = [{
             scope: LocalMcpServerScope.Workspace,
-            label: ( localize(5319, "Workspace")),
+            label: ( localize(5348, "Workspace")),
             icon: workspaceIcon,
             description: ( localize(
-                5320,
+                5349,
                 "MCP servers configured in your workspace settings, shared with your team via version control."
             )),
             servers: []
         }, {
             scope: LocalMcpServerScope.User,
-            label: ( localize(5321, "User")),
+            label: ( localize(5350, "User")),
             icon: userIcon,
             description: ( localize(
-                5322,
+                5351,
                 "MCP servers configured in your user settings. Private to you and available across all projects."
             )),
             servers: []
@@ -560,6 +593,30 @@ let McpListWidget = class McpListWidget extends Disposable {
             }
             isFirst = false;
         }
+        if (builtinServers.length > 0) {
+            const collapsed = ( this.collapsedGroups.has("builtin"));
+            entries.push({
+                type: "group-header",
+                id: "mcp-group-builtin",
+                scope: "builtin",
+                label: ( localize(5352, "Built-in")),
+                icon: extensionIcon,
+                count: builtinServers.length,
+                isFirst,
+                description: ( localize(5353, "MCP servers built into VS Code. These are available automatically.")),
+                collapsed
+            });
+            if (!collapsed) {
+                for (const server of builtinServers) {
+                    entries.push({
+                        type: "builtin-item",
+                        id: `builtin-${server.definition.id}`,
+                        label: server.definition.label,
+                        description: ""
+                    });
+                }
+            }
+        }
         this.displayEntries = entries;
         this.list.splice(0, this.list.length, this.displayEntries);
     }
@@ -572,13 +629,25 @@ let McpListWidget = class McpListWidget extends Disposable {
         this.filterServers();
     }
     layout(height, width) {
-        const sectionFooterHeight = this.sectionHeader.offsetHeight || 100;
-        const searchBarHeight = this.searchAndButtonContainer.offsetHeight || 40;
+        const sectionFooterHeight = this.sectionHeader.offsetHeight || 0;
+        const searchBarHeight = this.searchAndButtonContainer.offsetHeight || 52;
         const backLinkHeight = this.browseMode ? (this.backLink.offsetHeight || 28) : 0;
-        const margins = 12;
-        const listHeight = height - sectionFooterHeight - searchBarHeight - backLinkHeight - margins;
+        const listHeight = height - sectionFooterHeight - searchBarHeight - backLinkHeight;
         this.listContainer.style.height = `${Math.max(0, listHeight)}px`;
         this.list.layout(Math.max(0, listHeight), width);
+        if (sectionFooterHeight === 0) {
+            getWindow(this.listContainer).requestAnimationFrame(() => {
+                if (this._store.isDisposed) {
+                    return;
+                }
+                const actualFooterHeight = this.sectionHeader.offsetHeight;
+                if (actualFooterHeight > 0) {
+                    const correctedHeight = height - actualFooterHeight - searchBarHeight - backLinkHeight;
+                    this.listContainer.style.height = `${Math.max(0, correctedHeight)}px`;
+                    this.list.layout(Math.max(0, correctedHeight), width);
+                }
+            });
+        }
     }
     focusSearch() {
         this.searchInput.focus();

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/media/aiCustomizationManagement.css

@@ -31,7 +31,65 @@
 	overflow: hidden;
 }
 
+/* Folder picker footer (sessions window only) */
+.ai-customization-management-editor .sidebar-folder-picker {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	gap: 2px;
+	padding: 6px 4px;
+	border-top: 1px solid var(--vscode-sideBarSectionHeader-border, transparent);
+}
 
+.ai-customization-management-editor .folder-picker-button {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	flex: 1;
+	min-width: 0;
+	padding: 4px 6px;
+	border: none;
+	border-radius: 4px;
+	background: transparent;
+	color: var(--vscode-descriptionForeground);
+	cursor: pointer;
+	font-size: 11px;
+}
+
+.ai-customization-management-editor .folder-picker-button:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+.ai-customization-management-editor .folder-picker-icon {
+	flex-shrink: 0;
+	font-size: 14px;
+}
+
+.ai-customization-management-editor .folder-picker-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.ai-customization-management-editor .folder-picker-clear {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 22px;
+	height: 22px;
+	padding: 0;
+	border: none;
+	border-radius: 4px;
+	background: transparent;
+	color: var(--vscode-descriptionForeground);
+	cursor: pointer;
+	font-size: 12px;
+}
+
+.ai-customization-management-editor .folder-picker-clear:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
 
 /* Section list items */
 .ai-customization-management-editor .section-list-item {
@@ -108,7 +166,7 @@
 	align-items: center;
 	gap: 8px;
 	flex-shrink: 0;
-	margin: 6px 0px;
+	padding: 6px 0;
 }
 
 .ai-customization-list-widget .list-search-container,
@@ -137,7 +195,8 @@
 
 .ai-customization-list-widget .list-container {
 	flex: 1;
-	overflow: hidden;
+	min-height: 0;
+	overflow: auto;
 }
 
 .ai-customization-list-widget .list-empty-message {
@@ -193,11 +252,9 @@
 	border-radius: 4px;
 }
 
-/* Separator line above non-first group headers */
+/* Spacing above non-first group headers */
 .ai-customization-group-header.has-previous-group {
-	border-top: 1px solid var(--vscode-sideBarSectionHeader-border, var(--vscode-panel-border));
 	margin-top: 4px;
-	padding-top: 12px;
 }
 
 .ai-customization-group-header:hover {
@@ -499,6 +556,7 @@
 /* Content container visibility */
 .ai-customization-management-editor .prompts-content-container,
 .ai-customization-management-editor .mcp-content-container,
+.ai-customization-management-editor .plugin-content-container,
 .ai-customization-management-editor .models-content-container {
 	height: 100%;
 	display: flex;
@@ -517,6 +575,18 @@
 	overflow: hidden;
 }
 
+/* Embedded plugin detail view */
+.ai-customization-management-editor .plugin-detail-container {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+
+.ai-customization-management-editor .plugin-detail-editor-container {
+	flex: 1;
+	overflow: hidden;
+}
+
 /* Models section footer */
 .ai-customization-management-editor .models-content-container .section-footer {
 	flex-shrink: 0;
@@ -590,7 +660,8 @@
 
 .mcp-list-widget .mcp-list-container {
 	flex: 1;
-	overflow: hidden;
+	min-height: 0;
+	overflow: auto;
 }
 
 /* MCP Empty State */
@@ -632,17 +703,23 @@
 .mcp-server-item {
 	display: flex;
 	align-items: center;
-	padding: 8px 12px;
+	padding: 6px 8px 6px 24px;
 	cursor: pointer;
 	border-radius: 4px;
 	margin: 2px 0;
-	gap: 12px;
+	min-height: 32px;
+	gap: 10px;
 }
 
 .mcp-server-item:hover {
 	background-color: var(--vscode-list-hoverBackground);
 }
 
+.mcp-server-item.builtin {
+	cursor: default;
+	opacity: 0.85;
+}
+
 .mcp-server-item .mcp-server-icon {
 	flex-shrink: 0;
 	width: 24px;
@@ -663,10 +740,10 @@
 
 .mcp-server-item .mcp-server-name {
 	font-size: 13px;
-	font-weight: 500;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
+	line-height: 18px;
 }
 
 .mcp-server-item .mcp-server-description {
@@ -675,6 +752,7 @@
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
+	line-height: 14px;
 }
 
 .mcp-server-item .mcp-server-status {

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/pluginListWidget.d.ts

@@ -0,0 +1,62 @@
+import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
+import { IOpenerService } from "@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service";
+import { IContextMenuService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service";
+import { IContextViewService } 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 { IAgentPluginService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/plugins/agentPluginService.service";
+import { IPluginMarketplaceService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/plugins/pluginMarketplaceService.service";
+import { IPluginInstallService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/plugins/pluginInstallService.service";
+import { IAgentPluginItem } from "../agentPluginEditor/agentPluginItems.js";
+import { ILabelService } from "@codingame/monaco-vscode-api/vscode/vs/platform/label/common/label.service";
+/**
+ * Widget that displays a list of agent plugins with marketplace browsing.
+ * Follows the same patterns as {@link McpListWidget}.
+ */
+export declare class PluginListWidget extends Disposable {
+    private readonly instantiationService;
+    private readonly agentPluginService;
+    private readonly pluginMarketplaceService;
+    private readonly pluginInstallService;
+    private readonly openerService;
+    private readonly contextViewService;
+    private readonly contextMenuService;
+    private readonly hoverService;
+    private readonly labelService;
+    readonly element: HTMLElement;
+    private readonly _onDidSelectPlugin;
+    readonly onDidSelectPlugin: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<IAgentPluginItem>;
+    private sectionHeader;
+    private sectionDescription;
+    private sectionLink;
+    private searchAndButtonContainer;
+    private searchInput;
+    private listContainer;
+    private list;
+    private emptyContainer;
+    private emptyText;
+    private emptySubtext;
+    private browseButton;
+    private backLink;
+    private installedItems;
+    private displayEntries;
+    private marketplaceItems;
+    private searchQuery;
+    private browseMode;
+    private readonly collapsedGroups;
+    private marketplaceCts;
+    private readonly delayedFilter;
+    private readonly delayedMarketplaceSearch;
+    constructor(instantiationService: IInstantiationService, agentPluginService: IAgentPluginService, pluginMarketplaceService: IPluginMarketplaceService, pluginInstallService: IPluginInstallService, openerService: IOpenerService, contextViewService: IContextViewService, contextMenuService: IContextMenuService, hoverService: IHoverService, labelService: ILabelService);
+    private create;
+    private refresh;
+    private toggleBrowseMode;
+    private queryMarketplace;
+    private updateMarketplaceList;
+    private filterPlugins;
+    private toggleGroup;
+    layout(height: number, width: number): void;
+    focusSearch(): void;
+    focus(): void;
+    private onContextMenu;
+}