v0.3.1 - Loading Interstitial for Page Navigation
New Features
Loading Interstitial Overlay
- Page transition overlay - Displays a loading spinner with blur backdrop during page navigation
- Improved perceived performance - Users see immediate feedback when clicking navigation links
- Smooth transitions - Loading state automatically clears when page content is ready
Implementation Details
State Management
- Added
is_page_loadingstate toAppStatefor centralized loading control set_page_loading()method for programmatic state changes
Navigation Integration
- Navbar links trigger loading overlay via
on_clickhandler - All page
on_loadhandlers reset loading state when content loads
Visual Design
- Centered spinner with "Loading..." text
- Semi-transparent dark backdrop with blur effect
- Positioned to cover main content area (accounts for navbar width)
Files Changed
src/plexmix/ui/states/app_state.py- Added loading state managementsrc/plexmix/ui/components/navbar.py- Added overlay component and layout integrationsrc/plexmix/ui/states/*.py- All page states clear loading on load
Testing
All 116 tests passing ✅