feat: wavelets

frontend/src/components/TradeRankList.tsx

@@ -1,12 +1,14 @@
+import type { ReactNode } from 'react'
 import { Link } from 'react-router-dom'
 import { ArrowUpRight } from 'lucide-react'
 import clsx from 'clsx'
 
-export default function TradeRankList({ trades, mode, title, linkTo }: {
+export default function TradeRankList({ trades, mode, title, linkTo, toggle }: {
   trades: any[]
   mode: 'top' | 'worst'
   title: string
   linkTo: string
+  toggle?: ReactNode
 }) {
   const sorted = [...trades]
     .sort((a, b) => mode === 'top'
@@ -18,7 +20,10 @@ export default function TradeRankList({ trades, mode, title, linkTo }: {
     <Link to={linkTo} className="card block hover:border-slate-600/60 transition-all cursor-pointer">
       <div className="flex items-center justify-between mb-1">
         <span className="section-title mb-0 text-[10px]">{title}</span>
-        <ArrowUpRight className="w-3 h-3 text-slate-600" />
+        <div className="flex items-center gap-1.5">
+          {toggle}
+          <ArrowUpRight className="w-3 h-3 text-slate-600" />
+        </div>
       </div>
       {sorted.length > 0 ? (
         <div className="space-y-1.5 mt-1">

frontend/src/components/layout/Sidebar.tsx

@@ -1,7 +1,7 @@
 import { NavLink } from 'react-router-dom'
 import {
   LayoutDashboard, Globe, BarChart2, FlaskConical,
-  History, Calendar, TrendingUp, Zap, DollarSign, Settings, BrainCircuit, Activity, BookOpen, FileBarChart, Brain, ShieldAlert, Microscope, ScrollText, Gauge, GitCompare, Building2, Users, ScanEye, CandlestickChart, PlayCircle, Radio, Bot, Sliders
+  History, Calendar, TrendingUp, Zap, DollarSign, Settings, BrainCircuit, Activity, BookOpen, FileBarChart, Brain, ShieldAlert, Microscope, ScrollText, Gauge, GitCompare, Building2, Users, ScanEye, CandlestickChart, PlayCircle, Radio, Bot, Sliders, Waves
 } from 'lucide-react'
 import { useGeoRiskScore, useAiStatus, usePortfolioSummary } from '../../hooks/useApi'
 import clsx from 'clsx'
@@ -12,6 +12,7 @@ const nav = [
   { to: '/markets', icon: BarChart2, label: 'Markets & Prices' },
   { to: '/macro', icon: Activity, label: 'Macro Regime' },
   { to: '/options', icon: TrendingUp, label: 'Options Lab' },
+  { to: '/wavelets-simulation', icon: Waves, label: 'Wavelets Simulation' },
   { to: '/patterns', icon: Zap, label: 'Patterns' },
   { to: '/pattern-lab', icon: FlaskConical, label: 'Pattern Lab' },
   { to: '/portfolio', icon: DollarSign, label: 'Portfolio' },