Skip to content

sessions: simplify secondary sidebar titlebar toggle#311787

Merged
hawkticehurst merged 5 commits intomainfrom
agents/update-changes-sidebar-button
Apr 22, 2026
Merged

sessions: simplify secondary sidebar titlebar toggle#311787
hawkticehurst merged 5 commits intomainfrom
agents/update-changes-sidebar-button

Conversation

@hawkticehurst
Copy link
Copy Markdown
Member

@hawkticehurst hawkticehurst commented Apr 21, 2026

Summary

Part of #310014 workstream.

  • replace the Changes titlebar diff-stats widget with the generic secondary sidebar toggle icon
  • use right-sidebar codicon variants to reflect toggle state instead of rendering inline diff metadata
  • keep the terminal toggle checked styling, but remove the persistent checked background from the secondary sidebar toggle while preserving hover styling
  • switch the command-center title container spacing from padding-left to margin-left
Screenshot 2026-04-21 at 5 05 41 PM copy Screenshot 2026-04-21 at 5 08 34 PM Screenshot 2026-04-21 at 5 15 01 PM

Why

  • makes the Changes button behave like a standard secondary sidebar toggle
  • removes dense diff-specific UI from the titlebar in favor of a simpler, more consistent affordance
  • keeps the open/closed state readable through icon variants without the extra active background treatment
  • aligns the command-center title spacing with the updated layout behavior

Notes

  • this PR now targets main directly and contains only the four follow-up commits for this change
  • npm run compile-check-ts-native passes
  • npm run hygiene currently fails in this worktree because of pre-existing extensions/**/tsconfig.tsbuildinfo hygiene errors unrelated to these changes

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR continues the Agents window title bar UX cleanup by turning the Changes titlebar control into a standard secondary sidebar toggle (icon-only, state indicated via icon variants) and simplifying associated styling.

Changes:

  • Replace the Changes diff-stats titlebar widget with a generic secondary sidebar toggle that uses open/closed right-sidebar icon variants.
  • Remove the diff-stats-specific CSS and custom action view item rendering.
  • Adjust command-center title container spacing by switching from padding-left to margin-left, with corresponding override when the sidebar is present.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File Description
src/vs/sessions/contrib/sessions/browser/media/sessionsTitleBarWidget.css Updates command-center title container spacing to use margin-left instead of padding-left.
src/vs/sessions/contrib/changes/browser/media/changesTitleBarWidget.css Removes diff-stats widget styles, leaving only a spacing rule for the titlebar actions.
src/vs/sessions/contrib/changes/browser/changesTitleBarWidget.ts Simplifies the Changes toggle to a standard secondary sidebar toggle with registered icon variants for open/closed states.
src/vs/sessions/browser/parts/media/titlebarpart.css Removes persistent “checked” background styling for the secondary sidebar toggle while preserving hover styling.

Comment thread src/vs/sessions/contrib/changes/browser/media/changesTitleBarWidget.css Outdated
hawkticehurst and others added 4 commits April 22, 2026 14:18
Replace the custom diff stats indicator (showing +insertions/-deletions) in
the titlebar with a simple right sidebar toggle using layoutSidebarRight /
layoutSidebarRightOff codicons to match the left sidebar toggle behavior.

- Drop ChangesTitleBarActionViewItem and all diff stat rendering logic
- Use icon variants (layoutSidebarRightOff / layoutSidebarRight) for toggle
  state instead of background toggling
- Update tooltip to 'Toggle Secondary Side Bar Visibility'
- Remove diff stat CSS (insertions, deletions, custom indicator styles)
- Add CSS override so the right sidebar button does not show the activeBackground
  when toggled (relying on icon variants like the left sidebar)

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Target the secondary sidebar titlebar toggle by its icon classes so it
opts out of the shared checked background styling without affecting the
terminal toggle.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Allow the secondary sidebar titlebar toggle to keep the normal hover
background when checked, while still suppressing the persistent checked
background.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Use margin-left for the command center title container spacing and
update the sidebar-visible override to reset margin-left instead of
padding-left.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@hawkticehurst hawkticehurst force-pushed the agents/update-changes-sidebar-button branch from fa12b09 to 9211ae0 Compare April 22, 2026 18:19
@vs-code-engineering
Copy link
Copy Markdown
Contributor

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

@deepak1556

Matched files:

  • src/vs/code/electron-main/app.ts
  • src/vs/code/node/cli.ts

@jrieken

Matched files:

  • src/vs/workbench/contrib/inlineChat/browser/inlineChatController.ts
  • src/vs/workbench/contrib/inlineChat/browser/inlineChatZoneWidget.ts
  • src/vs/workbench/contrib/inlineChat/browser/media/inlineChat.css
  • src/vs/workbench/contrib/inlineChat/common/inlineChat.ts

@hawkticehurst hawkticehurst changed the base branch from agents/update-session-app-title-bar to main April 22, 2026 18:20
@hawkticehurst hawkticehurst requested a review from Copilot April 22, 2026 18:24
@hawkticehurst
Copy link
Copy Markdown
Member Author

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

@deepak1556

Matched files:

  • src/vs/code/electron-main/app.ts
  • src/vs/code/node/cli.ts

@jrieken

Matched files:

  • src/vs/workbench/contrib/inlineChat/browser/inlineChatController.ts
  • src/vs/workbench/contrib/inlineChat/browser/inlineChatZoneWidget.ts
  • src/vs/workbench/contrib/inlineChat/browser/media/inlineChat.css
  • src/vs/workbench/contrib/inlineChat/common/inlineChat.ts

@deepak1556 / @jrieken feel free to ignore. I had Copilot make some changes that resulted in a crazy git force push that polluted the commit log for this PR. None of the files listed above have actually been changed in this PR.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Copilot reviewed 4 out of 4 changed files in this pull request and generated 2 comments.

Comment thread src/vs/sessions/contrib/changes/browser/changesTitleBarWidget.ts
- clarify the remaining changes titlebar CSS comment
- avoid command center overflow when sidebar spacing uses margin
- give the changes toggle a changes-specific action title while keeping
  the requested secondary-sidebar tooltip text

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@github-actions
Copy link
Copy Markdown
Contributor

Screenshot Changes

Base: 6baf3290 Current: d1ab7254

Changed (2)

chat/aiCustomizations/aiCustomizationManagementEditor/McpBrowseMode/Light
Before After
before after
editor/inlineCompletions/other/JumpToHint/Dark
Before After
before after

@hawkticehurst hawkticehurst merged commit 186e798 into main Apr 22, 2026
26 checks passed
@hawkticehurst hawkticehurst deleted the agents/update-changes-sidebar-button branch April 22, 2026 21:04
@vs-code-engineering vs-code-engineering Bot added this to the 1.118.0 milestone Apr 22, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants