Remove redundant back-to-installed links from MCP/Plugin widgets#311456
Merged
joshspicer merged 1 commit intomainfrom Apr 20, 2026
Merged
Remove redundant back-to-installed links from MCP/Plugin widgets#311456joshspicer merged 1 commit intomainfrom
joshspicer merged 1 commit intomainfrom
Conversation
Leverage the global back arrow button (left of search) to handle browse-mode exit instead of showing separate 'Back to installed servers/plugins' links inside each widget. - Parameterize createBackArrowButton with optional click handler - For MCP/Plugin sections, exit browse mode on click when active - Remove backLink DOM element, listeners, and layout accounting - Remove .mcp-back-link CSS styles - Add public isInBrowseMode()/exitBrowseMode() to both widgets Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Contributor
Screenshot ChangesBase: Changed (4) |
Contributor
There was a problem hiding this comment.
Pull request overview
This PR simplifies the MCP Servers and Plugins management UI by removing the redundant in-list “Back to installed …” links and reusing the global back arrow to exit marketplace browse mode when applicable.
Changes:
- Updated the management editor to allow the global back arrow to run a custom click handler for MCP/Plugin sections (exit browse mode if active, otherwise return to overview).
- Removed the in-widget back-link UI and related layout accounting from MCP/Plugin list widgets; added
isInBrowseMode()/exitBrowseMode()APIs. - Deleted now-unused CSS styles for the removed back-link element.
Show a summary per file
| File | Description |
|---|---|
| src/vs/workbench/contrib/chat/browser/aiCustomization/aiCustomizationManagementEditor.ts | Adds optional click handler support for the global back arrow and wires it to exit browse mode in MCP/Plugins. |
| src/vs/workbench/contrib/chat/browser/aiCustomization/mcpListWidget.ts | Removes the in-list back link; exposes browse-mode query/exit APIs; adjusts list layout. |
| src/vs/workbench/contrib/chat/browser/aiCustomization/pluginListWidget.ts | Removes the in-list back link; exposes browse-mode query/exit APIs; adjusts list layout. |
| src/vs/workbench/contrib/chat/browser/aiCustomization/media/aiCustomizationManagement.css | Removes .mcp-back-link styling now that the element is gone. |
Copilot's findings
Comments suppressed due to low confidence (1)
src/vs/workbench/contrib/chat/browser/aiCustomization/aiCustomizationManagementEditor.ts:787
- The back arrow button’s aria-label/hover text is always "Back to overview", but in MCP/Plugins the click handler can exit marketplace browse mode (back to installed) instead. This makes the accessible name/tooltip inaccurate when browse mode is active. Consider allowing the label/tooltip to be provided by the caller (or update it dynamically based on widget browse state) so it matches the actual action.
private createBackArrowButton(onClick?: () => void): HTMLButtonElement {
const button = $('button.section-back-arrow-button') as HTMLButtonElement;
button.type = 'button';
button.setAttribute('aria-label', localize('backToOverview', "Back to overview"));
this.editorDisposables.add(this.hoverService.setupManagedHover(getDefaultHoverDelegate('element'), button, localize('backToOverviewTooltip', "Back to overview")));
- Files reviewed: 4/4 changed files
- Comments generated: 0
DonJayamanne
approved these changes
Apr 20, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
The global back arrow button (left of the search input) now handles exiting marketplace browse mode in MCP Servers and Plugins tabs, removing the redundant "← Back to installed servers/plugins" links that cluttered the UI.
Changes
aiCustomizationManagementEditor.ts—createBackArrowButtonandinjectBackArrowIntoSearchRownow accept an optional click handler. For MCP/Plugin sections, the handler exits browse mode when active, otherwise navigates back to the overview.mcpListWidget.ts/pluginListWidget.ts— Removed the in-listbackLinkelement, its DOM listeners, thebackLinkfield, and the back-link height accounting inlayout(). Added publicisInBrowseMode()/exitBrowseMode()API for the editor to drive browse mode transitions.aiCustomizationManagement.css— Removed.mcp-back-linkstyles (24 lines).Before / After