[#1055] Redesign airdrop chart as horizontal milestone progression

[realproject7]

Fixes #1055

Summary

Replaces the time-series chart from #1052 with a 1D horizontal milestone progression chart per user feedback. The previous design conflated three separate pieces of information (current MCap, historical line, projected trajectory) on a 2D canvas; the new design shows one thing — where current MCap sits on the path from $0 to $100M — with milestones as vertical waypoints along the way.

Changes

• X-axis is now MCap, not time. Banded so each milestone occupies 25% of width. Reuses the piecewise-linear-banded log math from Airdrop chart: fix overlapping milestone labels via banded Y-axis #1051, rotated to the X-axis.
• 4 vertical dashed milestone markers at 25 / 50 / 75 / 100% of width, with full labels at the top of each vertical (desktop): `$X` / `unlocks Y%` / `(≈ #Z)`.
• Mobile: 4-column grid below the chart with Bronze / Silver / Gold / Diamond tier names plus \$X and Y%. CMC ranks omitted on mobile.
• Single horizontal MCap line through the chart middle. Solid thick portion from $0 → current MCap; dim thin portion from current → $100M. Heartbeat dot on the line at current MCap.
• Removed: date X-axis ticks, dashed projection line, historical area fill, \$50 floor artifact, alternating band stripes, useQuery for /api/airdrop/daily-prices. (The route itself is left intact — just unused by this component.)
• Chart is 110px tall (vs the old 200px) — a thin band, not an area chart.

Files

• src/components/airdrop/CampaignHero.tsx — MCapChart rewritten end-to-end. Net -144 lines.
• package.json — version 1.6.3 → 1.7.0 (2nd digit, design overhaul of an existing component).

Verification

• npm run typecheck passes
• npm run lint passes (no new warnings on CampaignHero.tsx)
• At currentFdv=$31K with prod milestones, dot lands at X≈6% from left (pre-bronze band)
• At currentFdv=$5M, dot lands at X≈37.5% (between Bronze and Silver, in band 1)
• At currentFdv=$1M exactly, dot lands at X=25% (Bronze line)
• At currentFdv=$100M, dot at X=100% (Diamond)

Test plan

• Chart renders ~110px tall, full container width
• 4 vertical milestone markers visible, labeled at top with $X / unlocks Y% / (≈ #Z) on desktop
• Mobile: tier names + values in 4-column grid below chart, no horizontal scroll on 320px viewport
• Heartbeat dot at correct banded position (production: pre-bronze, X≈6%)
• Solid line from left edge to dot, dim line from dot to right edge
• No date ticks, no projection line, no area fill anywhere on the chart
• Current MCap caption renders below

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
plotlink	Ignored		May 6, 2026 1:55am