Historical rate chart for an asset pair

[grantfox-oss]

Summary

Users interested in the long-term exchange rate between two assets currently have no way to see how the rate has changed over time within this app. This issue adds a historical rate chart to the results section that queries Horizon's trade aggregations endpoint and renders a line chart for the selected asset pair, giving users price context before acting on a route.

Task

• Create src/lib/trade-aggregations.ts with a fetchRateHistory(network, selling, buying, resolution) function that queries Horizon's /trade_aggregations endpoint and returns an array of { timestamp: number, close: string } objects.
• Add a src/components/rate-chart.tsx component that accepts the aggregation data and renders a line chart. Use a lightweight charting library such as recharts or chart.js to avoid a large bundle impact.
• Render RateChart in the results section in src/app/page.tsx when paths.length > 0, between the comparison strip and the table.
• Fetch 30 days of daily aggregations using the source and destination assets from the last search.
• Handle the case where no trade history exists for the pair (show a "No historical data available" placeholder).

Acceptance Criteria

• A line chart appears in the results section after a successful search.
• The chart shows 30 days of daily close prices for the searched pair.
• The chart renders correctly on mobile and desktop.
• Pairs with no trade history show a placeholder message rather than an empty chart or an error.
• The chart does not appear during loading or when results are empty.

Files in Scope

• src/lib/trade-aggregations.ts (new file)
• src/components/rate-chart.tsx (new file)
• src/app/page.tsx
• src/types/path.ts

[444notdotun]

I would love to work on this issue. I have experience building production ready applications and collaborating through GitHub workflows. I'll carefully analyze the current implementation, propose a reliable solution, and submit a well-tested PR. My focus is on clean code, maintainability, and timely delivery

[YfengJ]

Hi maintainers, I would like to apply for this issue if it is available.

If assigned, I would add a scoped trade-aggregation helper for the last searched asset pair, render a responsive 30-day daily close line chart only after successful search results, show a clear no-history placeholder when Horizon has no data, and keep loading/empty-result states unchanged. I would use a lightweight chart dependency and add focused tests for data mapping and placeholder behavior.

I will wait for assignment or explicit maintainer confirmation before cloning, implementing, or opening a PR.

[CleanDev-Fix]

Hi, I would like to work on this.

My planned approach:

1. Review Historical rate chart for an asset pair against the existing repo patterns and acceptance criteria.
2. Implement the smallest focused change needed for TypeScript implementation without broad refactors.
3. Verify with the package test/build command documented by the repo and include the results in the PR.

One trade-off I will keep in mind: I will avoid expanding the scope beyond this issue unless you prefer a broader fix.

Does this approach line up with what you want for this issue?