UI and Layout Optimization

[Mr-Imperium]

• Optimized Home Screen header layout and removed unnecessary bottom padding to eliminate extra scrolling.
• Reduced record button size on RecordScreen to free space for biometric data cards.
• Adjusted chart aspect ratios and margins for a more compact presentation.
• Improved light/dark mode contrast on GuidedBreathingScreen with adaptive icon colors.
• Updated breathing rate unit to /min for accuracy.
• Fixed countdown timer clipping and dimming.

Guided Session Duration and UI Enhancements:

• Reordered Guided Sessions.
• Fixed toolbar overlap and card overflow errors using SafeAreaView and padding.
• Active Session now has new light animation and better contrast.
• Added customizable session duration (default 5 mins) with gear icon, modal time-picker, visible duration label, and proper auto-stop handling.

Implemented wakelock_plus to keep screen awake during breathing sessions, live recordings, and resonance training.

[Copilot]

Pull request overview

This PR focuses on UI/layout tightening across the main screens and introduces session-duration control plus screen-awake behavior during breathing/recording experiences.

Changes:

• Added wakelock_plus and enabled/disabled wakelock during guided breathing sessions and live recordings.
• Refactored Guided Breathing sessions UI (new resonance option placement, duration picker modal, timer UI tweaks, improved light/dark contrast).
• Updated navigation ordering/labels and adjusted multiple layouts (Home chart sizing/margins, Record button sizing, SafeArea fixes).

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated 13 comments.

Show a summary per file

File	Description
breath_state/pubspec.yaml	Adds wakelock_plus dependency for keeping the screen awake during active sessions.
breath_state/lib/widgets/guided_breathing.dart	Adds total-session timer UI/logic, resonance label, adaptive styling, and wakelock handling.
breath_state/lib/widgets/bottom_nav_bar.dart	Wraps nav bar in SafeArea and swaps “Record”/“Breath” item positions/icons.
breath_state/lib/theme/app_theme.dart	Adjusts light theme primary/tertiary colors for improved contrast.
breath_state/lib/screens/record_screen.dart	Enables wakelock during recording and adds HRV results bottom sheet UI.
breath_state/lib/screens/home_screen.dart	Tightens spacing/aspect ratios and updates breath-rate unit label to /min.
breath_state/lib/screens/guided_breathing_screen.dart	Converts to StatefulWidget, reorders sessions, adds duration picker UI, and passes duration into GuidedBreathing.
breath_state/lib/main.dart	Reorders the screen list to align with the updated bottom nav layout.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.