B21 DASHBOARD

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_167":168,"_169":170},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_61":136,"_16":-7,"_137":-5,"_17":138,"_139":140,"_28":141,"_21":142,"_23":143,"_144":-5,"_145":-5,"_146":-5,"_147":35,"_148":149,"_150":38,"_151":-5,"_152":-5,"_153":154},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":31,"_32":-5,"_33":-5,"_34":35,"_36":35,"_37":38},"handle","vvampa","name","b21-dashboard","branchName","version","project",{"_39":78,"_13":14,"_50":79,"_80":-5,"_81":35,"_82":83,"_84":83,"_85":86,"_87":-5,"_88":89,"_90":43,"_91":38,"_92":-5,"_93":-5,"_94":67,"_95":96,"_97":98,"_99":100,"_101":102,"_103":-5,"_104":105,"_106":105,"_107":108,"_109":108,"_110":108,"_111":105,"_112":105,"_113":114,"_115":116,"_117":118,"_119":35},"tags",[],"counts",{"_66":67,"_68":69,"_70":67,"_71":72,"_73":74},"contents",[63],"readme","upstream","pull","files",[31],"preview",{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":14,"_59":60,"_61":62},"ahead","behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","hasHTTPFiles",true,"id","67d87f33-8ec3-406f-af4d-62ce6e64adc8","main.ts","fileId","04700fba-816b-11f1-bba6-1607ee4eb77e","parentId","branchId","4e46e9ec-0d2d-430a-8d84-fbe1ad5d77c0","branchVersion",109,"latest","createdAt",["D",1787355519830],98,"fileType","http","content","/* Open in Val Town: https://www.val.town/x/vvampa/b21-dashboard/code/main.ts */\n/* Open in Val Town: https://www.val.town/x/vvampa/b21-dashboard/code/main.ts */\n// b21-dashboard: live BFF portfolio dashboard\n// Real portfolio + Reasoning + Watchlist + Thesis + Hansen Timeline\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n// ── Database initialization ──────────────────────────────────────────\nasync function initDB() {\n // Real portfolio positions\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS real_positions (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n account TEXT NOT NULL,\n ticker TEXT NOT NULL,\n avg_price REAL NOT NULL,\n created_at TEXT DEFAULT (datetime('now'))\n )\n `);\n // Paper trading was retired in August 2026. Remove its stored ledger.\n await sqlite.execute(`DROP TABLE IF EXISTS trades`);\n // Per-ticker reasoning\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS reasoning (\n ticker TEXT PRIMARY KEY,\n reasoning TEXT NOT NULL,\n updated_at TEXT DEFAULT (datetime('now'))\n )\n `);\n // Watchlist\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS watchlist (\n ticker TEXT PRIMARY KEY,\n reasoning TEXT,\n added_date TEXT DEFAULT (datetime('now'))\n )\n `);\n // Market thesis (single row)\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS market_thesis (\n id INTEGER PRIMARY KEY CHECK (id = 1),\n thesis TEXT NOT NULL,\n updated_at TEXT DEFAULT (datetime('now'))\n )\n `);\n // Portfolio snapshots for performance chart\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS portfolio_snapshots (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n date TEXT NOT NULL UNIQUE,\n paper_pnl_pct REAL NOT NULL DEFAULT 0,\n bff_pnl_pct REAL NOT NULL DEFAULT 0,\n created_at TEXT DEFAULT (datetime('now'))\n )\n `);\n // Longform theses\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS theses (\n ticker TEXT PRIMARY KEY,\n longform TEXT NOT NULL,\n updated_at TEXT DEFAULT (datetime('now'))\n )\n `);\n // Philosophy\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS philosophy (\n id INTEGER PRIMARY KEY CHECK (id = 1),\n longform TEXT NOT NULL,\n updated_at TEXT DEFAULT (datetime('now'))\n )\n `);\n // Current prices (updated by cron from local finviz)\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS current_prices (\n ticker TEXT PRIMARY KEY,\n price REAL NOT NULL,\n updated_at TEXT DEFAULT (datetime('now'))\n )\n `);\n // Add qty column to real_positions if missing\n await sqlite.execute(`ALTER TABLE real_positions ADD COLUMN qty REAL DEFAULT 0`).catch(() => { });\n}\n// ── Seed data ───────────────────────────────────────────────────────\nasync function seedData() {\n // Positions, thesis, and philosophy are never overwritten with seed data.\n await sqlite.execute({\n sql: \"INSERT OR IGNORE INTO portfolio_snapshots (date, paper_pnl_pct, bff_pnl_pct) VALUES (?, ?, ?)\",\n args: ['2026-07-16', 0, 0],\n });\n}\nawait initDB();\nawait seedData();\nasync function requireWriteAuth(req) {\n if (![\"POST\", \"PUT\", \"DELETE\"].includes(req.method)) return null;\n const root = Deno.env.get(\"FINVIZ_API_KEY\") || \"\";\n if (!root)\n return Response.json({ error: \"dashboard writer is unavailable\" }, { status: 503 });\n const bytes = new TextEncoder().encode(\"b21-dashboard-write-v1:\" + root);\n const digest = new Uint8Array(await crypto.subtle.digest(\"SHA-256\", bytes));\n const expected = Array.from(digest, b => b.toString(16).padStart(2, \"0\")).join(\"\");\n const actual = req.headers.get(\"X-B21-Write-Token\") || \"\";\n if (actual !== expected)\n return Response.json({ error: \"unauthorized dashboard write\" }, { status: 401 });\n return null;\n}\n// ── Router ──────────────────────────────────────────────────────────\nexport default async function handler(req) {\n const url = new URL(req.url);\n const path = url.pathname;\n const authError = await requireWriteAuth(req);\n if (authError) return authError;\n\n if (path.match(/^\\/api\\/reasoning\\/[A-Z$]+$/))\n return getReasoning(path);\n if (path === \"/api/reasoning\" && req.method === \"POST\")\n return upsertReasoning(req);\n if (path === \"/api/positions\" && req.method === \"GET\")\n return getPositions();\n if (path === \"/api/positions\" && req.method === \"POST\")\n return updatePositions(req);\n if (path === \"/api/watchlist\" && req.method === \"GET\")\n return getWatchlist();\n if (path === \"/api/watchlist\" && req.method === \"POST\")\n return addToWatchlist(req);\n if (path.match(/^\\/api\\/watchlist\\/[A-Z]+$/) && req.method === \"DELETE\")\n return removeFromWatchlist(path);\n if (path === \"/api/thesis\" && req.method === \"GET\")\n return getThesis();\n if (path === \"/api/thesis\" && req.method === \"POST\")\n return updateThesis(req);\n if (path === \"/api/snapshots\" && req.method === \"GET\")\n return getSnapshots();\n if (path === \"/api/snapshot\" && req.method === \"POST\")\n return createSnapshot(req);\n if (path === \"/api/theses\" && req.method === \"GET\")\n return getTheses();\n if (path.match(/^\\/api\\/theses\\/[A-Z$]+$/))\n return getThesisByTicker(path);\n if (path === \"/api/theses\" && req.method === \"POST\")\n return upsertThesis(req);\n if (path === \"/api/philosophy\" && req.method === \"GET\")\n return getPhilosophy();\n if (path === \"/api/philosophy\" && req.method === \"POST\")\n return updatePhilosophy(req);\n if (path === \"/api/status\" && req.method === \"GET\")\n return getDashboardStatus();\n if (path === \"/api/prices\" && req.method === \"POST\")\n return updatePrices(req);\n if (path === \"/api/prices\")\n return getPrices(req);\n if (path.startsWith(\"/api/\"))\n return Response.json({ error: \"Not found\" }, { status: 404 });\n return new Response(getDashboardHTML(), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n// ── Reasoning API ───────────────────────────────────────────────────\nasync function getReasoning(path) {\n const ticker = path.split(\"/\").pop();\n const result = await sqlite.execute({ sql: \"SELECT * FROM reasoning WHERE ticker = ?\", args: [ticker] });\n if (!result.rows.length)\n return Response.json({ ticker, reasoning: \"\", found: false });\n return Response.json(result.rows[0]);\n}\nasync function upsertReasoning(req) {\n const body = await req.json();\n const ticker = body.ticker.toUpperCase();\n const newReasoning = body.reasoning;\n const replace = body.replace === true;\n let merged;\n if (replace) {\n merged = newReasoning;\n }\n else {\n const existing = await sqlite.execute({ sql: \"SELECT reasoning FROM reasoning WHERE ticker = ?\", args: [ticker] });\n if (existing.rows.length && existing.rows[0].reasoning) {\n const oldText = existing.rows[0].reasoning;\n merged = oldText.includes(newReasoning) ? oldText : oldText + \" | \" + newReasoning;\n }\n else {\n merged = newReasoning;\n }\n }\n await sqlite.execute({ sql: `INSERT OR REPLACE INTO reasoning (ticker, reasoning, updated_at) VALUES (?, ?, datetime('now'))`, args: [ticker, merged] });\n return Response.json({ success: true, ticker, reasoning: merged });\n}\n// ── Positions API ───────────────────────────────────────────────────\nasync function getPositions() {\n const result = await sqlite.execute(\"SELECT * FROM real_positions ORDER BY account, ticker\");\n return Response.json(result.rows);\n}\nasync function updatePositions(req) {\n const body = await req.json();\n const account = String(body.account || \"BFF\").toUpperCase();\n if (account !== \"BFF\")\n return Response.json({ error: \"only the BFF lane is active\" }, { status: 400 });\n if (!Array.isArray(body.positions) || !body.positions.length)\n return Response.json({ error: \"positions must be a non-empty replacement array\" }, { status: 400 });\n const positions = body.positions.map(p => ({\n ticker: String(p.ticker || \"\").toUpperCase(),\n qty: Number(p.qty),\n avg_price: Number(p.avg_price),\n }));\n const tickers = positions.map(p => p.ticker);\n const valid = positions.every(p => p.ticker && Number.isFinite(p.qty) && p.qty > 0 && Number.isFinite(p.avg_price) && p.avg_price > 0);\n if (!valid || new Set(tickers).size !== tickers.length || !tickers.includes(\"$\" + \"$\" + \"$\"))\n return Response.json({ error: \"positions contain invalid or duplicate rows, or omit the cash row\" }, { status: 400 });\n await sqlite.execute({ sql: \"DELETE FROM real_positions WHERE account = ?\", args: [account] });\n for (const p of positions) {\n await sqlite.execute({\n sql: \"INSERT INTO real_positions (account, ticker, qty, avg_price) VALUES (?, ?, ?, ?)\",\n args: [account, p.ticker, p.qty, p.avg_price],\n });\n }\n return Response.json({ success: true, account, count: positions.length });\n}\n// ── Watchlist API ───────────────────────────────────────────────────\nasync function getWatchlist() {\n const result = await sqlite.execute(\"SELECT * FROM watchlist ORDER BY added_date DESC\");\n return Response.json(result.rows);\n}\nasync function addToWatchlist(req) {\n const body = await req.json();\n await sqlite.execute({ sql: \"INSERT OR REPLACE INTO watchlist (ticker, reasoning, added_date) VALUES (?, ?, datetime('now'))\", args: [body.ticker.toUpperCase(), body.reasoning || \"\"] });\n return Response.json({ success: true });\n}\nasync function removeFromWatchlist(path) {\n const ticker = path.split(\"/\").pop();\n await sqlite.execute({ sql: \"DELETE FROM watchlist WHERE ticker = ?\", args: [ticker] });\n return Response.json({ success: true });\n}\n// ── Thesis API ──────────────────────────────────────────────────────\nasync function getThesis() {\n const result = await sqlite.execute(\"SELECT * FROM market_thesis WHERE id = 1\");\n return Response.json(result.rows[0] || { thesis: \"\" });\n}\nasync function updateThesis(req) {\n const body = await req.json();\n const thesis = typeof body.thesis === \"string\" ? body.thesis.trim() : \"\";\n if (!thesis)\n return Response.json({ error: \"thesis must be a non-empty string\" }, { status: 400 });\n const lines = thesis.split(/\\n+/).map(s => s.trim()).filter(Boolean);\n if (lines.length < 3 || lines.length > 5)\n return Response.json({ error: \"thesis must contain 3-5 newline-delimited bullets\" }, { status: 400 });\n await sqlite.execute({ sql: `INSERT OR REPLACE INTO market_thesis (id, thesis, updated_at) VALUES (1, ?, datetime('now'))`, args: [thesis] });\n return Response.json({ success: true, lines: lines.length });\n}\n// ── Longform Theses API ─────────────────────────────────────────────\nasync function getTheses() {\n const result = await sqlite.execute(\"SELECT ticker, longform, updated_at FROM theses ORDER BY ticker\");\n return Response.json(result.rows);\n}\nasync function getThesisByTicker(path) {\n const ticker = path.split(\"/\").pop();\n const result = await sqlite.execute({ sql: \"SELECT ticker, longform, updated_at FROM theses WHERE ticker = ?\", args: [ticker] });\n if (!result.rows.length)\n return Response.json({ ticker, longform: \"\", found: false });\n return Response.json(result.rows[0]);\n}\nasync function upsertThesis(req) {\n const body = await req.json();\n await sqlite.execute({ sql: `INSERT OR REPLACE INTO theses (ticker, longform, updated_at) VALUES (?, ?, datetime('now'))`, args: [body.ticker.toUpperCase(), body.longform] });\n return Response.json({ success: true });\n}\n// ── Philosophy API ──────────────────────────────────────────────────\nasync function getPhilosophy() {\n const result = await sqlite.execute(\"SELECT * FROM philosophy WHERE id = 1\");\n return Response.json(result.rows[0] || { longform: \"\" });\n}\nasync function updatePhilosophy(req) {\n const body = await req.json();\n await sqlite.execute({ sql: `INSERT OR REPLACE INTO philosophy (id, longform, updated_at) VALUES (1, ?, datetime('now'))`, args: [body.longform] });\n return Response.json({ success: true });\n}\n// ── Snapshots API ───────────────────────────────────────────────\nasync function getSnapshots() {\n const result = await sqlite.execute(\"SELECT id, date, bff_pnl_pct, created_at FROM portfolio_snapshots ORDER BY date ASC\");\n return Response.json(result.rows.map(r => ({ id: Number(r.id), date: r.date, bff_pnl_pct: Number(r.bff_pnl_pct), created_at: r.created_at })));\n}\nasync function createSnapshot(req) {\n const body = await req.json();\n const date = body.date || new Date().toISOString().split(\"T\")[0];\n const pnl = Number(body.bff_pnl_pct);\n if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(date) || !Number.isFinite(pnl))\n return Response.json({ error: \"snapshot requires YYYY-MM-DD date and finite bff_pnl_pct\" }, { status: 400 });\n await sqlite.execute({ sql: \"INSERT OR REPLACE INTO portfolio_snapshots (date, paper_pnl_pct, bff_pnl_pct) VALUES (?, 0, ?)\", args: [date, pnl] });\n return Response.json({ success: true, date, bff_pnl_pct: pnl });\n}\n// ── Prices API (from DB, updated by cron) ──────────────────────\nasync function getPrices(req) {\n const result = await sqlite.execute(\"SELECT ticker, price FROM current_prices\");\n const prices = {};\n result.rows.forEach(r => { prices[r.ticker] = Number(r.price); });\n return Response.json(prices);\n}\nasync function updatePrices(req) {\n const body = await req.json();\n const source = body.prices || body;\n if (!source || typeof source !== \"object\" || Array.isArray(source))\n return Response.json({ error: \"prices must be an object\" }, { status: 400 });\n const prices = {};\n for (const [ticker, rawPrice] of Object.entries(source)) {\n if (ticker === \"replace\") continue;\n const key = ticker.toUpperCase();\n const price = Number(rawPrice);\n if (!key || !Number.isFinite(price) || price <= 0)\n return Response.json({ error: `invalid price for ${key || \"ticker\"}` }, { status: 400 });\n prices[key] = price;\n }\n const keep = Object.keys(prices).sort();\n if (!keep.length)\n return Response.json({ error: \"price replacement cannot be empty\" }, { status: 400 });\n if (body.replace === true) {\n const positionRows = await sqlite.execute(\"SELECT ticker FROM real_positions WHERE account = 'BFF' ORDER BY ticker\");\n const positionTickers = positionRows.rows.map(r => String(r.ticker)).sort();\n if (JSON.stringify(keep) !== JSON.stringify(positionTickers))\n return Response.json({ error: \"replacement price tickers must exactly match BFF position tickers\" }, { status: 400 });\n const existing = await sqlite.execute(`SELECT ticker FROM current_prices`);\n for (const row of existing.rows) {\n if (!keep.includes(row.ticker))\n await sqlite.execute({ sql: `DELETE FROM current_prices WHERE ticker = ?`, args: [row.ticker] });\n }\n }\n for (const [ticker, price] of Object.entries(prices)) {\n await sqlite.execute({\n sql: \"INSERT OR REPLACE INTO current_prices (ticker, price, updated_at) VALUES (?, ?, datetime('now'))\", args: [ticker, price]\n });\n }\n return Response.json({ success: true, count: keep.length });\n}\nasync function getDashboardStatus() {\n const positions = await sqlite.execute(\"SELECT ticker, created_at FROM real_positions WHERE account = 'BFF' ORDER BY ticker\");\n const foreignAccounts = await sqlite.execute(\"SELECT DISTINCT account FROM real_positions WHERE account != 'BFF' ORDER BY account\");\n const prices = await sqlite.execute(\"SELECT ticker, updated_at FROM current_prices ORDER BY ticker\");\n const thesis = await sqlite.execute(\"SELECT LENGTH(thesis) AS chars, updated_at FROM market_thesis WHERE id = 1\");\n const snapshots = await sqlite.execute(\"SELECT COUNT(*) AS count, MAX(date) AS latest_date, MAX(created_at) AS updated_at FROM portfolio_snapshots\");\n const paperTable = await sqlite.execute(\"SELECT COUNT(*) AS count FROM sqlite_master WHERE type = 'table' AND name = 'trades'\");\n const positionTickers = positions.rows.map(r => String(r.ticker));\n const priceTickers = prices.rows.map(r => String(r.ticker));\n const missingPrices = positionTickers.filter(t => !priceTickers.includes(t));\n const extraPrices = priceTickers.filter(t => !positionTickers.includes(t));\n const thesisRow = thesis.rows[0] || {};\n const snapshotRow = snapshots.rows[0] || {};\n return Response.json({\n schema: \"b21-dashboard/status/v1\",\n active_lane: \"BFF\",\n positions: {\n count: positionTickers.length,\n tickers: positionTickers,\n updated_at: positions.rows.reduce((latest, r) => !latest || String(r.created_at) > latest ? String(r.created_at) : latest, \"\"),\n },\n prices: {\n count: priceTickers.length,\n tickers: priceTickers,\n updated_at: prices.rows.reduce((latest, r) => !latest || String(r.updated_at) > latest ? String(r.updated_at) : latest, \"\"),\n missing_for_positions: missingPrices,\n extra_without_positions: extraPrices,\n },\n thesis: {\n chars: Number(thesisRow.chars || 0),\n updated_at: thesisRow.updated_at || null,\n },\n snapshots: {\n count: Number(snapshotRow.count || 0),\n latest_date: snapshotRow.latest_date || null,\n updated_at: snapshotRow.updated_at || null,\n },\n retired_lane_residue: {\n paper_table_present: Number((paperTable.rows[0] || {}).count || 0) > 0,\n foreign_position_accounts: foreignAccounts.rows.map(r => String(r.account)),\n paper_routes_present: false,\n },\n });\n}\n// ── Dashboard HTML ──────────────────────────────────────────────────\nfunction getDashboardHTML() {\n const jsCode = `(function(){\n var ds=document.getElementById('ds');\n var sgTop=document.getElementById('sunglare-top');\n var sgBot=document.getElementById('sunglare-bottom');\n var clouds=document.querySelectorAll('.cloud');\n document.addEventListener('mousemove',function(e){\n if(ds){var r=ds.getBoundingClientRect();var cx=r.left+r.width/2;var cy=r.top+r.height/2;var dx=(e.clientX-cx)/(r.width/2);var dy=(e.clientY-cy)/(r.height/2);ds.style.transform='rotateY('+(dx*4)+'deg) rotateX('+(-dy*4)+'deg)';}\n [sgTop,sgBot].forEach(function(s){if(s){var p=s.parentElement.getBoundingClientRect();s.style.setProperty('--mx',((e.clientX-p.left)/p.width)*100+'%');s.style.setProperty('--my',((e.clientY-p.top)/p.height)*100+'%');}});\n var mx=(e.clientX/window.innerWidth-0.5)*2;var my=(e.clientY/window.innerHeight-0.5)*2;\n clouds.forEach(function(c,i){var d=(i+1)*8;c.style.transform='translate('+(-mx*d)+'px,'+(-my*d)+'px)';});\n });\n })();\n (function(){\n var bffP=[];\n var prices={};var lfT={};\n function fp2(v){return(v>=0?'+':'')+v.toFixed(2)+'%'}\n function gp(t,e){return prices[t]||e}\n function fmtQty(q){if(q===Math.floor(q))return q.toFixed(0);return q<1?q.toFixed(4):q.toFixed(2)}\n function fetchPrices(){return fetch('/api/prices').then(function(r){return r.json()}).then(function(d){prices=d||{}}).catch(function(){})}\n function flt(){return fetch('/api/theses').then(function(r){return r.json()}).then(function(d){if(Array.isArray(d))d.forEach(function(t){lfT[t.ticker]=t.longform})}).catch(function(){})}\n function fph(){return fetch('/api/philosophy').then(function(r){return r.json()}).then(function(d){if(d&&d.longform){var b=document.getElementById('phil-box');var ss=d.longform.split('\\\\n\\\\n');var h='';ss.forEach(function(s){var ci=s.indexOf(':');if(ci>0&&ci<80){h+='

'+s.substring(0,ci)+':

'+s.substring(ci+1).trim()+'

'}else{h+='

'+s+'

'}});b.innerHTML=h}}).catch(function(){})}\n function ft(){return fetch('/api/thesis').then(function(r){return r.json()}).then(function(d){if(d&&d.thesis){var items=d.thesis.split(/\\\\n+/).filter(function(s){return s.trim()});var u='

'+clean+'

';document.getElementById('thesis-box').innerHTML=u}}).catch(function(){})}\n function fetchBffPositions(){return fetch('/api/positions').then(function(r){return r.json()}).then(function(rows){bffP=rows.filter(function(r){return r.account==='BFF'}).map(function(r){return{t:r.ticker,q:Number(r.qty)||0,e:Number(r.avg_price)||0,s:'BFF'}})}).catch(function(){bffP=[]})}\n function bp(){\n var h='';var bBase=0;var bct=0;\n for(var i=0;i0?(p.q*p.e)/bBase*100:0;var pp=(cp-p.e)/p.e*100;var pc=pp>=0?'pnl-pos':'pnl-neg';h+=''+p.t+''+p.s+''+fmtQty(p.q)+' @ '+p.e.toFixed(2)+''+w.toFixed(1)+'%'+fp2(pp)+'';}\n }\n document.getElementById('port-body').innerHTML=h||'no positions';\n var bpn=bBase>0?((bct-bBase)/bBase*100):0;\n document.getElementById('sum-bff').textContent='BFF LIVE '+fp2(bpn);\n }\n function lc(){fetch('/api/snapshots').then(function(r){return r.json()}).then(function(ss){if(!ss.length)ss=[{date:'2026-07-16',bff_pnl_pct:0}];var labels=ss.map(function(s){return s.date});var bd=ss.map(function(s){return s.bff_pnl_pct});var ctx=document.getElementById('perf-chart').getContext('2d');new Chart(ctx,{type:'line',data:{labels:labels,datasets:[{label:'BFF live',data:bd,borderColor:'#cc6600',backgroundColor:'rgba(204,102,0,0.1)',borderWidth:2,tension:0.3,fill:false,pointRadius:3,pointBackgroundColor:'#cc6600'}]},options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false},tooltip:{backgroundColor:'#9a9a82',titleColor:'#2a2a2a',bodyColor:'#444',borderColor:'#666',borderWidth:1}},scales:{x:{ticks:{color:'#555',font:{family:\"'Press Start 2P',monospace\",size:5},maxRotation:45},grid:{color:'rgba(154,154,130,0.5)'}},y:{ticks:{color:'#555',font:{family:\"'Press Start 2P',monospace\",size:5},callback:function(v){return v+'%'}},grid:{color:'rgba(154,154,130,0.5)'}}}}})}).catch(function(e){console.error('Chart error:',e)})}\n Promise.all([fetchBffPositions(),fetchPrices(),flt(),fph(),ft()]).then(bp);\n lc();\n })();`;\n return `\n\n\n\n\nB21 DASHBOARD\n\n