Skip to content

Add search and extension-host filter to Running Extensions - #328402

Open
Aaditya Sriram (aadisriram) wants to merge 3 commits into
microsoft:mainfrom
aadisriram:aaditya/running-extensions-search-filter
Open

Add search and extension-host filter to Running Extensions#328402
Aaditya Sriram (aadisriram) wants to merge 3 commits into
microsoft:mainfrom
aadisriram:aaditya/running-extensions-search-filter

Conversation

@aadisriram

Copy link
Copy Markdown

Summary

  • Add a sticky search bar to the Running Extensions editor so users can quickly find extensions by display name or id
  • Add an extension-host filter dropdown with All / Local / Remote plus per-host entries (local process and web worker affinities; single remote host)
  • Polish the filter chrome so it matches native VS Code editor UI (aligned control heights, consistent padding, distinct sticky header)

Changes

  • abstractRuntimeExtensionsEditor.ts: sticky header with search + host SelectBox; in-memory filtering over resolved runtime extensions
  • runtimeExtensionsEditor.css: sticky header styling, matched 28px control heights, spacing/border/shadow
  • runtimeExtensionsEditor.ts: pass IContextViewService through for the new controls

Screenshots

Overview (sticky search + host filter)

Running Extensions overview with sticky search and host filter

Search filtering

Running Extensions filtered by search term Git

Test plan

  • Open Developer: Show Running Extensions
  • Confirm sticky header stays fixed while scrolling the list
  • Search by extension display name and by id; clearing search restores the full list
  • Host filter: All / Local / Remote behave as expected
  • With extensions.experimental.affinity, per-host options (e.g. Local Process 2) appear and filter correctly
  • In a remote window, Remote host option labels and filters correctly
  • Search + host filter combine (AND)
  • Search input and host dropdown are the same height and look aligned

Copilot AI review requested due to automatic review settings July 31, 2026 12:37

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds search and extension-host filtering to the Running Extensions editor.

Changes:

  • Adds display-name/ID search and host filtering.
  • Adds a fixed filter header with aligned controls.
  • Wires the context-view service into the editor.

Reviewed changes

Copilot reviewed 3 out of 5 changed files in this pull request and generated 3 comments.

File Description
abstractRuntimeExtensionsEditor.ts Implements filtering and filter controls.
runtimeExtensionsEditor.css Styles the filter header and controls.
runtimeExtensionsEditor.ts Injects the context-view service.

Comment thread src/vs/workbench/contrib/extensions/browser/abstractRuntimeExtensionsEditor.ts Outdated
Comment thread src/vs/workbench/contrib/extensions/browser/media/runtimeExtensionsEditor.css Outdated
@aadisriram

Copy link
Copy Markdown
Author

@microsoft-github-policy-service agree

- abstractRuntimeExtensionsEditor.ts: Add a sticky header with search input and host SelectBox; keep the full resolved list and filter in memory by name/id and by Local/Remote/per-host running location.
- runtimeExtensionsEditor.css: Style the sticky filter chrome (distinct background, border, shadow) and align search/dropdown height, padding, and spacing with native editor UI.
- runtimeExtensionsEditor.ts: Wire IContextViewService through the desktop editor constructor for the new InputBox/SelectBox controls.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants