@codingame/monaco-vscode-chat-service-override 30.0.0 → 31.0.0

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

@@ -26,69 +26,58 @@
 	flex-direction: column;
 }
 
-.ai-customization-management-editor .sidebar-sections-list {
-	flex: 1;
-	overflow: hidden;
-}
-
-/* Folder picker footer (sessions window only) */
-.ai-customization-management-editor .sidebar-folder-picker {
+.ai-customization-management-editor .sidebar-header-row {
 	flex-shrink: 0;
 	display: flex;
 	align-items: center;
-	gap: 2px;
-	padding: 6px 4px;
-	border-top: 1px solid var(--vscode-sideBarSectionHeader-border, transparent);
+	gap: 4px;
+	padding: 2px 0 6px;
+	margin-bottom: 6px;
+	border-bottom: 1px solid var(--vscode-sideBarSectionHeader-border, var(--vscode-panel-border, var(--vscode-widget-border, transparent)));
 }
 
-.ai-customization-management-editor .folder-picker-button {
+.ai-customization-management-editor .sidebar-home-button {
+	flex-shrink: 0;
 	display: flex;
 	align-items: center;
-	gap: 6px;
-	flex: 1;
-	min-width: 0;
-	padding: 4px 6px;
+	gap: 10px;
+	padding: 4px 8px;
 	border: none;
 	border-radius: 4px;
 	background: transparent;
-	color: var(--vscode-descriptionForeground);
+	color: var(--vscode-foreground);
 	cursor: pointer;
-	font-size: 13px;
+	font-size: 12px;
+	font-weight: 600;
+	line-height: 18px;
+	font-family: inherit;
+	transition: background-color 0.1s ease;
 }
 
-.ai-customization-management-editor .folder-picker-button:hover {
+.ai-customization-management-editor .sidebar-home-button:hover {
 	background-color: var(--vscode-list-hoverBackground);
 }
 
-.ai-customization-management-editor .folder-picker-icon {
+.ai-customization-management-editor .sidebar-home-button:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .sidebar-home-icon {
 	flex-shrink: 0;
 	font-size: 14px;
+	opacity: 0.85;
 }
 
-.ai-customization-management-editor .folder-picker-label {
+.ai-customization-management-editor .sidebar-home-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);
+.ai-customization-management-editor .sidebar-sections-list {
+	flex: 1;
+	overflow: hidden;
 }
 
 /* Section list items */
@@ -107,17 +96,13 @@
 }
 
 /* Selected section - using list selection */
-.ai-customization-management-editor .monaco-list .monaco-list-row.selected .section-list-item {
-	background-color: var(--vscode-list-activeSelectionBackground);
-	color: var(--vscode-list-activeSelectionForeground);
-}
-
-.ai-customization-management-editor .monaco-list .monaco-list-row.selected .section-list-item .section-icon {
-	color: var(--vscode-list-activeSelectionIconForeground, var(--vscode-list-activeSelectionForeground));
+.ai-customization-management-editor .monaco-list .monaco-list-row.section-list-item.selected .section-icon {
+	color: inherit;
+	opacity: 1;
 }
 
-.ai-customization-management-editor .monaco-list .monaco-list-row.selected .section-list-item .section-label {
-	color: var(--vscode-list-activeSelectionForeground);
+.ai-customization-management-editor .monaco-list .monaco-list-row.section-list-item.selected .section-count {
+	color: inherit;
 }
 
 .ai-customization-management-editor .section-icon {
@@ -159,10 +144,51 @@
 
 .ai-customization-management-editor .content-inner {
 	height: 100%;
-	padding: 8px 12px;
+	padding: 10px;
 	box-sizing: border-box;
 }
 
+.ai-customization-management-editor .section-back-arrow-button {
+	flex-shrink: 0;
+	align-self: flex-start;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 26px;
+	height: 26px;
+	padding: 0;
+	border: none;
+	border-radius: 4px;
+	background: transparent;
+	color: var(--vscode-foreground);
+	cursor: pointer;
+	font-family: inherit;
+	opacity: 0.8;
+	transition: background-color 0.1s ease, opacity 0.1s ease;
+}
+
+.ai-customization-management-editor .section-back-arrow-button:hover {
+	background-color: var(--vscode-toolbar-hoverBackground, var(--vscode-list-hoverBackground));
+	opacity: 1;
+}
+
+.ai-customization-management-editor .section-back-arrow-button:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .section-back-arrow-icon {
+	font-size: 14px;
+	opacity: 0.85;
+}
+
+.ai-customization-management-editor .section-back-bar {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	margin-bottom: 8px;
+}
+
 /* List Widget */
 .ai-customization-list-widget {
 	display: flex;
@@ -173,8 +199,8 @@
 
 /* Harness dropdown in sidebar */
 .ai-customization-management-editor .sidebar-harness-dropdown {
-	flex-shrink: 0;
-	padding: 6px 4px 4px;
+	flex: 1;
+	min-width: 0;
 }
 
 .ai-customization-management-editor .harness-dropdown-button {
@@ -228,7 +254,7 @@
 	align-items: center;
 	gap: 8px;
 	flex-shrink: 0;
-	padding: 6px 0;
+	padding: 6px 2px;
 }
 
 .ai-customization-list-widget .list-search-container,
@@ -465,6 +491,25 @@
 	line-height: 16px;
 }
 
+/* Status icon for remote customization items (loading/loaded/degraded/error) */
+.ai-customization-list-item .item-status-icon {
+	flex-shrink: 0;
+	width: 16px;
+	height: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 14px;
+}
+
+/* Sync checkbox for local items in remote agent harness view */
+.ai-customization-list-item .item-sync-checkbox {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	margin-right: 4px;
+}
+
 /* MCP bridged badge — shown inline next to the server name */
 .mcp-server-item .mcp-server-name-row {
 	display: flex;
@@ -552,7 +597,6 @@
 .ai-customization-list-widget .section-footer .section-footer-description {
 	font-size: 13px;
 	color: var(--vscode-descriptionForeground);
-	line-height: 1.5;
 	margin: 0 0 8px 0;
 }
 
@@ -792,6 +836,73 @@
 	margin-top: 16px;
 }
 
+/* MCP Disabled (access blocked) state */
+.mcp-list-widget .mcp-disabled-state {
+	display: none;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 48px 24px;
+	gap: 8px;
+	text-align: center;
+	flex: 1;
+}
+
+.mcp-list-widget .mcp-disabled-state .empty-state-header {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 8px;
+}
+
+.mcp-list-widget .mcp-disabled-state .empty-icon.codicon::before {
+	font-size: 48px;
+}
+
+.mcp-list-widget .mcp-disabled-state .empty-icon {
+	opacity: 0.5;
+	margin-bottom: 8px;
+	height: 48px;
+	width: 48px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.mcp-list-widget .mcp-disabled-state .empty-text {
+	font-size: 16px;
+	font-weight: 500;
+	color: var(--vscode-foreground);
+}
+
+.mcp-list-widget .mcp-disabled-state .empty-subtext {
+	font-size: 13px;
+	color: var(--vscode-descriptionForeground);
+	max-width: 420px;
+	line-height: 1.5;
+}
+
+.mcp-list-widget .mcp-disabled-state .mcp-disabled-settings-link {
+	color: var(--vscode-textLink-foreground);
+	cursor: pointer;
+	text-decoration: none;
+}
+
+.mcp-list-widget .mcp-disabled-state .mcp-disabled-settings-link:hover,
+.mcp-list-widget .mcp-disabled-state .mcp-disabled-settings-link:focus {
+	color: var(--vscode-textLink-activeForeground);
+	text-decoration: underline;
+	outline: none;
+}
+
+.mcp-list-widget.access-disabled > *:not(.mcp-disabled-state) {
+	display: none !important;
+}
+
+.mcp-list-widget.access-disabled .mcp-disabled-state {
+	display: flex;
+}
+
 /* MCP Server Item */
 .mcp-server-item {
 	display: flex;
@@ -889,6 +1000,12 @@
 	display: flex;
 	gap: 4px;
 	flex-shrink: 0;
+	/* Reserve space so focused button outlines do not clip against the widget's overflow:hidden */
+	padding: 1px;
+}
+
+.mcp-list-widget .list-button-group .monaco-button:focus-visible {
+	outline-offset: -1px;
 }
 
 /* Back to installed link */
@@ -896,19 +1013,23 @@
 	display: flex;
 	align-items: center;
 	gap: 4px;
-	padding: 4px 0;
+	padding: 4px 6px;
 	cursor: pointer;
 	font-size: 12px;
-	color: var(--vscode-textLink-foreground);
+	color: var(--vscode-descriptionForeground);
 	flex-shrink: 0;
+	border-radius: 4px;
+	margin: 4px 0;
 }
 
 .mcp-list-widget .mcp-back-link:hover {
-	color: var(--vscode-textLink-activeForeground);
+	background-color: var(--vscode-toolbar-hoverBackground);
+	color: var(--vscode-foreground);
 }
 
-.mcp-list-widget .mcp-back-link:hover span:last-child {
-	text-decoration: underline;
+.mcp-list-widget .mcp-back-link:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
 }
 
 /* Gallery item specifics */
@@ -932,16 +1053,22 @@
 }
 
 .mcp-gallery-item.extension-list-item {
-	padding: 6px 8px 6px 16px;
+	padding: 6px 16px;
 }
 
-.mcp-gallery-item.extension-list-item > .details > .footer {
-	display: flex;
-	align-items: center;
+.mcp-gallery-item.extension-list-item > .details {
+	flex: 1;
+	min-width: 0;
+	overflow: hidden;
 }
 
-.mcp-gallery-item.extension-list-item .mcp-gallery-action {
-	margin-left: auto;
+.mcp-gallery-item.extension-list-item > .details > .description {
+	font-size: 12px;
+	color: var(--vscode-descriptionForeground);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	line-height: 16px;
 }
 
 .mcp-gallery-item .mcp-gallery-install-button {
@@ -949,6 +1076,10 @@
 	padding: 2px 10px;
 }
 
+.mcp-gallery-item .mcp-gallery-install-button:focus-visible {
+	outline-offset: -1px;
+}
+
 /* Embedded Editor View */
 .ai-customization-management-editor .editor-content-container {
 	height: 100%;
@@ -959,18 +1090,19 @@
 .ai-customization-management-editor .editor-header {
 	display: flex;
 	align-items: center;
-	gap: 12px;
-	padding: 8px 4px 12px 4px;
-	border-bottom: 1px solid var(--vscode-widget-border);
+	gap: 8px;
+	padding: 6px 2px;
 	flex-shrink: 0;
 }
 
 .ai-customization-management-editor .editor-back-button {
+	flex-shrink: 0;
+	align-self: flex-start;
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: 28px;
-	height: 28px;
+	width: 26px;
+	height: 26px;
 	border-radius: 4px;
 	cursor: pointer;
 	background: transparent;
@@ -1058,3 +1190,5 @@
 .ai-customization-management-editor .embedded-editor-container .monaco-editor {
 	border-radius: 4px;
 }
+
+/* Welcome page styles live in the welcome page variant stylesheets. */

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

@@ -0,0 +1,246 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.ai-customization-management-editor .welcome-prompts-content-container {
+	height: 100%;
+	overflow-y: auto;
+	padding: 24px;
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .welcome-prompts-inner {
+	max-width: 800px;
+	margin: 0 auto;
+	padding-top: 16px;
+}
+
+.ai-customization-management-editor .welcome-prompts-heading {
+	font-size: 18px;
+	font-weight: 400;
+	letter-spacing: -0.01em;
+	margin: 0 0 6px;
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .welcome-prompts-subtitle {
+	font-size: 13px;
+	color: var(--vscode-descriptionForeground);
+	margin: 0 0 36px;
+	line-height: 1.6;
+}
+
+.ai-customization-management-editor .welcome-prompts-primary {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	/* Match card grid width — no extra horizontal margin */
+	width: 100%;
+	box-sizing: border-box;
+	padding: 12px 8px 8px;
+	margin: 12px 0 24px;
+	border: 1px solid color-mix(in srgb, var(--vscode-editorWidget-border) 85%, transparent);
+	border-radius: 16px;
+}
+
+.ai-customization-management-editor .welcome-prompts-section-label {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+	margin: 0;
+	padding: 0 4px;
+	font-size: 13px;
+	font-weight: 600;
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .welcome-prompts-section-label-icon {
+	font-size: 14px;
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .welcome-prompts-input-row {
+	display: flex;
+	align-items: center;
+	min-height: 36px;
+	height: 36px;
+	border-radius: 8px;
+	background: var(--vscode-agentsChatInput-background);
+	border: 1px solid var(--vscode-agentsChatInput-border, var(--vscode-input-border, transparent));
+	padding: 0 4px 0 12px;
+	margin-top: 6px;
+}
+
+.ai-customization-management-editor .welcome-prompts-input-row:focus-within {
+	border-color: var(--vscode-agentsChatInput-focusBorder, var(--vscode-focusBorder));
+}
+
+.ai-customization-management-editor .welcome-prompts-input {
+	flex: 1;
+	min-width: 0;
+	height: 36px;
+	padding: 0;
+	font-size: 13px;
+	font-family: inherit;
+	border: none;
+	outline: none;
+	box-shadow: none;
+	background: transparent;
+	color: var(--vscode-agentsChatInput-foreground);
+	-webkit-appearance: none;
+	appearance: none;
+}
+
+/* Override the global .monaco-workbench input[type="text"]:focus outline */
+.monaco-workbench .ai-customization-management-editor .welcome-prompts-input,
+.monaco-workbench .ai-customization-management-editor .welcome-prompts-input:focus,
+.monaco-workbench .ai-customization-management-editor .welcome-prompts-input:active,
+.monaco-workbench .ai-customization-management-editor .welcome-prompts-input:focus-visible,
+.monaco-workbench .ai-customization-management-editor input[type="text"].welcome-prompts-input:focus {
+	outline: none !important;
+	outline-width: 0 !important;
+	border: none !important;
+	box-shadow: none !important;
+}
+
+.ai-customization-management-editor .welcome-prompts-input::placeholder {
+	color: var(--vscode-agentsChatInput-placeholderForeground);
+}
+
+.ai-customization-management-editor .welcome-prompts-input-submit {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 28px;
+	height: 28px;
+	flex-shrink: 0;
+	border: none;
+	border-radius: 4px;
+	background: transparent;
+	color: var(--vscode-descriptionForeground);
+	cursor: pointer;
+	transition: color 0.15s ease, background-color 0.15s ease;
+}
+
+.ai-customization-management-editor .welcome-prompts-input-submit:hover {
+	color: var(--vscode-foreground);
+	background: color-mix(in srgb, var(--vscode-list-hoverBackground) 75%, transparent);
+}
+
+.ai-customization-management-editor .welcome-prompts-input-submit:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .welcome-prompts-input-submit.welcome-prompts-input-submit-disabled {
+	opacity: 0.4;
+	cursor: default;
+	pointer-events: none;
+}
+
+.ai-customization-management-editor .welcome-prompts-input-row.sent {
+	justify-content: center;
+}
+
+.ai-customization-management-editor .welcome-prompts-input-row.sent .welcome-prompts-input {
+	display: none;
+}
+
+.ai-customization-management-editor .welcome-prompts-sent-label {
+	font-size: 12px;
+	color: var(--vscode-descriptionForeground);
+	padding: 0 8px;
+	white-space: nowrap;
+	animation: welcomePromptsSentFadeIn 0.2s ease;
+}
+
+@keyframes welcomePromptsSentFadeIn {
+	from { opacity: 0; transform: translateY(2px); }
+	to { opacity: 1; transform: translateY(0); }
+}
+
+.ai-customization-management-editor .welcome-prompts-input-helper {
+	font-size: 12px;
+	line-height: 1.5;
+	color: var(--vscode-descriptionForeground);
+	margin: 0;
+	padding: 0 4px;
+}
+
+.ai-customization-management-editor .welcome-prompts-cards {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+	gap: 10px;
+}
+
+.ai-customization-management-editor .welcome-prompts-card {
+	display: flex;
+	flex-direction: column;
+	padding: 10px 12px 12px;
+	border: 1px solid var(--vscode-widget-border);
+	border-radius: 6px;
+	background: var(--vscode-sideBar-background);
+	cursor: pointer;
+	transition: background-color 0.15s ease, border-color 0.15s ease;
+}
+
+.ai-customization-management-editor .welcome-prompts-card:hover {
+	border-color: var(--vscode-focusBorder);
+	background: var(--vscode-list-hoverBackground);
+}
+
+.ai-customization-management-editor .welcome-prompts-card:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .welcome-prompts-card-header {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	margin-bottom: 6px;
+}
+
+.ai-customization-management-editor .welcome-prompts-card-icon {
+	font-size: 14px;
+	color: var(--vscode-icon-foreground);
+}
+
+.ai-customization-management-editor .welcome-prompts-card-label {
+	font-size: 12px;
+	font-weight: 500;
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .welcome-prompts-card-description {
+	font-size: 11px;
+	color: var(--vscode-descriptionForeground);
+	line-height: 1.45;
+	margin: 0;
+	flex: 1;
+}
+
+.ai-customization-management-editor .welcome-prompts-card-footer {
+	display: flex;
+	align-items: center;
+	gap: 4px;
+	margin-top: 10px;
+}
+
+.ai-customization-management-editor .welcome-prompts-card-action {
+	font-size: 11px;
+	color: var(--vscode-button-secondaryForeground);
+	cursor: pointer;
+	display: flex;
+	align-items: center;
+	gap: 4px;
+	padding: 4px 6px;
+	border-radius: 4px;
+	background: var(--vscode-button-secondaryBackground);
+	border: 1px solid var(--vscode-button-border, var(--vscode-contrastBorder, transparent));
+}
+
+.ai-customization-management-editor .welcome-prompts-card-action:hover {
+	background: var(--vscode-button-secondaryHoverBackground);
+}

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

@@ -10,6 +10,8 @@ import { IPluginMarketplaceService } from "@codingame/monaco-vscode-api/vscode/v
 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";
+import { ICustomizationHarnessService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/customizationHarnessService.service";
+import { IConfigurationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service";
 /**
  * Widget that displays a list of agent plugins with marketplace browsing.
  * Follows the same patterns as {@link McpListWidget}.
@@ -25,6 +27,8 @@ export declare class PluginListWidget extends Disposable {
     private readonly hoverService;
     private readonly labelService;
     private readonly commandService;
+    private readonly harnessService;
+    private readonly configurationService;
     readonly element: HTMLElement;
     private readonly _onDidSelectPlugin;
     readonly onDidSelectPlugin: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<IAgentPluginItem>;
@@ -40,6 +44,10 @@ export declare class PluginListWidget extends Disposable {
     private emptyContainer;
     private emptyText;
     private emptySubtext;
+    private disabledContainer;
+    private disabledIcon;
+    private disabledMessage;
+    private readonly disabledLinkListener;
     private browseButton;
     private backLink;
     private installedItems;
@@ -53,9 +61,11 @@ export declare class PluginListWidget extends Disposable {
     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, commandService: ICommandService);
+    constructor(instantiationService: IInstantiationService, agentPluginService: IAgentPluginService, pluginMarketplaceService: IPluginMarketplaceService, pluginInstallService: IPluginInstallService, openerService: IOpenerService, contextViewService: IContextViewService, contextMenuService: IContextMenuService, hoverService: IHoverService, labelService: ILabelService, commandService: ICommandService, harnessService: ICustomizationHarnessService, configurationService: IConfigurationService);
     private create;
     private refresh;
+    private updateAccessState;
+    showBrowseMarketplace(): void;
     private toggleBrowseMode;
     private queryMarketplace;
     private updateMarketplaceList;
@@ -71,6 +81,10 @@ export declare class PluginListWidget extends Disposable {
      */
     fireItemCount(): void;
     private toggleGroup;
+    /**
+     * Prepends an element to the search row (left of the search input).
+     */
+    prependToSearchRow(element: HTMLElement): void;
     layout(height: number, width: number): void;
     focusSearch(): void;
     revealLastItem(): void;