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

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

@@ -41,7 +41,7 @@
 	display: flex;
 	align-items: center;
 	gap: 10px;
-	padding: 4px 8px;
+	padding: 5px 8px;
 	border: none;
 	border-radius: 4px;
 	background: transparent;
@@ -208,19 +208,18 @@
 	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);
+	padding: 2px 6px;
+	min-height: 26px;
+	border: 1px solid var(--vscode-dropdown-border, var(--vscode-dropdown-background));
+	font-size: 12px;
+	border-radius: var(--vscode-cornerRadius-small);
 	color: var(--vscode-dropdown-foreground);
+	background: var(--vscode-dropdown-background);
 	cursor: pointer;
-	font-size: 12px;
+	font-family: inherit;
 	text-align: left;
-}
-
-.ai-customization-management-editor .harness-dropdown-button:hover {
-	background: var(--vscode-dropdown-background);
-	border-color: var(--vscode-focusBorder);
+	-webkit-appearance: none;
+	appearance: none;
 }
 
 .ai-customization-management-editor .harness-dropdown-button:focus-visible {
@@ -336,6 +335,7 @@
 	gap: 6px;
 	padding: 4px 8px;
 	cursor: pointer;
+	-webkit-user-select: none;
 	user-select: none;
 	border-radius: 4px;
 }
@@ -479,7 +479,7 @@
 	opacity: 0.6;
 }
 
-/* Shared inline badge style — used by MCP "Bridged" badge and item badges */
+/* Shared inline badge style — used for item badges */
 .inline-badge {
 	flex-shrink: 0;
 	font-size: 10px;
@@ -510,7 +510,7 @@
 	margin-right: 4px;
 }
 
-/* MCP bridged badge — shown inline next to the server name */
+/* MCP server name row — inline layout for the server name */
 .mcp-server-item .mcp-server-name-row {
 	display: flex;
 	align-items: center;
@@ -577,7 +577,8 @@
 }
 
 .ai-customization-list-item:hover .item-right,
-.ai-customization-list-item:focus-within .item-right {
+.ai-customization-list-item:focus-within .item-right,
+.monaco-list-row.focused .item-right {
 	opacity: 1;
 }
 
@@ -704,11 +705,13 @@
 	height: 100%;
 	display: flex;
 	flex-direction: column;
+	min-height: 0;
 }
 
 .ai-customization-management-editor .mcp-detail-editor-container {
 	flex: 1;
-	overflow: hidden;
+	overflow: auto;
+	min-height: 0;
 }
 
 /* Embedded plugin detail view */
@@ -716,11 +719,91 @@
 	height: 100%;
 	display: flex;
 	flex-direction: column;
+	min-height: 0;
 }
 
 .ai-customization-management-editor .plugin-detail-editor-container {
 	flex: 1;
-	overflow: hidden;
+	overflow: auto;
+	min-height: 0;
+}
+
+/* Compact embedded detail component (shared by MCP / plugin) */
+.ai-customization-management-editor .ai-customization-embedded-detail {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	padding: 16px 24px 24px 24px;
+	max-width: 720px;
+	min-width: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail.is-empty .embedded-detail-header,
+.ai-customization-management-editor .ai-customization-embedded-detail.is-empty .embedded-detail-description {
+	display: none;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-header {
+	display: flex;
+	align-items: flex-start;
+	gap: 12px;
+	min-width: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-icon {
+	flex: 0 0 auto;
+	width: 32px;
+	height: 32px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-icon.codicon::before {
+	font-size: 28px;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-header-text {
+	flex: 1;
+	min-width: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-name {
+	margin: 0;
+	font-size: 18px;
+	line-height: 22px;
+	font-weight: 600;
+	word-break: break-word;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-scope {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	color: var(--vscode-descriptionForeground);
+	font-size: 12px;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-scope .codicon {
+	font-size: 12px;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-description {
+	color: var(--vscode-foreground);
+	font-size: 13px;
+	line-height: 1.4;
+	white-space: pre-wrap;
+	word-break: break-word;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-empty {
+	color: var(--vscode-descriptionForeground);
+	font-size: 13px;
+	padding: 8px 0;
 }
 
 /* Models section footer */
@@ -1008,30 +1091,6 @@
 	outline-offset: -1px;
 }
 
-/* Back to installed link */
-.mcp-list-widget .mcp-back-link {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	padding: 4px 6px;
-	cursor: pointer;
-	font-size: 12px;
-	color: var(--vscode-descriptionForeground);
-	flex-shrink: 0;
-	border-radius: 4px;
-	margin: 4px 0;
-}
-
-.mcp-list-widget .mcp-back-link:hover {
-	background-color: var(--vscode-toolbar-hoverBackground);
-	color: var(--vscode-foreground);
-}
-
-.mcp-list-widget .mcp-back-link:focus-visible {
-	outline: 1px solid var(--vscode-focusBorder);
-	outline-offset: -1px;
-}
-
 /* Gallery item specifics */
 .mcp-gallery-item .mcp-gallery-name-row {
 	display: flex;
@@ -1179,12 +1238,184 @@
 	opacity: 1;
 }
 
+.ai-customization-management-editor .editor-mode-button {
+	flex-shrink: 0;
+	height: 26px;
+	padding: 0 10px;
+	border-radius: 4px;
+	border: 1px solid var(--vscode-widget-border);
+	background: var(--vscode-button-secondaryBackground);
+	color: var(--vscode-button-secondaryForeground);
+	cursor: pointer;
+	font-size: 12px;
+	line-height: 24px;
+	transition: background-color 0.1s ease, border-color 0.1s ease;
+}
+
+.ai-customization-management-editor .editor-mode-button:hover {
+	background: var(--vscode-button-secondaryHoverBackground);
+}
+
+.ai-customization-management-editor .editor-mode-button:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: 1px;
+}
+
+.ai-customization-management-editor .editor-preview-container,
 .ai-customization-management-editor .embedded-editor-container {
 	flex: 1;
-	overflow: hidden;
 	margin-top: 8px;
 	border: 1px solid var(--vscode-widget-border);
 	border-radius: 4px;
+	min-height: 0;
+}
+
+.ai-customization-management-editor .editor-preview-container {
+	background: var(--vscode-editor-background);
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .editor-preview-scroll-container {
+	height: 100%;
+	overflow: auto;
+	padding: 16px;
+	box-sizing: border-box;
+	outline: none;
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+}
+
+.ai-customization-management-editor .editor-preview-section {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+}
+
+.ai-customization-management-editor .editor-preview-frontmatter-list {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+}
+
+.ai-customization-management-editor .editor-preview-row {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	padding: 10px 12px;
+	background: var(--vscode-editorWidget-background);
+	border: 1px solid var(--vscode-widget-border);
+	border-radius: 6px;
+}
+
+.ai-customization-management-editor .editor-preview-row-header {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+
+.ai-customization-management-editor .editor-preview-row-key {
+	font-size: 12px;
+	font-weight: 600;
+	color: var(--vscode-foreground);
+	font-family: var(--monaco-monospace-font);
+}
+
+.ai-customization-management-editor .editor-preview-row-help {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 20px;
+	height: 20px;
+	padding: 0;
+	border: none;
+	border-radius: 999px;
+	background: transparent;
+	color: var(--vscode-descriptionForeground);
+	cursor: pointer;
+}
+
+.ai-customization-management-editor .editor-preview-row-help:hover {
+	background: var(--vscode-toolbar-hoverBackground);
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .editor-preview-row-help:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: 1px;
+}
+
+.ai-customization-management-editor .editor-preview-row-help-icon {
+	font-size: 14px;
+	line-height: 14px;
+}
+
+.ai-customization-management-editor .editor-preview-row-value {
+	font-size: 13px;
+	line-height: 1.5;
+	color: var(--vscode-foreground);
+	white-space: pre-wrap;
+	word-break: break-word;
+}
+
+.ai-customization-management-editor .editor-preview-row-value.multiline {
+	font-family: var(--monaco-monospace-font);
+	font-size: 12px;
+}
+
+.ai-customization-management-editor .editor-preview-body-content {
+	padding: 12px 14px;
+	background: var(--vscode-editorWidget-background);
+	border: 1px solid var(--vscode-widget-border);
+	border-radius: 6px;
+}
+
+.ai-customization-management-editor .editor-preview-body-content > :first-child {
+	margin-top: 0;
+}
+
+.ai-customization-management-editor .editor-preview-body-content > :last-child {
+	margin-bottom: 0;
+}
+
+.ai-customization-management-editor .editor-preview-empty-state {
+	padding: 12px 14px;
+	background: var(--vscode-editorWidget-background);
+	border: 1px dashed var(--vscode-widget-border);
+	border-radius: 6px;
+	color: var(--vscode-descriptionForeground);
+	font-size: 12px;
+}
+
+.ai-customization-management-editor .editor-preview-issues-box {
+	padding: 12px 14px;
+	background: var(--vscode-inputValidation-warningBackground);
+	border: 1px solid var(--vscode-inputValidation-warningBorder);
+	border-radius: 6px;
+	color: var(--vscode-inputValidation-warningForeground);
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+}
+
+.ai-customization-management-editor .editor-preview-issues-title {
+	font-size: 12px;
+	font-weight: 600;
+}
+
+.ai-customization-management-editor .editor-preview-issues-description,
+.ai-customization-management-editor .editor-preview-issues-list {
+	font-size: 12px;
+	line-height: 1.4;
+}
+
+.ai-customization-management-editor .editor-preview-issues-list {
+	margin: 0;
+	padding-left: 18px;
+}
+
+.ai-customization-management-editor .embedded-editor-container {
+	overflow: hidden;
 }
 
 .ai-customization-management-editor .embedded-editor-container .monaco-editor {

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

@@ -3,11 +3,21 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-.ai-customization-management-editor .welcome-prompts-content-container {
+/* The DomScrollableElement wrapper fills the welcome page host */
+.ai-customization-management-editor .welcome-prompts-scrollable {
+	position: relative;
+	width: 100%;
 	height: 100%;
-	overflow-y: auto;
+}
+
+/* The inner element is the one DomScrollableElement scrolls.
+ * Constrain it so clientHeight < scrollHeight when content overflows. */
+.ai-customization-management-editor .welcome-prompts-content-container {
+	position: absolute;
+	inset: 0;
 	padding: 24px;
 	box-sizing: border-box;
+	overflow: hidden;
 }
 
 .ai-customization-management-editor .welcome-prompts-inner {

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

@@ -48,15 +48,22 @@ export declare class PluginListWidget extends Disposable {
     private disabledIcon;
     private disabledMessage;
     private readonly disabledLinkListener;
+    private buttonContainer;
     private browseButton;
-    private backLink;
+    private addButtonContainer;
+    private addButtonSimple;
+    private addButton;
+    private createPluginButton;
+    private readonly addDropdownActions;
     private installedItems;
+    private remoteItems;
     private displayEntries;
     private marketplaceItems;
     private searchQuery;
     private browseMode;
     private lastHeight;
     private lastWidth;
+    private _layoutDeferred;
     private readonly collapsedGroups;
     private marketplaceCts;
     private readonly delayedFilter;
@@ -65,10 +72,24 @@ export declare class PluginListWidget extends Disposable {
     private create;
     private refresh;
     private updateAccessState;
+    private get pluginActions();
+    private formatActionLabel;
+    private updateToolbarActions;
+    private isBrowseMarketplaceAvailable;
+    private updateAddButton;
+    private buildAddActions;
+    private getAddDropdownActions;
+    private runPrimaryButtonAction;
+    private runPrimaryAddAction;
+    private runCreatePluginAction;
+    private runPluginAction;
     showBrowseMarketplace(): void;
     private toggleBrowseMode;
     private queryMarketplace;
     private updateMarketplaceList;
+    private getRemotePluginItems;
+    private getRemoteGroupMetadata;
+    private appendGroup;
     private filterPlugins;
     /**
      * Gets the total item count from the underlying data array
@@ -85,6 +106,14 @@ export declare class PluginListWidget extends Disposable {
      * Prepends an element to the search row (left of the search input).
      */
     prependToSearchRow(element: HTMLElement): void;
+    /**
+     * Whether the widget is currently in marketplace browse mode.
+     */
+    isInBrowseMode(): boolean;
+    /**
+     * Exits marketplace browse mode and returns to the installed plugins list.
+     */
+    exitBrowseMode(): void;
     layout(height: number, width: number): void;
     focusSearch(): void;
     revealLastItem(): void;