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

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

@@ -3,13 +3,13 @@ import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib
 import { Disposable, MutableDisposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import { Emitter, Event } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
 import { mainWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/window';
-import { disposableWindowInterval } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { getWindow, disposableWindowInterval } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { FileAccess } from '@codingame/monaco-vscode-api/vscode/vs/base/common/network';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/extensions';
 import { StorageScope, StorageTarget } from '@codingame/monaco-vscode-api/vscode/vs/platform/storage/common/storage';
 import { IStorageService } from '@codingame/monaco-vscode-api/vscode/vs/platform/storage/common/storage.service';
 import { IAuxiliaryWindowService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/auxiliaryWindow/browser/auxiliaryWindowService.service';
-import { AgentsVoiceStorageKeys, AGENTS_VOICE_WINDOW_DEFAULT_HEIGHT, AGENTS_VOICE_WINDOW_DEFAULT_WIDTH } from '../common/agentsVoice.js';
+import { AgentsVoiceStorageKeys, AGENTS_VOICE_WINDOW_DEFAULT_HEIGHT, AGENTS_VOICE_WINDOW_DEFAULT_WIDTH } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/agentsVoice/common/agentsVoice';
 import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
 import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
 import { IHostService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/host/browser/host.service';
@@ -25,10 +25,13 @@ 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 { isDark } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/theme';
+import { IAccessibilityService } from '@codingame/monaco-vscode-api/vscode/vs/platform/accessibility/common/accessibility.service';
+import { resolveVoiceGlowColors } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceGlow';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colorUtils';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/baseColors';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/chartsColors';
-import { editorBackground } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/editorColors';
+import { editorBackground, editorWidgetBorder, widgetShadow } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/editorColors';
 import { inputBackground, inputBorder } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/inputColors';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/listColors';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/menuColors';
@@ -39,6 +42,9 @@ import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/sear
 import { AgentsVoiceWidget } from './agentsVoiceWidget.js';
 import { bindWidgetToController } from './agentsVoiceWidgetBinding.js';
 import { AgentsVoiceSessionsPicker } from './agentsVoiceSessionsPicker.js';
+import { IContextMenuService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service';
+import { StandardMouseEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/mouseEvent';
+import { getVoiceModeContextMenuActions } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/speechToText/micButtonMenuActions';
 
 let AgentsVoiceWindowService = class AgentsVoiceWindowService extends Disposable {
     get isOpen() {
@@ -60,8 +66,10 @@ let AgentsVoiceWindowService = class AgentsVoiceWindowService extends Disposable
         workspaceContextService,
         environmentService,
         themeService,
+        accessibilityService,
         keybindingService,
-        instantiationService
+        instantiationService,
+        contextMenuService
     ) {
         super();
         this.auxiliaryWindowService = auxiliaryWindowService;
@@ -79,8 +87,10 @@ let AgentsVoiceWindowService = class AgentsVoiceWindowService extends Disposable
         this.workspaceContextService = workspaceContextService;
         this.environmentService = environmentService;
         this.themeService = themeService;
+        this.accessibilityService = accessibilityService;
         this.keybindingService = keybindingService;
         this.instantiationService = instantiationService;
+        this.contextMenuService = contextMenuService;
         this._onDidChangeOpen = this._register(( new Emitter()));
         this.onDidChangeOpen = this._onDidChangeOpen.event;
         this._auxiliaryWindowRef = this._register(( new MutableDisposable()));
@@ -139,16 +149,18 @@ let AgentsVoiceWindowService = class AgentsVoiceWindowService extends Disposable
         const theme = this.themeService.getColorTheme();
         const bgColor = theme.getColor(editorBackground)?.toString() ?? "#1e1e1e";
         const inputBg = theme.getColor(inputBackground)?.toString() ?? "#3C3C3C";
-        const inputBd = theme.getColor(inputBorder)?.toString() ?? "transparent";
+        const inputBd = theme.getColor(inputBorder)?.toString() ?? theme.getColor(editorWidgetBorder)?.toString() ?? "transparent";
+        const shadow = theme.getColor(widgetShadow)?.toString() ?? "transparent";
         auxiliaryWindow.container.style.setProperty("--vscode-agents-background", bgColor);
         auxiliaryWindow.container.style.backgroundColor = inputBg;
         auxiliaryWindow.container.style.border = `1px solid ${inputBd}`;
+        auxiliaryWindow.container.style.boxShadow = `0 2px 8px ${shadow}`;
         auxiliaryWindow.container.style.boxSizing = "border-box";
         auxiliaryWindow.window.document.body.style.setProperty("background-color", inputBg, "important");
         this._windowDisposables.clear();
         const widget = ( new AgentsVoiceWidget(auxiliaryWindow.container, {
             copilotIconSrc: ( ( FileAccess.asBrowserUri("vs/sessions/browser/media/sessions-icon.svg")).toString(true)),
-            hideDisconnect: (this.configurationService.getValue("agents.voice.autoSendDelay") ?? 500) >= 0,
+            hideDisconnect: this.configurationService.getValue("agents.voice.handsFree") === true,
             connect: () => {
                 this.storageService.store(
                     AgentsVoiceStorageKeys.OnboardingCompleted,
@@ -158,7 +170,7 @@ let AgentsVoiceWindowService = class AgentsVoiceWindowService extends Disposable
                 );
                 this.voiceSessionController.connect(mainWindow);
             },
-            disconnect: () => this.voiceSessionController.disconnect(),
+            disconnect: () => this.voiceSessionController.disconnect("explicit"),
             pttDown: () => {
                 if (!this.voiceSessionController.isConnected.get() && !this.voiceSessionController.isConnecting.get()) {
                     this.voiceSessionController.connect(mainWindow).then(() => {
@@ -171,6 +183,7 @@ let AgentsVoiceWindowService = class AgentsVoiceWindowService extends Disposable
                 this.voiceSessionController.pttDown();
             },
             pttUp: () => this.voiceSessionController.pttUp(),
+            toggleMute: () => this.voiceSessionController.setMuted(!this.voiceSessionController.isMuted.get()),
             closeWindow: () => this.closeWindow(),
             stopPlayback: () => this.ttsPlaybackService.stopPlayback(),
             openSession: resource => {
@@ -205,7 +218,23 @@ let AgentsVoiceWindowService = class AgentsVoiceWindowService extends Disposable
                 return this.ttsPlaybackService.analyserNode ?? (state === "listening" ? this.micCaptureService.analyserNode : null) ?? null;
             },
             onResize: () => this._resizeWindow(auxiliaryWindow),
+            getGlowTheme: () => isDark(this.themeService.getColorTheme().type) ? "dark" : "light",
+            getGlowColors: () => resolveVoiceGlowColors(this.themeService.getColorTheme()),
+            isMotionReduced: () => this.accessibilityService.isMotionReduced(),
+            onDidChangeGlowTheme: ( Event.map(this.themeService.onDidColorThemeChange, () => undefined)),
             openPttKeySettings: () => this.commandService.executeCommand("workbench.action.openGlobalKeybindings", "agentsVoice.pushToTalk"),
+            showVoiceContextMenu: e => {
+                const anchor = ( new StandardMouseEvent(getWindow(e.target ?? auxiliaryWindow.container), e));
+                this.contextMenuService.showContextMenu({
+                    getAnchor: () => anchor,
+                    getActions: () => getVoiceModeContextMenuActions(
+                        this.commandService,
+                        this.configurationService,
+                        this.keybindingService,
+                        "agentsVoice.pushToTalk"
+                    )
+                });
+            },
             submitFeedback: text => this.voiceSessionController.submitFeedback(text),
             showSessionsPicker: () => {
                 const picker = this.instantiationService.createInstance(
@@ -216,7 +245,8 @@ let AgentsVoiceWindowService = class AgentsVoiceWindowService extends Disposable
             }
         }, {
             defaultExpanded: false,
-            inputBoxLayout: true
+            inputBoxLayout: true,
+            focusable: true
         }));
         this._windowDisposables.add(widget);
         const getPttLabel = () => this.keybindingService.lookupKeybinding("agentsVoice.pushToTalk")?.getLabel() ?? undefined;
@@ -333,6 +363,6 @@ let AgentsVoiceWindowService = class AgentsVoiceWindowService extends Disposable
     }
     saveBounds(_window) {}
 };
-AgentsVoiceWindowService = ( __decorate([( __param(0, IAuxiliaryWindowService)), ( __param(1, IStorageService)), ( __param(2, IConfigurationService)), ( __param(3, IHostService)), ( __param(4, IAgentSessionsService)), ( __param(5, IAgentTitleBarStatusService)), ( __param(6, IMicCaptureService)), ( __param(7, ITtsPlaybackService)), ( __param(8, IVoiceSessionController)), ( __param(9, IVoicePlaybackService)), ( __param(10, ICommandService)), ( __param(11, IChatService)), ( __param(12, IWorkspaceContextService)), ( __param(13, IWorkbenchEnvironmentService)), ( __param(14, IThemeService)), ( __param(15, IKeybindingService)), ( __param(16, IInstantiationService))], AgentsVoiceWindowService));
+AgentsVoiceWindowService = ( __decorate([( __param(0, IAuxiliaryWindowService)), ( __param(1, IStorageService)), ( __param(2, IConfigurationService)), ( __param(3, IHostService)), ( __param(4, IAgentSessionsService)), ( __param(5, IAgentTitleBarStatusService)), ( __param(6, IMicCaptureService)), ( __param(7, ITtsPlaybackService)), ( __param(8, IVoiceSessionController)), ( __param(9, IVoicePlaybackService)), ( __param(10, ICommandService)), ( __param(11, IChatService)), ( __param(12, IWorkspaceContextService)), ( __param(13, IWorkbenchEnvironmentService)), ( __param(14, IThemeService)), ( __param(15, IAccessibilityService)), ( __param(16, IKeybindingService)), ( __param(17, IInstantiationService)), ( __param(18, IContextMenuService))], AgentsVoiceWindowService));
 
 export { AgentsVoiceWindowService };

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

@@ -1,4 +1,4 @@
-import type { IPendingToolConfirmation } from "../../../chat/browser/voiceClient/voiceSessionController.js";
+import type { IPendingToolConfirmation } from "@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceSessionController";
 export interface ToolConfirmationsProps {
     readonly confirmations: readonly IPendingToolConfirmation[];
     readonly onOpenSession: (resource: IPendingToolConfirmation["sessionResource"]) => void;

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/components/confirmationComponent.js

@@ -18,17 +18,17 @@ function createConfirmationRow(tc, onOpenSession) {
     if (tc.type === "approval") {
         const approveBtn = $("button");
         approveBtn.style.cssText = `${btnStyle}background:var(--vscode-charts-green);`;
-        approveBtn.textContent = ( localize(4805, "Approve"));
+        approveBtn.textContent = ( localize(5131, "Approve"));
         approveBtn.addEventListener("click", () => tc.approve());
         const denyBtn = $("button");
         denyBtn.style.cssText = `${btnStyle}background:var(--vscode-editorError-foreground);`;
-        denyBtn.textContent = ( localize(4806, "Deny"));
+        denyBtn.textContent = ( localize(5132, "Deny"));
         denyBtn.addEventListener("click", () => tc.deny());
         btnRow.append(approveBtn, denyBtn);
     } else {
         const openBtn = $("button");
         openBtn.style.cssText = `${btnStyle}background:var(--vscode-button-background);`;
-        openBtn.textContent = ( localize(4807, "Open in VS Code"));
+        openBtn.textContent = ( localize(5133, "Open in VS Code"));
         openBtn.addEventListener("click", () => onOpenSession(tc.sessionResource));
         btnRow.append(openBtn);
     }

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/components/feedbackDialog.js

@@ -14,7 +14,7 @@ function createFeedbackDialog() {
     successIcon.style.cssText = "font-size:20px;color:var(--vscode-charts-green);";
     const successText = $("span");
     successText.style.cssText = `font-size:${FONT_SIZE.body};color:var(--vscode-foreground);font-weight:500;text-align:center;`;
-    successText.textContent = ( localize(4808, "Thank you for your feedback!"));
+    successText.textContent = ( localize(5134, "Thank you for your feedback!"));
     successView.append(successIcon, successText);
     const formView = $("div");
     formView.style.cssText = "display:flex;flex-direction:column;gap:8px;padding:4px 0;";
@@ -25,11 +25,11 @@ function createFeedbackDialog() {
     headerIcon.style.color = "var(--vscode-foreground)";
     const headerText = $("span");
     headerText.style.cssText = `font-size:${FONT_SIZE.body};font-weight:600;color:var(--vscode-foreground);`;
-    headerText.textContent = ( localize(4809, "Send Feedback"));
+    headerText.textContent = ( localize(5135, "Send Feedback"));
     headerRow.append(headerIcon, headerText);
     const textarea = createElement("textarea");
     textarea.rows = 3;
-    textarea.placeholder = ( localize(4810, "What could we improve?"));
+    textarea.placeholder = ( localize(5136, "What could we improve?"));
     textarea.style.cssText = `width:100%;box-sizing:border-box;background:var(--vscode-input-background);color:var(--vscode-input-foreground);border:1px solid var(--vscode-input-border, var(--vscode-editorWidget-border));border-radius:4px;padding:6px 8px;font-family:inherit;font-size:${FONT_SIZE.body};resize:vertical;min-height:48px;max-height:120px;outline:none;-webkit-app-region:no-drag;`;
     textarea.addEventListener("focus", () => {
         textarea.style.borderColor = "var(--vscode-focusBorder)";
@@ -40,7 +40,7 @@ function createFeedbackDialog() {
     const consent = $("span");
     consent.style.cssText = `font-size:${FONT_SIZE.micro};color:var(--vscode-descriptionForeground);line-height:1.3;`;
     consent.textContent = ( localize(
-        4811,
+        5137,
         "By submitting, you agree that your session logs and transcript history will be included with your feedback."
     ));
     const errorEl = $("span");
@@ -49,7 +49,7 @@ function createFeedbackDialog() {
     buttonRow.style.cssText = "display:flex;gap:6px;justify-content:flex-end;";
     const cancelBtn = createElement("button");
     cancelBtn.style.cssText = `-webkit-app-region:no-drag;background:transparent;border:1px solid var(--vscode-button-secondaryBackground, var(--vscode-editorWidget-border));color:var(--vscode-foreground);font-size:${FONT_SIZE.body};padding:3px 10px;border-radius:3px;cursor:pointer;`;
-    cancelBtn.textContent = ( localize(4812, "Cancel"));
+    cancelBtn.textContent = ( localize(5138, "Cancel"));
     const submitBtn = createElement("button");
     submitBtn.style.cssText = `-webkit-app-region:no-drag;background:var(--vscode-button-background);border:none;color:var(--vscode-button-foreground);font-size:${FONT_SIZE.body};padding:3px 10px;border-radius:3px;cursor:pointer;font-weight:500;`;
     submitBtn.addEventListener("mouseenter", () => {
@@ -78,7 +78,7 @@ function createFeedbackDialog() {
             cancelBtn.disabled = submitDisabled;
             cancelBtn.onclick = () => props.onCancel();
             submitBtn.disabled = submitDisabled;
-            submitBtn.textContent = state.isSubmitting ? ( localize(4813, "Submitting...")) : ( localize(4814, "Submit"));
+            submitBtn.textContent = state.isSubmitting ? ( localize(5139, "Submitting...")) : ( localize(5140, "Submit"));
             submitBtn.onclick = () => {
                 const text = textarea.value.trim();
                 if (text) {

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

@@ -1,4 +1,4 @@
-import type { VoiceState } from "../../../chat/browser/voiceClient/voiceSessionController.js";
+import type { VoiceState } from "@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceSessionController";
 export interface HeaderProps {
     readonly copilotIconSrc: string;
     readonly showCopilotIcon: boolean;
@@ -12,13 +12,15 @@ export interface HeaderProps {
     readonly showPopout: boolean;
     readonly hideDisconnect: boolean;
     readonly centerConnectButton: boolean;
+    readonly isMuted: boolean;
     readonly onMicDown: (e: MouseEvent) => void;
     readonly onMicUp: () => void;
     readonly onConnectClick: (e: MouseEvent) => void;
     readonly onDisconnectClick: (e: MouseEvent) => void;
     readonly onCloseClick: (e: MouseEvent) => void;
     readonly onToggleClick: (e: MouseEvent) => void;
-    readonly onPttKeyClick: (e: MouseEvent) => void;
+    readonly onMicContextMenu: (e: MouseEvent) => void;
+    readonly onMuteClick: (e: MouseEvent) => void;
     readonly onPopoutClick: (e: MouseEvent) => void;
     readonly onFeedbackClick: (e: MouseEvent) => void;
     readonly expanded: boolean;

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/components/headerComponent.js

@@ -1,7 +1,7 @@
 
 import { $, createElement } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
-import { FONT_SIZE, addKeyboardActivation } from './tokens.js';
+import { FONT_SIZE, addKeyboardActivation, isSecondaryPointerGesture } from './tokens.js';
 
 function hoverButton(className, ariaLabel, title) {
     const el = $(`span.codicon.${className}`);
@@ -27,24 +27,28 @@ function createHeader() {
     const micBtn = $("span.codicon.codicon-voice-mode");
     micBtn.role = "button";
     micBtn.tabIndex = 0;
-    micBtn.ariaLabel = ( localize(4815, "Push to talk (Space)"));
-    micBtn.title = ( localize(4815, "Push to talk (Space)"));
+    micBtn.ariaLabel = ( localize(5141, "Push to talk (Space)"));
+    micBtn.title = ( localize(5141, "Push to talk (Space)"));
     micBtn.style.cssText = `font-size:${FONT_SIZE.iconMd};cursor:pointer;-webkit-app-region:no-drag;border-radius:4px;padding:2px;`;
-    const gearBtn = hoverButton("codicon-gear", ( localize(4816, "Configure keybinding")), ( localize(4816, "Configure keybinding")));
     const connIndicator = $("span.voice-conn-indicator");
     connIndicator.role = "button";
     connIndicator.tabIndex = 0;
-    connIndicator.ariaLabel = ( localize(4817, "Disconnect"));
-    connIndicator.title = ( localize(4817, "Disconnect"));
+    connIndicator.ariaLabel = ( localize(5142, "Disconnect"));
+    connIndicator.title = ( localize(5142, "Disconnect"));
     connIndicator.style.cssText = "display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-app-region:no-drag;flex-shrink:0;padding:2px;";
     const connDot = $("span.voice-conn-dot.codicon.codicon-debug-connected");
-    connDot.title = ( localize(4817, "Disconnect"));
+    connDot.title = ( localize(5142, "Disconnect"));
     connDot.style.cssText = `font-size:${FONT_SIZE.iconSm};color:var(--vscode-charts-green);`;
     const connDisc = $("span.voice-conn-disconnect.codicon.codicon-debug-disconnect");
-    connDisc.title = ( localize(4817, "Disconnect"));
+    connDisc.title = ( localize(5142, "Disconnect"));
     connDisc.style.cssText = `font-size:${FONT_SIZE.iconSm};color:var(--vscode-descriptionForeground);display:none;`;
     connIndicator.append(connDot, connDisc);
     addKeyboardActivation(connIndicator);
+    const muteBtn = $("span.codicon.codicon-mic");
+    muteBtn.role = "button";
+    muteBtn.tabIndex = 0;
+    muteBtn.style.cssText = `font-size:${FONT_SIZE.iconSm};cursor:pointer;-webkit-app-region:no-drag;flex-shrink:0;border-radius:4px;padding:2px;`;
+    addKeyboardActivation(muteBtn);
     const placeholderText = $("span.voice-placeholder-text");
     placeholderText.role = "button";
     placeholderText.tabIndex = 0;
@@ -58,9 +62,9 @@ function createHeader() {
     addKeyboardActivation(placeholderText);
     const spacer = $("span");
     spacer.style.flex = "1";
-    const feedbackBtn = hoverButton("codicon-feedback", ( localize(4818, "Send feedback")), ( localize(4818, "Send feedback")));
-    const popoutBtn = hoverButton("codicon-open-in-window", ( localize(4819, "Open mini-view")), ( localize(4819, "Open mini-view")));
-    const closeBtn = hoverButton("codicon-chrome-minimize", ( localize(4820, "Minimize")), ( localize(4820, "Minimize")));
+    const feedbackBtn = hoverButton("codicon-feedback", ( localize(5143, "Send feedback")), ( localize(5143, "Send feedback")));
+    const popoutBtn = hoverButton("codicon-open-in-window", ( localize(5144, "Open mini-view")), ( localize(5144, "Open mini-view")));
+    const closeBtn = hoverButton("codicon-chrome-minimize", ( localize(5145, "Minimize")), ( localize(5145, "Minimize")));
     const connStyle = $("style");
     connStyle.textContent = `
         .voice-conn-indicator:hover .voice-conn-dot { display: none !important; }
@@ -77,8 +81,8 @@ function createHeader() {
         copilotIcon,
         micBtn,
         placeholderText,
-        gearBtn,
         connIndicator,
+        muteBtn,
         spacer,
         popoutBtn,
         closeBtn,
@@ -110,18 +114,51 @@ function createHeader() {
             micBtn.onmouseleave = () => {
                 micBtn.style.color = micColor;
             };
-            micBtn.onmousedown = props.onMicDown;
-            micBtn.onmouseup = () => props.onMicUp();
+            micBtn.onmousedown = e => {
+                if (isSecondaryPointerGesture(e)) {
+                    return;
+                }
+                props.onMicDown(e);
+            };
+            micBtn.onmouseup = e => {
+                if (isSecondaryPointerGesture(e)) {
+                    return;
+                }
+                props.onMicUp();
+            };
+            micBtn.oncontextmenu = e => {
+                e.preventDefault();
+                e.stopPropagation();
+                props.onMicContextMenu(e);
+            };
             placeholderText.style.display = showConnected ? "none" : "";
             const keyLabel = props.pttKeyLabel;
-            const holdText = keyLabel ? ( localize(4821, "Hold {0} to talk", keyLabel)) : ( localize(4822, "Click voice mode to talk"));
+            const holdText = keyLabel ? ( localize(5146, "Hold {0} to talk", keyLabel)) : ( localize(5147, "Click voice mode to talk"));
             placeholderText.textContent = holdText;
             placeholderText.ariaLabel = holdText;
             placeholderText.onclick = props.onConnectClick;
-            gearBtn.style.display = props.isConnected ? "" : "none";
-            gearBtn.onclick = props.onPttKeyClick;
             connIndicator.style.display = showConnected && !props.hideDisconnect ? "inline-flex" : "none";
             connIndicator.onclick = props.onDisconnectClick;
+            muteBtn.style.display = showConnected ? "" : "none";
+            muteBtn.classList.toggle("codicon-mic", props.isMuted);
+            muteBtn.classList.toggle("codicon-mic-off", !props.isMuted);
+            const muteColor = props.isMuted ? "var(--vscode-editorError-foreground)" : "var(--vscode-descriptionForeground)";
+            muteBtn.style.color = muteColor;
+            const muteLabel = props.isMuted ? ( localize(5148, "Unmute Microphone")) : ( localize(5149, "Mute Microphone"));
+            muteBtn.ariaLabel = muteLabel;
+            muteBtn.title = muteLabel;
+            muteBtn.setAttribute("aria-pressed", props.isMuted ? "true" : "false");
+            muteBtn.onmouseenter = () => {
+                muteBtn.style.color = "var(--vscode-foreground)";
+            };
+            muteBtn.onmouseleave = () => {
+                muteBtn.style.color = muteColor;
+            };
+            muteBtn.onclick = e => {
+                e.preventDefault();
+                e.stopPropagation();
+                props.onMuteClick(e);
+            };
             const showConnBtnCenter = !showConnected && props.centerConnectButton;
             spacer.style.cssText = "flex:1;";
             if (showConnBtnCenter) {

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/components/onboardingComponent.js

@@ -10,7 +10,7 @@ function createOnboarding() {
     container.style.cssText = "display:flex;flex-direction:column;gap:12px;padding:8px 0;";
     const title = $("span");
     title.style.cssText = "font-size:14px;font-weight:600;color:var(--vscode-foreground);";
-    title.textContent = ( localize(4823, "Welcome to Voice Chat"));
+    title.textContent = ( localize(5150, "Welcome to Voice Chat"));
     const descSection = $("div");
     descSection.style.cssText = `display:flex;flex-direction:column;gap:10px;font-size:${ONBOARDING_FONT};color:var(--vscode-foreground);line-height:1.5;`;
     const welcomeRow = $("div");
@@ -22,7 +22,7 @@ function createOnboarding() {
     welcomeIconWrap.append(welcomeIcon);
     const welcomeText = $("span");
     welcomeText.textContent = ( localize(
-        4824,
+        5151,
         "Speak to an assistant that controls multiple coding agents at once. Get notified when work is done or input is needed."
     ));
     welcomeRow.append(welcomeIconWrap, welcomeText);
@@ -33,19 +33,19 @@ function createOnboarding() {
     const pttKeyChip = $("span");
     pttKeyChip.role = "button";
     pttKeyChip.tabIndex = 0;
-    pttKeyChip.ariaLabel = ( localize(4825, "Change push-to-talk key"));
+    pttKeyChip.ariaLabel = ( localize(5152, "Change push-to-talk key"));
     pttKeyChip.style.cssText = `font-size:${FONT_SIZE.micro};padding:1px 4px;border:1px solid var(--vscode-descriptionForeground);border-radius:3px;line-height:1;color:var(--vscode-descriptionForeground);cursor:pointer;-webkit-app-region:no-drag;`;
     addKeyboardActivation(pttKeyChip);
     pttIconWrap.append(pttKeyChip);
     const pttTextSpan = $("span");
     const pttStrong = $("strong");
-    pttStrong.textContent = ( localize(4826, "Push-to-talk"));
-    const pttHold = createTextNode(" " + ( localize(4827, "— hold the key while speaking, release when done.")) + " ");
+    pttStrong.textContent = ( localize(5153, "Push-to-talk"));
+    const pttHold = createTextNode(" " + ( localize(5154, "— hold the key while speaking, release when done.")) + " ");
     const pttLink = createElement("a");
     pttLink.href = "#";
     pttLink.style.cssText = "color:var(--vscode-textLink-foreground);cursor:pointer;text-decoration:none;";
-    pttLink.textContent = ( localize(4828, "Configure a keybinding"));
-    const pttSuffix = createTextNode(" " + ( localize(4829, "to use it from any app.")));
+    pttLink.textContent = ( localize(5155, "Configure a keybinding"));
+    const pttSuffix = createTextNode(" " + ( localize(5156, "to use it from any app.")));
     pttTextSpan.append(pttStrong, pttHold, pttLink, pttSuffix);
     pttRow.append(pttIconWrap, pttTextSpan);
     const feedbackRow = $("div");
@@ -56,7 +56,7 @@ function createOnboarding() {
     feedbackIcon.style.fontSize = ONBOARDING_ICON_LG;
     feedbackIconWrap.append(feedbackIcon);
     const feedbackText = $("span");
-    feedbackText.textContent = ( localize(4830, "Use the feedback icon to help us improve your experience."));
+    feedbackText.textContent = ( localize(5157, "Use the feedback icon to help us improve your experience."));
     feedbackRow.append(feedbackIconWrap, feedbackText);
     const miniViewRow = $("div");
     miniViewRow.style.cssText = "display:flex;gap:10px;align-items:center;";
@@ -69,8 +69,8 @@ function createOnboarding() {
     const miniViewLink = createElement("a");
     miniViewLink.href = "#";
     miniViewLink.style.cssText = "color:var(--vscode-textLink-foreground);cursor:pointer;text-decoration:none;";
-    miniViewLink.textContent = ( localize(4831, "Open the mini-view"));
-    const miniViewSuffix = createTextNode(" " + ( localize(4832, "to multitask while VS Code is not in the foreground.")));
+    miniViewLink.textContent = ( localize(5158, "Open the mini-view"));
+    const miniViewSuffix = createTextNode(" " + ( localize(5159, "to multitask while VS Code is not in the foreground.")));
     miniViewTextSpan.append(miniViewLink, miniViewSuffix);
     miniViewRow.append(miniViewIconWrap, miniViewTextSpan);
     descSection.append(welcomeRow, pttRow, feedbackRow, miniViewRow);
@@ -107,7 +107,7 @@ function createOnboarding() {
             button.disabled = props.isConnecting;
             button.style.cursor = props.isConnecting ? "default" : "pointer";
             button.style.opacity = props.isConnecting ? "0.7" : "1";
-            button.textContent = props.isConnecting ? ( localize(4833, "Connecting…")) : ( localize(4834, "Get Started"));
+            button.textContent = props.isConnecting ? ( localize(5160, "Connecting…")) : ( localize(5161, "Get Started"));
             button.onclick = props.onGetStarted;
         }
     };

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

@@ -1,5 +1,5 @@
 import type { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
-import type { IPendingToolConfirmation } from "../../../chat/browser/voiceClient/voiceSessionController.js";
+import type { IPendingToolConfirmation } from "@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceSessionController";
 export interface SessionRowData {
     readonly resource: URI;
     readonly label: string;

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/components/sessionListComponent.js

@@ -106,7 +106,7 @@ function createSessionRow(session, props) {
     actions.setAttribute("data-role", "actions");
     actions.style.cssText = "display:none;gap:4px;align-items:center;";
     if (!session.isIdle) {
-        const stopBtn = hoverIcon("codicon-debug-stop", ( localize(4835, "Stop session")));
+        const stopBtn = hoverIcon("codicon-debug-stop", ( localize(5162, "Stop session")));
         stopBtn.addEventListener("mouseenter", () => {
             stopBtn.style.color = "var(--vscode-editorError-foreground)";
         });
@@ -137,21 +137,21 @@ function createSessionRow(session, props) {
         if (tc.type === "approval") {
             const approveBtn = $("button");
             approveBtn.style.cssText = `${btnStyle}background:var(--vscode-charts-green);`;
-            approveBtn.textContent = ( localize(4836, "Approve"));
+            approveBtn.textContent = ( localize(5163, "Approve"));
             approveBtn.addEventListener("click", () => tc.approve());
             const denyBtn = $("button");
             denyBtn.style.cssText = `${btnStyle}background:var(--vscode-button-secondaryBackground);color:var(--vscode-foreground);`;
-            denyBtn.textContent = ( localize(4837, "Deny"));
+            denyBtn.textContent = ( localize(5164, "Deny"));
             denyBtn.addEventListener("click", () => tc.deny());
             const stopBtn = $("button");
             stopBtn.style.cssText = `${btnStyle}background:var(--vscode-button-secondaryBackground);color:var(--vscode-foreground);`;
-            stopBtn.textContent = ( localize(4838, "Stop"));
+            stopBtn.textContent = ( localize(5165, "Stop"));
             stopBtn.addEventListener("click", () => props.onCancelSession(session.resource));
             confBtns.append(approveBtn, denyBtn, stopBtn);
         } else {
             const openInVSCode = $("button");
             openInVSCode.style.cssText = `${btnStyle}background:var(--vscode-button-background);`;
-            openInVSCode.textContent = ( localize(4839, "Open in VS Code"));
+            openInVSCode.textContent = ( localize(5166, "Open in VS Code"));
             openInVSCode.addEventListener("click", () => props.onOpenSession(session.resource));
             confBtns.append(openInVSCode);
         }
@@ -181,9 +181,9 @@ function createSessionList() {
             headerRow.style.cssText = "display:flex;align-items:center;justify-content:space-between;padding:2px 2px 4px;border-bottom:1px solid var(--vscode-editorGroup-border);";
             const headerLabel = $("span");
             headerLabel.style.cssText = `font-size:${FONT_SIZE.micro};color:var(--vscode-disabledForeground);text-transform:uppercase;letter-spacing:0.5px;font-weight:500;`;
-            headerLabel.textContent = props.selectedTarget ? ( localize(4840, "Send to")) : ( localize(4841, "Send to (active)"));
-            const addBtn = hoverIcon("codicon-add", ( localize(4842, "New session")));
-            addBtn.title = ( localize(4842, "New session"));
+            headerLabel.textContent = props.selectedTarget ? ( localize(5167, "Send to")) : ( localize(5168, "Send to (active)"));
+            const addBtn = hoverIcon("codicon-add", ( localize(5169, "New session")));
+            addBtn.title = ( localize(5169, "New session"));
             addBtn.style.cssText += "padding:1px 2px;";
             addBtn.addEventListener("click", e => {
                 e.preventDefault();
@@ -197,7 +197,7 @@ function createSessionList() {
                 empty.style.cssText = "display:flex;align-items:center;justify-content:center;height:60px;";
                 const emptyText = $("span");
                 emptyText.style.cssText = `font-size:${FONT_SIZE.body};color:var(--vscode-foreground);`;
-                emptyText.textContent = ( localize(4843, "No active sessions"));
+                emptyText.textContent = ( localize(5170, "No active sessions"));
                 empty.append(emptyText);
                 container.append(empty);
             } else if (hasGroups) {

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

@@ -1,4 +1,4 @@
-import type { IPendingToolConfirmation } from "../../../chat/browser/voiceClient/voiceSessionController.js";
+import type { IPendingToolConfirmation } from "@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceSessionController";
 import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
 export interface StatusRowsProps {
     readonly workingCount: number;

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/components/statusRowsComponent.js

@@ -46,7 +46,7 @@ function createStatusRows() {
     noSessionsRow.style.cssText = "display:flex;align-items:center;height:20px;flex-shrink:0;padding-left:2px;";
     const noSessionsText = $("span");
     noSessionsText.style.cssText = `font-size:${FONT_SIZE.body};color:var(--vscode-descriptionForeground);font-style:italic;`;
-    noSessionsText.textContent = ( localize(4844, "No active sessions"));
+    noSessionsText.textContent = ( localize(5171, "No active sessions"));
     noSessionsRow.append(noSessionsText);
     inner.append(
         speakingRow,
@@ -89,7 +89,7 @@ function createStatusRows() {
                     speakingRow.style.cursor = "pointer";
                     speakingRow.tabIndex = 0;
                     speakingRow.setAttribute("role", "button");
-                    speakingRow.title = ( localize(4845, "Jump to session"));
+                    speakingRow.title = ( localize(5172, "Jump to session"));
                 } else {
                     speakingRow.style.cursor = "";
                     speakingRow.removeAttribute("tabIndex");
@@ -112,13 +112,13 @@ function createStatusRows() {
                 speakingRow.title = "";
             }
             if (showCounters) {
-                workingRow.update("var(--vscode-charts-green)", props.workingCount, ( localize(4846, "working")));
+                workingRow.update("var(--vscode-charts-green)", props.workingCount, ( localize(5173, "working")));
                 needsInputRow.update(
                     "var(--vscode-editorWarning-foreground)",
                     props.needsInputCount,
-                    ( localize(4847, "needs input"))
+                    ( localize(5174, "needs input"))
                 );
-                doneRow.update("var(--vscode-disabledForeground)", props.doneCount, ( localize(4848, "done")));
+                doneRow.update("var(--vscode-disabledForeground)", props.doneCount, ( localize(5175, "done")));
                 noSessionsRow.style.display = !hasAny ? "flex" : "none";
             } else {
                 workingRow.element.style.display = "none";

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

@@ -24,3 +24,9 @@ export declare const COLOR: {
  * Required for elements with role="button" + tabindex="0".
  */
 export declare function addKeyboardActivation(el: HTMLElement): void;
+/**
+ * Whether a mouse event is a secondary-click / context-menu gesture (right-click,
+ * or Ctrl-click on macOS) rather than a primary press. Used to keep such gestures
+ * from starting/stopping push-to-talk when the mic also opens a context menu.
+ */
+export declare function isSecondaryPointerGesture(e: MouseEvent): boolean;

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/components/tokens.js

@@ -1,4 +1,5 @@
 
+import { isMacintosh } from '@codingame/monaco-vscode-api/vscode/vs/base/common/platform';
 
 const FONT_SIZE = {
     micro: '10px',
@@ -21,5 +22,8 @@ function addKeyboardActivation(el) {
         }
     });
 }
+function isSecondaryPointerGesture(e) {
+    return e.button !== 0 || (isMacintosh && e.ctrlKey);
+}
 
-export { COLOR, FONT_SIZE, FONT_WEIGHT, addKeyboardActivation };
+export { COLOR, FONT_SIZE, FONT_WEIGHT, addKeyboardActivation, isSecondaryPointerGesture };

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

@@ -1,5 +1,5 @@
 import { IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
-import type { ITranscriptTurn } from "../../../chat/browser/voiceClient/voiceSessionController.js";
+import type { ITranscriptTurn } from "@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceSessionController";
 export interface TranscriptProps {
     readonly turns: readonly ITranscriptTurn[];
     readonly chatStyle?: boolean;

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

@@ -1,4 +1,4 @@
-import type { VoiceState } from "../../../chat/browser/voiceClient/voiceSessionController.js";
+import type { VoiceState } from "@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/voiceClient/voiceSessionController";
 import type { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
 export interface VoiceBarProps {
     readonly voiceState: VoiceState;

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/components/voiceBarComponent.js

@@ -20,7 +20,7 @@ function createVoiceBar() {
     const stopBtn = $("span.codicon.codicon-debug-stop");
     stopBtn.role = "button";
     stopBtn.tabIndex = 0;
-    stopBtn.ariaLabel = ( localize(4849, "Stop speech"));
+    stopBtn.ariaLabel = ( localize(5176, "Stop speech"));
     stopBtn.style.cssText = `font-size:${FONT_SIZE.body};color:var(--vscode-editorError-foreground);cursor:pointer;-webkit-app-region:no-drag;padding:2px;`;
     addKeyboardActivation(stopBtn);
     container.append(dot, label, waveform, stopBtn);
@@ -40,7 +40,7 @@ function createVoiceBar() {
             }
             container.style.display = "flex";
             dot.style.background = isSpeaking ? "var(--vscode-charts-green)" : "var(--vscode-editorInfo-foreground)";
-            label.textContent = isSpeaking ? (props.speakingSessionLabel || ( localize(4850, "Speaking..."))) : ( localize(4851, "Listening"));
+            label.textContent = isSpeaking ? (props.speakingSessionLabel || ( localize(5177, "Speaking..."))) : ( localize(5178, "Listening"));
             stopBtn.style.display = isSpeaking ? "" : "none";
             if (isSpeaking) {
                 if (currentStopHandler) {