microsoft / microsoft/vscode

Dev Container workspace picker needs clearer actions and location indication

Open
#335,653 0 comments 0 reactions 2 assignees Claimed by @meganrogge View on GitHub
agents-window containers polish ux
Dominant language
TypeScript
Stars
193k
Forks
42.4k
PR merge metrics
PR metrics pending

Description

Testing #335485

The Dev Container workspace-selection flow has two related UX concerns.

## 1. Remove action is visually disconnected from the submenu

When hovering a recent workspace row, the **Remove** action is positioned far from the submenu chevron and overlaps the visual flow into the submenu. The relationship between the row action and the submenu feels awkward and needs UX consideration.

![Workspace picker with distant Remove action](https://github.com/user-attachments/assets/5871e5a1-695b-42eb-b3ce-6cc1fa43242b)

## 2. Appending `- Dev Container` to the workspace name will not scale

After choosing **Use Dev Container**, the workspace chip appends `- Dev Container` to the folder name. This becomes increasingly difficult to scan as workspace names get longer and does not scale if more execution locations are added.

Consider presenting the execution location as a separate pill or other compact indicator, for example:

- Local
- Dev Container
- Cloud

This would keep the workspace identity and execution location visually distinct.

![Workspace chip with Dev Container suffix](https://github.com/user-attachments/assets/78abbeda-aa46-4e12-8603-298754fabeb7)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.