- Updated API functions to accept version parameter (getBook, getChapter)
- Added proper chapter sorting with parseInt for numerical order
- Removed fallback to 50 fake chapters - now shows actual chapter counts
- Fixed Psalms chapter numbering: 1,2,3,4,5,6,7,8,9,10,11,12... instead of 1,2,3,4,5,6,7,8,9,10,101,102...
- Books like 2 John now show correct number of chapters (1) instead of fake 50
- **ChapterSelector and BibleReader breadcrumbs**: Changed mb-8 to mb-4
- **BookSelector breadcrumb**: Already had mb-4
- **Consistent vertical spacing**: All pages now have identical gap between search bar and breadcrumbs
- **Visual harmony**: Uniform 16px spacing between search and navigation elements
Search to breadcrumb spacing is now perfectly consistent across Books, Chapters, and Verses pages!
- **Universal Search Bars**: Added search input to BookSelector, ChapterSelector, and BibleReader
- **Position Above Breadcrumbs**: Search bars now appear above breadcrumbs on all pages
- **Reduced Padding**: Changed from mb-8 to mb-4 for tighter spacing between search and breadcrumbs
- **Consistent Placeholder**: Same 'Search for verses, words, or phrases...' across all components
- **Mobile Responsive**: Search bars adapt to screen width with max-w-md constraint
- **Clickable Interface**: OnClick handlers properly set to trigger search modal
Search functionality now universally available just above breadcrumbs on every page!
- **Destructured onSearchClick**: Added to props in ChapterSelector component
- **Prop passthrough**: Added onSearchClick={() => setShowSearch(true)} to ChapterSelector call in App.tsx
- **Build fix**: Resolved TS error preventing Docker build success
- **Search infrastructure**: Ready for ChapterSelector search bar implementation if needed later
Docker build will now succeed!
- **BookSelector search bar**: Responsive input with 'Search for verses, words, or phrases...' placeholder
- **Mobile-friendly design**: Centered search bar with search icon, spans full width on mobile
- **Search modal integration**: onClick handler calls the same search modal as header icon
- **Positioning**: Search bar placed below breadcrumbs on book selection page
- **Prop passthrough**: onSearchClick prop set up for easy extension to other components
Search bar is now present on main book selection page - ready to extend to other pages
- **Corrected breadcrumb targets**: 'Books' button now navigates to /version/{current-version} instead of root '/'
- **Version-aware navigation**: All breadcrumb 'Books' clicks stay within current Bible version
- **Proper page flow**: Click 'Books' from any page → goes back to current version's book selection
- **Complete navigation loop**: ESV → Genesis → Chapter 1 → Books → back to ESV book selection
Breadcrumb navigation now intelligently stays within current Bible version context!
- **Removed header breadcrumbs** that caused horizontal scrolling on mobile
- **Added content-aware breadcrumbs** to each page for better UX:
- BookSelector: 'Books' (clickable back to version home)
- ChapterSelector: 'Books > [Book Name]' (Books clickable, book name current)
- **Chapter favorites version-segregated** - fixed cross-version contamination
- **Homepage text updated** 'Both translations' → 'All translations'
- **Improved navigation flow** with clean breadcrumb system
- **Better mobile experience** no more scrolling required for nav
- **ChapterSelector**: Added version filtering for chapter favorites
- **VersionProp**: ChapterSelector now receives and uses version parameter
- **API calls**: Chapter favorites include version in create requests
- **Favorites filtering**: .filter(...&& fav.version === version) for both level and chapter favorites
- **Homepage text**: Changed 'Both translations' to 'All translations' for future-proofing
- **All favorite types**: Now properly separated by Bible version
Users can now safely favorite books/chapters/verses in different versions without cross-contamination.
