Show voice feedback on omni input

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

Copilot-Session: be6b07e4-795c-42ba-88ef-329916399579

Author: meganrogge

src/vs/workbench/contrib/chat/browser/widget/input/chatInputPart.ts

@@ -3191,13 +3191,13 @@ export class ChatInputPart extends Disposable implements IHistoryNavigationWidge
 		const isVoiceInputActive = derived(this, reader => focusedWidget.read(reader) === widget);
 		const isOmniInput = this.contextKeyService.getContextKeyValue<boolean>(ChatContextKeys.inChatInputWindow.key) === true;
 		const isVoiceSessionActive = derived(this, reader => {
-			if (!isVoiceInputActive.read(reader)) {
-				return false;
-			}
 			const omniInputActive = this.voiceSessionController.omniInputActive.read(reader);
 			if (omniInputActive) {
 				return isOmniInput;
 			}
+			if (!isVoiceInputActive.read(reader)) {
+				return false;
+			}
 			const target = this.voiceSessionController.targetSession.read(reader);
 			const hasDraftTarget = this.voiceSessionController.hasDraftTarget.read(reader);
 			const resource = widget.viewModel?.sessionResource;

src/vs/workbench/contrib/chat/test/browser/voiceClient/voiceGlow.test.ts

@@ -5,15 +5,17 @@
 
 import assert from 'assert';
 import { Color } from '../../../../../../base/common/color.js';
+import { toDisposable } from '../../../../../../base/common/lifecycle.js';
 import { ensureNoDisposablesAreLeakedInTestSuite } from '../../../../../../base/test/common/utils.js';
 import { ColorScheme } from '../../../../../../platform/theme/common/theme.js';
 import { IColorTheme } from '../../../../../../platform/theme/common/themeService.js';
 import { chatDictationActiveMicGlow, chatVoiceGlowBaseColor, chatVoiceSpeakingGlow } from '../../../common/widget/chatColors.js';
 import { resolveDictationMicAccent } from '../../../browser/speechToText/dictationMicGlow.js';
 import { isGlowingVoiceState, GlowThemeKind, resolveVoiceGlowColors, resolveVoiceRimAccent, VOICE_GLOW_SPEAKING_HUE_SHIFT } from '../../../browser/voiceClient/voiceGlow.js';
+import { createVoiceGlowController } from '../../../browser/voiceClient/voiceGlowController.js';
 
 suite('VoiceGlow', () => {
-	ensureNoDisposablesAreLeakedInTestSuite();
+	const disposables = ensureNoDisposablesAreLeakedInTestSuite();
 
 	test('only the talking states glow', () => {
 		const states = ['idle', 'listening', 'speaking', 'processing', 'error'] as const;
@@ -23,6 +25,27 @@ suite('VoiceGlow', () => {
 		);
 	});
 
+	test('renders in an auxiliary owner document', () => {
+		const iframe = document.createElement('iframe');
+		document.body.appendChild(iframe);
+		disposables.add(toDisposable(() => iframe.remove()));
+
+		const target = iframe.contentDocument!.createElement('div');
+		iframe.contentDocument!.body.appendChild(target);
+		const controller = disposables.add(createVoiceGlowController(target));
+		controller.render('listening', 0.5, false);
+
+		assert.deepStrictEqual({
+			active: target.classList.contains('voice-active'),
+			listening: target.classList.contains('voice-listening'),
+			slots: target.querySelectorAll('.voice-glow-slot').length,
+		}, {
+			active: true,
+			listening: true,
+			slots: 2,
+		});
+	});
+
 	test('derives the speaking accent from the theme base color', () => {
 		const base = Color.fromHex('#58A6FF');
 		const colors = resolveVoiceGlowColors({ getColor: id => id === chatVoiceGlowBaseColor ? base : undefined });