diff --git a/apps/web/src/components/chat/ChatComposer.tsx b/apps/web/src/components/chat/ChatComposer.tsx index 3031170f591f4..25b5f910a4fc3 100644 --- a/apps/web/src/components/chat/ChatComposer.tsx +++ b/apps/web/src/components/chat/ChatComposer.tsx @@ -143,7 +143,7 @@ import { useEnvironmentSpeechInput, useSpeechUnavailableReason, } from "../../speech/useEnvironmentSpeechInput"; -import { ComposerSpeechButton } from "./ComposerSpeechButton"; +import { ComposerSpeechButton, ComposerSpeechCancelButton } from "./ComposerSpeechButton"; import { VoiceInputErrorPill } from "./VoiceInputErrorPill"; import { COMPOSER_PILL_SLOT_BUTTON_CLASS_NAME } from "./ComposerPrimaryActions"; import type { AssistantCitationSourceAnchor } from "~/lib/assistantTextSelection"; @@ -3779,6 +3779,15 @@ export function ChatComposer(props: ChatComposerProps) { onDismiss={() => speechInput.cancel()} /> ) : null} + {speechInput.available && + speechInput.state.phase !== "idle" && + speechInput.state.phase !== "error" ? ( + speechInput.cancel()} + /> + ) : null}