diff --git a/PLAN.md b/PLAN.md index 05cab70..ecf3cb9 100644 --- a/PLAN.md +++ b/PLAN.md @@ -880,25 +880,32 @@ audio-ui/ #### 15.1 Performance Optimization - [ ] Web Worker for heavy computations - [ ] AudioWorklet for custom processing -- [ ] Lazy loading for effects +- [x] Lazy loading for dialogs and analysis components (GlobalSettingsDialog, ExportDialog, ProjectsDialog, ImportTrackDialog, FrequencyAnalyzer, Spectrogram, PhaseCorrelationMeter, LUFSMeter, AudioStatistics) - [ ] Code splitting for route optimization -- [ ] Memory leak prevention +- [x] Memory leak prevention (audio-cleanup utilities, proper cleanup in useRecording, animation frame cancellation in visualizations) -#### 15.2 Responsive Design -- [ ] Mobile-friendly layout -- [ ] Touch gesture support -- [ ] Adaptive toolbar (hide on mobile) -- [ ] Vertical scrolling for track list +#### 15.2 Responsive Design ✅ +- [x] Mobile-friendly layout (responsive header, adaptive toolbar with icon-only buttons on small screens) +- [x] Touch gesture support (collapse/expand controls with chevron buttons) +- [x] Adaptive toolbar (hide less critical buttons on mobile: Export on md, Clear All on lg) +- [x] Vertical scrolling for track list (sidebar hidden on mobile < lg breakpoint) +- [x] Collapsible track controls (two-state mobile: collapsed with minimal controls + horizontal meter, expanded with full height fader + pan control; desktop always expanded with narrow borders) +- [x] Collapsible master controls (collapsed view with horizontal level meter, expanded view with full controls; collapse button hidden on desktop) +- [x] Track collapse buttons on mobile (left chevron: collapses/expands track in list, right chevron: collapses/expands track controls) +- [x] Mobile vertical stacking layout (< lg breakpoint: controls → waveform → automation bars → effects bars per track, master controls and transport controls stacked vertically in bottom bar) +- [x] Desktop two-column layout (≥ lg breakpoint: controls left sidebar, waveforms right panel with automation/effects bars, master controls in right sidebar, transport controls centered in bottom bar) +- [x] Automation and effects bars on mobile (collapsible with eye/eye-off icons, horizontally scrollable, full functionality: parameter selection, mode cycling, height controls, add effects) +- [x] Height synchronization (track controls and waveform container heights match exactly using user-configurable track.height on desktop) #### 15.3 Error Handling -- [ ] Graceful error messages -- [ ] File format error handling -- [ ] Memory limit warnings -- [ ] Browser compatibility checks +- [x] Graceful error messages (toast notifications for copy/paste/edit operations) +- [x] File format error handling (UnsupportedFormatDialog with format validation and decode error catching) +- [x] Memory limit warnings (MemoryWarningDialog with file size checks) +- [x] Browser compatibility checks (BrowserCompatDialog with Web Audio API detection) #### 15.4 Documentation - [ ] User guide -- [ ] Keyboard shortcuts reference +- [x] Keyboard shortcuts reference (KeyboardShortcutsDialog with ? shortcut and command palette integration) - [ ] Effect descriptions - [ ] Troubleshooting guide