Bridge Route Map chart with interactive legend

[a-novi]

Summary

• Add new Sankey diagram visualization showing asset flow between chains (ETH ↔ SUI)
• Interactive legend with hover-to-highlight functionality for chains and tokens
• Toggle between USD Volume and Transaction Count views

[Copilot]

Pull request overview

This pull request adds a new Sankey diagram visualization to display bridge route flows between chains (ETH ↔ SUI). The implementation includes interactive legend hover-to-highlight functionality and the ability to toggle between USD Volume and Transaction Count views.

Changes:

• Added @nivo/sankey library (v0.99.0) for Sankey diagram visualization
• Created new API endpoint /api/routes to fetch bridge route data with time period filtering
• Implemented BridgeRouteMap component with interactive legend and data filtering

Reviewed changes

Copilot reviewed 6 out of 7 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
yarn.lock	Added @nivo/sankey and its dependencies (d3-*, @react-spring, etc.) for chart visualization
package.json	Added @nivo/core and @nivo/sankey dependencies
src/utils/types.ts	Added RouteMapRow type definition for route data structure
src/utils/axios.ts	Added routes endpoint to API configuration
src/pages/api/routes.ts	New API handler for fetching bridge route data with time period filtering and data transformation
src/components/chart/bridge-route-map.tsx	New Sankey diagram component with interactive legend and toggle controls
src/app/page.tsx	Integrated BridgeRouteMap component with lazy loading

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.