941c07fe32
Per-strategy type badges with color coding + asset labels
...
reversal: blue (OBI, Mean Reversion)
momentum: amber (Iceberg, Momentum Breakout)
stat_arb: purple (Pairs, Kalman Pairs)
carry: cyan (Funding Rate Arb)
market_making: emerald (Avellaneda-Stoikov)
Each card now shows: [TYPE badge] [ASSET] [status] [maker/taker]
2026-08-05 10:05:43 +00:00
d31d301822
Clean dashboard: remove footer links + positions panel
...
Removed:
- Three footer link cards (ftdt.io, Quant Lab, Git Repo)
- Open Positions & Orders collapsible panel
- Unused imports (Activity, Database, TrendingUp, Collapsible)
Positions already shown live on each strategy card (Pos: 0.0000).
Dashboard is now cleaner: strategies grid + L2 Terminal button only.
2026-08-05 09:55:56 +00:00
f198d2ccf6
L2 Terminal: full-screen SOTA order book depth map
...
Replaces the cramped 480px component with a full-screen
production-grade trading terminal:
DOM Ladder (25%):
- 40 price rows centered on mid
- Bid/ask volume bars with opacity scaling
- Floating mid price, volume text on both sides
Depth Heatmap (75%):
- Cumulative volume profile (filled gradient areas)
- Green bid fill, red ask fill
- Yellow dashed mid line with floating labels
- Price axis, volume scale, imbalance gauge
Trade Tape (30% bottom):
- Amber trade path with colored markers
- Sized dots (trade size proportional)
- Latest trade callout with direction
Header bar:
- Live connection indicator, mid, spread, imbalance
- Real-time trade count
Access: click L2 Depth Map button on main dashboard
Fullscreen overlay with close button, ESC to dismiss
2026-08-05 09:45:54 +00:00
e9629b698b
Fix Hyperliquid WebSocket subscribe format: type -> method
2026-08-05 09:04:40 +00:00
bfc3214967
Fix L2 tape visibility: add to OBI detail component
...
Root cause: OrderBookDepthMap was only in non-OBI detail branch.
When user clicked Order Book Imbalance card, the OBIDetail component
replaced the entire detail view, and the tape was never mounted.
Fix: Added OrderBookDepthMap to OBIDetail component below trade history.
Now visible in ALL strategy detail views (both OBI and non-OBI).
2026-08-05 08:58:11 +00:00
2f74e076b4
Live L2 Order Book + Trade Tape visualization (Bookmap-style)
...
New components:
- hyperliquid-ws.ts: WebSocket hook for Hyperliquid L2 + trades
- Auto-reconnect, ring buffer (500 trades)
- Computes imbalance, total bid/ask volume, mid, spread
- Type-safe interfaces: L2Snapshot, TradeTapeEntry
- orderbook-depth-map.tsx: Dual-panel Canvas 2D visualization
- Top panel (~55%): L2 volume profile histogram
- Green bid bars (#00C853), red ask bars (#FF1744)
- Yellow mid line (#FFEB3B) with floating price labels
- Price axis, volume scale, orange mid marker
- Quant overlay system: fair value, VWAP, signals
- Bottom panel (~45%): Live trade tape
- Amber trade path (#FFAB00)
- Buy/sell markers (green/red dots sized by trade size)
- Latest trade callout with side + price
- Dark theme (#000000 ), monospace fonts, zero flicker
Integration:
- Added to all strategy detail views (live tab only)
- Renders below trade history table
- WebSocket connects on mount, reconnects on error
Visual specification per user request:
- Bid/ask bars: neon green/red on pure black
- Mid line: yellow dashed with floating labels
- Trade path: amber staircase with colored markers
- No grid clutter, professional trading terminal aesthetic
2026-08-05 07:42:27 +00:00
5c41d232c1
Fix OBI depth map: single unified 3D surface, no subplots
...
- Single surface spanning -50 to +50 bps (bid left, ask right)
- Clean warm amber/gold colorscale with contour projection
- NaN/Infinity filtering on Z matrix for clean rendering
- ResizeObserver for responsive canvas sizing
- uirevision v2 for stable camera across updates
- Removed dual-subplot approach (single colorbar, single scene)
- Imbalance overlay: +0.051 style with wall detection + formula
- L2RingBuffer unchanged, l2SnapshotsToSurface produces 60-row matrix
2026-08-05 06:30:40 +00:00
7fd289f562
3D Order Book Depth Map: Plotly subplots (bid/ask split) + remove Three.js
...
- Replaced single surface with dual synchronized 3D subplots:
Left: BID depth (green colorscale, -50 to 0 bps)
Right: ASK depth (red colorscale, 0 to +50 bps)
- Independent colorbars per side with proper labeling
- Camera sync via scene anchor mirroring
- Contour projection on both surfaces
- Live imbalance overlay centered between subplots
Data pipeline:
- l2SnapshotsToDualSurface() splits bid/ask into separate matrices
- L2RingBuffer unchanged (60 snapshots, O(1) append)
Removed:
- depth-map-three.tsx (Three.js alternative)
- Engine toggle buttons from OBI detail
- Three.js CDN loading
2026-08-05 06:24:09 +00:00
8855c013a6
3D Order Book Depth Map: Plotly.js + Three.js live visualization
...
Architecture:
- depth-map-utils.ts: L2RingBuffer, l2SnapshotsToSurface, computeImbalance
└─ O(1) ring buffer, 60-snapshot capacity
└─ Surface matrix: ±50 bps × 100 resolution
└─ Imbalance formula: I = (V_b-V_a)/(V_b+V_a) with wall detection
- depth-map-plotly.tsx: Plotly.js 3D Surface
└─ 7-stop warm colorscale (dark→amber→gold)
└─ contour projection, ambient+diffuse lighting
└─ Live imbalance overlay: gauge bar + formula
└─ uirevision for stable camera on updates
- depth-map-three.tsx: Three.js high-perf alternative
└─ BufferGeometry + vertex colors + OrbitControls
└─ 60fps suitable, WebGL renderer with alpha
└─ Warm gradient matching Plotly colorscale
└─ Double-sided faces, dark grid helper
- obi-detail.tsx: Combined strategy detail panel
└─ Engine toggle: Plotly.js ↔ Three.js
└─ Synthetic data generation for testing
└─ 6-stat metrics row (PnL, BTC B&H, Sharpe, Hit Rate, Max DD, Signal)
└─ Equity curve comparison + trade history table
- Page integration: OBI strategy triggers dedicated 3D view
2026-08-05 06:11:33 +00:00
6665d0cd2a
Multi-ticker historical backtests: ticker filter + per-coin grouping
...
- Historical cards now deduplicated by strategy+ticker (28 entries: 7×4)
- Ticker filter bar: ALL | BTC | ETH | HYPE | VVV
- Coin badge on each card
- BacktestSummary.coin now required string field
- fetchHistorical groups by strategy · coin composite key
2026-08-05 05:11:32 +00:00
a09954017e
Recreate Next.js source — shadcn components, chart, types, hooks
...
Source files were untracked and lost during reset. Recreated:
- page.tsx (full 3-tab dashboard), layout.tsx, globals.css (shadcn theme)
- types.ts, api.ts, utils.ts
- strategy-card.tsx, equity-chart.tsx, positions-panel.tsx
- ui/ (7 shadcn wrappers: card, badge, button, table, tabs, sheet, collapsible, select)
- Config files: next.config.ts, tsconfig.json, postcss.config.mjs, components.json
2026-08-05 05:05:26 +00:00
eb2dc32c53
FTDT Dashboard: Next.js shadcn SOTA UI
...
- Next.js 16 + React + TypeScript static export
- shadcn/ui components: Card, Tabs, Badge, Sheet, Collapsible, Table
- Claude Blu 2 dark theme via oklch CSS variables
- lightweight-charts v4 for equity curve rendering
- Framer Motion for layout animations
- 3 tabs: Live Testnet, Paper Mainnet (00K), Historical
- Full-page strategy detail with equity chart + trade history
- Fee tier selector (7 official Hyperliquid tiers + staking)
- API routes prefixed with /api/ for clean Caddy proxying
- _next/ mount for Next.js static assets
- WebSocket data flowing for live metrics and paper trader
2026-08-05 04:51:58 +00:00
ramseshk