feat: Market DNA Helix — 3D real-time market intelligence visualization

[mefai-dev]

Summary

Adds a new standalone page (/dna) featuring a Three.js 3D double-helix visualization that encodes real-time market intelligence into an interactive DNA structure.

• 3D Double Helix: ~50 trading pair nodes arranged on a rotating DNA helix, with bull (green) and bear (red) backbone strands
• Live Data Encoding: Node color = smart money composite, size = market significance, glow = extreme funding / volatile breakout, rungs = basis spread state (contango/backwardation)
• Data Stream Effect: Labeled data particles (RSI, MACD, funding rates, regime states) fly from corner overlay panels directly to their corresponding 3D nodes
• Branch Indicators: RSI, MACD, OI, and funding branches fork from each node with color-coded tips
• Interactive Panels: Smart money flow feed, buy/sell signal feed (live generation), accumulation scanner, detail sidebar on node click
• Performance: 5 parallel API fetches, 30s auto-refresh, 40 mock-extended symbols (no extra API load), standalone CSS (zero main.css conflicts)

Technical Details

Component	Implementation
3D Engine	Three.js v0.162.0 via ES module importmap (CDN)
Helix Math	CatmullRomCurve3 → TubeGeometry, parametric spiral
Data Sources	/api/intelligence/{smart-money,funding-scan,regime,basis-spread,accumulation}
Node Projection	Vector3.project(camera) → 2D screen coords for fly particle targeting
Styling	Standalone CSS with superbsc theme variables, no main.css import
Mobile	"Desktop Only" message with back-to-terminal link

Files Changed

File	Change
frontend/dna.html	New standalone page
frontend/css/dna.css	Standalone theme-matched CSS (150 lines)
frontend/js/dna.js	Three.js visualization engine (639 lines)
proxy/main.py	Added /dna route
frontend/index.html	Added "Market DNA" nav link (desktop + mobile)

Screenshots

Live at: https://mefai.io/superbsc/dna

Test Plan

• Page loads at /superbsc/dna with spinning Binance logo loader
• 3D helix renders with ~50 nodes after data loads
• Hover nodes → tooltip with composite/RSI/MACD/funding/regime
• Click node → detail sidebar slides in from right
• Data fly particles stream from corners to specific node positions
• Buy/sell signals generate every 3 seconds in left panel
• Corner overlays show regime, funding, basis, RSI/MACD data
• All timestamps display in UTC
• Mobile shows "Desktop Only" message
• Auto-refresh every 30 seconds updates helix and panels
• Navigation links work: Terminal ↔ Market DNA