> For the complete documentation index, see [llms.txt](https://docs.strike.fun/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.strike.fun/frontend/trading.md).

# Trading Interface

The trading page (`/markets/:id`) is where the action happens.

## Layout

```
┌─────────────────────────────────────────────────────────┐
│  Market Info Bar: BTC/USD | Expiry 4:32 | Batch in 2s   │
├──────────────┬──────────────────────┬───────────────────┤
│              │                      │                   │
│  Order Entry │     Orderbook        │   Trade History   │
│              │   (depth chart +     │   (recent fills)  │
│  Side: UP/DOWN    price ladder)     │                   │
│  Price: 0.65 │                      │                   │
│  Amount: 10  │                      │                   │
│  Type: Limit │                      │                   │
│  [Place Order]│                     │                   │
│              │                      │                   │
├──────────────┴──────────────────────┴───────────────────┤
│  Open Orders: tick | side | amount | remaining | [cancel]│
│  (Settlement is automatic — no claim step needed)          │
└─────────────────────────────────────────────────────────┘
```

## Orderbook Visualization

* **Price ladder:** vertical list of ticks, bid volume on left, ask volume on right, color-coded depth bars
* **Depth chart:** cumulative bid/ask volume curves, crossing point = indicative clearing price
* **Spread indicator:** best bid / best ask / spread in cents

## Order Entry

* **Side toggle:** Buy UP (green) / Buy DOWN (red)
* **Price input:** tick slider (1-99) or numeric input, prices shown as $0.01-$0.99, shows implied probability
* **Amount:** USDT input with available balance shown
* **Order type:** toggle — GoodTilCancel (GTC), GoodTilBatch (GTB)
* **Submit:** wallet transaction, with status toast tracking confirmation

### Market Orders & Anti-MEV Price Protection

In **market mode**, the frontend places a limit order at a tick derived from the best available price plus a slippage tolerance (default 5%, configurable in the order form). This ensures your order fills at or better than your worst acceptable price.

In **limit mode**, your tick is your exact price protection — the order will only fill at the clearing price if it's at or better than your tick. No separate slippage setting is needed.

In both cases, all fills settle at the batch clearing price, never at a worse price than your tick. See [Batch Auctions](/protocol/batch-auctions.md#anti-mev-price-protection) for details.

## Batch Info Bar

* Countdown to next batch clearing
* Current batch ID
* Indicative clearing price (computed client-side from current book state)
* Last clearing price and volume