sessions: simplify titlebar session actions#311778
Merged
hawkticehurst merged 3 commits intomainfrom Apr 22, 2026
Merged
Conversation
Remove the remaining titlebar separators and extra spacing around the session picker and session action groups. Also drop the command-center Mark as Done button and rename the Add Chat tooltip to New Sub-Session to better match the sub-session workflow. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Contributor
Screenshot ChangesBase: Changed (4)
|
| Before | After |
|---|---|
 |
 |
editor/inlineCompletions/other/JumpToHint/Dark
| Before | After |
|---|---|
 |
 |
agentSessionsViewer/CompletedUnread/Dark
| Before | After |
|---|---|
 |
 |
agentSessionsViewer/CompletedUnread/Light
| Before | After |
|---|---|
 |
 |
Contributor
There was a problem hiding this comment.
Pull request overview
This PR tightens the Agent Sessions titlebar UI by removing visual separators/extra spacing, simplifying the active session label formatting, and aligning the “add chat” action copy with the sub-session workflow.
Changes:
- Removed the Command Center “Mark as Done” action and renamed the “Add Chat” action title to “New Sub-Session”.
- Removed the dot separator between session title and repo metadata (both in DOM and tooltip label).
- Replaced vertical separator bars with spacing-only separation in relevant titlebar CSS, and updated the layout spec.
Reviewed changes
Copilot reviewed 6 out of 6 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
| src/vs/sessions/contrib/sessions/browser/views/sessionsViewActions.ts | Removes “Mark as Done” from Command Center and renames the plus action label. |
| src/vs/sessions/contrib/sessions/browser/sessionsTitleBarWidget.ts | Removes dot separator from computed pill label and DOM rendering. |
| src/vs/sessions/contrib/sessions/browser/media/sessionsTitleBarWidget.css | Removes separator-bar styling/spacing next to the session picker item. |
| src/vs/sessions/contrib/changes/browser/media/changesTitleBarWidget.css | Removes the previous spacing/separator styling between action groups. |
| src/vs/sessions/browser/parts/media/titlebarpart.css | Replaces a separator bar with margin-based spacing between right-side action groups. |
| src/vs/sessions/LAYOUT.md | Updates layout documentation and revision history to reflect the new titlebar UX. |
Comments suppressed due to low confidence (1)
src/vs/sessions/LAYOUT.md:92
- This section still refers to
IActiveSessionService.getActiveSession()/IActiveSessionService.activeSessionandIAgentSessionsService.model.onDidChangeSessions, but the current implementation of the titlebar widget usesISessionsManagementService.activeSessionandISessionsManagementService.onDidChangeSessions. Please update these bullets to match the actual service names/APIs so the layout spec stays accurate.
- Keeps the command center focused on the session picker widget itself, without an adjacent "Mark as Done" action button
- Truncates the repository/worktree metadata with ellipsis before truncating the primary AI-generated session title when command center space is constrained
- On click, opens the `AgentSessionsPicker` quick pick to switch between sessions
- Gets the active session label from `IActiveSessionService.getActiveSession()` and the live model title from `IChatService`, falling back to "New Session" if no active session is found
- Re-renders automatically when the active session changes via `autorun` on `IActiveSessionService.activeSession`, and when session data changes via `IAgentSessionsService.model.onDidChangeSessions`
Agent-Logs-Url: https://github.com/microsoft/vscode/sessions/c18ac022-43b9-4f2b-bd4c-e6a85a1ac931 Co-authored-by: hawkticehurst <39639992+hawkticehurst@users.noreply.github.com>
benvillalobos
previously approved these changes
Apr 21, 2026
roblourens
approved these changes
Apr 22, 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
Part of #310014 workstream
Why
Notes
src/vs/sessions/LAYOUT.mdto keep the layout spec in syncnpm run compile-check-ts-nativenode --experimental-strip-types build/hygiene.tson the changed files