From 02ca4526550aea0ced55c5e43570c991880a032b Mon Sep 17 00:00:00 2001
From: shokollm <270575765+shokollm@users.noreply.github.com>
Date: Sat, 11 Apr 2026 06:16:10 +0000
Subject: [PATCH] feat: show trades inline in backtest history

---
 .../src/routes/bot/[id]/backtest/+page.svelte | 23 ++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/routes/bot/[id]/backtest/+page.svelte b/src/frontend/src/routes/bot/[id]/backtest/+page.svelte
index 83d1fb2..bf7f2db 100644
--- a/src/frontend/src/routes/bot/[id]/backtest/+page.svelte
+++ b/src/frontend/src/routes/bot/[id]/backtest/+page.svelte
@@ -225,10 +225,27 @@
 									</div>
 									<div class="result-item">
 										<span class="result-label">Max Drawdown</span>
-										<span class="result-value negative">{backtest.result.max_drawdown.toFixed(2)}%</span>
+								<span class="result-value negative">{backtest.result.max_drawdown.toFixed(2)}%</span>
+							</div>
+						</div>
+					</div>
+					{#if backtest.result.trades && backtest.result.trades.length > 0}
+						<div class="trades-inline">
+							<h4>Trade History</h4>
+							<div class="trades-list">
+								{#each backtest.result.trades as trade}
+									<div class="trade-item">
+										<span class="trade-type" class:buy={trade.type === 'buy'} class:sell={trade.type === 'sell'}>
+											{trade.type.toUpperCase()}
+										</span>
+										<span class="trade-price">${trade.price?.toFixed(6)}</span>
+										<span class="trade-amount">${trade.amount?.toFixed(2)}</span>
+										<span class="trade-reason">{trade.exit_reason || 'entry'}</span>
 									</div>
-											</div>
-							{/if}
+								{/each}
+							</div>
+						</div>
+					{/if}
 							{#if backtest.status === 'running'}
 								<div class="progress-container">
 									<div class="progress-bar">