Skip to content

UI Polish: Animations, Toast Notifications, and Spacing Fixes - #5

Merged
r3dbars merged 2 commits into
mainfrom
fix/ui-polish-spacing
Jan 2, 2026
Merged

r3dbars merged 2 commits into
mainfrom
fix/ui-polish-spacing

Conversation

@r3dbars

@r3dbars r3dbars commented Jan 2, 2026

Copy link
Copy Markdown
Owner

Summary

  • Add snappy animations (150-200ms) and toast notifications for errors
  • Fix recording timer text wrapping issue
  • Tighten review tray spacing for unified appearance

Changes

Floating Panel Polish

  • Lock panel position to top of dock center
  • Unify animations to quick 150-200ms timing
  • Wire error badge to FailedTranscriptionManager count
  • Change pill backgrounds from frosted glass to solid dark
  • Add subtle system sounds for state changes (Pop, Tink, Glass, Basso)
  • Implement horizontal slide-out buttons on hover for idle state
  • Consolidate celebration state from 3 @State vars to single enum
  • Add toast notifications for errors with contextual icons/hints

Recording Timer Fix

  • Reduce HStack spacing to fit content in 180px pill
  • Add .lineLimit(1).fixedSize() to prevent timer text wrapping
  • Adjust waveform size for better layout

Review Tray Spacing

  • Eliminate 60px celebration zone gap during review state
  • Reduce tray-to-triangle connector spacing from 8px to 4px
  • Tray and pill now appear as one unified component

Test plan

  • Hover over idle pill - buttons slide out horizontally
  • Click record - timer displays "00:00" on single line
  • Trigger error - toast notification slides up and auto-dismisses
  • Complete transcription with action items - review tray appears close to pill

🤖 Generated with Claude Code

justinbetker and others added 2 commits January 2, 2026 09:31
…ications

- Lock panel position to top of dock center (fixed, non-movable)
- Unify animations to quick 150-200ms (.pillMorph spring timing)
- Wire error badge to FailedTranscriptionManager count
- Change pill backgrounds from frosted glass to solid dark (panelCharcoal)
- Add subtle system sounds for state changes (Pop, Tink, Glass, Basso)
- Simplify idle state with horizontal slide-out buttons on hover
- Consolidate celebration state from 3 @State vars to single enum
- Implement toast notifications for errors with contextual icons/hints

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Recording timer fix:
- Reduce HStack spacing from 12px to 8px to fit content
- Add lineLimit(1) and fixedSize() to prevent timer text wrapping
- Reduce waveform size from 50x24 to 40x20 for better fit

Review tray spacing:
- Eliminate 60px celebration zone gap during review state (now 0px)
- Reduce tray-to-triangle connector spacing from 8px to 4px
- Tray and pill now feel visually unified as one component

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@r3dbars

r3dbars commented Jan 2, 2026

Copy link
Copy Markdown
Owner Author

Code Review

No issues found. Checked for bugs and CLAUDE.md compliance.

Review Summary:

  • ✅ Animation timing changes follow design system patterns
  • ✅ Toast notification component properly follows panel theme
  • ✅ State management wiring is correct
  • ✅ UI file organization follows documented architecture
  • ✅ UserDefaults sound toggle logic is consistent between Settings UI and runtime

@r3dbars
r3dbars merged commit 3591d0a into main Jan 2, 2026
@r3dbars
r3dbars deleted the fix/ui-polish-spacing branch March 15, 2026 00:44
r3dbars added a commit that referenced this pull request Mar 18, 2026
UI Polish: Animations, Toast Notifications, and Spacing Fixes
r3dbars added a commit that referenced this pull request Apr 7, 2026
perf: streaming drafts, native analysis engine, kill Python agent, timeouts, warmup
r3dbars added a commit that referenced this pull request Apr 7, 2026
perf: streaming drafts, native analysis engine, kill Python agent, timeouts, warmup
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants