Add Media Session API integration for lock screen queue controls

[marcodejongh]

Enables iPhone/Android users to control climb queue navigation (next/previous)
from the lock screen, Control Center, or notification shade media controls.
Uses a silent audio loop to activate the media session, with metadata showing
current climb name, grade, and setter.

https://claude.ai/code/session_01Q1guH3MapHSsEk2BhmwTXm

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
boardsesh	Building	Preview, Comment	Feb 8, 2026 8:43am

[claude]

Claude Review

✅ Ready to merge - Minor issues noted below, but nothing blocking.

Issues

1. Missing tests - The new use-media-session.ts hook (234 lines) has no test coverage. Given it handles edge cases like iOS Safari quirks, autoplay blocking, and cleanup, tests would prevent regressions.

2. package-lock.json changes unrelated to feature - The lock file changes (dev → devOptional, removing dev markers from react/react-dom/scheduler) appear unrelated to the media session feature and may be unintentional side effects of dependency changes.

[claude]

Claude Review

✅ Ready to merge - Minor issues noted below, but nothing blocking.

Issues

1. Race condition on first toggle - packages/web/app/components/play-view/play-view-drawer.tsx:110: hasAcknowledgedRef.current is read synchronously but loaded async in useEffect. If user clicks the button before IndexedDB loads (brief window on mount), the dialog will show even if they've previously acknowledged.

2. Missing tests - No test coverage for the new useMediaSession hook. Given the complexity of audio/Media Session API interaction and browser-specific behavior, unit tests would help prevent regressions.

3. Unrelated package-lock.json changes - The diff includes removal of "dev": true from react, react-dom, and scheduler packages, which seems unintentional and unrelated to this feature.