Skip to content

Conversation

@ethanndickson
Copy link
Member

Problem

The context usage indicator near ChatInput showed a slider on hover that looked interactive but wasn't draggable. The slider only became interactive when clicking to open the popover. This was confusing because:

  1. The hover tooltip showed a slider that couldn't be dragged
  2. The click popover showed the same slider that could be dragged
  3. The two overlays had different background colors and text sizes, making it unclear they were different modes

Solution

Make both hover and click show the identical interactive slider:

  • Tooltip now passes the full autoCompaction config instead of just the threshold number
  • Popover styled to exactly match tooltip (background, border, shadow, text size)
  • Removed ~63 lines of dead code (HorizontalThresholdIndicator component and autoCompactionThreshold prop)

Generated with mux • Model: anthropic:claude-opus-4-5 • Thinking: high

Both hover (tooltip) and click (popover) now show the same interactive
auto-compaction threshold slider with identical styling.

- Tooltip passes full autoCompaction config instead of read-only threshold
- Popover styled to match tooltip (bg, border, shadow, text size)
- Removed dead code: HorizontalThresholdIndicator and autoCompactionThreshold prop
@ethanndickson ethanndickson added this pull request to the merge queue Dec 18, 2025
Merged via the queue into main with commit 1b63729 Dec 18, 2025
20 checks passed
@ethanndickson ethanndickson deleted the popover-nhwy branch December 18, 2025 05:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant