@codingame/monaco-vscode-chat-service-override 28.4.0 → 29.0.0

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

@@ -53,7 +53,7 @@
 	background: transparent;
 	color: var(--vscode-descriptionForeground);
 	cursor: pointer;
-	font-size: 11px;
+	font-size: 13px;
 }
 
 .ai-customization-management-editor .folder-picker-button:hover {
@@ -139,6 +139,17 @@
 	font-weight: 400;
 }
 
+.ai-customization-management-editor .section-list-item .section-count {
+	flex-shrink: 0;
+	font-size: 10px;
+	font-weight: 500;
+	color: var(--vscode-descriptionForeground);
+	border-radius: 8px;
+	min-width: 14px;
+	text-align: center;
+	line-height: 16px;
+}
+
 /* Content area */
 .ai-customization-management-editor .management-content {
 	background-color: var(--vscode-editor-background);
@@ -159,6 +170,56 @@
 	height: 100%;
 }
 
+/* Harness dropdown in sidebar */
+.ai-customization-management-editor .sidebar-harness-dropdown {
+	flex-shrink: 0;
+	padding: 6px 4px 4px;
+}
+
+.ai-customization-management-editor .harness-dropdown-button {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	width: 100%;
+	padding: 5px 8px;
+	border: 1px solid var(--vscode-dropdown-border, transparent);
+	border-radius: 4px;
+	background: var(--vscode-dropdown-background);
+	color: var(--vscode-dropdown-foreground);
+	cursor: pointer;
+	font-size: 12px;
+	text-align: left;
+}
+
+.ai-customization-management-editor .harness-dropdown-button:hover {
+	background: var(--vscode-dropdown-background);
+	border-color: var(--vscode-focusBorder);
+}
+
+.ai-customization-management-editor .harness-dropdown-button:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .harness-dropdown-icon {
+	font-size: 14px;
+	flex-shrink: 0;
+	color: inherit;
+}
+
+.ai-customization-management-editor .harness-dropdown-label {
+	flex: 1;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.ai-customization-management-editor .harness-dropdown-chevron {
+	font-size: 12px;
+	flex-shrink: 0;
+	opacity: 0.7;
+}
+
 /* Search and button container - consistent with Models view */
 .ai-customization-list-widget .list-search-and-button-container,
 .mcp-list-widget .list-search-and-button-container {
@@ -213,7 +274,7 @@
 	align-items: center;
 	justify-content: center;
 	padding: 48px 24px;
-	gap: 12px;
+	gap: 8px;
 	text-align: center;
 	flex: 1;
 }
@@ -233,7 +294,7 @@
 .ai-customization-list-widget .list-empty-state .empty-state-subtext {
 	font-size: 13px;
 	color: var(--vscode-descriptionForeground);
-	max-width: 300px;
+	max-width: 250px;
 	line-height: 1.4;
 }
 
@@ -246,16 +307,16 @@
 	display: flex;
 	align-items: center;
 	gap: 6px;
-	padding: 8px 8px 4px 8px;
+	padding: 4px 8px;
 	cursor: pointer;
 	user-select: none;
 	border-radius: 4px;
 }
 
 /* Spacing above non-first group headers */
-.ai-customization-group-header.has-previous-group {
-	margin-top: 4px;
-}
+/* .ai-customization-group-header.has-previous-group {
+	margin-top: 8px;
+} */
 
 .ai-customization-group-header:hover {
 	background-color: var(--vscode-list-hoverBackground);
@@ -273,13 +334,7 @@
 }
 
 .ai-customization-group-header .group-icon {
-	flex-shrink: 0;
-	width: 16px;
-	height: 16px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	opacity: 0.8;
+	display: none;
 }
 
 .ai-customization-group-header .group-label-group {
@@ -292,9 +347,8 @@
 }
 
 .ai-customization-group-header .group-label {
-	font-size: 11px;
-	font-weight: 600;
-	text-transform: uppercase;
+	font-weight: 500;
+	text-transform: capitalize;
 	letter-spacing: 0.04em;
 	color: var(--vscode-sideBarSectionHeader-foreground, var(--vscode-foreground));
 	overflow: hidden;
@@ -306,9 +360,7 @@
 	flex-shrink: 0;
 	font-size: 10px;
 	font-weight: 500;
-	background-color: var(--vscode-badge-background);
-	color: var(--vscode-badge-foreground);
-	padding: 0 5px;
+	color: var(--vscode-descriptionForeground);
 	border-radius: 8px;
 	min-width: 14px;
 	text-align: center;
@@ -347,7 +399,6 @@
 	padding: 6px 8px 6px 24px;
 	cursor: pointer;
 	border-radius: 4px;
-	margin: 2px 0;
 	min-height: 32px;
 }
 
@@ -355,6 +406,10 @@
 	background-color: var(--vscode-list-hoverBackground);
 }
 
+.ai-customization-list-item.disabled {
+	opacity: 0.5;
+}
+
 .ai-customization-list-item .item-left {
 	display: flex;
 	align-items: center;
@@ -397,6 +452,36 @@
 	opacity: 0.6;
 }
 
+/* Shared inline badge style — used by MCP "Bridged" badge and item badges */
+.inline-badge {
+	flex-shrink: 0;
+	font-size: 10px;
+	padding: 0 4px;
+	border-radius: 3px;
+	color: var(--vscode-descriptionForeground);
+	background: var(--vscode-toolbar-hoverBackground, rgba(90, 93, 94, 0.31));
+	white-space: nowrap;
+	line-height: 16px;
+}
+
+/* MCP bridged badge — shown inline next to the server name */
+.mcp-server-item .mcp-server-name-row {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+}
+
+.ai-customization-list-item .item-type-icon {
+	flex-shrink: 0;
+	width: 16px;
+	height: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	opacity: 0.8;
+	font-size: 14px;
+}
+
 .ai-customization-list-item .item-text {
 	display: flex;
 	flex-direction: column;
@@ -405,6 +490,13 @@
 	min-width: 0;
 }
 
+.ai-customization-list-item .item-name-row {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	overflow: hidden;
+}
+
 .ai-customization-list-item .item-name {
 	font-size: 13px;
 	overflow: hidden;
@@ -543,12 +635,11 @@
 .ai-customization-overview .overview-section .section-count {
 	flex-shrink: 0;
 	font-size: 9px;
-	font-weight: 600;
+	font-weight: 500;
 	padding: 1px 5px;
-	background-color: var(--vscode-badge-background);
-	color: var(--vscode-badge-foreground);
+	background-color: var(--vscode-list-inactiveSelectionBackground);
+	color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground));
 	border-radius: 8px;
-	border: 1px solid transparent;
 	min-width: 14px;
 	text-align: center;
 }
@@ -671,7 +762,7 @@
 	align-items: center;
 	justify-content: center;
 	padding: 48px 24px;
-	gap: 12px;
+	gap: 8px;
 	text-align: center;
 	flex: 1;
 }
@@ -691,7 +782,7 @@
 .mcp-list-widget .mcp-empty-state .empty-subtext {
 	font-size: 13px;
 	color: var(--vscode-descriptionForeground);
-	max-width: 300px;
+	max-width: 250px;
 	line-height: 1.4;
 }
 
@@ -703,10 +794,9 @@
 .mcp-server-item {
 	display: flex;
 	align-items: center;
-	padding: 6px 8px 6px 24px;
+	padding: 6px 8px;
 	cursor: pointer;
 	border-radius: 4px;
-	margin: 2px 0;
 	min-height: 32px;
 	gap: 10px;
 }
@@ -783,6 +873,15 @@
 	color: var(--vscode-badge-foreground);
 }
 
+.mcp-server-item.disabled {
+	opacity: 0.5;
+}
+
+.mcp-server-item .mcp-server-status.disabled {
+	background-color: var(--vscode-badge-background);
+	color: var(--vscode-badge-foreground);
+}
+
 /* Button group for Add Server + Browse Marketplace */
 .mcp-list-widget .list-button-group {
 	display: flex;
@@ -830,6 +929,19 @@
 	flex-shrink: 0;
 }
 
+.mcp-gallery-item.extension-list-item {
+	padding: 6px 8px 6px 16px;
+}
+
+.mcp-gallery-item.extension-list-item > .details > .footer {
+	display: flex;
+	align-items: center;
+}
+
+.mcp-gallery-item.extension-list-item .mcp-gallery-action {
+	margin-left: auto;
+}
+
 .mcp-gallery-item .mcp-gallery-install-button {
 	font-size: 11px;
 	padding: 2px 10px;
@@ -866,15 +978,25 @@
 	transition: background-color 0.1s ease, opacity 0.1s ease;
 }
 
-.ai-customization-management-editor .editor-back-button:hover {
+.ai-customization-management-editor .editor-back-button:hover:not(:disabled) {
 	background-color: var(--vscode-toolbar-hoverBackground);
 	opacity: 1;
 }
 
-.ai-customization-management-editor .editor-back-button:active {
+.ai-customization-management-editor .editor-back-button:active:not(:disabled) {
 	background-color: var(--vscode-toolbar-activeBackground);
 }
 
+.ai-customization-management-editor .editor-back-button:disabled {
+	cursor: default;
+	opacity: 0.45;
+}
+
+.ai-customization-management-editor .editor-action-button-icon {
+	font-size: 14px;
+	line-height: 14px;
+}
+
 .ai-customization-management-editor .editor-item-info {
 	display: flex;
 	flex-direction: column;

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

@@ -3,6 +3,7 @@ import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/pl
 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 { ICommandService } from "@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.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";
@@ -23,9 +24,12 @@ export declare class PluginListWidget extends Disposable {
     private readonly contextMenuService;
     private readonly hoverService;
     private readonly labelService;
+    private readonly commandService;
     readonly element: HTMLElement;
     private readonly _onDidSelectPlugin;
     readonly onDidSelectPlugin: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<IAgentPluginItem>;
+    private readonly _onDidChangeItemCount;
+    readonly onDidChangeItemCount: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<number>;
     private sectionHeader;
     private sectionDescription;
     private sectionLink;
@@ -43,17 +47,29 @@ export declare class PluginListWidget extends Disposable {
     private marketplaceItems;
     private searchQuery;
     private browseMode;
+    private lastHeight;
+    private lastWidth;
     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);
+    constructor(instantiationService: IInstantiationService, agentPluginService: IAgentPluginService, pluginMarketplaceService: IPluginMarketplaceService, pluginInstallService: IPluginInstallService, openerService: IOpenerService, contextViewService: IContextViewService, contextMenuService: IContextMenuService, hoverService: IHoverService, labelService: ILabelService, commandService: ICommandService);
     private create;
     private refresh;
     private toggleBrowseMode;
     private queryMarketplace;
     private updateMarketplaceList;
     private filterPlugins;
+    /**
+     * Gets the total item count from the underlying data array
+     * (the same source used to build group headers).
+     */
+    get itemCount(): number;
+    /**
+     * Re-fires the current item count. Call after subscribing to onDidChangeItemCount
+     * to ensure the subscriber receives the latest count.
+     */
+    fireItemCount(): void;
     private toggleGroup;
     layout(height: number, width: number): void;
     focusSearch(): void;