Skip to content

Simplify transition effects for chat agent merge twistie - #334235

Merged
Lee Murray (mrleemurray) merged 2 commits into
mainfrom
mrleemurray/busy-tomato-marmoset
Sep 3, 2026
Merged

Simplify transition effects for chat agent merge twistie#334235
Lee Murray (mrleemurray) merged 2 commits into
mainfrom
mrleemurray/busy-tomato-marmoset

Conversation

@mrleemurray

Copy link
Copy Markdown
Contributor

Refactor transition effects for the chat agent merge twistie to enhance performance and reduce complexity. The opacity transition has been removed, streamlining the visual behavior during interactions. No associated issue. Testing can be done by observing the twistie's behavior during hover and focus events.

Copilot AI balanced review requested due to automatic review settings September 3, 2026 11:30

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.

🟢 Approval recommended

The focused CSS change is consistent with the stated purpose and preserves reduced-motion handling.

Pull request overview

Simplifies the Agent Merge twistie animation while preserving expansion feedback and reduced-motion behavior.

Changes:

  • Removes opacity transitions and conditional visibility.
  • Retains the rotation transition for expansion state.
File summaries
File Description
src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatAgentMergeContent.css Makes the twistie persistently visible and transition only its rotation.
Review details
  • Files reviewed: 1/1 changed files
  • Comments generated: 0
  • Review effort level: Balanced

💡 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 3, 2026

Copy link
Copy Markdown
Contributor

Screenshot Changes

Base: ff8ef0b0 Current: 248d596d

Changed (31)

chat/chatAgentMerge/Comments/Dark
Before After
before after
chat/chatAgentMerge/Comments/Light
Before After
before after
chat/chatAgentMerge/SingleComment/Dark
Before After
before after
chat/chatAgentMerge/SingleComment/Light
Before After
before after
chat/chatAgentMerge/FailingChecks/Dark
Before After
before after
chat/chatAgentMerge/FailingChecks/Light
Before After
before after
chat/chatAgentMerge/FailingChecks/DarkHighContrast
Before After
before after
chat/chatAgentMerge/CommentsAndFailingChecks/Dark
Before After
before after
chat/chatAgentMerge/CommentsAndFailingChecks/Light
Before After
before after
chat/chatAgentMerge/Conflicting/Dark
Before After
before after
chat/chatAgentMerge/Conflicting/Light
Before After
before after
chat/chatAgentMerge/BehindBase/Dark
Before After
before after
chat/chatAgentMerge/BehindBase/Light
Before After
before after
chat/chatAgentMerge/Expanded/Dark
Before After
before after
chat/chatAgentMerge/Expanded/Light
Before After
before after
chat/chatAgentMerge/ExpandedWithReviewSummary/Dark
Before After
before after
chat/chatAgentMerge/ExpandedWithReviewSummary/Light
Before After
before after
chat/chatAgentMerge/ExpandedAgentMessage/Dark
Before After
before after
chat/chatAgentMerge/ExpandedAgentMessage/Light
Before After
before after
chat/chatAgentMerge/ExpandedDuplicateFileNames/Dark
Before After
before after
chat/chatAgentMerge/ExpandedDuplicateFileNames/Light
Before After
before after
chat/chatAgentMerge/ExpandedMarkdownComment/Dark
Before After
before after
chat/chatAgentMerge/ExpandedMarkdownComment/Light
Before After
before after
chat/chatAgentMerge/ExpandedWithLinkedComments/Dark
Before After
before after
chat/chatAgentMerge/ExpandedWithLinkedComments/Light
Before After
before after
chat/chatAgentMerge/InChat/Dark
Before After
before after
chat/chatAgentMerge/InChat/Light
Before After
before after
chat/chatAgentMergeFlow/FullConversation/Dark
Before After
before after
chat/chatAgentMergeFlow/FullConversation/Light
Before After
before after
chat/chatAgentMergeFlow/FullConversationMergedNoticeHovered/Dark
Before After
before after
chat/chatAgentMergeFlow/FullConversationMergedNoticeHovered/Light
Before After
before after

Errored (8)

Fixtures that failed to render — no screenshot was produced.

sessions/remoteHostUnavailable/remoteHostUnavailableEmptyState/HostNotRunning/Dark — unknown error (no image hash produced)
unknown error (no image hash produced)
sessions/remoteHostUnavailable/remoteHostUnavailableEmptyState/HostNotRunning/Light — unknown error (no image hash produced)
unknown error (no image hash produced)
sessions/remoteHostUnavailable/remoteHostUnavailableEmptyState/HostNotRunningAutoStart/Dark — unknown error (no image hash produced)
unknown error (no image hash produced)
sessions/remoteHostUnavailable/remoteHostUnavailableEmptyState/HostNotRunningAutoStart/Light — unknown error (no image hash produced)
unknown error (no image hash produced)
sessions/remoteHostUnavailable/remoteHostUnavailableEmptyState/HostDisconnected/Dark — unknown error (no image hash produced)
unknown error (no image hash produced)
sessions/remoteHostUnavailable/remoteHostUnavailableEmptyState/HostDisconnected/Light — unknown error (no image hash produced)
unknown error (no image hash produced)
sessions/remoteHostUnavailable/remoteHostUnavailableEmptyState/Connecting/Dark — unknown error (no image hash produced)
unknown error (no image hash produced)
sessions/remoteHostUnavailable/remoteHostUnavailableEmptyState/Connecting/Light — unknown error (no image hash produced)
unknown error (no image hash produced)

@mrleemurray
Lee Murray (mrleemurray) merged commit 4043ece into main Sep 3, 2026
40 checks passed
@mrleemurray
Lee Murray (mrleemurray) deleted the mrleemurray/busy-tomato-marmoset branch September 3, 2026 12:01
@vs-code-engineering vs-code-engineering Bot added this to the 1.137.0 milestone Sep 3, 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.

4 participants