Design · lab

Transaction lifecycle

One transaction, from local draft to buried in blocks, and the ways it can go wrong. A bar on the left marks what each state added or changed.

Every value is an illustrative stub from assets/js/design/tx_stub.js; nothing here touches the chain.

Playground

Pick a state or a failure, or use ← and →. Dashed states are optional: not every tx passes through them, but they show what it can do. The URL hash deep-links either, e.g. #confirmed:6 or #rejected.

Intent

to
amount
memo

Build

approval hash
inputs
signatures
fee
change
size

Identity

txid

Network

relay
status

Evidence

proof

Every state

The same card, rendered once per entry in STORIES.

Failure branches

Each forks off the happy path at the step that didn't happen, or came undone. Amber is recoverable. Red means this txid is finished and any retry is a new transaction.