When an AI suggests a number, humans immediately ask “how sure are you?”. Traditional inputs force this into a second question, second control, second UI flicker. MoodMeter solves this by capturing both value AND confidence on a single draggable 2D pad, making certainty part of the gesture itself — and the halo that grows fuzzier as confidence drops makes uncertainty literally visible rather than left to text descriptions.

MoodMeter is a controlled 2D draggable surface where the x-axis maps to your min–max range and the y-axis maps to confidence (0–1, top = sure). It accepts value, confidence, and an onChange(value, confidence) callback. Optional posted prop renders the agent’s suggestion as a dashed ghost handle alongside the live user handle, so humans can see exactly where the agent landed and visually argue with it. Grid, axis labels, custom colors, and formatting are all configurable.

Import MoodMeter from @particle-academy/react-fancy, pass min, max, value, confidence, and onChange. To show an agent suggestion, add posted={{ value: agentValue, confidence: agentConfidence }}. The halo and grid are on by default; toggle showGrid={false} to disable them, and use color/postedColor to theme the handles.