[lstein]

Summary

Choosing between images, videos and both used to mean opening the semantic map. A new Show icon in the Search panel, between Bookmarks and By Map, opens a small menu, and the icon changes to show the active mode. The map's Images/Videos/Both radio buttons were redundant after that, so they are removed.

Mode	Icon	Why
Images	Camera	The picture frame already means By Image
Videos	Clapper	Pairs with the camera
Both	Small camera and clapper on a diagonal	Literally the other two

Behaviour

• Same setting as before: the menu calls setMediaFilter, so the swiper, grid, search and map react just as they did to the radios.
• Albums with only one media type: Show greys out and its tooltip gives the reason. The saved choice is kept and applies again on the next mixed album.
• /media_indices fails: Show stays usable and the tooltip says the list could not be read. The map classifies its own points and may still be filtered, so this is the only way to change it.
• Closing the menu: an outside click or touch, Esc, an album change, a resize or rotate, or entering or leaving fullscreen.

media-filter.js gains albumMediaMix() and a mediaIndicesUpdated event, because mediaFilterChanged deliberately stays quiet when nothing was or is filtered.

Layout

The seventh icon overran the panels, and these changes also affect the Control panel:

• 601–860px: icon rows tighten to 1px gaps so the panels clear each other on portrait iPads. Labels are tight there.
• Below 430px: buttons step down from 48px to 40px, including on 390–393px iPhones, where the row was clipping. Gaps go to zero below 358px.
• Stacked panels: now box-sizing: border-box, which fixes rows sitting off-centre and clipping on the right.

Known limitations

• Fullscreen: the panels are hidden in document fullscreen, so the filter can't be changed there. The radios stayed reachable through the map window.
• Windows about 601–743px wide: the panels still overlap, by less than before.
• 320px screens: the Control panel's outer labels still clip by about 6px per side, also less than before.

Testing

• npm test (1036 passing), plus lint and format checks.
• pytest tests passed before the radio removal and review fixes; those later changes only touch frontend files and docs.
• Driven with Playwright in Chromium on an album of images and videos: filtering, album switch, disabled state, and a failed /media_indices.
• An adversarial review ran over the diff, and its confirmed bugs are fixed.
• The author has tried it and approved opening this PR.

🤖 Generated with Claude Code