feat: 30-day activity heatmap (hourly usage grid) #69
Description
Overview
Add a GitHub-style activity heatmap showing agent usage intensity across hours of the day, for the last 30 days.
What to show
- X axis: 30 days
- Y axis: 24 hours
- Cell colour: intensity based on event count in that hour
- Hover: exact count + date/time
- Optional: overlay cost per cell
Why
Makes peak usage patterns instantly visible. Helps users understand their agent's behaviour over time. Also a great retention hook — people love seeing their activity patterns visualised.
Implementation notes
- Aggregate events from local JSONL by
floor(ts, 1h) - Render as SVG or canvas grid in Overview tab
- Could reuse density chart infrastructure from Brain tab
References
- tugcan/openclaw-dashboard has a 30-day heatmap
- GitHub contribution graph is the UX reference