feat(ui): redesign the Echo workspace for 1.0

[vriesd]

This draft is awaiting user approval of the revised design. Merge and release are on hold.

Why

Echo's sidebar collapses to unlabeled icons at its default window size, and secondary controls use inconsistent browser styling. Echo 1.0 gives the app labeled horizontal navigation, neutral light and dark themes, and a full-width dictation workspace.

Scope

• Put a text recording button, explicit processing states, and the latest transcript at the center of Home. Add View history and compact setup/usage layouts.
• Apply consistent typography, controls, spacing, focus styles, and readable secondary text across Home, History, Dictionary, and Settings. Wrap long dictionary phrases and transcripts.
• Preserve the existing controllers and generated IPC contracts. Bump the workspace and lockfile to 1.0.0 and add release notes. Existing local data and settings require no migration.

Tradeoffs

The first design was rejected during user review. This revision uses neutral colors, compact horizontal navigation, less UI copy, and one type scale across all four views. Page headings use 28px, body and section headings use 14px, controls use 13px, and metadata uses 12px. Icon buttons are centered, and responsive rules load after component styles. Design notes and repeatable screenshots are in the frontend design record.

Verification

Independent local review passes functionality across both themes at 390, 760, and 920px. Visual approval is still pending.

• Build, lint, 254 unit tests, IPC drift check, npm audit, release-note parser, and release provenance tests pass.
• scripts/verify-settings-ux.sh passes native microphone tests and frontend checks. All 16 browser tests pass, including responsive Settings, labeled navigation, keyboard recording, processing controls, history search, dictionary edits, dialog focus, reduced motion, secondary-text contrast, icon centering, consistent typography, and narrow Home composition.
• A new long-phrase browser test fails before the wrapping fix and passes after it.
• WebKit also passes recording and all four views in both themes at 390, 760, and 920 pixels. These browser checks use the disposable preview API; native package verification remains a release-workflow gate.

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	✅ Completed 2026-09-04T23:25:38.073623Z	51b275a	PR opened

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.