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

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/media/voiceModeOnboarding.css

@@ -0,0 +1,252 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/*
+ * The Voice Mode introduction card.
+ *
+ * One layout at every width - a vertical stack - because the chat panel is
+ * routinely ~250px and a card that re-tiers as it narrows never settles into a
+ * rhythm. Stacked, the spacing is identical everywhere and nothing has to be
+ * dropped, scrolled or clipped.
+ *
+ * Spacing rhythm, all from the shared spacing ramp:
+ *   12px  card padding                      (size120)
+ *    8px  between tiers, and voices to close (size80)
+ *    2px  between voice chips, and title to its sentence (size20)
+ *  2/4px  inside a voice chip               (size20 / size40)
+ */
+
+/* --- Copy --- */
+
+.voice-mode-onboarding-copy {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size20);
+	min-width: 0;
+	/* Clear of the pinned close button. */
+	padding-right: var(--vscode-spacing-size240);
+}
+
+/* --- Waveform --- */
+
+/*
+ * The waveform gets a row of its own. Earlier it sat behind the copy, which
+ * forced a scrim over it, which erased it - a waveform competing with a
+ * paragraph is a fight neither side wins. With its own space it needs no mask,
+ * no scrim and no dimming, so it can simply be seen.
+ */
+.voice-mode-onboarding-wave {
+	height: 34px;
+	pointer-events: none;
+	/* Eases into the card's edges rather than being sliced off at them. */
+	mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 1) 88%, transparent 100%);
+}
+
+/*
+ * Monochrome, and it is this declaration that decides the tier: the canvas
+ * paints its bars in its own computed `color`, the same way the toolbar
+ * waveform uses `currentColor`. It sits at the description's tier because it is
+ * ambient - present, but never louder than the choice below it - and taking a
+ * theme token means it stays legible in light, dark and high-contrast alike.
+ */
+.voice-mode-onboarding-canvas {
+	display: block;
+	width: 100%;
+	height: 100%;
+	color: var(--vscode-descriptionForeground);
+}
+
+.monaco-workbench .voice-mode-onboarding-microphone-icon.codicon[class*='codicon-'] {
+	flex-shrink: 0;
+	font-size: var(--vscode-codiconFontSize-compact);
+	line-height: 1;
+	color: var(--vscode-descriptionForeground);
+}
+
+/* --- Voices and confirmation --- */
+
+.voice-mode-onboarding-actions {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size80);
+}
+
+/* --- Voice options --- */
+
+.voice-mode-onboarding-voices-label {
+	flex: 0 0 auto;
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-label2);
+	white-space: nowrap;
+}
+
+/*
+ * The options are buttons and have to look like it. Bare text gave no sign it
+ * could be clicked, let alone that clicking would speak *and* stick.
+ */
+.voice-mode-onboarding-voices {
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	gap: var(--vscode-spacing-size20);
+	flex: 1 1 auto;
+	min-width: 0;
+}
+
+.voice-mode-onboarding-voice {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size20);
+	padding: var(--vscode-spacing-size20) var(--vscode-spacing-size40);
+	border: var(--vscode-strokeThickness) solid var(--vscode-input-border, var(--vscode-widget-border, transparent));
+	border-radius: var(--vscode-cornerRadius-medium);
+	background-color: var(--vscode-button-secondaryBackground);
+	color: var(--vscode-button-secondaryForeground);
+	font-size: var(--vscode-fontSize-label2);
+	white-space: nowrap;
+	cursor: pointer;
+	transition: background-color 100ms ease-out, border-color 100ms ease-out;
+}
+
+.voice-mode-onboarding-voice:hover {
+	background-color: var(--vscode-button-secondaryHoverBackground);
+	border-color: var(--vscode-agentsVoice-speakingForeground);
+}
+
+/* Pressed feedback, so a click is felt as well as seen. */
+.voice-mode-onboarding-voice:active {
+	transform: translateY(1px);
+}
+
+.voice-mode-onboarding-voice:focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: 2px;
+}
+
+.voice-mode-onboarding-voice.selected {
+	background-color: var(--vscode-list-activeSelectionBackground);
+	border-color: var(--vscode-focusBorder);
+	color: var(--vscode-list-activeSelectionForeground);
+	font-weight: var(--vscode-fontWeight-semiBold);
+}
+
+/* --- The icon carries the story --- */
+
+/*
+ * One slot, three states. Play says "this will speak", the bars say "it is
+ * speaking", the check says "this one is yours". Stacking them in a fixed-size
+ * slot means swapping state never reflows the row.
+ */
+/*
+ * The slot collapses to nothing at rest and slides open on hover or once the
+ * voice is chosen - the same move the Voice Mode pill makes with its own cells.
+ * That is what lets four named buttons share one row in a narrow panel.
+ */
+.voice-mode-onboarding-voice-icon {
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+	width: 0;
+	height: var(--vscode-codiconFontSize-compact);
+	overflow: hidden;
+	transition: width 0.2s cubic-bezier(0.2, 0.9, 0.2, 1), margin-right 0.2s cubic-bezier(0.2, 0.9, 0.2, 1);
+}
+
+.voice-mode-onboarding-voice:hover .voice-mode-onboarding-voice-icon,
+.voice-mode-onboarding-voice:focus-visible .voice-mode-onboarding-voice-icon,
+.voice-mode-onboarding-voice.selected .voice-mode-onboarding-voice-icon,
+.voice-mode-onboarding-voice.playing .voice-mode-onboarding-voice-icon {
+	width: var(--vscode-codiconFontSize-compact);
+	margin-right: var(--vscode-spacing-size20);
+}
+
+.voice-mode-onboarding-voice-icon > * {
+	position: absolute;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	opacity: 0;
+	transition: opacity 120ms ease-out;
+}
+
+.monaco-workbench .voice-mode-onboarding-voice-icon .codicon[class*='codicon-'] {
+	font-size: var(--vscode-codiconFontSize-compact);
+	line-height: 1;
+	color: inherit;
+}
+
+/* Idle: the play glyph, brightening on hover. */
+.voice-mode-onboarding-voice .voice-mode-onboarding-voice-idle {
+	opacity: 0.6;
+}
+
+.voice-mode-onboarding-voice:hover .voice-mode-onboarding-voice-idle {
+	opacity: 1;
+}
+
+/* Chosen: the check replaces play, so the row says which voice is in use. */
+.voice-mode-onboarding-voice.selected .voice-mode-onboarding-voice-idle {
+	opacity: 0;
+}
+
+.voice-mode-onboarding-voice.selected .voice-mode-onboarding-voice-chosen {
+	opacity: 1;
+}
+
+/* Speaking: miniature bars, the same instrument as the big waveform. */
+.voice-mode-onboarding-voice.playing .voice-mode-onboarding-voice-idle,
+.voice-mode-onboarding-voice.playing .voice-mode-onboarding-voice-chosen {
+	opacity: 0;
+}
+
+.voice-mode-onboarding-voice.playing .voice-mode-onboarding-voice-bars {
+	opacity: 1;
+}
+
+.voice-mode-onboarding-voice-bars {
+	gap: 1px;
+	height: var(--vscode-codiconFontSize-compact);
+}
+
+.voice-mode-onboarding-voice-bar {
+	width: 1.5px;
+	height: 4px;
+	border-radius: 1px;
+	background: currentColor;
+}
+
+.monaco-workbench.monaco-enable-motion .voice-mode-onboarding-voice.playing .voice-mode-onboarding-voice-bar {
+	animation: voice-mode-onboarding-eq 0.85s ease-in-out infinite;
+}
+
+.monaco-workbench.monaco-enable-motion .voice-mode-onboarding-voice.playing .voice-mode-onboarding-voice-bar:nth-child(2) {
+	animation-delay: 0.12s;
+}
+
+.monaco-workbench.monaco-enable-motion .voice-mode-onboarding-voice.playing .voice-mode-onboarding-voice-bar:nth-child(3) {
+	animation-delay: 0.24s;
+}
+
+/* Mirrors `chat-voice-input-mode-eq`, so the two waveforms move alike. */
+@keyframes voice-mode-onboarding-eq {
+	0%, 100% { height: 3px; }
+	50% { height: 10px; }
+}
+
+/* --- Reduced motion --- */
+
+/*
+ * The keyframe animations above are already opt-in via `.monaco-enable-motion`,
+ * but transitions are not: without this the icon slot would still slide open
+ * over 200ms and its glyphs still crossfade, which is exactly the movement the
+ * preference asks us not to make. Colour changes are left alone - they convey
+ * state rather than motion.
+ */
+.monaco-reduce-motion .voice-mode-onboarding-voice-icon,
+.monaco-reduce-motion .voice-mode-onboarding-voice-icon > * {
+	transition: none;
+}

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/transcriptsView/voiceTranscripts.contribution.js

@@ -19,12 +19,12 @@ import { VoiceTranscriptsViewPane } from './voiceTranscriptsView.js';
 const CONTAINER_ID = "workbench.view.voiceTranscriptsContainer";
 const VIEW_ID = VoiceTranscriptsViewPane.ID;
 const SHOW_VIEW_CONTEXT_KEY = ( new RawContextKey("voiceTranscripts.showView", false));
-const voiceTranscriptsIcon = registerIcon("voice-transcripts-view-icon", Codicon.history, ( localize(4852, "View icon of the Voice Transcripts view.")));
+const voiceTranscriptsIcon = registerIcon("voice-transcripts-view-icon", Codicon.history, ( localize(5179, "View icon of the Voice Transcripts view.")));
 const viewContainersRegistry = ( Registry.as(Extensions.ViewContainersRegistry));
 const viewsRegistry = ( Registry.as(Extensions.ViewsRegistry));
 const container = viewContainersRegistry.registerViewContainer({
     id: CONTAINER_ID,
-    title: ( localize2(4853, "Voice Transcripts")),
+    title: ( localize2(5180, "Voice Transcripts")),
     icon: voiceTranscriptsIcon,
     ctorDescriptor: ( new SyncDescriptor(ViewPaneContainer, [CONTAINER_ID, {
         mergeViewWithContainerWhenSingleView: true
@@ -35,7 +35,7 @@ const container = viewContainersRegistry.registerViewContainer({
 }, ViewContainerLocation.Sidebar);
 const viewDescriptor = {
     id: VIEW_ID,
-    name: ( localize2(4854, "Voice Transcripts")),
+    name: ( localize2(5181, "Voice Transcripts")),
     containerIcon: voiceTranscriptsIcon,
     ctorDescriptor: ( new SyncDescriptor(VoiceTranscriptsViewPane)),
     canToggleVisibility: true,
@@ -43,7 +43,7 @@ const viewDescriptor = {
     when: SHOW_VIEW_CONTEXT_KEY,
     openCommandActionDescriptor: {
         id: "voiceTranscripts.focus",
-        title: ( localize2(4855, "Focus Voice Transcripts View"))
+        title: ( localize2(5182, "Focus Voice Transcripts View"))
     }
 };
 viewsRegistry.registerViews([viewDescriptor], container);
@@ -52,9 +52,9 @@ class ShowVoiceTranscriptsAction extends Action2 {
     constructor() {
         super({
             id: SHOW_VIEW_COMMAND_ID,
-            title: ( localize2(4856, "Show Voice Transcripts")),
+            title: ( localize2(5183, "Show Voice Transcripts")),
             f1: true,
-            category: ( localize2(4857, "Agents Voice")),
+            category: ( localize2(5184, "Agents Voice")),
             precondition: ChatContextKeys.enabled
         });
     }
@@ -74,7 +74,7 @@ class RefreshVoiceTranscriptsAction extends Action2 {
     constructor() {
         super({
             id: RefreshVoiceTranscriptsAction.ID,
-            title: ( localize2(4858, "Refresh")),
+            title: ( localize2(5185, "Refresh")),
             icon: Codicon.refresh,
             menu: [{
                 id: MenuId.ViewTitle,
@@ -97,7 +97,7 @@ class ArchiveAllVoiceTranscriptsAction extends Action2 {
     constructor() {
         super({
             id: ArchiveAllVoiceTranscriptsAction.ID,
-            title: ( localize2(4859, "Archive All")),
+            title: ( localize2(5186, "Archive All")),
             icon: Codicon.archive,
             menu: [{
                 id: MenuId.ViewTitle,
@@ -120,7 +120,7 @@ class DeleteAllVoiceTranscriptsAction extends Action2 {
     constructor() {
         super({
             id: DeleteAllVoiceTranscriptsAction.ID,
-            title: ( localize2(4860, "Delete All")),
+            title: ( localize2(5187, "Delete All")),
             icon: Codicon.trash,
             menu: [{
                 id: MenuId.ViewTitle,
@@ -139,12 +139,12 @@ class DeleteAllVoiceTranscriptsAction extends Action2 {
         }
         const result = await dialogService.confirm({
             type: "warning",
-            message: ( localize(4861, "Delete all voice transcripts?")),
+            message: ( localize(5188, "Delete all voice transcripts?")),
             detail: ( localize(
-                4862,
+                5189,
                 "This permanently deletes the local transcript file for your user. There is no server-side copy."
             )),
-            primaryButton: ( localize(4863, "Delete"))
+            primaryButton: ( localize(5190, "Delete"))
         });
         if (result.confirmed) {
             await view.deleteAll();
@@ -157,7 +157,7 @@ registerAction2(DeleteAllVoiceTranscriptsAction);
 MenuRegistry.appendMenuItem(MenuId.ViewTitle, {
     command: {
         id: SHOW_VIEW_COMMAND_ID,
-        title: ( localize(4864, "Show Voice Transcripts"))
+        title: ( localize(5191, "Show Voice Transcripts"))
     },
     when: ( ContextKeyExpr.equals("view", "workbench.panel.chat.view.copilot")),
     group: "3_show",

package/vscode/src/vs/workbench/contrib/agentsVoice/browser/transcriptsView/voiceTranscriptsView.js

@@ -85,7 +85,7 @@ let VoiceTranscriptsViewPane = class VoiceTranscriptsViewPane extends ViewPane {
         this.emptyState.style.color = "var(--vscode-descriptionForeground)";
         this.emptyState.style.fontSize = "13px";
         this.emptyState.textContent = ( localize(
-            4865,
+            5192,
             "No transcripts yet. Start a voice conversation to populate this view."
         ));
         void this.refresh();
@@ -183,7 +183,7 @@ let VoiceTranscriptsViewPane = class VoiceTranscriptsViewPane extends ViewPane {
             archived.style.color = "var(--vscode-descriptionForeground)";
             archived.style.fontStyle = "italic";
             archived.textContent = ( localize(
-                4866,
+                5193,
                 "{0} archived turn{1} hidden.",
                 archivedCount,
                 archivedCount === 1 ? "" : "s"
@@ -272,19 +272,19 @@ function groupTurnsByTime(turns) {
     const weekStart = ( new Date(today.getTime() - 7 * 24 * 60 * 60 * 1000));
     const monthStart = ( new Date(today.getTime() - 30 * 24 * 60 * 60 * 1000));
     const buckets = [{
-        label: ( localize(4867, "Today")),
+        label: ( localize(5194, "Today")),
         pairs: []
     }, {
-        label: ( localize(4868, "Yesterday")),
+        label: ( localize(5195, "Yesterday")),
         pairs: []
     }, {
-        label: ( localize(4869, "Earlier this week")),
+        label: ( localize(5196, "Earlier this week")),
         pairs: []
     }, {
-        label: ( localize(4870, "Earlier this month")),
+        label: ( localize(5197, "Earlier this month")),
         pairs: []
     }, {
-        label: ( localize(4871, "Older")),
+        label: ( localize(5198, "Older")),
         pairs: []
     }];
     for (const turn of turns) {

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

@@ -0,0 +1,146 @@
+import { Disposable, IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IConfigurationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service";
+import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
+import { ICommandService } from "@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service";
+import { ILogService } from "@codingame/monaco-vscode-api/vscode/vs/platform/log/common/log.service";
+import { IContextViewService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service";
+import { IStorageService } from "@codingame/monaco-vscode-api/vscode/vs/platform/storage/common/storage.service";
+import { ITelemetryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service";
+import { IChatInputOnboardingBanner, IChatInputOnboardingHostOptions } from "@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/widget/input/chatInputOnboarding";
+import { ChatInputNoticeWidget } from "@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/widget/input/chatInputNoticeWidget";
+import { IVoiceModeOnboardingService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/agentsVoice/browser/voiceModeOnboarding.service";
+export interface IVoiceModeOnboardingBannerOptions {
+    /** The element the banner attaches itself to. */
+    readonly container: HTMLElement;
+    readonly onDismiss: () => void;
+    readonly source: "automatic" | "manual";
+    /** Allows tests to provide a deterministic media element. */
+    readonly audioFactory?: () => HTMLAudioElement;
+    /** Allows tests to provide a deterministic spoken language. */
+    readonly voiceLanguage?: string;
+}
+/**
+ * The first-run Voice Mode card: what Voice Mode is, that it costs nothing, the
+ * voices it can speak with, and the mic as the alternative for anyone who would
+ * rather not be spoken to at all.
+ *
+ * Clicking a voice both plays it and adopts it, so there is nothing to confirm
+ * afterwards. The leading icon carries that story: play before the click,
+ * animating bars while it speaks, then a check once it is yours.
+ */
+export declare class VoiceModeOnboardingBanner extends ChatInputNoticeWidget implements IChatInputOnboardingBanner {
+    private readonly commandService;
+    private readonly configurationService;
+    private readonly contextViewService;
+    private readonly logService;
+    private readonly storageService;
+    private readonly telemetryService;
+    private readonly player;
+    private animator;
+    private readonly options;
+    private readonly microphonePicker;
+    private microphoneOptions;
+    private microphonePickerContainer;
+    private readonly voiceElements;
+    /** Where the voice chips live, so they can be re-rendered on a language change. */
+    private voicesContainer;
+    /** Listeners for the current set of voice chips, cleared when they re-render. */
+    private readonly voicesDisposables;
+    /** The native voice for the spoken language, when one exists. */
+    private localizedVoice;
+    /** The voice being auditioned, and the one that will be committed. */
+    private selectedVoice;
+    constructor(options: IVoiceModeOnboardingBannerOptions, commandService: ICommandService, configurationService: IConfigurationService, contextViewService: IContextViewService, instantiationService: IInstantiationService, logService: ILogService, storageService: IStorageService, telemetryService: ITelemetryService);
+    /**
+     * The signature the shared trace should be showing: the selected voice's, or
+     * {@link RESTING_SIGNATURE} before anything has been chosen.
+     */
+    private currentSignature;
+    /** The single full-width trace the whole card shares. */
+    private renderSharedWaveform;
+    private renderMicrophonePicker;
+    private refreshMicrophones;
+    private updateMicrophonePicker;
+    private currentMicrophoneId;
+    private selectMicrophone;
+    /**
+     * The voices as real buttons - border, hover lift, pressed feedback -
+     * because bare text gave no sign it could be clicked at all. In a language
+     * Voice Mode speaks natively there is only one voice, so the card previews
+     * that voice instead of offering the English chooser.
+     *
+     * Re-entrant: clears any previously rendered chips so the card can rebuild
+     * them when the spoken language changes.
+     */
+    private renderVoices;
+    /**
+     * The spoken language changed, so swap the chips: the four English voices
+     * for a native language's single voice, or back again. Nothing is carried
+     * over - a voice chosen for the old language means nothing for the new one.
+     */
+    private updateForLanguage;
+    /**
+     * The single native voice for the spoken language, as a preview button:
+     * there is nothing to choose, so it only ever plays and stops.
+     */
+    private renderLocalizedVoice;
+    /**
+     * The icon is the affordance: it says "this will speak" before the click,
+     * animating bars while it speaks, then a check once a voice is chosen.
+     */
+    private appendVoiceIcon;
+    private handleOptionKey;
+    /**
+     * One short paragraph: what Voice Mode does, and where to change its
+     * settings or instructions.
+     *
+     * `[[...]]` marks each clause that becomes a link, so translators can place
+     * it naturally in the sentence instead of receiving a fixed phrase
+     * concatenated onto the end.
+     */
+    private renderDescription;
+    /**
+     * Dismissal is always available and never gated: a disabled close would trap
+     * someone in the card. Choosing a voice already commits it, so this is only
+     * ever "I am done here" - and closing is what hands the session back.
+     */
+    private renderClose;
+    /**
+     * Stops the sample and the waveform while the card is put away for a
+     * notification, so an invisible introduction is not still playing audio or
+     * painting every frame.
+     */
+    setVisible(visible: boolean): void;
+    private selectVoice;
+    /**
+     * The localized voice is not a choice - it is the only voice for the
+     * language - so previewing it just plays and stops, and never persists.
+     */
+    private previewLocalizedVoice;
+    /**
+     * The spoken language, mirroring the resolution the voice client uses: an
+     * explicit test override, then the configured language (unless `auto`), then
+     * the window's language.
+     */
+    private resolveSpokenLanguage;
+    private updateSelection;
+    /**
+     * Keeps a single tab stop on the group: the chosen voice, or the first one
+     * when nothing has been chosen yet.
+     */
+    private updateTabStop;
+    private updatePlaying;
+    private finish;
+    private logAction;
+}
+export declare class VoiceModeOnboardingService extends Disposable implements IVoiceModeOnboardingService {
+    private readonly instantiationService;
+    readonly _serviceBrand: undefined;
+    private readonly onboarding;
+    get isVisible(): boolean;
+    constructor(instantiationService: IInstantiationService);
+    registerHost(options: IChatInputOnboardingHostOptions): IDisposable;
+    showIfNeeded(): void;
+    show(): boolean;
+    private createBanner;
+}