Skip to content

chat: refine voice mode visual feedback - #327638

Draft
meganrogge wants to merge 1 commit into
mainfrom
agents/vscode-voice-mode-feedback-pr
Draft

chat: refine voice mode visual feedback#327638
meganrogge wants to merge 1 commit into
mainfrom
agents/vscode-voice-mode-feedback-pr

Conversation

@meganrogge

Copy link
Copy Markdown
Collaborator

What changed

  • keep voice-mode instructional placeholder text static while preserving animation for live partial transcripts
  • reduce input, toolbar icon, and standalone Agents Voice glow intensity across listening and speaking states
  • compact the segmented dictation/voice control with compact icons while preserving 24px button target spacing
  • update the shared glow test and Agents window layout documentation

Why

Addresses the team feedback in #327202 by making voice mode calmer at rest and less visually dominant while retaining clear state feedback and accessible controls.

Validation

  • npm run typecheck-client
  • npm run compile-client
  • scripts/test.sh --run src/vs/workbench/contrib/chat/test/browser/voiceClient/voiceGlow.test.ts
  • npm run valid-layers-check
  • npm run hygiene
  • git diff --check

Fixes #327202

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Copilot AI review requested due to automatic review settings July 27, 2026 14:59
@meganrogge
meganrogge marked this pull request as draft July 27, 2026 15:01

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.

Pull request overview

Refines voice-mode feedback to be calmer while preserving clear live-state cues.

Changes:

  • Keeps instructional hints static while partial transcripts pulse.
  • Reduces glow and waveform intensity.
  • Compacts the segmented voice control and updates documentation/tests.
Show a summary per file
File Description
voiceGlow.test.ts Updates the glow baseline.
chatViewPane.css Separates static hints from animated transcripts.
chatViewPane.ts Assigns the static hint class.
chat.css Subdues toolbar icon glows.
voiceInputModeActionViewItem.ts Reduces waveform amplitude.
voiceInputMode.css Compacts the segmented control.
voiceGlow.ts Reduces shared glow intensity.
agentsVoiceWidget.ts Subdues standalone voice glows.
LAYOUT.md Documents voice-mode presentation.
voiceInputDecorations.ts Makes Agents hints static.
voiceChatView.css Updates Agents transcript and icon styling.

Review details

  • Files reviewed: 11/11 changed files
  • Comments generated: 2
  • Review effort level: Medium


.chat-voice-input-mode-icon {
font-size: 16px;
font-size: var(--vscode-codiconFontSize-compact);
Comment on lines +57 to +60
const emphasized = voiceState === 'listening' && transcriptHidden;
const borderAlpha = (emphasized ? 0.35 : 0.3) + intensity * (emphasized ? 0.25 : 0.2);
const shadowSpread = (emphasized ? 3 : 2) + intensity * (emphasized ? 6 : 4);
const shadowAlpha = (emphasized ? 0.08 : 0.06) + intensity * (emphasized ? 0.14 : 0.12);
@meganrogge meganrogge added this to the 1.132.0 milestone Jul 27, 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.

Voice mode feedback from the team

2 participants