# Trendle UX Tutorial

> What you’re trading: each card is a trend with a live Attention Index (DoA). Numbers update every minute from public social data. No AI/ML, just transparent math (normalize → deseasonalize → time-decay → smooth).

### <mark style="color:$primary;">Quick Start (TL;DR)</mark>

1. Open Trendle → pick a topic card.
2. If needed, Add funds (USDC on Base).
3. Choose Up/Down, set Boost, Deposit.
4. Watch DoA on the chart; manage from Open Positions.
5. Use Pulse to see content driving the moves.

### <mark style="color:$primary;">Home: Browse & Compare Trends</mark>

<figure><img src="/files/ljgWKt1L0ejwTOyvJtwF" alt=""><figcaption></figcaption></figure>

* Grid of trend cards. Each card shows:
  * DoA value (Dollar of Attention) — the live attention level for that topic.
  * Δ% — percentage change over the selected period on that card’s sparkline.
  * Vol — recent trading volume for that market.
* Search bar *(top)*. Type a keyword *(e.g., “elon”, “drake”, “ai”)* to jump straight to a topic. Autocomplete suggests live markets.

{% hint style="info" %}
The DoA scale is comparable across topics. If “Taylor Swift = 135.6” and “Bitcoin = 57.9,” Taylor currently commands \~2.3× more measurable attention than Bitcoin.
{% endhint %}

### <mark style="color:$primary;">Market Page: Read the Trend, Take a Side</mark>

<figure><img src="/files/OvroZqwP0Xj8E1PbeCOm" alt=""><figcaption></figcaption></figure>

When you click a card *(e.g., Elon Musk)*, you land on a split layout:

Left: Price (DoA) Chart

* Timeframe toggles: `1H`, `4H`, `1D`, `1W`, `1M`, `All`.
* Y-axis: DoA level. Sharp up = attention surge; sharp down = attention fade.

Right: Trade Ticket

* Up / Down tabs. Choose the direction you think DoA will move.
* Balance & Add. Shows your wallet balance; “Add” opens the Add funds modal.
* Boost (x1…x5). Multiplies the exposure of your P/L to DoA moves.
* Deposit button. Confirms the position once you’ve set direction + boost.

Glossary (quick):

* DoA: Dollar of Attention (index level).
* Δ%: percent change of DoA over the selected window.
* Boost: leverage-like multiplier for your P/L.<br>

### <mark style="color:$primary;">Funding the Wallet (USDC on Monad)</mark>

Trendle beta uses USDC on Monad.

Add funds

* Click Add funds → you’ll see a QR code + your address.
* Send USDC (Base network) to that address. Once confirmed, your balance updates.

Withdraw

* Click Withdraw to open the form:
  * Paste a Base address to receive funds.
  * Enter an amount or tap MAX.
  * Submit to withdraw USDC back to your wallet.

{% hint style="warning" %}
**Note:** If you send tokens from the wrong network, they won’t appear. Ensure Base.
{% endhint %}

### <mark style="color:$primary;">Placing Your First Position</mark>

1. Open a market (e.g., Elon Musk).
2. Decide Up (attention will rise) or Down (attention will fall).
3. Choose Boost (`x1`–`x5`). Higher = bigger swings (both profit and loss).
4. Click Deposit to open the confirmation and submit the transaction.
5. Your position appears under Open Positions on the Portfolio screen.

P/L logic (intuition): If DoA goes your way after entry, your position value increases. If it goes against you, it decreases. Boost scales both.

### <mark style="color:$primary;">Portfolio: Open Positions & History</mark>

* Open Positions: Live P/L, entry DoA, direction, and boost per position.
* Positions History: Closed positions with realized P/L and timestamps.

{% hint style="info" %}
If you don’t see a position right after placing it, wait a few seconds for chain confirmation and refresh.
{% endhint %}

### <mark style="color:$primary;">Pulse: Real-Time Context Feed</mark>

Under the chart you’ll find Pulse, a running stream that surfaces:

* Tweets, YouTube videos, and Reddit posts related to the topic.
* Recent market actions (e.g., large opens/closes).\
  Pulse helps you connect content → attention moves without leaving the app.


---

# 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.trendle.fi/trendle-ux-tutorial.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.