Build an inline "Resolution preview" mini-chart on Market Detail showing probability path

[greatest0fallt1me]

Description

This is a UI/UX issue adding a compact mini-chart on app/(dashboard)/events/event-page/ that visualises probability path from market open to "now" with a forecast tail. Built with Recharts and includes a screen-reader summary.

Requirements and Context

• 240 x 64 sparkline above the outcomes
• Tooltip with timestamp + probability on hover/touch
• aria-label summarising high, low, current
• Must be secure, tested, and documented
• Should be efficient and easy to review

Suggested Execution

1. Fork the repo and create a branch

   git checkout -b feature/resolution-mini-chart

2. Implement changes
   • Add components/market/ResolutionPreview.tsx
   • Wire into the Market Detail page header
3. Test and commit
   • Render tests with edge timeseries (flat, all-zero)
   • Cover edge cases (single data point)
   • Include test output and notes in the PR

Example commit message

feat: resolution preview mini-chart

Acceptance Criteria

• Chart renders within 60ms for 200 data points
• Screen-reader summary present and accurate
• Tooltip works on touch via long-press

Guidelines

• WCAG 2.1 AA, accessible chart summary
• Clear documentation and inline comments
• Timeframe: 96 hours