> For the complete documentation index, see [llms.txt](https://sol-perps-bot.gitbook.io/sol-perps-bot-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sol-perps-bot.gitbook.io/sol-perps-bot-docs/trading-basics/trading-interface.md). # Web Trading Interface The Fluvion Web DEX interface is engineered for clarity, speed, and deep market insight. This walkthrough covers all primary zones of the trading terminal. *** ## Layout Overview ``` +-----------------------------------------------------------------------------------------------+ | [Logo] [SOL-PERP v] $150.25 (+4.2%) | 24h Vol: $42M | Mark: $150.20 | Funding: +0.010% | +------------------------------------+-------------------------+--------------------------------+ | | ORDERBOOK | ORDER TICKET | | | Price Size Total | [Buy / Long] [Sell / Short] | | | 150.35 45.2 45.2 | Mode: [Cross v] Lev: [10x v] | | TRADINGVIEW CHART | 150.30 82.1 127.3 | Type: [Limit v] | | | 150.25 110.0 237.3 | Price: [ 150.20 ] | | (Candlesticks, Indicators, |-------------------------| Size: [ 25.0 ] SOL | | Timeframes: 1m, 5m, 1h, 1D) | 150.20 75.0 75.0 | [25%] [50%] [75%] [100%] | | | 150.15 120.4 195.4 | [x] Take Profit / Stop Loss | | | 150.10 340.0 535.4 | TP: [165.00] SL: [142.00] | | +-------------------------+ Cost: 375.50 USDC Max: 1,500 | | | RECENT TRADES | [ PLACE BUY / LONG ORDER ] | +------------------------------------+-------------------------+--------------------------------+ | POSITIONS & ORDERS PANEL | | [Positions (2)] [Open Orders (1)] [Order History] [Trade History] [Account Equity Widget] | | Symbol Side Size Entry Mark Liq. Price uPnL (ROI%) Margin Actions | | SOL-PERP LONG 50 SOL $145.00 $150.20 $131.25 +$260 (+35.8%) $750.00 [Close] | +-----------------------------------------------------------------------------------------------+ ``` *** ## 1. Top Navigation & Market Ticker Bar * **Market Selector**: Click to switch pairs (e.g., `SOL-PERP`, `BTC-PERP`, `ETH-PERP`). * **Real-Time Prices**: Displays Last Price, 24-hour price change %, 24-hour notional trading volume, **Index Price**, and **Mark Price**. * **Funding Countdown**: Shows the current predicted funding rate and time remaining until the next settlement epoch. * **Wallet & Account Status**: Connect/disconnect account (supporting Email, Solana, and EVM wallets via Privy), view current session status, and access **Deposit** and **Withdraw** buttons. *** ## 2. Advanced Charting Panel (TradingView) The central panel features a fully integrated TradingView charting suite: * **Candlestick & Bar Charts**: Seamless switching across timeframes (`1m`, `5m`, `15m`, `1h`, `4h`, `1D`). * **Technical Indicators**: Add over 100+ built-in technical indicators (RSI, MACD, Bollinger Bands, Moving Averages). * **Drawing Tools**: Support for trendlines, Fibonacci retracements, support/resistance zones, and risk/reward measurement boxes. * **Visual Order Lines**: Resting limit orders, active position entry prices, and TP/SL levels are plotted directly onto the chart. You can drag and drop order lines on the chart to modify prices instantly. *** ## 3. Orderbook & Recent Trade Feed * **Depth Ladder**: Visualizes real-time order depth with color-coded cumulative volume bars. Click any price in the book to automatically populate that price into your order ticket. * **Aggregation Step**: Adjust orderbook precision (e.g., `0.01`, `0.05`, `0.1`, `1.0`) to inspect macro liquidity walls. * **Recent Trades Tape**: Displays every executed trade tick with timestamp, fill price, size, and trade direction (green for buyer aggressor, red for seller aggressor). *** ## 4. Order Ticket (Entry Form) The right-hand panel is where trades are constructed and executed: 1. **Side Selector**: Toggle between **Buy / Long** (green) and **Sell / Short** (red). 2. **Margin Mode Selector**: Switch between **Cross** and **Isolated** margin. 3. **Leverage Slider**: Select preset leverages (`2x`, `5x`, `10x`, `25x`, `50x`, `100x`) or enter a custom integer value. 4. **Order Type**: Choose **Market**, **Limit**, **Stop Market**, or **Stop Limit**. 5. **Quantity & Collateral Inputs**: Enter order size in base asset units (e.g. SOL) or notional USD. Convenient percentage shortcuts (`25%`, `50%`, `75%`, `Max`) let you size positions rapidly based on available free margin. 6. **Advanced Toggles**: Enable **Post-Only**, **Reduce-Only**, or attach integrated **TP/SL** triggers. 7. **Order Summary**: Review estimated entry price, initial margin requirement, liquidation price estimate, and fee projection before clicking **Place Order**. *** ## 5. Positions & Orders Dashboard (Bottom Panel) The bottom panel tracks all active activity and historical performance: * **Positions Tab**: * Displays all open positions across all markets. * Lists **Size**, **Entry Price**, **Mark Price**, **Est. Liquidation Price**, **Margin**, and **Unrealized PnL ($ and %)**. * **Quick Close**: One-click **Market Close** or **Limit Close** options. * **Edit TP/SL**: Edit target exit prices dynamically. * **Open Orders Tab**: View and cancel active resting limit or conditional stop orders. Includes a **Cancel All** button for rapid risk de-escalation. * **Order History & Trade History**: Detailed audit trail of all previous orders, fills, execution timestamps, and exact maker/taker fee deductions. * **Account Summary Widget**: Quick status bar displaying **Total Equity**, **Free Collateral**, and **Account Margin Ratio (AMR)**.