docs: update backlog tasks

Author: pythoninthegrass

…ckage-application-for-macOS-and-Linux.md …ckage-application-for-macOS-and-Linux.mdbacklog/tasks/task-019 - Package-application-for-macOS-and-Linux.md renamed to backlog/archive/tasks/task-019 - Package-application-for-macOS-and-Linux.md backlog/tasks/task-019 - Package-application-for-macOS-and-Linux.md renamed to backlog/archive/tasks/task-019 - Package-application-for-macOS-and-Linux.md

@@ -4,7 +4,7 @@ title: Package application for macOS and Linux
 status: To Do
 assignee: []
 created_date: '2025-09-17 04:10'
-updated_date: '2026-01-27 03:02'
+updated_date: '2026-02-03 05:49'
 labels: []
 dependencies: []
 ordinal: 37125
@@ -24,3 +24,9 @@ Create distributable packages for macOS and Linux platforms with tkinter initial
 - [ ] #4 Test packaged applications on target platforms
 - [ ] #5 Plan migration path to Tauri web app
 <!-- AC:END -->
+
+## Implementation Notes
+
+<!-- SECTION:NOTES:BEGIN -->
+Superseded by task-108 which has detailed Tauri-specific Linux support requirements. This task referenced the outdated tkinter approach.
+<!-- SECTION:NOTES:END -->

…020 - Package-application-for-Windows.md …020 - Package-application-for-Windows.mdbacklog/tasks/task-020 - Package-application-for-Windows.md renamed to backlog/archive/tasks/task-020 - Package-application-for-Windows.md backlog/tasks/task-020 - Package-application-for-Windows.md renamed to backlog/archive/tasks/task-020 - Package-application-for-Windows.md

@@ -4,7 +4,7 @@ title: Package application for Windows
 status: To Do
 assignee: []
 created_date: '2025-09-17 04:10'
-updated_date: '2026-01-10 05:55'
+updated_date: '2026-02-03 05:49'
 labels: []
 dependencies: []
 ordinal: 17000
@@ -24,3 +24,9 @@ Create Windows distributable packages and ensure compatibility
 - [ ] #4 Test Windows compatibility and performance
 - [ ] #5 Document Windows-specific requirements
 <!-- AC:END -->
+
+## Implementation Notes
+
+<!-- SECTION:NOTES:BEGIN -->
+Superseded by task-109 which has detailed Tauri-specific Windows support requirements.
+<!-- SECTION:NOTES:END -->

…ed-modal-and-popover-focus-management.md …ed-modal-and-popover-focus-management.mdbacklog/tasks/task-154 - Integrate-Alpine.js-Focus-plugin-for-improved-modal-and-popover-focus-management.md renamed to backlog/completed/task-154 - Integrate-Alpine.js-Focus-plugin-for-improved-modal-and-popover-focus-management.md backlog/tasks/task-154 - Integrate-Alpine.js-Focus-plugin-for-improved-modal-and-popover-focus-management.md renamed to backlog/completed/task-154 - Integrate-Alpine.js-Focus-plugin-for-improved-modal-and-popover-focus-management.md

@@ -3,18 +3,18 @@ id: task-154
 title: >-
   Integrate Alpine.js Focus plugin for improved modal and popover focus
   management
-status: To Do
+status: Done
 assignee: []
 created_date: '2026-01-16 22:19'
-updated_date: '2026-01-19 06:12'
+updated_date: '2026-02-03 05:50'
 labels:
   - frontend
   - alpine.js
   - accessibility
   - refactor
 dependencies: []
 priority: medium
-ordinal: 25500
+ordinal: 765.625
 ---
 
 ## Description
@@ -190,12 +190,52 @@ const closePopover = (focusOnTrigger = true) => {
 
 ## Acceptance Criteria
 <!-- AC:BEGIN -->
-- [ ] #1 Install and register @alpinejs/focus plugin
-- [ ] #2 Add x-trap to modal overlay for focus trapping
-- [ ] #3 Add x-trap to context menus and dropdowns
-- [ ] #4 Verify Tab key cycles within trapped elements
-- [ ] #5 Verify Escape closes and returns focus to trigger
-- [ ] #6 Remove manual focus() calls where x-trap handles it
+- [x] #1 Install and register @alpinejs/focus plugin
+- [x] #2 Add x-trap to modal overlay for focus trapping
+- [x] #3 Add x-trap to context menus and dropdowns
+- [x] #4 Verify Tab key cycles within trapped elements
+- [x] #5 Verify Escape closes and returns focus to trigger
+- [x] #6 Remove manual focus() calls where x-trap handles it
 - [ ] #7 Test with screen reader for accessibility
-- [ ] #8 Verify no focus escape from modals
+- [x] #8 Verify no focus escape from modals
 <!-- AC:END -->
+
+## Implementation Notes
+
+<!-- SECTION:NOTES:BEGIN -->
+## Implementation Notes (2026-02-03)
+
+### Changes Made
+
+1. **Installed @alpinejs/focus plugin** (v3.15.8)
+   - Added to `app/frontend/package.json`
+   - Imported and registered in `app/frontend/main.js`
+
+2. **Applied x-trap to Modals**
+   - Metadata Edit Modal: `x-trap.noscroll.inert="isOpen"`
+   - Missing Track Modal: `x-trap.noscroll.inert="$store.ui.missingTrackModal"`
+   - Missing Track Popover: `x-trap="$store.ui.missingTrackPopover"`
+
+3. **Applied x-trap to Context Menus**
+   - Track context menu (library.html): `x-trap="contextMenu"`
+   - Playlist context menu (sidebar.html): `x-trap="contextMenuPlaylist"`
+
+### Modifiers Used
+
+- `.noscroll` - Prevents body scroll when modal is open
+- `.inert` - Makes background content inert for screen readers
+- Basic `x-trap` - For context menus (no scroll lock needed)
+
+### Note on Basecoat Components
+
+The basecoat components in `public/js/basecoat/` (popover.js, dropdown-menu.js, select.js) still have manual focus management. These are vendor files from the basecoat library and were not modified. The x-trap directive is only applied to application-specific components.
+
+### Testing
+
+- All 597 Playwright E2E tests pass
+- AC#7 (screen reader testing) requires manual verification
+
+### Commit
+
+`a98dbcd` - feat(a11y): integrate Alpine.js Focus plugin for improved focus management
+<!-- SECTION:NOTES:END -->

…ted-sidebar-and-accordion-transitions.md …ted-sidebar-and-accordion-transitions.mdbacklog/tasks/task-155 - Integrate-Alpine.js-Collapse-plugin-for-animated-sidebar-and-accordion-transitions.md renamed to backlog/completed/task-155 - Integrate-Alpine.js-Collapse-plugin-for-animated-sidebar-and-accordion-transitions.md backlog/tasks/task-155 - Integrate-Alpine.js-Collapse-plugin-for-animated-sidebar-and-accordion-transitions.md renamed to backlog/completed/task-155 - Integrate-Alpine.js-Collapse-plugin-for-animated-sidebar-and-accordion-transitions.md

@@ -3,10 +3,10 @@ id: task-155
 title: >-
   Integrate Alpine.js Collapse plugin for animated sidebar and accordion
   transitions
-status: To Do
+status: Done
 assignee: []
 created_date: '2026-01-16 22:19'
-updated_date: '2026-01-19 06:12'
+updated_date: '2026-02-03 05:51'
 labels:
   - frontend
   - alpine.js
@@ -195,4 +195,6 @@ This is lower priority because:
 2. Identify or create a collapsible section (30-45 min)
 3. Add `x-collapse` directive (5 min)
 4. Test and verify smooth animations (10-15 min)
+
+Task closed without implementation. The feature was deemed low priority as the current sidebar width animation works adequately and no accordion patterns currently exist in the UI.
 <!-- SECTION:NOTES:END -->

…-context-menu-and-popover-positioning.md …-context-menu-and-popover-positioning.mdbacklog/tasks/task-156 - Integrate-Alpine.js-Anchor-plugin-for-context-menu-and-popover-positioning.md renamed to backlog/completed/task-156 - Integrate-Alpine.js-Anchor-plugin-for-context-menu-and-popover-positioning.md backlog/tasks/task-156 - Integrate-Alpine.js-Anchor-plugin-for-context-menu-and-popover-positioning.md renamed to backlog/completed/task-156 - Integrate-Alpine.js-Anchor-plugin-for-context-menu-and-popover-positioning.md

@@ -1,10 +1,10 @@
 ---
 id: task-156
 title: Integrate Alpine.js Anchor plugin for context menu and popover positioning
-status: To Do
+status: Done
 assignee: []
 created_date: '2026-01-16 22:19'
-updated_date: '2026-01-19 06:12'
+updated_date: '2026-02-03 05:51'
 labels:
   - frontend
   - alpine.js
@@ -212,4 +212,6 @@ This is **lower priority** because:
 2. Find element-anchored dropdown (not mouse-position menu) (15-20 min)
 3. Implement x-anchor on one component (20-30 min)
 4. Compare with basecoat and document (20-30 min)
+
+Task closed without implementation. Mouse-position context menus still require manual X/Y coordinates, and basecoat already provides adequate popover positioning. The effort did not justify the limited benefit.
 <!-- SECTION:NOTES:END -->

…ect-plugin-for-album-art-lazy-loading.md …ect-plugin-for-album-art-lazy-loading.mdbacklog/tasks/task-157 - Integrate-Alpine.js-Intersect-plugin-for-album-art-lazy-loading.md renamed to backlog/completed/task-157 - Integrate-Alpine.js-Intersect-plugin-for-album-art-lazy-loading.md backlog/tasks/task-157 - Integrate-Alpine.js-Intersect-plugin-for-album-art-lazy-loading.md renamed to backlog/completed/task-157 - Integrate-Alpine.js-Intersect-plugin-for-album-art-lazy-loading.md

@@ -1,10 +1,10 @@
 ---
 id: task-157
 title: Integrate Alpine.js Intersect plugin for album art lazy loading
-status: To Do
+status: Done
 assignee: []
 created_date: '2026-01-16 22:19'
-updated_date: '2026-01-19 00:41'
+updated_date: '2026-02-03 05:52'
 labels:
   - frontend
   - alpine.js
@@ -149,3 +149,9 @@ The intersect plugin foundation is in place and ready for when album artwork is
 - [ ] #6 Measure image loading performance improvements
 - [ ] #7 Add x-intersect.once to album art lazy loading implementation
 <!-- AC:END -->
+
+## Implementation Notes
+
+<!-- SECTION:NOTES:BEGIN -->
+Task closed without full implementation. The @alpinejs/intersect plugin was installed and registered, but album art thumbnails in the library view were never added. The plugin remains available if album art is implemented in the future, but this task is being closed as the feature it was intended to support does not exist.
+<!-- SECTION:NOTES:END -->

…rowser-WebAudio-fallback-for-playback.md …rowser-WebAudio-fallback-for-playback.mdbacklog/tasks/task-159 - Implement-browser-WebAudio-fallback-for-playback.md renamed to backlog/completed/task-159 - Implement-browser-WebAudio-fallback-for-playback.md backlog/tasks/task-159 - Implement-browser-WebAudio-fallback-for-playback.md renamed to backlog/completed/task-159 - Implement-browser-WebAudio-fallback-for-playback.md

@@ -1,10 +1,10 @@
 ---
 id: task-159
 title: Implement browser WebAudio fallback for playback
-status: To Do
+status: Done
 assignee: []
 created_date: '2026-01-17 00:15'
-updated_date: '2026-01-19 00:41'
+updated_date: '2026-02-03 05:51'
 labels:
   - frontend
   - backend
@@ -71,3 +71,9 @@ In `player.js`, detect `window.__TAURI__`:
 - [ ] #7 Volume control works in browser
 - [ ] #8 No changes to Tauri playback path
 <!-- AC:END -->
+
+## Implementation Notes
+
+<!-- SECTION:NOTES:BEGIN -->
+Task closed without implementation. Browser WebAudio fallback was a dev-experience enhancement but not critical for production. Development and testing continue via Tauri dev mode.
+<!-- SECTION:NOTES:END -->

…avoriting-of-future-library-additions.md …avoriting-of-future-library-additions.mdbacklog/tasks/task-208 - Cache-Last.fm-loved-tracks-for-automatic-favoriting-of-future-library-additions.md renamed to backlog/completed/task-208 - Cache-Last.fm-loved-tracks-for-automatic-favoriting-of-future-library-additions.md backlog/tasks/task-208 - Cache-Last.fm-loved-tracks-for-automatic-favoriting-of-future-library-additions.md renamed to backlog/completed/task-208 - Cache-Last.fm-loved-tracks-for-automatic-favoriting-of-future-library-additions.md

@@ -4,9 +4,12 @@ title: Implement cross-platform support
 status: To Do
 assignee: []
 created_date: '2025-09-17 04:10'
-updated_date: '2026-01-26 01:32'
+updated_date: '2026-02-03 05:58'
 labels: []
-dependencies: []
+dependencies:
+  - task-108
+  - task-109
+  - task-021
 ordinal: 37000
 ---
 

backlog/tasks/task-009 - Implement-cross-platform-support.md

@@ -1,10 +1,10 @@
 ---
 id: task-151
 title: Add scrolling to context menu submenus when they exceed vertical viewport
-status: To Do
+status: In Progress
 assignee: []
 created_date: '2026-01-16 21:01'
-updated_date: '2026-01-19 00:41'
+updated_date: '2026-02-03 05:43'
 labels:
   - frontend
   - ux