New UI layout #43

New issue

Closed

opened 2026-04-21 14:24:54 +00:00 by SaschaFuksa · 0 comments

SaschaFuksa commented

2026-04-21 14:24:54 +00:00

Owner

Please change the existing UI layout.

Currently we have a vertical layout:

Voice Notes (Recording)
Processing state
Transkript Panel after Recording
API Input
Recording Panel
Structured Transcripts Panel

Change it to this new Layout:

Keep Voice Notes (Recording) on top
Keep Processing state, also add "structured transcript" in pipeline after transcription and also show this processing step. In the end if all successful finished, show "✅ Transcription complete!" else "[x] Transcription failured!"
REMOVE Transkript Text Panel, showed after Recording
REMOVE API Input
ADD new panel to show the current recording from current session
5.1 Header information: Shows the header information of the current recording: Timestamp, amount chunks, status transcribed/not transcribed, status structured transcript/no structured transcript
5.2 Column 1: Recording: Shows the current recording like in the old recording panel: if transcribed show a snippet of the transkripted text. If not transcripted, add a "transcript" button. Also show delete button for transcripted text
5.3 Column 2: Structured Transcript: Shows the current structured transcript OR button to create the structured transcript. This column shall also show the old panel: preview of the MD file, expand button, download button, cop9y button, send to repo button, recreate button and delete button
-> Remove the Info button.
ADD new panel to show previous recording from previous sessions
6.1 Use the same header information as in 5.1
6.2 Use the same column with recording info as in 5.2
6.3 Use the same column with structured transcript info as in 5.3

Also consider mobile responsivenes. On Smartphone, colums shall be not horizontally

Please change the existing UI layout. Currently we have a vertical layout: 1. Voice Notes (Recording) 2. Processing state 3. Transkript Panel after Recording 4. API Input 5. Recording Panel 6. Structured Transcripts Panel Change it to this new Layout: 1. Keep Voice Notes (Recording) on top 2. Keep Processing state, also add "structured transcript" in pipeline after transcription and also show this processing step. In the end if all successful finished, show "✅ Transcription complete!" else "[x] Transcription failured!" 3. REMOVE Transkript Text Panel, showed after Recording 4. REMOVE API Input 5. ADD new panel to show the current recording from current session 5.1 Header information: Shows the header information of the current recording: Timestamp, amount chunks, status transcribed/not transcribed, status structured transcript/no structured transcript 5.2 Column 1: Recording: Shows the current recording like in the old recording panel: if transcribed show a snippet of the transkripted text. If not transcripted, add a "transcript" button. Also show delete button for transcripted text 5.3 Column 2: Structured Transcript: Shows the current structured transcript OR button to create the structured transcript. This column shall also show the old panel: preview of the MD file, expand button, download button, cop9y button, send to repo button, recreate button and delete button -> Remove the Info button. 6. ADD new panel to show previous recording from previous sessions 6.1 Use the same header information as in 5.1 6.2 Use the same column with recording info as in 5.2 6.3 Use the same column with structured transcript info as in 5.3 Also consider mobile responsivenes. On Smartphone, colums shall be not horizontally