mirror of
https://github.com/microsoft/vscode.git
synced 2026-08-16 11:17:35 +01:00
Elijah KingandCopilot
6d1d6070d0
Apply the circular send styling across every chat composer, not just the editor one: - The sessions part re-declared the send button's radius as `cornerRadius-small`, overriding the base rule and leaving the Agents window's active chat a rounded square. Drop those overrides so it inherits from chat.css — duplicating the radius per surface is what let the two drift apart in the first place. - The Agents window's new-chat composer is a distinct widget with its own send button, so give `.sessions-chat-send-button` the circular radius too, and carry the ringed-circle treatment to its voice toolbar and dictation mic so the row stays consistent with the editor. Use the compact glyph for Add Context. `Codicon.addCompact` exists, and the convention is to swap to the optically tuned glyph rather than only scaling the base one. Updated in both composers plus the automation dialog's selector, and the Agents attach button drops an off-ramp 14px size in the process. The design-tokens doc listed "plus" as having no compact variant, which is no longer true. Add screenshot fixture variants for the standalone dictation and Voice Mode controls across all eight states they style differently: dictation idle / recording / preparing, and Voice Mode idle / connecting / listening / speaking / disconnect. The glow's audio-reactive level is pinned so the screenshots stay deterministic. Those fixtures immediately caught a live bug: the green disconnect rule was specificity (0,3,0) while the blanket `icon-foreground !important` rule that colors every toolbar codicon is (0,5,0). With equal `!important` the higher specificity wins, so the disconnect button had been rendering grey rather than green. Scoped the rule to the full toolbar path so it wins, rather than baselining the bug. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>