FusionSwapUI

Problem Statement

A cross-chain swap app that offers a safer UX than bridges.It's still self-custodian, has gasless signing, MEV protection, PLUS it demystifies all the HTLC + timelocks + Merkle secrets, making it easier to understand what happens and perform a real swap in a guided way.These is what the users will see:pending transaction from 1inch as it's broadcasting the swaphow resolvers run a Dutch auctionthe final winning resolver and how it creates escrows on both chains (HTLC): basically posts a safety deposit and completes the swap once both escrows pass finality.If anything goes wrong, the user will understand how timelocks ensure refunds.

Solution

Planning to use Next.js + viem, recharts, zustand and tanstack query for state, JSON panels for proofs.The app handles all steps for the users: quote, auction preset, sign, submit, then shows live status of escrow A, escrow B, secret reveal, settle (or cancel) Use the public Fusion SDK. Calls these endpoints: getQuote, createOrder, submitOrder, getOrderStatus.