feat: new cockpit

frontend/src/pages/RiskDashboard.tsx

@@ -1,5 +1,6 @@
 import { useState } from 'react'
 import { useRiskDashboard, usePatternCorrelations, usePnlTimeline, useRiskExposure, useSimPortfolioRisk } from '../hooks/useApi'
+import { ASSET_CLASS_COLORS } from '../constants/assetColors'
 import clsx from 'clsx'
 import { ShieldAlert, TrendingUp, GitBranch, AlertTriangle, CheckCircle, Activity, Brain, RefreshCw, PieChart } from 'lucide-react'
 
@@ -131,11 +132,6 @@ function RecommendationCard({ rec }: { rec: any }) {
 }
 
 // ── Main page ────────────────────────────────────────────────────────────────
-const ASSET_CLASS_COLORS: Record<string, string> = {
-  energy: '#f97316', metals: '#eab308', agriculture: '#84cc16',
-  equities: '#22c55e', indices: '#3b82f6', forex: '#8b5cf6', rates: '#06b6d4',
-  unknown: '#64748b',
-}
 
 function SimRiskPanel() {
   const { data, isLoading, refetch } = useSimPortfolioRisk()