🟢 Try the live build: fxpress.netlify.app — every state documented below is observable in the deployed widget.

Hi-Fi Wireframes

The single-canvas widget — state by state — and the research finding behind every visible decision.

Property	Value
🏷️ Status	In Progress · Figma polish underway
🔖 Phase	Design · Hi-Fi
📅 Project	FXpress · AI Co-Pilot for Cross-Border Remittance
🖥️ Form	Single canvas · state-driven · 375px mobile-first
🔗 Deployed at	fxpress.netlify.app
🎯 Purpose	Document each state of the widget — what's on canvas, what changed from the previous state, and the research insight it traces to

About the Widget

FXpress is a single-canvas product. It is not a multi-screen flow; it is one screen with state. The header, the calculator, the Fexi card, the CTAs, and the honest footer are persistent — what changes is the content of Fexi's read, the value in the recipient calculation, and the modal layer that opens for Send Now, Set Trigger, and Calendar Reminder.

This page documents fourteen states of that canvas. They are not screens in a flow — they are states the same canvas takes, depending on what the user has done and what the data shows.

The Central Architecture

Every state of the widget is shaped by one architectural decision:

Code computes. Claude narrates. The user authorizes.

Code computes — the recipient amount and the range position are both calculated in JavaScript, deterministically. The range position counts how many of the last 30 days of central-bank data closed below today's rate and bands the result. No fee is computed, because FXpress doesn't move money and can't see the provider's pricing.
Claude narrates — the Fexi rate-read text is generated by Claude via a Cloudflare Worker, given the computed signal as context. Claude cannot invent rates or predict the future; it only describes what code has already determined.
The user authorizes — the widget never moves money. Every Send Now hands off to a licensed provider (Wise, PayPal Xoom, the user's bank). The user authorizes inside the provider's app.

This separation is the trust spine. Every state below is defensible because of it.

Persistent Canvas Elements

These elements are visible in every state of the widget. State descriptions below only call out what changes from this baseline.