Wallet transaction vertical slice

Make every transaction state
clear, recoverable, and safe to retry.

A focused frontend proof for an existing product flow—from preparation and wallet approval through pending, confirmation, failure, and timeout.

Simulation only. No real wallet, RPC, funds, signing, or blockchain broadcast is used anywhere in this demo.

Try every path

Transaction state lab

Choose an outcome, change the simulated network, and deliberately attempt a duplicate submission.

Demo order

Ready

Current network Base demo

Required Base demo

Simulated result

Network test

Ready to prepare

Select a result or network condition, then start the demo.

All controls are keyboard accessible. Motion is reduced when your device requests it.

Acceptance coverage

The demo isolates the customer-visible states that make a wallet flow understandable and supportable.

Preparation, approval, pending, success, failure, and timeout each have distinct copy and actions.

Wrong-network, failed, rejected, and timed-out paths recover without refreshing the page.

Repeated starts and approvals are rejected by logic, not merely hidden by a disabled button.

Framework-neutral state logic, deterministic tests, responsive layout, and no production dependencies.