# Trading Interface

The trading page (`/market/: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:** single transaction via Privy server wallet, status toast tracks 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.strike.pm/frontend/trading.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.