microsoft/vscode PR #320687 — Clearer picker descriptions and visual tweaks — PR #320687
microsoft/vscode · pull request #320687 ·
Transcript
PlainEnglish
We're looking at PR 320687 in VS Code — a small UI polish pass on the agent-host picker components. This one's all about making mode descriptions shorter and adding a visual separator in permissions dialogs.
PlainEnglish
The main goal here is improving picker text clarity by shortening descriptions. We're also separating the learn-more action with a visual divider, extracting a few localization strings to avoid redundant calls, and adjusting the responsive breakpoint for picker labels on narrow screens.
PlainEnglish
The picker descriptions were a bit wordy — things like 'Ask for input and approval for each action' — which cluttered the UI. The learn-more link in permissions dialogs also blended in with other actions. This PR tightens up the text and adds visual separation so users can scan options more quickly.
Architecture
Five files touched, all in the agent-host picker subsystem. We've got the schema defining mode descriptions, three picker components that render those options, and a CSS file for responsive behavior. Let's walk through the changes.
Architecture
Here's the first text update. The Interactive mode description went from 'Ask for input and approval for each action' to 'Step-by-step collaboration'. Much tighter. The Plan mode saw a similar change — from 'Generate a plan first, then choose how to execute it' to 'Plan first, execute when ready'.
Architecture
The picker rendering logic was updated to use the detail field instead of description. This is a semantic shift — detail is for supporting text that clarifies the primary label, while description is for richer explanations. All three picker files got this change for consistency.
Architecture
In the chat input picker, the learn-more action now gets a visual separator before it, and the localization string is extracted to a constant. This avoids calling localize multiple times for the same text and makes the learn-more link stand out as a secondary action rather than a primary picker option.
Architecture
And finally, the responsive breakpoint for hiding picker labels was tightened from 480 pixels to 320. That means labels stick around longer on narrow screens — only disappearing when space is really tight.
PlainEnglish
After this lands, the agent-host pickers are cleaner and easier to scan. Mode descriptions are concise, the learn-more link is visually separated, and the rendering is consistent across all three picker implementations. No API changes — these are purely presentational updates.
CodeQuality
The agent looked at error handling in picker actions, localization infrastructure, icon rendering, and action list item construction. Everything checked out — error handling is appropriate, localization is consistent, and the detail field is applied uniformly across all three pickers.
PlainEnglish
That wraps it up. A small UI polish pass that tightens picker descriptions and adds visual separation to the learn-more action. No API changes, just a nicer experience for users interacting with agent-host pickers.
How this was made
Lenzon read microsoft/vscode at pull request #320687 and generated this walkthrough automatically. The narration above is the transcript of what it says.
Explain a pull request from your own repo
Point Lenzon at a repo or a pull request and get a narrated walkthrough like this one.
Try it