GeezerVison

Requested by Eric Allam · Slack thread

✅ Checklist

• I have followed every step in the contributing guide
• The PR title follows the convention.
• I ran and tested the code works

Testing

Open a dashboard chart that uses the shared stacked bar primitive (e.g. "Runs by status") and move the mouse across it.

• Before: the bars strobe between bright and dim while the cursor moves across the chart.
• After: the hovered series stays highlighted and the other series stay smoothly dimmed with no flicker; leaving the chart entirely restores all bars to full brightness.

Changelog

Fixed a hover flicker on the shared bar chart primitive (ChartBar.tsx).

Each <Bar> had an onMouseLeave={highlight.reset} handler. As the cursor crossed from one series to the next, recharts fired the old bar's onMouseLeave (resetting the active key to null, so every bar snapped bright) immediately before the new bar's onMouseEnter (which re-dimmed the others). That rapid null → key → null churn during normal mouse movement was the strobe.

How: Removed the per-<Bar> onMouseLeave={highlight.reset} in apps/webapp/app/components/primitives/charts/ChartBar.tsx. Moving between bars now only updates the active key via onMouseEnter, with no intermediate reset. The existing chart-level onMouseLeave (handleMouseLeave, which calls highlight.reset) still clears the highlight when the cursor leaves the whole chart, so exit behavior is unchanged. The legend is unaffected because it uses its own onMouseEnter/onMouseLeave handlers.

Screenshots

[Screenshots]

💯

Generated by Claude Code