UI components

Key reusable components and how they interact.

AgentChat

  • Sends chat messages to the backend agent endpoint.

  • Displays tool-use traces (optional).

  • Can extract a route suggestion and fill the swap widget.

TokenSelector

  • Loads chains + tokens from the backend.

  • Supports search and chain filtering.

  • Should support fallback lists for degraded backend states.

Exchange modal

  • Collects destination address.

  • Initiates execution.

  • Shows progress and links.

Price widgets

  • Ticker: top tokens refresh loop.

  • Charts: sparkline/history.

circle-info

Keep UI state minimal. Treat quotes as ephemeral and re-fetch when stale.

Last updated