Voice controls

let tokens = cx.theme().semantic_tokens();
let status: SharedString = self
    .last_voice_event
    .clone()
    .unwrap_or_else(|| "Start dictation, then stop or cancel it; Speak reads the latest reply".into());
let mut controls = VoiceControls::new("voice", self.voice_state)
    .speakable(true)
    .on_event(cx.listener(|this, event: &VoiceEvent, _, cx| {
        match event {
            VoiceEvent::DictationStarted => {
                this.voice_state = VoiceState::Listening { level: 0.55 };
                this.voice_transcript =
                    Some("compare the three suppliers for next".into());
            }
            VoiceEvent::DictationStopped => {
                this.voice_state = VoiceState::Transcribing;
            }
            VoiceEvent::DictationCancelled => {
                this.voice_state = VoiceState::Idle;
                this.voice_transcript = None;
            }
            VoiceEvent::SpeakRequested => this.voice_state = VoiceState::Speaking,
            VoiceEvent::SpeakStopped => this.voice_state = VoiceState::Idle,
        }
        this.last_voice_event = Some(format!("{event:?}").into());
        cx.notify();
    }));
if let Some(transcript) = self.voice_transcript.clone() {
    controls = controls.transcript(transcript);
}
v_flex()
    .gap(tokens.spacing.md)
    .child(controls)
    .when(self.voice_state == VoiceState::Transcribing, |this| {
        this.child(
            Button::new("voice-finish")
                .outline()
                .small()
                .text_label("Simulate: transcription finished")
                .on_click(cx.listener(|this, _, _, cx| {
                    this.voice_state = VoiceState::Idle;
                    this.voice_transcript = None;
                    this.last_voice_event = Some(
                        "Transcribed: \"compare the three suppliers for next month\"".into(),
                    );
                    cx.notify();
                })),
        )
    })
    .child(
        div()
            .id("voice-story-status")
            .role(Role::Status)
            .aria_label(status.clone())
            .text_xs()
            .text_color(cx.theme().muted_foreground)
            .child(status),
    )