OmniVoice Studio — Mature Design
ASCII mockups of the target UX and architecture once ROADMAP.md is complete. This folder is the source of truth for product intent. When the shipped product diverges, either the code or this folder is wrong — decide which.
Every view page includes:
- The screen as ASCII art.
- What's on the screen and why.
- Which roadmap phase delivers it.
- The API endpoints and store slices it binds to.
Views
| # | View | Purpose | Phase |
|---|---|---|---|
| 00 | System architecture | How the pieces fit together end-to-end | All |
| 01 | Launchpad | Home. Projects grid + quick actions | 1 |
| 02 | Dub Studio | The main workspace. Timeline + segments + preview | 1–4 |
| 03 | Voice Library | Profile management, cloning, A/B compare | 1, 3 |
| 04 | Translation Workbench | 3-step reflect/adapt with glossary | 2 |
| 05 | Batch Queue | Staged pipeline visualisation + checkpoints | 4 |
| 06 | Export Center | Track picker + format matrix + preview | 1–2 |
| 07 | Tools | Standalone utilities (isolate, align, merge) | 4 |
| 08 | Settings | Engines, hardware, keys, data, about | 3 |
Navigation map
┌──────────────────────────────────────────────────────────────────────┐
│ OmniVoice Studio │
├──────────────────────────────────────────────────────────────────────┤
│ │
│ [Launchpad] ──┬──> [Dub Studio] ──> [Translation] ──> [Export] │
│ │ │
│ ├──> [Voice Library] ──> [Clone/Design/Compare] │
│ │ │
│ ├──> [Batch Queue] (always accessible in sidebar) │
│ │ │
│ ├──> [Tools] │
│ │ │
│ └──> [Settings] │
│ │
└──────────────────────────────────────────────────────────────────────┘
Conventions used in the mockups
| Glyph | Meaning |
|---|---|
┌─┐ │ └─┘ |
Region / panel |
[ ... ] |
Interactive control (button, dropdown, input) |
▶ ⏸ ⏹ |
Media controls |
● / ○ |
Selected / unselected radio |
☑ / ☐ |
Checked / unchecked |
│▓▓▓░░░│ |
Progress / level meter |
↑ ↓ |
Sortable |
… |
Truncated / more |
⟳ |
Refresh / retry |