Skip to content

sessions: align list row hover feedback - #336953

Merged
Sandeep Somavarapu (sandy081) merged 3 commits into
mainfrom
agents/bg-hover-feedbacks-are-not-similar-on-folder
Sep 21, 2026
Merged

Sandeep Somavarapu (sandy081) merged 3 commits into
mainfrom
agents/bg-hover-feedbacks-are-not-similar-on-folder

Conversation

@sandy081

Copy link
Copy Markdown
Member

Aligns hover feedback across Sessions list rows so sessions, workspace folders, custom groups, shortcuts, and show-more rows use the same full-width square background.

Preserves the intended content spacing for section labels and show-more separators, and reserves the row-spacing height for shortcut entries. Adds regression coverage for row classes, geometry, and padding.

Validation:

  • npm run compile
  • npm run hygiene
  • ./scripts/test.sh --run src/vs/sessions/contrib/sessions/test/browser/sessionsList.test.ts (145 passing)
  • Live Agents window verification of hover color, width, radius, margins, and content padding

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.

Copilot review overview

🟢 Approval recommended

The focused implementation matches the intended behavior and includes appropriate regression coverage.

Review effort: Balanced
Findings: None

What changed in this PR

Aligns hover feedback across Agents window session-list rows while preserving spacing and responsive behavior.

Changes:

  • Standardizes full-width, square row feedback.
  • Preserves shortcut spacing and show-more padding.
  • Adds regression coverage for classes, geometry, and padding.
File Description
src/​vs/​sessions/​contrib/​sessions/​test/​browser/​sessionsList.test.ts Tests row styling, spacing, and geometry.
src/​vs/​sessions/​contrib/​sessions/​browser/​views/​sessionsList.ts Applies section classes and shortcut spacing.
src/​vs/​sessions/​contrib/​sessions/​browser/​media/​sessionsList.css Unifies row feedback styling and padding.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

@github-actions

github-actions Bot commented Sep 20, 2026

Copy link
Copy Markdown
Contributor

Screenshot Changes

Base: dc9db4a0 Current: f69ce2d9

Changed (63)

sessions/sessionsList/SessionsList_Confetti/Dark
Before After
before after
sessions/sessionsList/SessionsList_Confetti/Light
Before After
before after
sessions/sessionsList/SessionsList_ArchiveOnboarding/Dark
Before After
before after
sessions/sessionsList/SessionsList_ArchiveOnboarding/Light
Before After
before after
sessions/sessionsList/SessionsList_ArchiveOnboarding/DarkHighContrast
Before After
before after
sessions/sessionsList/SessionsList_MarkAsDoneOnboarding/Dark
Before After
before after
sessions/sessionsList/SessionsList_MarkAsDoneOnboarding/Light
Before After
before after
sessions/sessionsList/SessionsList_CustomGroup/Dark
Before After
before after
sessions/sessionsList/SessionsList_CustomGroup/Light
Before After
before after
sessions/sessionsList/SessionsList_Compact/Dark
Before After
before after
sessions/sessionsList/SessionsList_Compact/Light
Before After
before after
sessions/sessionsList/SessionsList_CompactTwistie/Dark
Before After
before after
sessions/sessionsList/SessionsList_CompactTwistie/Light
Before After
before after
sessions/sessionsList/SessionsList_UnreadStatusIcons/Dark
Before After
before after
sessions/sessionsList/SessionsList_UnreadStatusIcons/Light
Before After
before after
sessions/sessionsList/SessionsList_CompactUnreadStatusIcons/Dark
Before After
before after
sessions/sessionsList/SessionsList_CompactUnreadStatusIcons/Light
Before After
before after
sessions/sessionsList/SessionsList_CompactNeedsInput/Dark
Before After
before after
sessions/sessionsList/SessionsList_CompactNeedsInput/Light
Before After
before after
sessions/sessionsList/SessionsList_CompactSessionRename/Dark
Before After
before after
sessions/sessionsList/SessionsList_CompactSessionRename/Light
Before After
before after
sessions/sessionsList/SessionsList_CompactChatRename/Dark
Before After
before after
sessions/sessionsList/SessionsList_CompactChatRename/Light
Before After
before after
sessions/sessionsList/SessionsList_CustomGroup_LongWorkspaceNarrow/Dark
Before After
before after
sessions/sessionsList/SessionsList_CustomGroup_LongWorkspaceNarrow/Light
Before After
before after
sessions/sessionsList/SessionsList_NarrowHoverToolbar/Dark
Before After
before after
sessions/sessionsList/SessionsList_NarrowHoverToolbar/Light
Before After
before after
sessions/sessionsList/SessionsList_SelectedKeyboardFocus/Dark
Before After
before after
sessions/sessionsList/SessionsList_SelectedKeyboardFocus/Light
Before After
before after
sessions/sessionsList/SessionsList_SelectedKeyboardFocus/DarkHighContrast
Before After
before after
sessions/sessionsList/SessionsList_CustomGroup_InProgress/Dark
Before After
before after
sessions/sessionsList/SessionsList_CustomGroup_InProgress/Light
Before After
before after
sessions/sessionsList/SessionsList_PeerChatInProgress/Dark
Before After
before after
sessions/sessionsList/SessionsList_PeerChatInProgress/Light
Before After
before after
sessions/sessionsList/SessionsList_WorkspaceSection/Dark
Before After
before after
sessions/sessionsList/SessionsList_WorkspaceSection/Light
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge/Dark
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge/Light
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge/DarkHighContrast
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Accent/Dark
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Accent/Light
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Accent/DarkHighContrast
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Soft/Dark
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Soft/Light
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Soft/DarkHighContrast
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Unread/Dark
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Unread/Light
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Unread/DarkHighContrast
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Narrow/Dark
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Narrow/Light
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Narrow/DarkHighContrast
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Running/Dark
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Running/Light
Before After
before after
sessions/sessionsList/SessionsList_AutomationsNewBadge_Running/DarkHighContrast
Before After
before after
sessions/sessionsList/SessionsList_CustomGroup_Phone/Dark
Before After
before after
sessions/sessionsList/SessionsList_CustomGroup_Phone/Light
Before After
before after
sessions/sessionsList/SessionsList_NestedChatApprovals/Dark
Before After
before after
sessions/sessionsList/SessionsList_NestedChatApprovals/Light
Before After
before after
sessions/sessionsList/SessionsList_NestedChatHierarchyGuides/Dark
Before After
before after
sessions/sessionsList/SessionsList_NestedChatHierarchyGuides/Light
Before After
before after
sessions/sessionsList/SessionsList_NestedChatApprovals_Phone/Dark
Before After
before after
sessions/sessionsList/SessionsList_NestedChatApprovals_Phone/Light
Before After
before after
chat/agent-lifecycle/chatAgentLifecycle/RetainedFollowUpLatestTurn/LightHighContrast
Before After
before after

2 insignificant change(s) omitted (≤20 px, Δ≤2). See CI logs for details.

Use consistent full-width hover geometry for session, section, shortcut, and show-more rows while preserving each row's content spacing.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Accept the component-fixture baselines for the intentional Sessions list hover and spacing changes.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Keep the rebased blocks-ci manifest byte-for-byte compatible with the generated fixture list.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@sandy081
Sandeep Somavarapu (sandy081) force-pushed the agents/bg-hover-feedbacks-are-not-similar-on-folder branch from 3680c51 to 213244c Compare September 21, 2026 07:49
@sandy081
Sandeep Somavarapu (sandy081) merged commit aca2ff4 into main Sep 21, 2026
33 checks passed
@sandy081
Sandeep Somavarapu (sandy081) deleted the agents/bg-hover-feedbacks-are-not-similar-on-folder branch September 21, 2026 08:09
@sandy081 Sandeep Somavarapu (sandy081) added the ~release-cherry-pick Trigger: cherry-pick this PR to the latest release branch label Sep 21, 2026
@vs-code-engineering vs-code-engineering Bot added release-cherry-pick Automated cherry-pick between release and main branches and removed ~release-cherry-pick Trigger: cherry-pick this PR to the latest release branch labels Sep 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

release-cherry-pick Automated cherry-pick between release and main branches

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants