🏠 Overview › 🧩 Components ›🧩 SpeechInputWidget

SpeechInputWidget

Component Detail

User Interface medium complexity mobile
0
Dependencies
0
Dependents
0
Entities
0
Integrations

Description

An inline microphone button and transcript preview panel that appears within text input fields. It displays real-time transcription results and a confirmation step before committing text to the target field. The widget supplements existing keyboard input without replacing it.

Feature: Speech-to-Text Input

speech-input-widget

Sources & reasoning

Lines 86-88 provide the precise use-case constraint (post-interaction dictation, not live recording). Line 347 places it in Fase 2, which maps to v1.0 by ordinal. Two organizations (Blindeforbundet + HLF) endorsed it, making it a "should have" cross-org feature.

  • Begge organisasjoner ønsker mulighet for ĂĄ snakke inn rapporter fremfor ĂĄ skrive. Blindeforbundet understreker at opptak under selve samtalen er uønsket - tale-til-tekst er for etterpĂĄ, ved rapportskriving.
  • Tale-til-tekst

Responsibilities

  • Render microphone activation button within text input fields
  • Display live transcript preview during dictation session
  • Present confirmation/edit step before committing transcribed text
  • Show recording state indicators (idle, listening, processing, error)
  • Handle user cancellation and discard of transcription

Interfaces

startDictation(targetFieldRef): void
stopDictation(): TranscriptResult
commitTranscript(text: string): void
discardTranscript(): void
onTranscriptUpdate(callback: (partial: string) => void): void