Trading panel

A paper-trading dashboard block: balance display, open position with entry, take-profit and liquidation levels, leverage multiplier, equity curve and trade stats. One component, .vitepress/theme/TradingPanel.vue, themed through --vp-c-* tokens so every template gets the same panel.

Paper tradingLIVE 00:00

Balance

$5,874.00

from $54+10,778%14x

SUISHORT 14x+$0.00 +0.0%

TP 1.4075Entry 1.4210Liq 1.51241.4210

Multiplier 14x

Equity curve

Hover or drag across the curve to inspect a trade.

Trades

181

Red

36

Avg win

+3.5%

Avg loss

-0.8%

Fictitious paper account. Prices and trades are simulated in your browser. No market data, orders or real funds.

Behavior

• Market, long or short, and the 2x to 20x multiplier change the take-profit and liquidation levels and the live P&L.
• Close the position to see the empty state, then open a new one.
• Ranges 1H, 6H and 22H redraw the curve; hover or drag shows each trade.
• With reduced motion, the balance and the curve are set directly with no animation.

Pattern credit: the perps-bot UI in a post by @0xTenzo. Original code and fictitious data, nothing copied.