Add a graduated curve price milestone chart on the creator dashboard showing price at each supply tier

[Chucks1093]

Summary

Creators who configure a graduated bonding curve have no visual overview of how prices will step up at each supply milestone. A milestone chart on the creator dashboard showing simulated prices at each configured supply threshold would help creators verify their curve design.

Scope

• Fetch graduated curve milestones from GET /keys/:keyId/curve-config on dashboard load
• Render a step chart with the supply threshold on the x-axis and the simulated price on the y-axis
• Mark each milestone threshold with a vertical dashed line and a label showing the exponent change
• Show the current supply position as a vertical marker on the chart
• Show 'No graduated curve configured — using default exponent' when no milestones exist

Acceptance Criteria

• Step chart renders with correct price values at each milestone
• Current supply marker positioned correctly
• Milestone threshold lines and labels shown at correct supply values
• Empty state shown when no curve is configured
• Loading skeleton shown while fetching

ETA: 12 hours

---

Coordinate on Telegram

[omeruahelisha8-png]

Hi Maintainer,
I believe I can help resolve this issue. I've gone through the requirements and I'm ready to start.
Please

[ZacLou]

I'd like to work on this issue. I have relevant experience with this tech stack and can deliver a clean, well-tested PR. I can submit within 1-2 days.

[ZacLou]

I'd like to work on this. Happy to implement the UI/frontend pieces described and follow the existing codebase patterns.

[Ranjeet2063]

Hi maintainers, I would like to be assigned to this issue.

I am a frontend and Web3 engineer with deep experience building interactive financial charts, SVG/Recharts milestone visualizers, and mathematical curve simulations.

Implementation Plan:

1. Implement a graduated curve price milestone calculator based on the configured tier exponent and base parameters.
2. Build a responsive, accessible milestone chart component on the creator dashboard displaying simulated step-up prices at each supply threshold.
3. Include tooltips for supply tier, unit price, and cumulative capital requirement.
4. Add unit and component tests verifying curve math, edge-case thresholds (0 tier, single step, large multipliers), and responsive rendering.
5. Ready to submit a clean PR within 24 hours.

[Ranjeet2063]

Hi maintainers, I would love to take up this issue.

I am a senior Web3 frontend engineer (#1 contributor on Mova Store with 28 successfully merged PRs), specializing in Next.js, React, TypeScript, Tailwind CSS, and Freighter/Stellar wallet integrations.

🎯 Technical Execution Plan for Add a graduated curve price milestone chart on the creator dashboard showing price at each supply tier:

1. Component Design & UI State: Implement Add a graduated curve price milestone chart on the creator dashboard showing price at each supply tier with clean component decoupling, responsive layouts, accessible forms/modals, and robust loading/skeleton/error boundaries.
2. Web3 & Client Logic: Wire real-time state streams, optimistic UI updates, and seamless Freighter wallet transaction signatures with user-friendly error alerts for rejections/timeouts.
3. Comprehensive Test Suite: Add component and unit tests (Vitest / Jest + React Testing Library) verifying state changes, input sanitization, and edge-case rendering.
4. Production Verification: Confirm zero TypeScript errors (noImplicitAny), zero ESLint/Prettier warnings, and clean production build (pnpm build).

💡 Why Assigning Me Directly Benefits You:

• Zero Maintenance Burden: Pixel-perfect UI with strict typing and responsive states that work out of the box.
• Rapid Turnaround: Ready to deliver a production-ready PR within 12–24 hours, clearing this task quickly.
• Track Record: 28 merged Web3 PRs — zero review ping-pong and immediate alignment with your conventions.

[Iker2522]

I'd like to take this issue on!

I can implement the graduated bonding curve milestone step chart for the creator dashboard.

I will wire dashboard initialization to GET /keys/:keyId/curve-config, transforming the milestone payload into a step chart displaying price transitions against supply thresholds. I'll include vertical dashed lines with exponent step labels for each milestone, a distinct marker for current supply, a loading skeleton during request resolution, and an empty state when no graduated curve is active.

I will also add unit and component tests verifying price step calculations, marker placements, and fallback UI states, ensuring all linter checks, type checks, and test suites pass cleanly. PR ready in 12 hours.