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

# Trading Page

<div><figure><img src="/files/drTkTggUKhrnV2bfRqSm" alt="" width="188"><figcaption></figcaption></figure> <figure><img src="/files/8eDy357aWxlwZMCmDSZH" alt="" width="188"><figcaption></figcaption></figure> <figure><img src="/files/IhV6wkNxzjxWirOWKNvp" alt="" width="188"><figcaption></figcaption></figure></div>

The trading page is the core execution interface for perpetual futures in H4.

| Section                       | Purpose                                                                                                                                                                                                        |
| ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Header                        | Shows current PnL on the left, trade notifications on the right, and a share button. The share button can share the chart, the DOM, or the open position.                                                      |
| Main chart section            | Displays the asset price chart. The chart can be expanded or switched into the DOM using the controls in the bottom-right corner of the chart.                                                                 |
| Timeframe and asset selection | Lets the user change the chart timeframe or search for and switch to another asset.                                                                                                                            |
| Balances                      | Shows total account value and available balance. If the current margin asset is not Cash and that asset balance is below $10, tapping the Available area opens an inline swap from Cash into the margin asset. |
| Positions and orders data     | Appears when a position is open or orders are resting. This section surfaces key data and provides quick actions to cancel all orders or close the position.                                                   |
| Settings                      | Lets the user switch margin mode between isolated and cross, and enable chart enhancements such as trades heatmap, L2 book, and crosshair.                                                                     |
| Asset and market data         | Shows asset-specific and market-wide data for the selected instrument.                                                                                                                                         |
| Controls section              | Lets the user place Long and Short orders, set size, and set leverage.                                                                                                                                         |

### Chart settings

The chart settings section supports three optional visual layers:

* `Trades heatmap`, which overlays candles with trades and trade value
* `L2 book`, which adds the L2 order book to the right side of the chart
* `Crosshair`, which enables candle inspection on the chart


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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.h4.world/trading-page.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.
