-
Redesign: premium drop-to-transcribe main experience (#1396)
frostbyte_neo 发布于
2026-08-21 17:53:29 +00:00 - Add redesign design contract and Inter font
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Redesign main experience: premium drop-to-transcribe flow
- New design language: paper/ink palette, Inter Variable, aurora gradient
accent, pill buttons, hairline borders (light + dark) - New unified main page replacing home + batch: aurora hero dropzone,
drop/browse/record/link -> transcription starts immediately, file queue
with per-file progress, live streaming transcript, editorial reading
view with Copy/Export/Search toolbar - Topbar with wordmark + ghost actions replaces the "..." menu
- Setup page restyled; settings modal inherits the new tokens
- Premium logo: gradient ink, refined sparkles (SVG + regenerated PNG)
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Simplify idle screen, fix settings modal viewport overflow
- Whole dropzone card is now the single click/drop target (dashed border,
upload glyph); removed eyebrow, big headline and separate Browse button - Secondary actions (Record / From link / Folder) moved below the card
- Removed model-name item from the quiet row
- Settings modal height now capped to the viewport
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Folder auto-detect in picker/drop, source switcher, cleaner topbar
- Dropped or picked folders are detected and expanded to their media
files automatically (recursive per advanced options); Select folder
pill removed - Idle screen is now a source switcher (File / Record / From link) where
the active source replaces the drop area entirely - Topbar: removed back arrow and New button; gear (and update indicator
when available) only
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Mock: multi-file dialog selection to exercise batch queue
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Recents sidebar + auto-saved transcripts, settings row system, website redesign
- Transcripts auto-save as JSON in Documents/Vibe (opt-out in Privacy);
collapsible Recents sidebar: reopen, re-transcribe, reveal, delete - Idle screen: content-sized panels, prominent language selector,
tighter rhythm - Settings: production row system across all nine sections (inline
descriptions replace (i) icons, compact controls, switch for API
server, inline icon-button rename) - Website: desktop token/design parity (paper/ink, Inter, aurora), new
nav/footer/pages, new logo assets, fresh app preview screenshot - Mock: forward invoke headers so plugin-fs writes reach real paths
- justfile: dev-web recipe (frontend-only browser mode)
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Quiet dropzone (aurora on drag only), mock single/multi toggle, Save label
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Fix recents open, stable idle slot, smooth sidebar, mock seeds
- Mock read_text_file now returns bytes (plugin-fs decodes via
Uint8Array), fixing silent failures opening saved transcripts - Idle: fixed-height source slot so switching File/Record/Link never
moves the pills; panels share the drop zone footprint - Sidebar animates width (no content jump) and auto-closes for
multi-file sessions; language dropdown widened - Mock: seeded recents, single/multi file toggle pill
- Transcript toolbar: 'Save Transcript' -> 'Save'
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Bottom audio player bar, recents rename, mock copy_file
- ElevenLabs-style docked player on the transcript view: title +
show-in-folder path, play/pause, freely draggable aurora seek bar,
download-a-copy (plugin-fs copyFile + new capability) - Recents: Rename action with inline edit; store rewrites the file
keeping its timestamp - Mock: copy_file handler so download works in browser mode
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Drop unknown eslint disable directive
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Smooth player seek fill via requestAnimationFrame while playing
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- App shell like Claude desktop, full-width player, website polish sweep
Desktop:
- Full-height start-edge sidebar slot + full-width bottom player slot in
Layout; topbar spans only the content column - Sidebar closed by default; player fill monochrome (no aurora)
Website:
- Nav slimmed (features + download; language selector dev-only with
badge), version under platform picker, inline code-drawn app mock
replaces the screenshot, RTL highlights fixes, Ko-fi-warm Wall of
Love with per-person pastel tints, visible dark-mode CTA band,
single merged footer, logical-property sweep, docs rail sticky offset
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Titlebar sidebar toggle (macOS overlay), website i18n keys
- macOS: overlay titlebar; the sidebar toggle sits beside the traffic
lights (in the sidebar strip when open, in the header when closed);
titlebar row is a drag region - Website: 12 new i18n keys translated across all 12 locales replace
hardcoded English (hero eyebrow, highlights, closing band, features
eyebrow, post-download steps); dir=ltr workarounds removed; docs rail
sticky offset fix
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Fixed-position sidebar toggle, wordmark in sidebar, link-panel brand row
- Toggle keeps the exact same titlebar spot whether the sidebar is open
or closed (ChatGPT style); the Vibe wordmark shows only in the open
sidebar - From-link panel: 'Works with' row of bundled monochrome yt-dlp source
marks (simple-icons) fills the empty space
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Traffic lights aligned with toggle row, Codex-style wordmark row
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Glass sidebar via vibrancy, immovable toggle, wider sidebar, lights y=28
- macOS: transparent window + NSVisualEffectView (Sidebar material); the
sidebar tint is translucent so the blurred desktop shows through, the
content column stays opaque - One fixed-position toggle owned by the window — it no longer moves or
swaps containers when the sidebar opens/closes - Sidebar widened to 288px; traffic lights nudged to align with the
toggle row
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Light-mode glass fix (window theme sync, stronger tint), top-5 source icons
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Player bar spans only the content column beside the full-height sidebar
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Nearly opaque light-mode sidebar tint over vibrancy
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Sidebar toggle works in batch view (auto-close once, reopenable)
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Thin 6px scrollbars, subtle at rest and stronger on hover
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Inline transcript editing + timestamp seek
- Click a segment to edit in place (identical typography, no layout
jump), Enter/blur commits, Esc cancels; empty edits revert; edits
update the queue and rewrite the saved .vibe.json - Timestamps are quiet buttons that seek the bottom player and play
- Copy/Save/exports automatically use the edited text
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Nudge sidebar toggle up to the traffic-light line
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- ChatGPT-style palette: neutral grays + blue primary accent
Light: pure white content, #f9f9f9 sidebar, #2563eb primary.
Dark: #181818 background, #212121 surfaces, #339cff primary.
Switches, active states, focus rings and primary buttons pick up the
blue; neutrals lose the warm paper cast.Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Project folders per transcription with bundled audio copy
- Documents/Vibe/-/ holds transcript.vibe.json + a copy of
the source media (audio.); reopening from Recents plays the
project's own audio even if the original moved - Re-transcribe falls back to the project copy when the source is gone
- Rename moves the folder, delete removes it recursively, reveal opens it
- Legacy flat .vibe.json saves stay fully supported
- fs:allow-rename capability; mock: rename handler + project seeds
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Live recording level meter from real capture frames
- Rust: per-buffer peak level in the cpal callbacks (allocation-free,
atomic max + 100ms throttle) emitted as 'record_level'; input and
loopback streams share one meter - UI: five live bars with fast-attack/slow-release smoothing; sustained
silence dims to stubs so a dead mic is visibly different from speech - Mock emits a plausible speech envelope while recording
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Joined segmented source switcher (File / Record / From link)
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Icon-only segmented source switcher with tooltips
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Larger segmented switcher keys
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- FileAudio icon for the file segment (Upload stays on the dropzone)
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Plain folder icon for the file segment
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Breathing room between device selects and record button
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Whole transcript line is the edit target, not just the text
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Redesigned language dropdown: pinned Auto-detect, flags, popular/all groups
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Settings moves to sidebar footer with small update badge
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Language picker is a searchable combobox
Type to filter freely; grouped browse (pinned Auto-detect, Recents,
Popular, Others) collapses to a flat result list while typing; arrow
keys + Enter select; plain scrolling with no scroll arrows.Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Drop unknown eslint directive
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Language pill morphs into the search input in place, wider by default
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Language search: no autocorrect, matches English names and codes too
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Calmer dark-mode primary (#2563eb) — no neon glare on big buttons
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Remove the topbar settings menu — settings lives in the sidebar footer
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Whole language pill is clickable to open the picker
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Format icons in the Save menu
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Confirm-on-close only for in-flight runs or truly unsaved results
Everything else persists instantly, so quitting is silent.
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Split website changes into their own PR; bump version to 3.1.0
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
- Move new website logo asset to the website PR
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
Co-authored-by: Claude Fable 5 noreply@anthropic.com
下载附件