> ## Documentation Index
> Fetch the complete documentation index at: https://docs.autheo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Making a transfer

> Step-by-step guide to bridging tokens between chains using the Autheo Bridge, including the transfer form, token approvals, and tracking delivery.

This page covers the Bridge interface layout and the complete flow for making a cross-chain token transfer.

## Bridge interface

The Bridge has a clean, single-page layout with four main areas:

**Header** — Application logo and the Connect Wallet button showing connection status.

**Transfer Token Form** — The central card and primary interface for initiating transfers:

| Element                | Description                                                        |
| ---------------------- | ------------------------------------------------------------------ |
| From (Source Chain)    | Dropdown selector for the originating blockchain                   |
| To (Destination Chain) | Dropdown selector for the target blockchain                        |
| Swap button            | Arrow icon (↕) to quickly swap source and destination              |
| Token selector         | Dropdown to choose which token to bridge                           |
| Token ID / Amount      | Numeric input with a **Max** button to auto-fill your full balance |
| My NFT Balance         | Your current token balance on the source chain                     |
| Recipient address      | Text input for the destination wallet address                      |
| Remote balance         | Recipient's current balance on the destination chain               |
| Continue button        | Proceeds to review mode                                            |

<img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-transfer-form.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=8bd42f469407240549b2ad7b33af2443" alt="Bridge transfer token form" width="1826" height="752" data-path="images/bridge-transfer-form.png" />

**Floating action buttons** — The clock icon opens the sidebar with transfer history and connected wallets.

<img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-floating-buttons.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=c93f93087f0de6c943deada4395acc30" alt="Bridge floating action buttons" width="1376" height="755" data-path="images/bridge-floating-buttons.png" />

**Footer** — Links to Hyperlane documentation, Discord, GitHub, Twitter/X, Blog, Terms of Service, and Privacy Policy.

<img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-footer.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=fff323d24de87bf6355d296b50226b27" alt="Bridge footer" width="1861" height="150" data-path="images/bridge-footer.png" />

## Transferring tokens

<Steps>
  <Step title="Select the source chain">
    Click the **From** dropdown. A searchable chain selection modal appears. Select your source chain (e.g., Arbitrum Sepolia).

    <img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-select-chain.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=3479fd90daa7c7c85089abb9eba1d478" alt="Chain selection modal" width="662" height="430" data-path="images/bridge-select-chain.png" />
  </Step>

  <Step title="Select the destination chain">
    Click the **To** dropdown and select the target chain (e.g., Autheo Alpha). The same chain selection modal is used for both source and destination.
    <Tip>Use the swap icon (↕) between the chain selectors to quickly reverse the direction.</Tip>
  </Step>

  <Step title="Choose a token">
    1. Click the **Token selector**
    2. A modal opens showing available tokens for the selected route
    3. Search by token name, symbol, or contract address
    4. Click the desired token

    Tokens that appear dimmed are currently disabled. If only one token is available on a route, it is auto-selected.

    <img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-choose-token.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=cda4e8abfbfa5875ed65b8e35a5b4052" alt="Token selection modal" width="662" height="430" data-path="images/bridge-choose-token.png" />
  </Step>

  <Step title="Enter the token ID or amount">
    Type the token ID (for NFTs) or amount in the input field. Your available balance is shown as **My balance**.
    <Tip>Click **Max** to auto-fill your full available balance.</Tip>
  </Step>

  <Step title="Enter the recipient address">
    Enter the destination wallet address in the **Recipient address** field. The application displays the recipient's current balance on the destination chain.

    <img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-recipient-address.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=04c43cc826a8acab260118c518fdbd8a" alt="Recipient address field" width="707" height="480" data-path="images/bridge-recipient-address.png" />
  </Step>

  <Step title="Review and confirm">
    1. Click **Continue** to enter review mode
    2. Verify all details: source and destination chains, token type and amount, recipient address, and estimated interchain gas fees
    3. Click **Cancel** to go back and correct anything, or **Send** to proceed

    If the recipient address differs from your connected wallet, a confirmation modal appears asking you to verify.

    <img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-review-confirm.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=8b5c20be878c286d1e48afe5f71a507a" alt="Review and confirm transfer details" width="637" height="432" data-path="images/bridge-review-confirm.png" />
  </Step>

  <Step title="Sign the transactions">
    Depending on the token type, you may need to sign one or two transactions:

    | Transaction          | When required                     | Purpose                                                                     |
    | -------------------- | --------------------------------- | --------------------------------------------------------------------------- |
    | Token approval       | First transfer of an ERC-20 token | Grants the warp route contract permission to transfer tokens on your behalf |
    | Transfer transaction | Every transfer                    | Executes the cross-chain token transfer                                     |

    The UI shows a step-by-step status progression:

    1. Preparing
    2. Creating transactions
    3. Signing approval
    4. Confirming approval
    5. Signing transfer
    6. Confirming transfer

    <img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-sign-tx-1.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=c4b6e011a42cc223592e064d7165f351" alt="Sign transaction — step 1" width="718" height="742" data-path="images/bridge-sign-tx-1.png" />

    <img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-sign-tx-2.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=5d1d9b7be0f3d394789865609b776f18" alt="Sign transaction — step 2" width="1547" height="788" data-path="images/bridge-sign-tx-2.png" />

    <img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-sign-tx-3.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=9f80330bce9313c00205895fd800f30e" alt="Sign transaction — step 3" width="1870" height="855" data-path="images/bridge-sign-tx-3.png" />

    <img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-sign-tx-4.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=b9548ac9f09cc9c697871588a27e0b89" alt="Sign transaction — step 4, transfer confirmed" width="1890" height="832" data-path="images/bridge-sign-tx-4.png" />

    <Warning>Do not close the browser tab or navigate away while waiting for confirmation.</Warning>
  </Step>

  <Step title="Track delivery">
    After the source chain confirms:

    * A success notification appears
    * The transfer is added to your Transfer History
    * The Hyperlane protocol relays the message to the destination chain
    * Status updates once tokens arrive on the destination chain

    Most transfers complete within a few minutes. Times vary by chain and network congestion.

    <img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-track-delivery-1.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=293656bfd8973f26c51451539b5d6159" alt="Transfer delivery tracking — in progress" width="1837" height="822" data-path="images/bridge-track-delivery-1.png" />

    <img src="https://mintcdn.com/autheo/_s1JZ2AYeWfPo4OV/images/bridge-track-delivery-2.png?fit=max&auto=format&n=_s1JZ2AYeWfPo4OV&q=85&s=f406209698ea1e0fe03a03a3c741d93e" alt="Transfer delivery tracking — completed" width="1861" height="851" data-path="images/bridge-track-delivery-2.png" />
  </Step>
</Steps>

## Token approvals

When transferring ERC-20 tokens, you must first approve the warp route smart contract to spend tokens on your behalf. This is a standard blockchain security mechanism.

**How approvals work:**

1. **First transfer of a token** — The application prompts you to sign an approval transaction before the transfer. A small amount of gas on the source chain is required.
2. **Subsequent transfers** — If sufficient allowance remains, you will not be asked to approve again.
3. **Revoke and re-approve** — In some cases, the application may request that you revoke an existing approval and grant a new one.

NFT transfers (ERC-721) follow a similar approval pattern but operate per-token rather than as a spending allowance.
