Skip to content

v0.5.7 - iOS Safe Area & Component Refactoring

Choose a tag to compare

@chriswritescode-dev chriswritescode-dev released this 04 Jan 19:12
· 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