'}
window.addEventListener('resize',function(){c.resize()})})();
})();"""
def build_html(data, sb, corr=None):
sb_data = None
if sb:
sb_data = {'mid':sb.get('mid'),'p1':sb.get('p1'),'adv':sb.get('adv'),
'level':sb.get('level'),'p1h':sb.get('p1h',[]),'advh':sb.get('advh',[]),'tls':sb.get('tls',[]),
'db':sb.get('db',[]),'da':sb.get('da',[]),'imb':sb.get('imb'),
'iliq':sb.get('iliq'),'wall':sb.get('wall')}
# Hedge HTML and corr time
corr_time = corr.get('timestamp','--') if corr else '--'
hedge_html = '
Asset
Corr to BTC
Quality
Weight %
Direction
'
if corr:
for h in (corr.get('hedge_suggestions',[]) or [])[:10]:
q_cls = '#3fb950' if h['quality']=='Excellent' else '#d29922' if h['quality']=='Good' else '#f85149' if h['quality']=='Poor' else '#8b949e'
hedge_html += '
%s
%.3f
%s
%.1f%%
' % (h['label'], h['corr'], q_cls, h['quality'], h['weight'])
if not corr or not corr.get('hedge_suggestions'):
hedge_html += '
Waiting for correlation data...
'
hedge_html += '
'
# Build corr panel HTML (appended after f-string to avoid template issues)
corr_panel = ''
if corr and corr.get('symbols'):
corr_panel = '''
'''
D = json.dumps({'p':data['p'],'s':data['s'],'t':data['t'],'d':data['d'],
'f':data['f'],'fk':data['fk'],'fn':data['fn'],
'ev':data['ev'],'et':data['et'],'dd':data['dd'],'sb':sb_data,
'corr':corr if corr else None,
'events':data.get('events',[]),},ensure_ascii=False)
# Weights HTML (Chinese names, sorted high-low)
weights_html = ''
max_w = max(W.values())
colors = {'exhaust':'#ff6348','news':'#ffd700','orderbook':'#ffa502','funding':'#a55eea',
'mtf':'#ff9f43','maxpain':'#ff4757','orderbook_liquidity':'#00d2d3','liquidation_exhaustion':'#1dd1a1',
'liquidation':'#3ae374','trend':'#ff6b6b','lowleverage':'#f368e0','smartmoney':'#7d5fff',
'volumedelta':'#7bed9f','impliedvol':'#686de0','gamma':'#e056fd','bitcoin':'#eccc68',
'taker':'#2ed573','openinterest':'#1e90ff','meanrevert':'#18dcff'}
for k,w in sorted(W.items(), key=lambda x:-x[1]):
fn = FN.get(k,k); c = colors.get(k,'#8b949e')
weights_html += f'
{fn}
{w:.2f}
'
# News events HTML
news_html = ''
for i,n in enumerate(data['news'][:10]):
cls = 'impact-high' if abs(n['score'])>0.7 else 'impact-mid' if abs(n['score'])>0.4 else 'impact-low'
news_html += f'''
#{i+1}
{n['fact']}
{n['ts']} · AI {n['score']:.2f} · Impact ~{n['hours']}h · FNG {n['fng']}
{n['score']:.2f}
'''
if not news_html: news_html = '
Waiting for news data...
'
sb_status = 'Connected' if sb and sb.get('mid') else 'Not connected'
sb_mid = sb.get('mid','--') if sb else '--'
sb_level = sb.get('level','--') if sb else '--'
sb_p1 = float(sb.get('p1',0)or 0) if sb else 0
sb_adv = float(sb.get('adv',0)or 0) if sb else 0
sb_imb = float(sb.get('imb',0)or 0) if sb else 0
sb_iliq = float(sb.get('iliq',0)or 0) if sb else 0
sb_wall = float(sb.get('wall',0)or 0) if sb else 0
# Liquidation events HTML - terminal feed style
le_html = '
SideSizePriceValue
'
if sb:
le_list = sb.get('le',[]) or []
for e in reversed(le_list[-20:]):
side = e.get('s',''); sz = e.get('sz',0); px = e.get('px',0); v = sz*px
cls = 'var(--green)' if side=='buy' else 'var(--red)'
side_str = side.upper() if side else '?'
bar_w = min(100, int(v/50000*100)) if v>0 else 0
le_html += '