Skip to content

Fix agent session status alignment - #334083

Merged
Megan Rogge (meganrogge) merged 3 commits into
mainfrom
agents/fix-vscode-issue-333486
Sep 2, 2026
Merged

Fix agent session status alignment#334083
Megan Rogge (meganrogge) merged 3 commits into
mainfrom
agents/fix-vscode-issue-333486

Conversation

@meganrogge

@meganrogge Megan Rogge (meganrogge) commented Sep 2, 2026

Copy link
Copy Markdown
Collaborator
Image

Fixes #333486

The global rendered-markdown codicon rule shifts icons down to align them with surrounding text. Rich links already manage their own icon alignment, but only the leading icon had its offset reset. This change also resets the trailing status icon, including while an agent chat link is temporarily rendered as a generic loading resource, and adds both in-progress chat and loading states to the existing rich-link component fixture.

Testing

  • npm run stylelint -- src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatRichLink.css
  • ./scripts/test.sh --run src/vs/workbench/contrib/chat/test/browser/widget/chatContentParts/chatRichLink.test.ts
  • Verified in a live Agents window that both the pending chat status dot and the generic loading status dot share the exact vertical center with their content

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Copilot AI balanced review requested due to automatic review settings September 2, 2026 18:44

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 CSS change correctly fixes alignment without affecting spinner rendering.

Review tier: Balanced
Findings: None

What changed in this PR

Centers session and chat rich-link status codicons while preserving spinner layout.

Changes:

  • Applies inline-flex centering to trailing status codicons.
File Description
chatRichLink.css Centers session/chat status icons.

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

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

github-actions Bot commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

Screenshot Changes

Base: 45f3f80c Current: b1f44e3c

Changed (4)

chat/chatRichLink/inChat/Dark
Before After
before after
chat/chatRichLink/inChat/Light
Before After
before after
chat/chatRichLink/sessionStates/Dark
Before After
before after
chat/chatRichLink/sessionStates/Light
Before After
before after

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

@meganrogge
Megan Rogge (meganrogge) merged commit ec092ce into main Sep 2, 2026
60 of 61 checks passed
@meganrogge
Megan Rogge (meganrogge) deleted the agents/fix-vscode-issue-333486 branch September 2, 2026 20:16
@vs-code-engineering vs-code-engineering Bot added this to the 1.137.0 milestone Sep 2, 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.

Agents - chat rendering in the chat content

3 participants