Staking Management Interface with DeFi Integration

[JamesEjembi]

Problem Statement

Token holders stake VRN tokens through the protocol, but the current staking interface is basic. A comprehensive staking management interface must be built showing staking overview, stake/unstake with cooldown, reward compounding options, DeFi yield optimization (auto-deposit idle rewards to lending protocols), and tax-report-ready transaction history.

Technical Bounds

• Staking overview: total staked, APR, user's stake, pending rewards, next reward claim date.
• Stake: amount input with APR preview, confirm via contract call.
• Unstake: amount input, cooldown countdown (14 days), unstake request and tracking.
• Yield optimization: option to auto-deposit rewards to Aave or Compound; display extra APY from DeFi.
• Tax report: CSV export of all staking rewards with USD value at time of receipt.
• Charts: staked balance over time, APR history, cumulative rewards.

Steps

1. Build StakingOverview component with portfolio stats from /api/v1/staking/overview.
2. Build StakeForm with amount input, APR preview, and contract interaction.
3. Build UnstakeForm with cooldown countdown timer and request tracking.
4. Build YieldOptimizer toggle: opt-in to auto-deposit rewards; display extra APY.
5. Build RewardsHistory table with CSV export and USD value column.
6. Build StakingChart with Lightweight Charts for balance and rewards history.