From 19698529b8092fef9e714cbaa4311f49956b0b24 Mon Sep 17 00:00:00 2001
From: tinkle-community <tinklefund@gmail.com>
Date: Sat, 17 Jan 2026 23:01:30 +0800
Subject: [PATCH] feat(web): integrate GridRiskPanel into TraderDashboardPage

---
 web/src/pages/TraderDashboardPage.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/web/src/pages/TraderDashboardPage.tsx b/web/src/pages/TraderDashboardPage.tsx
index 55a65004..3c46f2f1 100644
--- a/web/src/pages/TraderDashboardPage.tsx
+++ b/web/src/pages/TraderDashboardPage.tsx
@@ -9,6 +9,7 @@ import { confirmToast, notify } from '../lib/notify'
 import { t, type Language } from '../i18n/translations'
 import { LogOut, Loader2, Eye, EyeOff, Copy, Check } from 'lucide-react'
 import { DeepVoidBackground } from '../components/DeepVoidBackground'
+import { GridRiskPanel } from '../components/strategy/GridRiskPanel'
 import type {
     SystemStatus,
     AccountInfo,
@@ -539,6 +540,17 @@ export function TraderDashboardPage({
                     />
                 </div>
 
+                {/* Grid Risk Panel - Only show for grid trading strategy */}
+                {status?.strategy_type === 'grid_trading' && selectedTraderId && (
+                    <div className="mb-8 animate-slide-in" style={{ animationDelay: '0.05s' }}>
+                        <GridRiskPanel
+                            traderId={selectedTraderId}
+                            language={language}
+                            refreshInterval={5000}
+                        />
+                    </div>
+                )}
+
                 {/* Main Content Area */}
                 <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
                     {/* Left Column: Charts + Positions */}