As a LFAI User
I want attach audio files to my chat thread
So that they can be transcribed into my chat thread
Acceptance Criteria
Given I am on the Chat Page of LFAI Design: File Attached Flow 1When I attach an audio file (.flac, .mp3, .mp4, .mpeg, .mpga, .m4a, .ogg, .wav, .webm)
Then I see the audio file attachment card at the top of the prompt message input field for each attached audio file Design: File Attached Flow 4And I see a badge at the bottom of the prompt message field that says "Transcribe [filename with extension]" for each audio file attached Design: File Attached Flow 4
Note: Truncate long file names in the badge to match the truncation in the file attachment card
When I click the "Transcribe..." badge
Then the badge and corresponding file attachment card are removed from the input field Design: File Attached Flow 5And are move up to the chat thread Design: File Attached Flow 5And the transcription displays as a response in the chat thread Design: File Attached Flow 5And any other file attachment cards, badges, and typed message remain in the input field Design: File Attached Flow 5
User Story
As a LFAI User I want attach audio files to my chat thread So that they can be transcribed into my chat thread
Acceptance Criteria
Given I am on the Chat Page of LFAI
Design: File Attached Flow 1
When I attach an audio file (.flac, .mp3, .mp4, .mpeg, .mpga, .m4a, .ogg, .wav, .webm) Then I see the audio file attachment card at the top of the prompt message input field for each attached audio fileDesign: File Attached Flow 4
And I see a badge at the bottom of the prompt message field that says "Transcribe [filename with extension]" for each audio file attachedDesign: File Attached Flow 4
Note: Truncate long file names in the badge to match the truncation in the file attachment card
When I click the "Transcribe..." badge Then the badge and corresponding file attachment card are removed from the input field
Design: File Attached Flow 5
And are move up to the chat threadDesign: File Attached Flow 5
And the transcription displays as a response in the chat threadDesign: File Attached Flow 5
And any other file attachment cards, badges, and typed message remain in the input fieldDesign: File Attached Flow 5
Additional context
Design Links: