Add collapsible gem list and viewport filter - #14
Merged
Conversation
- Sheet header now has a collapse toggle (chevron) and a viewport filter button (crosshair icon)
- Clicking the handle, title, or chevron collapses/expands the list
- Viewport filter restricts the list to gems visible in the current map bounds, updating live on pan/zoom
- Sheet title shows "X of Y in view" when filter is active
- Empty state for viewport filter case ("No gems in this area")
- Action button active states use terracotta palette from new design system
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What changed
Collapsible list: The bottom sheet now has a chevron button in the header. Clicking it (or the drag handle / title) collapses the list to just the header row, giving more map visibility. The chevron rotates 180° when collapsed.
Viewport filter: A crosshair button next to the chevron toggles filtering the list to only gems visible in the current map bounds. The list updates live as you pan or zoom. The title shows "X of Y in view" while active. Panning to an area with no gems shows a contextual empty state ("No gems in this area").
Details for reviewers
--terracotta/--warm-sandfrom the design system introduced in PR Apply Claude design system — warm parchment & terracotta palette #13.moveendandzoomendlisteners only when active — no overhead when off.