\n {tab === \"dash\" && (\n

\n \n {ticker ? (\n

\n \n \n \n \n \n \n

\n ) :

}\n \n\n \n {book ? (\n

BIDS

\n {(book.bids || []).slice(0, 3).map((b: any, i: number) => (\n

\n {fmtPrice(parseFloat(b.price))}\n {parseFloat(b.amount).toFixed(4)}\n

\n ))}\n

ASKS

\n {(book.asks || []).slice(0, 3).map((a: any, i: number) => (\n

\n {fmtPrice(parseFloat(a.price))}\n {parseFloat(a.amount).toFixed(4)}\n

\n ))}\n

\n ) :

—

}\n \n\n \n

\n {!running\n ? \n : \n }\n \n \n \n

\n \n\n {balances.length > 0 && (\n \n {balances.map((b: any, i: number) => (\n

\n {b.currency}\n {parseFloat(b.available).toFixed(6)}\n

\n ))}\n \n )}\n

\n\n

\n \n {last ? (\n

\n \n \n \n \n \n \n \n \n

\n ) :

No cycles yet

}\n \n\n \n

\n {cycles.length === 0 ?

—

: (\n [...cycles].reverse().slice(0, 20).map((c: any, i: number) => (\n

\n {c.timestamp ? fmtTime(c.timestamp) : \"—\"}\n B:{fmtPrice(c.bidPrice)}\n A:{fmtPrice(c.askPrice)}\n s:{c.spread?.toFixed(2)}\n

\n ))\n )}\n

\n \n\n \n

\n {logs.length === 0 ?

—

: (\n logs.map((l: any, i: number) => (\n

\n {fmtTime(l.timestamp)}\n {l.message}\n

\n ))\n )}\n

\n \n

\n )}\n\n {tab === \"config\" && (\n

\n \n setCfg({ ...cfg, apiKey: v })} />\n setCfg({ ...cfg, apiSecret: v })} />\n

\n Sandbox\n

\n setCfg({ ...cfg, sandbox: e.target.checked })} />\n \n {cfg.sandbox ? \"SANDBOX\" : \"PRODUCTION\"}\n \n

\n \n \n

\n Symbol\n \n

\n setCfg({ ...cfg, orderSize: v })} />\n setCfg({ ...cfg, spreadBps: Number(v) })} />\n setCfg({ ...cfg, maxInventory: Number(v) })} />\n setCfg({ ...cfg, inventorySkewFactor: Number(v) })} />\n setCfg({ ...cfg, cycleIntervalSec: Number(v) })} />\n \n \n {running && (\n

\n Engine running — stop before changing params.\n

\n )}\n

\n )}\n\n {tab === \"logs\" && (\n \n

\n {logs.length === 0 ?

—

: (\n logs.map((l: any, i: number) => (\n

\n {fmtTime(l.timestamp)}\n {l.message}\n

\n ))\n )}\n

\n \n )}\n