@codingame/monaco-vscode-chat-service-override 36.2.7 → 37.0.0

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/agentsVoiceSessionsPicker.js

@@ -13,7 +13,7 @@ import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/pl
 
 const setTargetButton = {
     iconClass: ThemeIcon.asClassName(Codicon.voiceMode),
-    tooltip: ( localize(4787, "Set as voice target"))
+    tooltip: ( localize(5106, "Set as voice target"))
 };
 let AgentsVoiceSessionsPicker = class AgentsVoiceSessionsPicker {
     constructor(
@@ -35,7 +35,7 @@ let AgentsVoiceSessionsPicker = class AgentsVoiceSessionsPicker {
         }));
         const filter = disposables.add(this.instantiationService.createInstance(AgentSessionsFilter, {}));
         picker.items = this.createPickerItems(filter);
-        picker.placeholder = ( localize(4788, "Select a session for voice input"));
+        picker.placeholder = ( localize(5107, "Select a session for voice input"));
         disposables.add(picker.onDidAccept(() => {
             const pick = picker.selectedItems[0];
             if (pick) {

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/agentsVoiceWidget.d.ts

@@ -1,7 +1,10 @@
 import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { Event } from "@codingame/monaco-vscode-api/vscode/vs/base/common/event";
 import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
 import { type SessionRowData, type SessionGroupData } from "./components/sessionListComponent.js";
-import type { VoiceState, IPendingToolConfirmation, ITranscriptTurn } from "../../chat/browser/voiceClient/voiceSessionController.js";
+import type { VoiceState, IPendingToolConfirmation, ITranscriptTurn } from "@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceSessionController";
+import { IVoiceGlowColors } from "@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceGlow";
+import { GlowThemeKind } from "@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceGlowController";
 export interface VoiceWidgetCallbacks {
     readonly copilotIconSrc: string;
     readonly hideDisconnect: boolean;
@@ -9,6 +12,8 @@ export interface VoiceWidgetCallbacks {
     disconnect(): void;
     pttDown(): void;
     pttUp(): void;
+    /** Toggle whether the microphone is muted while keeping the session connected. */
+    toggleMute(): void;
     closeWindow(): void;
     stopPlayback(): void;
     openSession(resource: URI): void;
@@ -21,6 +26,12 @@ export interface VoiceWidgetCallbacks {
     getAnalyserNode(): AnalyserNode | null;
     onResize(): void;
     openPttKeySettings(): void;
+    /**
+     * Show the Voice Mode context menu (Configure, Select Microphone, Disable
+     * Voice Mode) anchored at the triggering event. Wired to a right-click /
+     * context-menu gesture on the voice mode mic icon.
+     */
+    showVoiceContextMenu(e: MouseEvent): void;
     /** Optional — when provided, header renders a "popout" button. */
     openPopout?(): void;
     /** Submit user feedback. Returns success/failure. */
@@ -36,6 +47,14 @@ export interface VoiceWidgetCallbacks {
      * sessions quickpick with a "set as voice target" action.
      */
     showSessionsPicker?(): void;
+    /** Active theme kind, for the ambient voice glow. */
+    getGlowTheme(): GlowThemeKind;
+    /** Theme-derived per-state accents for the ambient voice glow. */
+    getGlowColors(): IVoiceGlowColors;
+    /** Whether the user has asked for reduced motion. */
+    isMotionReduced(): boolean;
+    /** Fires when the color theme changes, so the glow can re-derive its accents. */
+    readonly onDidChangeGlowTheme: Event<void>;
 }
 /**
  * Host-configuration for the widget. Defaults match the floating aux-window
@@ -97,6 +116,7 @@ export declare class AgentsVoiceWidget extends Disposable {
     private readonly _isConnected;
     private readonly _isConnecting;
     private readonly _isReconnecting;
+    private readonly _isMuted;
     private readonly _voiceState;
     private readonly _expanded;
     private readonly _workingCount;
@@ -137,8 +157,10 @@ export declare class AgentsVoiceWidget extends Disposable {
     private readonly _inputBoxPlaceholder;
     private readonly _inputBoxToolbar;
     private readonly _inputBoxMicBtn;
-    private readonly _inputBoxGearBtn;
     private readonly _inputBoxConnIndicator;
+    private readonly _inputBoxMuteBtn;
+    /** Ambient voice glow on the input box (input-box layout only). */
+    private readonly _glowController;
     private readonly _inputBoxFeedbackBtn;
     private readonly _inputBoxSessionsBtn;
     private readonly _inputBoxCloseBtn;
@@ -150,6 +172,7 @@ export declare class AgentsVoiceWidget extends Disposable {
     setConnected(connected: boolean): void;
     setConnecting(connecting: boolean): void;
     setReconnecting(reconnecting: boolean): void;
+    setMuted(muted: boolean): void;
     setVoiceState(state: VoiceState): void;
     setStatusCounts(working: number, needsInput: number, done: number): void;
     setPendingToolConfirmations(confirmations: readonly IPendingToolConfirmation[]): void;

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/agentsVoiceWidget.js

@@ -3,7 +3,7 @@ import { $, addDisposableListener, getWindow, clearNode } from '@codingame/monac
 import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
 import { Disposable, toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
-import { AGENTS_VOICE_WINDOW_DEFAULT_WIDTH, AGENTS_VOICE_WINDOW_DEFAULT_HEIGHT } from '../common/agentsVoice.js';
+import { AGENTS_VOICE_WINDOW_DEFAULT_WIDTH, AGENTS_VOICE_WINDOW_DEFAULT_HEIGHT } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/agentsVoice/common/agentsVoice';
 import { createHeader } from './components/headerComponent.js';
 import { createStatusRows } from './components/statusRowsComponent.js';
 import { createTranscript } from './components/transcriptComponent.js';
@@ -11,7 +11,9 @@ import { createSessionList } from './components/sessionListComponent.js';
 import { createFeedbackDialog } from './components/feedbackDialog.js';
 import { createOnboarding } from './components/onboardingComponent.js';
 import { createVoiceBar } from './components/voiceBarComponent.js';
-import { FONT_SIZE, addKeyboardActivation } from './components/tokens.js';
+import { FONT_SIZE, addKeyboardActivation, isSecondaryPointerGesture } from './components/tokens.js';
+import { computeVoiceMicGlowBoxShadow, voiceGlowStateColor } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceGlow';
+import { createVoiceGlowController } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceGlowController';
 import { observableValue } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/observableValue';
 import { derived } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/derived';
 import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
@@ -41,6 +43,7 @@ class AgentsVoiceWidget extends Disposable {
         this._isConnected = observableValue(this, false);
         this._isConnecting = observableValue(this, false);
         this._isReconnecting = observableValue(this, false);
+        this._isMuted = observableValue(this, false);
         this._voiceState = observableValue(this, "idle");
         this._expanded = observableValue(this, false);
         this._workingCount = observableValue(this, 0);
@@ -174,6 +177,14 @@ class AgentsVoiceWidget extends Disposable {
             this._inputBoxTranscriptComponent.element.style.width = "100%";
             this._inputBoxTranscriptComponent.element.style.display = "none";
             this._inputBoxContainer.append(this._inputBoxPlaceholder, this._inputBoxTranscriptComponent.element);
+            this._glowController = this._register(createVoiceGlowController(
+                this._inputBoxContainer,
+                () => this.callbacks.getGlowTheme(),
+                () => this.callbacks.getGlowColors()
+            ));
+            this._register(
+                this.callbacks.onDidChangeGlowTheme(() => this._glowController?.refreshTheme())
+            );
             this._inputBoxToolbar = $("div");
             this._inputBoxToolbar.style.cssText = "display:flex;align-items:center;gap:8px;padding:6px 4px 2px;-webkit-app-region:no-drag;";
             const toolbarBtn = (className, ariaLabel, title) => {
@@ -195,25 +206,34 @@ class AgentsVoiceWidget extends Disposable {
             this._inputBoxMicBtn = $("span.codicon.codicon-voice-mode.agents-voice-mode-button");
             this._inputBoxMicBtn.role = "button";
             this._inputBoxMicBtn.tabIndex = 0;
-            this._inputBoxMicBtn.ariaLabel = ( localize(4789, "Push to talk (Space)"));
-            this._inputBoxMicBtn.title = ( localize(4789, "Push to talk (Space)"));
+            this._inputBoxMicBtn.ariaLabel = ( localize(5108, "Push to talk (Space)"));
+            this._inputBoxMicBtn.title = ( localize(5108, "Push to talk (Space)"));
             this._inputBoxMicBtn.style.cssText = `font-size:${FONT_SIZE.iconMd};cursor:pointer;-webkit-app-region:no-drag;border-radius:4px;padding:2px;`;
-            this._inputBoxConnIndicator = toolbarBtn("codicon-debug-connected", ( localize(4790, "Disconnect")), ( localize(4790, "Disconnect")));
-            this._inputBoxGearBtn = toolbarBtn("codicon-gear", ( localize(4791, "Configure keybinding")), ( localize(4791, "Configure keybinding")));
-            this._inputBoxFeedbackBtn = toolbarBtn("codicon-feedback", ( localize(4792, "Send feedback")), ( localize(4792, "Send feedback")));
-            this._inputBoxSessionsBtn = toolbarBtn("codicon-list-tree", ( localize(4793, "Sessions")), ( localize(4793, "Sessions")));
+            this._register(addDisposableListener(this._inputBoxMicBtn, "contextmenu", e => {
+                e.preventDefault();
+                e.stopPropagation();
+                this.callbacks.showVoiceContextMenu(e);
+            }));
+            this._inputBoxConnIndicator = toolbarBtn("codicon-debug-connected", ( localize(5109, "Disconnect")), ( localize(5109, "Disconnect")));
+            this._inputBoxMuteBtn = $("span.codicon.codicon-mic");
+            this._inputBoxMuteBtn.role = "button";
+            this._inputBoxMuteBtn.tabIndex = 0;
+            this._inputBoxMuteBtn.style.cssText = `font-size:${FONT_SIZE.iconSm};color:var(--vscode-descriptionForeground);cursor:pointer;-webkit-app-region:no-drag;padding:2px;`;
+            addKeyboardActivation(this._inputBoxMuteBtn);
+            this._inputBoxFeedbackBtn = toolbarBtn("codicon-feedback", ( localize(5110, "Send feedback")), ( localize(5110, "Send feedback")));
+            this._inputBoxSessionsBtn = toolbarBtn("codicon-list-tree", ( localize(5111, "Sessions")), ( localize(5111, "Sessions")));
             this._register(addDisposableListener(this._inputBoxSessionsBtn, "click", e => {
                 e.preventDefault();
                 e.stopPropagation();
                 this._expanded.set(!this._expanded.get(), undefined);
             }));
-            this._inputBoxCloseBtn = toolbarBtn("codicon-chrome-minimize", ( localize(4794, "Minimize")), ( localize(4794, "Minimize")));
+            this._inputBoxCloseBtn = toolbarBtn("codicon-chrome-minimize", ( localize(5112, "Minimize")), ( localize(5112, "Minimize")));
             const toolbarSpacer = $("span");
             toolbarSpacer.style.flex = "1";
             this._inputBoxToolbar.append(
                 this._inputBoxMicBtn,
                 this._inputBoxConnIndicator,
-                this._inputBoxGearBtn,
+                this._inputBoxMuteBtn,
                 toolbarSpacer,
                 this._inputBoxFeedbackBtn,
                 this._inputBoxSessionsBtn,
@@ -250,14 +270,26 @@ class AgentsVoiceWidget extends Disposable {
             this.container.tabIndex = 0;
             const win = getWindow(this.container);
             let pttKeyCode;
-            let lastKeyDownCode;
+            let heldKeyCode;
+            let releasedBeforeListening = false;
             const onDocKeydown = e => {
-                lastKeyDownCode = e.code;
+                heldKeyCode = e.code;
+                releasedBeforeListening = false;
+            };
+            const onDocKeyup = e => {
+                if (e.code === heldKeyCode) {
+                    heldKeyCode = undefined;
+                    if (pttKeyCode === undefined) {
+                        releasedBeforeListening = true;
+                    }
+                }
             };
             win.document.addEventListener("keydown", onDocKeydown, true);
-            this._register(
-                toDisposable(() => win.document.removeEventListener("keydown", onDocKeydown, true))
-            );
+            win.document.addEventListener("keyup", onDocKeyup, true);
+            this._register(toDisposable(() => {
+                win.document.removeEventListener("keydown", onDocKeydown, true);
+                win.document.removeEventListener("keyup", onDocKeyup, true);
+            }));
             this._register(addDisposableListener(this.container, "keydown", e => {
                 if (!_isTextInput(e.target) && pttKeyCode && e.code === pttKeyCode) {
                     e.preventDefault();
@@ -270,11 +302,22 @@ class AgentsVoiceWidget extends Disposable {
                     this.callbacks.pttUp();
                 }
             }));
-            const origPttDown = this.callbacks.pttDown;
-            this.callbacks.pttDown = () => {
-                pttKeyCode = lastKeyDownCode;
-                origPttDown.call(this.callbacks);
-            };
+            let wasListening = false;
+            this._register(autorun(reader => {
+                const listening = this._voiceState.read(reader) === "listening";
+                if (listening && !wasListening && pttKeyCode === undefined) {
+                    if (heldKeyCode !== undefined) {
+                        pttKeyCode = heldKeyCode;
+                    } else if (releasedBeforeListening) {
+                        releasedBeforeListening = false;
+                        this.callbacks.pttUp();
+                    }
+                }
+                if (!listening) {
+                    releasedBeforeListening = false;
+                }
+                wasListening = listening;
+            }));
             const onDocPointerUp = () => this.callbacks.pttUp();
             win.document.addEventListener("pointerup", onDocPointerUp);
             this._register(
@@ -350,7 +393,15 @@ class AgentsVoiceWidget extends Disposable {
             });
             this._register(reshowDisposable);
         }
-        this._startWaveformAnimation();
+        this._register(autorun(reader => {
+            const onboarding = this._showOnboarding.read(reader);
+            const voiceState = this._voiceState.read(reader);
+            if (onboarding || voiceState === "listening" || voiceState === "speaking") {
+                this._startWaveformAnimation();
+            } else {
+                this._stopWaveformAnimation();
+            }
+        }));
         this._register(toDisposable(() => this._stopWaveformAnimation()));
     }
     _updateDOM(reader) {
@@ -361,11 +412,11 @@ class AgentsVoiceWidget extends Disposable {
         }
     }
     _updateDOMInputBoxLayout(reader) {
-        const onboarding = this._showOnboarding.read(reader);
         const voiceState = this._voiceState.read(reader);
         const isConnected = this._isConnected.read(reader);
         const isConnecting = this._isConnecting.read(reader);
         const isReconnecting = this._isReconnecting.read(reader);
+        const onboarding = this._showOnboarding.read(reader) && !isReconnecting;
         const showConnected = isConnected || isReconnecting;
         const opts = this._options;
         const showExpanded = this._shouldShowExpanded.read(reader) && opts.showExpandChevron;
@@ -382,7 +433,7 @@ class AgentsVoiceWidget extends Disposable {
             this._inputBoxToolbar.style.display = "none";
             this._onboardingComponent.update({
                 pttKeyLabel: this._pttKeyLabel.read(reader),
-                isConnecting: this._onboardingPendingConnect.read(reader) || isConnecting,
+                isConnecting: this._onboardingPendingConnect.read(reader) || isConnecting || isReconnecting,
                 onGetStarted: e => {
                     e.preventDefault();
                     e.stopPropagation();
@@ -422,9 +473,9 @@ class AgentsVoiceWidget extends Disposable {
         this._inputBoxContainer.style.display = "flex";
         const transcriptTurns = this._transcriptTurns.read(reader);
         const hasTranscript = ( transcriptTurns.some(t => t.text.length > 0 || (t.speaker === "user" && t.isPartial)));
-        if (!showConnected || (voiceState !== "listening" && voiceState !== "speaking")) {
-            this._inputBoxContainer.style.borderColor = "var(--vscode-input-border, transparent)";
-            this._inputBoxContainer.style.boxShadow = "none";
+        const shouldShowInputGlow = showConnected && (voiceState === "listening" || voiceState === "speaking");
+        if (!shouldShowInputGlow) {
+            this._glowController?.clear();
         }
         this._inputBoxContainer.classList.toggle("processing", voiceState === "processing");
         if (hasTranscript) {
@@ -455,14 +506,26 @@ class AgentsVoiceWidget extends Disposable {
             this._inputBoxTranscriptComponent.element.style.display = "none";
             this._transcriptComponent.element.style.display = "none";
             const keyLabel = this._pttKeyLabel.read(reader);
-            if (showConnected) {
-                this._inputBoxPlaceholder.textContent = ( localize(4795, "Listening"));
+            if (isReconnecting) {
+                this._inputBoxPlaceholder.textContent = this._statusText.read(reader) || ( localize(5113, "Reconnecting..."));
+            } else if (isConnecting) {
+                this._inputBoxPlaceholder.textContent = ( localize(5114, "Connecting..."));
+            } else if (isConnected && voiceState === "listening") {
+                this._inputBoxPlaceholder.textContent = ( localize(5115, "Listening"));
+            } else if (isConnected && voiceState === "speaking") {
+                this._inputBoxPlaceholder.textContent = keyLabel ? ( localize(5116, "Speak or use {0}", keyLabel)) : ( localize(5117, "Speak to barge in"));
+            } else if (isConnected) {
+                this._inputBoxPlaceholder.textContent = keyLabel ? ( localize(5118, "Hold {0} to talk or barge in", keyLabel)) : ( localize(5119, "Hold the mic to talk or barge in"));
             } else if (keyLabel) {
-                this._inputBoxPlaceholder.textContent = ( localize(4796, "Hold {0} to talk", keyLabel));
+                this._inputBoxPlaceholder.textContent = ( localize(5120, "Hold {0} to talk", keyLabel));
             } else {
-                this._inputBoxPlaceholder.textContent = ( localize(4797, "Click voice mode to talk"));
+                this._inputBoxPlaceholder.textContent = ( localize(5121, "Click voice mode to talk"));
             }
         }
+        if (isReconnecting || isConnecting) {
+            this._inputBoxPlaceholder.style.display = "";
+            this._inputBoxPlaceholder.textContent = isReconnecting ? (this._statusText.read(reader) || ( localize(5113, "Reconnecting..."))) : ( localize(5114, "Connecting..."));
+        }
         if (!showExpanded) {
             this._statusRowsComponent.element.style.display = "none";
             this._sessionListWrapper.style.display = "none";
@@ -489,7 +552,7 @@ class AgentsVoiceWidget extends Disposable {
         this._inputBoxToolbar.style.display = "flex";
         this._inputBoxMicBtn.style.display = "";
         const keyLabel = this._pttKeyLabel.read(reader);
-        const micTooltip = keyLabel ? ( localize(4798, "Push to talk ({0})", keyLabel)) : ( localize(4799, "Push to talk"));
+        const micTooltip = keyLabel ? ( localize(5122, "Push to talk ({0})", keyLabel)) : ( localize(5123, "Push to talk"));
         this._inputBoxMicBtn.title = micTooltip;
         this._inputBoxMicBtn.ariaLabel = micTooltip;
         const micColor = voiceState === "error" ? "var(--vscode-editorError-foreground)" : voiceState === "listening" ? "var(--vscode-editorInfo-foreground)" : voiceState === "speaking" ? "var(--vscode-agentsVoice-speakingForeground)" : "var(--vscode-descriptionForeground)";
@@ -505,10 +568,16 @@ class AgentsVoiceWidget extends Disposable {
             this._inputBoxMicBtn.style.boxShadow = "none";
         }
         this._inputBoxMicBtn.onmousedown = e => {
+            if (isSecondaryPointerGesture(e)) {
+                return;
+            }
             e.preventDefault();
             this.callbacks.pttDown();
         };
-        this._inputBoxMicBtn.onmouseup = () => {
+        this._inputBoxMicBtn.onmouseup = e => {
+            if (isSecondaryPointerGesture(e)) {
+                return;
+            }
             this.callbacks.pttUp();
         };
         this._inputBoxConnIndicator.style.display = showConnected ? "" : "none";
@@ -517,11 +586,26 @@ class AgentsVoiceWidget extends Disposable {
             e.stopPropagation();
             this.callbacks.disconnect();
         };
-        this._inputBoxGearBtn.style.display = "";
-        this._inputBoxGearBtn.onclick = e => {
+        const muted = this._isMuted.read(reader);
+        this._inputBoxMuteBtn.style.display = showConnected ? "" : "none";
+        this._inputBoxMuteBtn.classList.toggle("codicon-mic", muted);
+        this._inputBoxMuteBtn.classList.toggle("codicon-mic-off", !muted);
+        const muteColor = muted ? "var(--vscode-editorError-foreground)" : "var(--vscode-descriptionForeground)";
+        this._inputBoxMuteBtn.style.color = muteColor;
+        const muteLabel = muted ? ( localize(5124, "Unmute Microphone")) : ( localize(5125, "Mute Microphone"));
+        this._inputBoxMuteBtn.title = muteLabel;
+        this._inputBoxMuteBtn.ariaLabel = muteLabel;
+        this._inputBoxMuteBtn.setAttribute("aria-pressed", muted ? "true" : "false");
+        this._inputBoxMuteBtn.onmouseenter = () => {
+            this._inputBoxMuteBtn.style.color = "var(--vscode-foreground)";
+        };
+        this._inputBoxMuteBtn.onmouseleave = () => {
+            this._inputBoxMuteBtn.style.color = muteColor;
+        };
+        this._inputBoxMuteBtn.onclick = e => {
             e.preventDefault();
             e.stopPropagation();
-            this.callbacks.openPttKeySettings();
+            this.callbacks.toggleMute();
         };
         this._inputBoxFeedbackBtn.onclick = e => {
             e.preventDefault();
@@ -530,7 +614,7 @@ class AgentsVoiceWidget extends Disposable {
         };
         this._inputBoxSessionsBtn.style.display = "";
         this._inputBoxSessionsBtn.className = `codicon codicon-${showExpanded ? "chevron-up" : "list-tree"}`;
-        this._inputBoxSessionsBtn.title = showExpanded ? ( localize(4800, "Collapse sessions")) : ( localize(4793, "Sessions"));
+        this._inputBoxSessionsBtn.title = showExpanded ? ( localize(5126, "Collapse sessions")) : ( localize(5111, "Sessions"));
         this._inputBoxCloseBtn.style.display = opts.showClose ? "" : "none";
         this._inputBoxCloseBtn.onclick = e => {
             e.preventDefault();
@@ -544,7 +628,7 @@ class AgentsVoiceWidget extends Disposable {
         const opts = this._options;
         const showExpanded = this._shouldShowExpanded.read(reader) && opts.showExpandChevron;
         this._titleRow.style.display = (onboarding || !opts.title) ? "none" : "flex";
-        if (onboarding) {
+        if (onboarding && !this._isReconnecting.read(reader)) {
             this._onboardingComponent.element.style.display = "";
             this._headerComponent.element.style.display = "none";
             this._voiceBarComponent.element.style.display = "none";
@@ -590,6 +674,7 @@ class AgentsVoiceWidget extends Disposable {
                 showPopout: !!this.callbacks.openPopout && this._popoutAvailable.read(reader),
                 hideDisconnect: this.callbacks.hideDisconnect,
                 centerConnectButton: opts.centerConnectButton,
+                isMuted: this._isMuted.read(reader),
                 onMicDown: e => {
                     e.preventDefault();
                     this.callbacks.pttDown();
@@ -624,10 +709,15 @@ class AgentsVoiceWidget extends Disposable {
                     e.stopPropagation();
                     this._expanded.set(!this._expanded.get(), undefined);
                 },
-                onPttKeyClick: e => {
+                onMicContextMenu: e => {
                     e.preventDefault();
                     e.stopPropagation();
-                    this.callbacks.openPttKeySettings();
+                    this.callbacks.showVoiceContextMenu(e);
+                },
+                onMuteClick: e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this.callbacks.toggleMute();
                 },
                 onPopoutClick: e => {
                     e.preventDefault();
@@ -723,6 +813,9 @@ class AgentsVoiceWidget extends Disposable {
     setReconnecting(reconnecting) {
         this._isReconnecting.set(reconnecting, undefined);
     }
+    setMuted(muted) {
+        this._isMuted.set(muted, undefined);
+    }
     setVoiceState(state) {
         this._voiceState.set(state, undefined);
     }
@@ -810,7 +903,7 @@ class AgentsVoiceWidget extends Disposable {
                 this._feedbackDialogState.set({
                     isSubmitting: false,
                     submitted: false,
-                    error: result.error ?? ( localize(4801, "Failed to submit"))
+                    error: result.error ?? ( localize(5127, "Failed to submit"))
                 }, undefined);
             }
         });
@@ -823,16 +916,7 @@ class AgentsVoiceWidget extends Disposable {
             this._animationFrameId = getWindow(this.container).requestAnimationFrame(animate);
             const onboarding = this._showOnboarding.get();
             const voiceState = this._voiceState.get();
-            const glowActive = onboarding || voiceState === "speaking" || voiceState === "listening";
-            if (!glowActive) {
-                this._glowDiv.style.display = "none";
-                if (this._inputBoxContainer) {
-                    this._inputBoxContainer.style.borderColor = "var(--vscode-input-border, transparent)";
-                    this._inputBoxContainer.style.boxShadow = "none";
-                }
-                if (this._inputBoxMicBtn) {
-                    this._inputBoxMicBtn.style.boxShadow = "none";
-                }
+            if (!(onboarding || voiceState === "listening" || voiceState === "speaking")) {
                 return;
             }
             const analyser = this.callbacks.getAnalyserNode();
@@ -850,29 +934,23 @@ class AgentsVoiceWidget extends Disposable {
                 }
                 intensity = Math.min(1, (sum / dataArray.length) / 80);
             }
-            if (this._inputBoxContainer) {
-                const r = (voiceState === "speaking") ? "163,113,247" : "88,166,255";
-                const borderAlpha = 0.4 + intensity * 0.5;
-                const shadowSpread = 4 + intensity * 12;
-                const shadowAlpha = 0.15 + intensity * 0.35;
-                this._inputBoxContainer.style.borderColor = `rgba(${r},${borderAlpha})`;
-                this._inputBoxContainer.style.boxShadow = `0 0 ${shadowSpread}px rgba(${r},${shadowAlpha}), inset 0 0 ${shadowSpread * 0.4}px rgba(${r},${shadowAlpha * 0.3})`;
+            if (this._glowController && (voiceState === "listening" || voiceState === "speaking")) {
+                this._glowController.render(voiceState, intensity, this.callbacks.isMotionReduced());
             }
+            const colors = this.callbacks.getGlowColors();
             if (this._inputBoxMicBtn) {
                 const iconGlowActive = voiceState === "listening" || voiceState === "speaking";
-                if (iconGlowActive) {
-                    const r = voiceState === "speaking" ? "163,113,247" : "88,166,255";
-                    const shadowSpread = 3 + intensity * 8;
-                    const shadowAlpha = 0.2 + intensity * 0.45;
-                    this._inputBoxMicBtn.style.boxShadow = `0 0 ${shadowSpread}px rgba(${r},${shadowAlpha})`;
-                } else {
-                    this._inputBoxMicBtn.style.boxShadow = "none";
-                }
+                this._inputBoxMicBtn.style.boxShadow = iconGlowActive ? computeVoiceMicGlowBoxShadow(voiceState, intensity, colors) : "none";
             }
             this._glowDiv.style.display = "";
             const baseOpacity = 0.15 + intensity * 0.4;
-            const r = (onboarding || voiceState === "speaking") ? "163,113,247" : "88,166,255";
-            this._glowDiv.style.background = `radial-gradient(ellipse 40% 70% at 50% 0%, rgba(${r},${baseOpacity}) 0%, transparent 100%), radial-gradient(ellipse 70% 100% at 50% 0%, rgba(${r},${baseOpacity * 0.4}) 0%, transparent 100%)`;
+            const {
+                r,
+                g,
+                b
+            } = voiceGlowStateColor(onboarding ? "speaking" : voiceState, colors).rgba;
+            const rgb = `${r},${g},${b}`;
+            this._glowDiv.style.background = `radial-gradient(ellipse 40% 70% at 50% 0%, rgba(${rgb},${baseOpacity}) 0%, transparent 100%), radial-gradient(ellipse 70% 100% at 50% 0%, rgba(${rgb},${baseOpacity * 0.4}) 0%, transparent 100%)`;
         };
         this._animationFrameId = getWindow(this.container).requestAnimationFrame(animate);
     }
@@ -881,6 +959,11 @@ class AgentsVoiceWidget extends Disposable {
             getWindow(this.container).cancelAnimationFrame(this._animationFrameId);
             this._animationFrameId = undefined;
         }
+        this._glowDiv.style.display = "none";
+        this._glowController?.clear();
+        if (this._inputBoxMicBtn) {
+            this._inputBoxMicBtn.style.boxShadow = "none";
+        }
     }
 }
 function _isTextInput(target) {

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/agentsVoiceWidgetBinding.js

@@ -21,6 +21,7 @@ function bindWidgetToController(widget, services) {
         const connected = controller.isConnected.read(reader);
         const connecting = controller.isConnecting.read(reader);
         const reconnecting = controller.isReconnecting.read(reader);
+        const muted = controller.isMuted.read(reader);
         const toolConfirmations = controller.pendingToolConfirmations.read(reader);
         const speakingSession = voicePlaybackService.speakingSession.read(reader);
         const statusText = controller.statusText.read(reader);
@@ -29,6 +30,7 @@ function bindWidgetToController(widget, services) {
         widget.setConnected(connected);
         widget.setConnecting(connecting);
         widget.setReconnecting(reconnecting);
+        widget.setMuted(muted);
         widget.setVoiceState(state);
         widget.setPendingToolConfirmations(toolConfirmations);
         const showTranscript = configurationService?.getValue("agents.voice.showTranscript") !== false;
@@ -127,7 +129,7 @@ function _updateSessionData(widget, services) {
         const tc = toolConfirmations.find(c => ( c.sessionResource.toString()) === ( session.resource.toString()));
         return {
             resource: session.resource,
-            label: session.label || ( localize(4802, "Untitled session")),
+            label: session.label || ( localize(5128, "Untitled session")),
             isActive: session.status === ChatSessionStatus.InProgress,
             needsInput: session.status === ChatSessionStatus.NeedsInput,
             isIdle: session.status === ChatSessionStatus.Completed,
@@ -153,7 +155,7 @@ function _updateSessionData(widget, services) {
             const tc = toolConfirmations.find(c => ( c.sessionResource.toString()) === ( model.sessionResource.toString()));
             sessionRows.push({
                 resource: model.sessionResource,
-                label: model.title || ( localize(4803, "Chat")),
+                label: model.title || ( localize(5129, "Chat")),
                 isActive: isActive && !needsInput,
                 needsInput,
                 isIdle: !isActive && !needsInput,
@@ -191,7 +193,7 @@ function _updateSessionData(widget, services) {
         }
         if (otherRows.length > 0) {
             groups.push({
-                label: ( localize(4804, "Other")),
+                label: ( localize(5130, "Other")),
                 sessions: otherRows
             });
         }

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/agentsVoiceWindowService.d.ts

@@ -17,7 +17,9 @@ import { IChatService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/c
 import { IWorkspaceContextService } from "@codingame/monaco-vscode-api/vscode/vs/platform/workspace/common/workspace.service";
 import { IWorkbenchEnvironmentService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/environment/common/environmentService.service";
 import { IThemeService } from "@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService.service";
+import { IAccessibilityService } from "@codingame/monaco-vscode-api/vscode/vs/platform/accessibility/common/accessibility.service";
 import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
+import { IContextMenuService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service";
 export declare class AgentsVoiceWindowService extends Disposable implements IAgentsVoiceWindowService {
     private readonly auxiliaryWindowService;
     private readonly storageService;
@@ -34,8 +36,10 @@ export declare class AgentsVoiceWindowService extends Disposable implements IAge
     private readonly workspaceContextService;
     private readonly environmentService;
     private readonly themeService;
+    private readonly accessibilityService;
     private readonly keybindingService;
     private readonly instantiationService;
+    private readonly contextMenuService;
     readonly _serviceBrand: undefined;
     private readonly _onDidChangeOpen;
     readonly onDidChangeOpen: Event<boolean>;
@@ -49,7 +53,7 @@ export declare class AgentsVoiceWindowService extends Disposable implements IAge
      * Calls setWindowAlwaysOnTop via a registered command (Electron only).
      * Avoids importing INativeHostService in the browser layer.
      */
-    constructor(auxiliaryWindowService: IAuxiliaryWindowService, storageService: IStorageService, configurationService: IConfigurationService, hostService: IHostService, agentSessionsService: IAgentSessionsService, agentTitleBarStatusService: IAgentTitleBarStatusService, micCaptureService: IMicCaptureService, ttsPlaybackService: ITtsPlaybackService, voiceSessionController: IVoiceSessionController, voicePlaybackService: IVoicePlaybackService, commandService: ICommandService, chatService: IChatService, workspaceContextService: IWorkspaceContextService, environmentService: IWorkbenchEnvironmentService, themeService: IThemeService, keybindingService: IKeybindingService, instantiationService: IInstantiationService);
+    constructor(auxiliaryWindowService: IAuxiliaryWindowService, storageService: IStorageService, configurationService: IConfigurationService, hostService: IHostService, agentSessionsService: IAgentSessionsService, agentTitleBarStatusService: IAgentTitleBarStatusService, micCaptureService: IMicCaptureService, ttsPlaybackService: ITtsPlaybackService, voiceSessionController: IVoiceSessionController, voicePlaybackService: IVoicePlaybackService, commandService: ICommandService, chatService: IChatService, workspaceContextService: IWorkspaceContextService, environmentService: IWorkbenchEnvironmentService, themeService: IThemeService, accessibilityService: IAccessibilityService, keybindingService: IKeybindingService, instantiationService: IInstantiationService, contextMenuService: IContextMenuService);
     openWindow(): Promise<void>;
     closeWindow(): void;
     toggleWindow(): Promise<void>;