v0.5.7 - iOS Safe Area & Component Refactoring
·
418 commits
to main
since this release
Bug Fixes
- Fix iOS safe-area handling for dialogs and sheets to prevent status bar overlap
- Use inline styles for reliable safe-area padding across CSS cascade
- Add mobile-first positioning for large dialogs to support safe area
New Features
- Add FullscreenSheet component with built-in safe-area support
- Add PageHeader component for centralized header styling
- Add ListToolbar component for search/select/delete UI patterns
- Add Header compound component (Header.Root, Header.Title, etc.)
- Add mobileFullscreen prop to DialogContent for adaptive dialog sizing
Improvements
- Extract ListToolbar and Header components for reuse across app
- Refactor SessionList and RepoList to use new ListToolbar component
- Centralize iOS safe area handling with single PageHeader fix point
- Update all fullscreen dialogs/sheets to use FullscreenSheet or pt-safe
- Add pt-safe class to ModelSelectDialog, RepoMcpDialog, EditSessionTitleDialog
Testing
- Add TDD test infrastructure (vitest config, testing-library, jsdom)
- Add 232 tests for DialogContent and PageHeader behavior
- Add mobile delete confirmation with select all/deselect all options
Files Changed
- 34 files changed, 1627 insertions(+), 986 deletions(-)
- Components extracted: ListToolbar, Header, PageHeader, FullscreenSheet
- Components removed: Header.tsx, RepoDetailHeader.tsx, SessionDetailHeader.tsx