@spfunctions/cli 1.4.4 → 1.5.0

package/dist/tui/widgets/liquidity.js

@@ -0,0 +1,142 @@
+"use strict";
+/**
+ * Liquidity view — full-screen market liquidity scanner
+ *
+ * Shows markets grouped by topic and horizon with bid/ask/spread/depth info.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderLiquidity = renderLiquidity;
+const border_js_1 = require("../border.js");
+const topics_js_1 = require("../../topics.js");
+const TAB_BG_ACTIVE = (0, border_js_1.bgRgb)(30, 30, 35);
+const TAB_BG = (0, border_js_1.bgRgb)(16, 16, 18);
+function renderLiquidity(screen, region, state) {
+    (0, border_js_1.drawBorder)(screen, region, 'LIQUIDITY SCANNER');
+    const x = region.col + 2;
+    const w = region.width - 4;
+    let line = 1;
+    // ── Topic tabs ──
+    const topics = Object.keys(topics_js_1.TOPIC_SERIES);
+    let tabCol = x;
+    for (const topic of topics) {
+        const isActive = topic === state.liquidityTopic;
+        const label = ` ${topic.toUpperCase()} `;
+        const fg = isActive ? border_js_1.CLR.emerald : border_js_1.CLR.dim;
+        const bg = isActive ? TAB_BG_ACTIVE : TAB_BG;
+        screen.write(region.row + line, tabCol, label, fg, bg);
+        tabCol += label.length + 1;
+    }
+    line += 2;
+    // ── Header ──
+    const tickerW = Math.min(28, Math.floor(w * 0.35));
+    const colW = 8;
+    screen.writeStyled(region.row + line, x, [
+        { text: (0, border_js_1.fit)('Market', tickerW), fg: border_js_1.CLR.title },
+        { text: (0, border_js_1.fit)('Bid\u00A2', colW, 'right'), fg: border_js_1.CLR.title },
+        { text: (0, border_js_1.fit)('Ask\u00A2', colW, 'right'), fg: border_js_1.CLR.title },
+        { text: (0, border_js_1.fit)('Spread', colW, 'right'), fg: border_js_1.CLR.title },
+        { text: (0, border_js_1.fit)('Depth', colW, 'right'), fg: border_js_1.CLR.title },
+        { text: '  ', fg: border_js_1.CLR.dim },
+    ]);
+    line++;
+    // Thin divider
+    for (let c = x; c < x + w; c++) {
+        screen.write(region.row + line, c, '─', border_js_1.CLR.borderDim);
+    }
+    line++;
+    // ── Market rows ──
+    const markets = state.liquidityData.get(state.liquidityTopic) || [];
+    const heldTickers = new Set(state.positions.map(p => p.ticker_symbol || p.ticker));
+    const maxRows = region.height - line - 3; // reserve space for detail
+    // Group by horizon (extract from ticker patterns)
+    const groups = groupByHorizon(markets);
+    let itemIndex = 0;
+    for (const [horizon, items] of groups) {
+        if (line >= region.row + region.height - 4)
+            break;
+        // Horizon header
+        screen.write(region.row + line, x, ` ${horizon}`, border_js_1.CLR.title);
+        line++;
+        for (const mkt of items) {
+            if (line >= region.row + region.height - 4)
+                break;
+            const selected = state.liquiditySelectedIndex === itemIndex;
+            const marker = selected ? '\u25B8' : ' ';
+            const held = heldTickers.has(mkt.ticker) ? '\u2190 held' : '';
+            const ticker = mkt.ticker || '???';
+            const bid = mkt.bestBid ?? mkt.yes_bid ?? 0;
+            const ask = mkt.bestAsk ?? mkt.yes_ask ?? 0;
+            const spread = mkt.spread ?? (ask - bid);
+            const depth = mkt.totalDepth ?? mkt.depth ?? 0;
+            const spreadColor = spread <= 2 ? border_js_1.CLR.green : spread <= 5 ? border_js_1.CLR.yellow : border_js_1.CLR.red;
+            screen.writeStyled(region.row + line, x, [
+                { text: marker + ' ', fg: selected ? border_js_1.CLR.emerald : border_js_1.CLR.dim },
+                { text: (0, border_js_1.fit)(ticker, tickerW - 2), fg: border_js_1.CLR.text },
+                { text: (0, border_js_1.fit)(String(bid), colW, 'right'), fg: border_js_1.CLR.green },
+                { text: (0, border_js_1.fit)(String(ask), colW, 'right'), fg: border_js_1.CLR.red },
+                { text: (0, border_js_1.fit)(String(spread), colW, 'right'), fg: spreadColor },
+                { text: (0, border_js_1.fit)(String(depth), colW, 'right'), fg: border_js_1.CLR.dim },
+                { text: held ? `  ${held}` : '', fg: border_js_1.CLR.emerald },
+            ]);
+            line++;
+            itemIndex++;
+        }
+    }
+    // ── Selected market detail (bottom) ──
+    if (markets.length > 0) {
+        const selIdx = Math.min(state.liquiditySelectedIndex, markets.length - 1);
+        const allItems = Array.from(groups.values()).flat();
+        const sel = allItems[selIdx] || allItems[0];
+        if (sel) {
+            const detailRow = region.row + region.height - 3;
+            screen.write(detailRow, x, (0, border_js_1.fit)(`\u25B6 ${sel.ticker || ''}`, w), border_js_1.CLR.emerald);
+            // Slippage and edge info
+            const slippage = sel.slippage != null ? `Slippage: ~${sel.slippage}\u00A2` : '';
+            const edge = sel.edge != null ? `Edge: ${sel.edge >= 0 ? '+' : ''}${sel.edge}\u00A2` : '';
+            screen.writeStyled(detailRow + 1, x, [
+                { text: slippage ? (0, border_js_1.fit)(slippage, 20) : '', fg: border_js_1.CLR.dim },
+                { text: edge ? (0, border_js_1.fit)(edge, 20) : '', fg: sel.edge >= 0 ? border_js_1.CLR.green : border_js_1.CLR.red },
+            ]);
+        }
+    }
+}
+function groupByHorizon(markets) {
+    const groups = new Map();
+    for (const mkt of markets) {
+        const ticker = (mkt.ticker || '').toUpperCase();
+        let horizon = 'Other';
+        if (ticker.includes('-D') || ticker.includes('DAILY')) {
+            horizon = 'Daily';
+        }
+        else if (ticker.includes('-W') || ticker.includes('WEEKLY')) {
+            horizon = 'Weekly';
+        }
+        else if (ticker.includes('-M') || ticker.match(/-\d{2}(JAN|FEB|MAR|APR|MAY|JUN|JUL|AUG|SEP|OCT|NOV|DEC)\d{2}/)) {
+            horizon = 'Monthly';
+        }
+        else {
+            // Try to guess from expiry
+            const expiry = mkt.expiration_time || mkt.close_time || '';
+            if (expiry) {
+                const daysOut = Math.ceil((new Date(expiry).getTime() - Date.now()) / 86400000);
+                if (daysOut <= 7)
+                    horizon = 'Weekly';
+                else if (daysOut <= 35)
+                    horizon = 'Monthly';
+                else
+                    horizon = 'Long-term';
+            }
+        }
+        if (!groups.has(horizon))
+            groups.set(horizon, []);
+        groups.get(horizon).push(mkt);
+    }
+    // Sort groups by time horizon
+    const order = ['Daily', 'Weekly', 'Monthly', 'Long-term', 'Other'];
+    const sorted = new Map();
+    for (const h of order) {
+        if (groups.has(h))
+            sorted.set(h, groups.get(h));
+    }
+    return sorted;
+}

package/dist/tui/widgets/orders.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenBuffer } from '../screen.js';
+import type { Region } from '../layout.js';
+import type { DashboardState } from '../state.js';
+export declare function renderOrders(screen: ScreenBuffer, region: Region, state: DashboardState): void;

package/dist/tui/widgets/orders.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderOrders = renderOrders;
+const border_js_1 = require("../border.js");
+function renderOrders(screen, region, state) {
+    (0, border_js_1.drawBorder)(screen, region, 'ORDERS');
+    const x = region.col + 2;
+    const w = region.width - 4;
+    const maxRows = region.height - 2;
+    if (state.orders.length === 0) {
+        screen.write(region.row + 1, x, 'No resting orders', border_js_1.CLR.dim);
+        return;
+    }
+    for (let i = 0; i < Math.min(state.orders.length, maxRows); i++) {
+        const order = state.orders[i];
+        const y = region.row + 1 + i;
+        const ticker = (order.ticker || '???').slice(0, 10);
+        const qty = Math.round(parseFloat(order.remaining_count_fp || order.initial_count_fp || '0'));
+        const priceDollars = parseFloat(order.yes_price_dollars || '0');
+        const priceCents = Math.round(priceDollars * 100);
+        const status = order.status || 'resting';
+        const qtyPrice = `${qty}@${priceCents}¢`;
+        // Age in days
+        const created = new Date(order.created_time || Date.now()).getTime();
+        const ageDays = Math.floor((Date.now() - created) / 86400000);
+        const ageStr = ageDays === 0 ? '<1d' : `${ageDays}d`;
+        const stale = ageDays > 3;
+        const warn = stale ? '⚠ ' : '  ';
+        screen.writeStyled(y, x, [
+            { text: warn, fg: stale ? border_js_1.CLR.yellow : border_js_1.CLR.dim },
+            { text: (0, border_js_1.fit)(ticker, 12), fg: border_js_1.CLR.text },
+            { text: (0, border_js_1.fit)(qtyPrice, 10), fg: border_js_1.CLR.dim },
+            { text: (0, border_js_1.fit)(status, 10), fg: status === 'filled' ? border_js_1.CLR.green : border_js_1.CLR.dim },
+            { text: (0, border_js_1.fit)(ageStr, 4, 'right'), fg: stale ? border_js_1.CLR.yellow : border_js_1.CLR.dim },
+        ]);
+    }
+}

package/dist/tui/widgets/portfolio.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenBuffer } from '../screen.js';
+import type { Region } from '../layout.js';
+import type { DashboardState } from '../state.js';
+export declare function renderPortfolio(screen: ScreenBuffer, region: Region, state: DashboardState): void;

package/dist/tui/widgets/portfolio.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderPortfolio = renderPortfolio;
+const border_js_1 = require("../border.js");
+function renderPortfolio(screen, region, state) {
+    (0, border_js_1.drawBorder)(screen, region, 'POSITIONS');
+    const x = region.col + 2;
+    const w = region.width - 4;
+    const maxRows = region.height - 2;
+    let line = 0;
+    if (state.positions.length === 0) {
+        screen.write(region.row + 1, x, 'No positions', border_js_1.CLR.dim);
+        return;
+    }
+    // Sort positions by |P&L| descending
+    const sorted = [...state.positions].sort((a, b) => {
+        const pnlA = Math.abs(((a.current_value || a.average_price_paid || 0) - (a.average_price_paid || 0)) * (a.quantity || 0));
+        const pnlB = Math.abs(((b.current_value || b.average_price_paid || 0) - (b.average_price_paid || 0)) * (b.quantity || 0));
+        return pnlB - pnlA;
+    });
+    for (const pos of sorted) {
+        if (line + 1 >= maxRows)
+            break;
+        const y = region.row + 1 + line;
+        const idx = sorted.indexOf(pos);
+        const selected = state.focusArea === 'positions' && state.selectedIndex === idx;
+        const marker = selected ? '▸' : ' ';
+        const ticker = pos.ticker || '???';
+        const venueTag = pos.venue === 'polymarket' ? 'P ' : 'K ';
+        // Line 1: marker + venue + ticker
+        screen.write(y, x, (0, border_js_1.fit)(`${marker}${venueTag}${ticker}`, w), selected ? border_js_1.CLR.white : border_js_1.CLR.text);
+        // Line 2: qty @ entry → current  P&L  sparkline
+        if (line + 1 < maxRows) {
+            const qty = pos.quantity ?? 0;
+            const entry = pos.average_price_paid ?? 0; // cents
+            const current = pos.current_value ?? entry; // cents
+            const pnlCents = (current - entry) * qty; // always compute fresh
+            const pnlDollars = pnlCents / 100;
+            const pnlStr = (pnlDollars >= 0 ? '+$' : '-$') + Math.abs(pnlDollars).toFixed(2);
+            const pnlColor = pnlDollars >= 0 ? border_js_1.CLR.green : border_js_1.CLR.red;
+            const detail = `  ${qty} @ ${entry}¢ → ${current}¢  `;
+            const segments = [
+                { text: (0, border_js_1.fit)(detail, Math.min(detail.length + 1, w - 18)), fg: border_js_1.CLR.dim },
+                { text: (0, border_js_1.fit)(pnlStr, 10), fg: pnlColor },
+            ];
+            // Sparkline from candle cache
+            const candles = state.candleCache.get(ticker);
+            if (candles && candles.length > 1) {
+                const pnlVals = candles.slice(-7).map((c) => {
+                    const close = c.close ?? 0;
+                    return (close - entry) * qty;
+                });
+                segments.push(...(0, border_js_1.sparkline)(pnlVals, v => v >= 0 ? border_js_1.CLR.green : border_js_1.CLR.red));
+            }
+            screen.writeStyled(y + 1, x, segments);
+        }
+        line += 2;
+    }
+}

package/dist/tui/widgets/signals.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenBuffer } from '../screen.js';
+import type { Region } from '../layout.js';
+import type { DashboardState } from '../state.js';
+export declare function renderSignals(screen: ScreenBuffer, region: Region, state: DashboardState): void;

package/dist/tui/widgets/signals.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderSignals = renderSignals;
+const border_js_1 = require("../border.js");
+function renderSignals(screen, region, state) {
+    (0, border_js_1.drawBorder)(screen, region, 'SIGNALS');
+    const x = region.col + 2;
+    const w = region.width - 4;
+    const maxRows = region.height - 2;
+    // Filter signals with |delta| >= 1%, most recent first
+    const filtered = state.signals
+        .filter((s) => Math.abs(s.delta ?? s.change ?? 0) >= 0.01)
+        .sort((a, b) => {
+        const ta = new Date(a.timestamp || a.time || 0).getTime();
+        const tb = new Date(b.timestamp || b.time || 0).getTime();
+        return tb - ta;
+    });
+    for (let i = 0; i < Math.min(filtered.length, maxRows); i++) {
+        const sig = filtered[i];
+        const y = region.row + 1 + i;
+        const delta = sig.delta ?? sig.change ?? 0;
+        const up = delta >= 0;
+        const arrow = up ? '▲' : '▼';
+        const color = up ? border_js_1.CLR.green : border_js_1.CLR.red;
+        const summary = sig.summary || sig.title || sig.description || '???';
+        screen.writeStyled(y, x, [
+            { text: arrow + ' ', fg: color },
+            { text: (0, border_js_1.fit)(summary, w - 2), fg: border_js_1.CLR.text },
+        ]);
+    }
+}

package/dist/tui/widgets/statusbar.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Status bar — top row of the dashboard
+ *
+ * Shows: P&L (colored) | Cash balance | Active thesis + confidence | UTC time
+ */
+import type { ScreenBuffer } from '../screen.js';
+import type { DashboardState } from '../state.js';
+export declare function renderStatusBar(screen: ScreenBuffer, row: number, state: DashboardState): void;

package/dist/tui/widgets/statusbar.js

@@ -0,0 +1,72 @@
+"use strict";
+/**
+ * Status bar — top row of the dashboard
+ *
+ * Shows: P&L (colored) | Cash balance | Active thesis + confidence | UTC time
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderStatusBar = renderStatusBar;
+const border_js_1 = require("../border.js");
+const STATUS_BG = (0, border_js_1.bgRgb)(22, 22, 26);
+function renderStatusBar(screen, row, state) {
+    const w = screen.cols;
+    // Fill background
+    screen.fill(row, 0, w, 1, ' ', '', STATUS_BG);
+    // Compute total P&L from positions
+    let totalPnl = 0;
+    let totalCost = 0;
+    for (const pos of state.positions) {
+        const entry = pos.average_price_paid ?? pos.cost_basis ?? 0;
+        const current = pos.current_value ?? entry;
+        const qty = pos.quantity ?? 0;
+        totalPnl += (current - entry) * qty;
+        totalCost += entry * qty;
+    }
+    const pnlDollars = totalPnl / 100;
+    const pctReturn = totalCost > 0 ? (totalPnl / totalCost) * 100 : 0;
+    const pnlSign = pnlDollars >= 0 ? '+' : '';
+    const pnlStr = `P&L ${pnlSign}$${Math.abs(pnlDollars).toFixed(2)}`;
+    const pctStr = `(${pnlSign}${pctReturn.toFixed(1)}%)`;
+    const pnlColor = pnlDollars >= 0 ? border_js_1.CLR.green : border_js_1.CLR.red;
+    // Cash balance
+    const cashStr = `Cash $${state.balance.toFixed(2)}`;
+    // Active thesis
+    let thesisStr = '';
+    if (state.theses.length > 0) {
+        const t = state.theses[0];
+        const title = (t.title || t.short_title || 'Thesis').slice(0, 20);
+        const conf = t.confidence != null ? `${Math.round((t.confidence ?? 0) * 100)}%` : '?%';
+        thesisStr = `${title} ${conf}`;
+    }
+    // UTC time
+    const now = new Date();
+    const timeStr = now.toISOString().slice(11, 19) + ' UTC';
+    // Layout: left-aligned items separated by │
+    let col = 1;
+    screen.write(row, col, pnlStr, pnlColor, STATUS_BG);
+    col += pnlStr.length + 1;
+    screen.write(row, col, pctStr, pnlColor, STATUS_BG);
+    col += pctStr.length + 1;
+    screen.write(row, col, '│', border_js_1.CLR.dim, STATUS_BG);
+    col += 2;
+    screen.write(row, col, cashStr, border_js_1.CLR.text, STATUS_BG);
+    col += cashStr.length + 1;
+    if (thesisStr) {
+        screen.write(row, col, '│', border_js_1.CLR.dim, STATUS_BG);
+        col += 2;
+        screen.write(row, col, thesisStr, border_js_1.CLR.title, STATUS_BG);
+        col += thesisStr.length + 1;
+    }
+    // Exchange status
+    if (state.exchangeOpen !== null) {
+        screen.write(row, col, '│', border_js_1.CLR.dim, STATUS_BG);
+        col += 2;
+        const exStr = state.exchangeOpen ? 'OPEN' : 'CLOSED';
+        const exColor = state.exchangeOpen ? border_js_1.CLR.green : border_js_1.CLR.red;
+        screen.write(row, col, exStr, exColor, STATUS_BG);
+        col += exStr.length + 1;
+    }
+    // Time — right-aligned
+    const timeCol = w - timeStr.length - 1;
+    screen.write(row, timeCol, timeStr, border_js_1.CLR.dim, STATUS_BG);
+}

package/dist/tui/widgets/thesis.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenBuffer } from '../screen.js';
+import type { Region } from '../layout.js';
+import type { DashboardState } from '../state.js';
+export declare function renderThesis(screen: ScreenBuffer, region: Region, state: DashboardState): void;

package/dist/tui/widgets/thesis.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderThesis = renderThesis;
+const border_js_1 = require("../border.js");
+function renderThesis(screen, region, state) {
+    (0, border_js_1.drawBorder)(screen, region, 'THESIS');
+    const x = region.col + 2;
+    const w = region.width - 4;
+    const maxRows = region.height - 2;
+    let line = 0;
+    for (const thesis of state.theses) {
+        if (line >= maxRows - 2)
+            break; // reserve 2 lines for summary
+        const y = region.row + 1 + line;
+        const title = thesis.title || thesis.short_title || '???';
+        const confidence = thesis.confidence ?? thesis.current_confidence ?? 0;
+        const confStr = `${Math.round(confidence * 100)}%`;
+        // Trend from lastEvaluation
+        const delta = thesis.lastEvaluation?.confidenceDelta ?? thesis.confidence_delta ?? 0;
+        let arrow, arrowColor, deltaStr;
+        if (delta >= 0.02) {
+            arrow = '▲';
+            arrowColor = border_js_1.CLR.green;
+            deltaStr = `+${Math.round(delta * 100)}`;
+        }
+        else if (delta <= -0.02) {
+            arrow = '▼';
+            arrowColor = border_js_1.CLR.red;
+            deltaStr = `${Math.round(delta * 100)}`;
+        }
+        else {
+            arrow = '─';
+            arrowColor = border_js_1.CLR.dim;
+            deltaStr = delta >= 0 ? `+${Math.round(delta * 100)}` : `${Math.round(delta * 100)}`;
+        }
+        const titleW = w - 10;
+        screen.writeStyled(y, x, [
+            { text: (0, border_js_1.fit)(title, titleW), fg: border_js_1.CLR.text },
+            { text: (0, border_js_1.fit)(confStr, 5, 'right'), fg: border_js_1.CLR.white },
+            { text: ` ${arrow}`, fg: arrowColor },
+            { text: (0, border_js_1.fit)(deltaStr, 3, 'right'), fg: arrowColor },
+        ]);
+        line++;
+    }
+    // Bottom: latest evaluation summary
+    if (state.theses.length > 0 && line < maxRows) {
+        const first = state.theses[0];
+        const ctx = state.contexts.get(first.id || first.thesis_id);
+        const evalSummary = ctx?.lastEvaluation?.summary
+            || first.lastEvaluation?.summary || '';
+        if (evalSummary) {
+            const y = region.row + 1 + maxRows - 1;
+            const evalTime = ctx?.lastEvaluation?.timestamp || first.lastEvaluation?.timestamp;
+            let ago = '';
+            if (evalTime) {
+                const hours = Math.floor((Date.now() - new Date(evalTime).getTime()) / 3600000);
+                ago = hours < 1 ? '<1h ago' : `${hours}h ago`;
+            }
+            const summaryW = w - ago.length - 1;
+            screen.writeStyled(y, x, [
+                { text: (0, border_js_1.fit)(evalSummary, summaryW), fg: border_js_1.CLR.dim },
+                { text: ' ' + ago, fg: border_js_1.CLR.veryDim },
+            ]);
+        }
+    }
+}

package/dist/tui/widgets/trade.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Trade overlay — centered modal for order entry
+ *
+ * Displays ticker, side, bid/ask, quantity/price fields, preview, and countdown.
+ */
+import type { ScreenBuffer } from '../screen.js';
+import type { Region } from '../layout.js';
+import type { DashboardState } from '../state.js';
+export declare function renderTrade(screen: ScreenBuffer, region: Region, state: DashboardState): void;

package/dist/tui/widgets/trade.js

@@ -0,0 +1,117 @@
+"use strict";
+/**
+ * Trade overlay — centered modal for order entry
+ *
+ * Displays ticker, side, bid/ask, quantity/price fields, preview, and countdown.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderTrade = renderTrade;
+const border_js_1 = require("../border.js");
+const OVERLAY_BG = (0, border_js_1.bgRgb)(18, 18, 22);
+const FIELD_BG = (0, border_js_1.bgRgb)(30, 30, 35);
+const ACTIVE_BG = (0, border_js_1.bgRgb)(16, 50, 40);
+function renderTrade(screen, region, state) {
+    if (!state.tradeParams)
+        return;
+    const params = state.tradeParams;
+    // Centered overlay box
+    const boxW = Math.min(50, region.width - 4);
+    const boxH = Math.min(18, region.height - 2);
+    const boxCol = region.col + Math.floor((region.width - boxW) / 2);
+    const boxRow = region.row + Math.floor((region.height - boxH) / 2);
+    const boxRegion = { name: 'trade', row: boxRow, col: boxCol, width: boxW, height: boxH };
+    // Fill overlay background
+    screen.fill(boxRow, boxCol, boxW, boxH, ' ', '', OVERLAY_BG);
+    (0, border_js_1.drawBorder)(screen, boxRegion, 'TRADE');
+    const x = boxCol + 2;
+    const w = boxW - 4;
+    let line = 1;
+    // Ticker and side
+    const sideColor = params.action === 'buy' ? border_js_1.CLR.green : border_js_1.CLR.red;
+    const sideLabel = params.action === 'buy' ? 'BUY' : 'SELL';
+    screen.writeStyled(boxRow + line, x, [
+        { text: sideLabel + ' ', fg: sideColor },
+        { text: params.side.toUpperCase() + ' ', fg: border_js_1.CLR.emerald },
+        { text: params.ticker, fg: border_js_1.CLR.white },
+    ]);
+    line += 2;
+    // Current market
+    // Try to find market price from position data or edges
+    const pos = state.positions.find(p => (p.ticker_symbol || p.ticker) === params.ticker);
+    const bid = pos?.bestBid ?? pos?.current_value ?? 0;
+    const ask = pos?.bestAsk ?? (bid + 2);
+    screen.writeStyled(boxRow + line, x, [
+        { text: 'Bid: ', fg: border_js_1.CLR.dim },
+        { text: `${bid}\u00A2`, fg: border_js_1.CLR.green },
+        { text: '    Ask: ', fg: border_js_1.CLR.dim },
+        { text: `${ask}\u00A2`, fg: border_js_1.CLR.red },
+    ]);
+    line += 2;
+    // Quantity field
+    const qtyActive = state.tradeField === 'qty';
+    const qtyBg = qtyActive ? ACTIVE_BG : FIELD_BG;
+    screen.write(boxRow + line, x, 'Quantity:', border_js_1.CLR.dim, OVERLAY_BG);
+    screen.write(boxRow + line, x + 12, (0, border_js_1.fit)(String(params.qty), 10), qtyActive ? border_js_1.CLR.emerald : border_js_1.CLR.text, qtyBg);
+    if (qtyActive)
+        screen.write(boxRow + line, x + 22, ' \u25C0', border_js_1.CLR.emerald, OVERLAY_BG);
+    line++;
+    // Price field
+    const priceActive = state.tradeField === 'price';
+    const priceBg = priceActive ? ACTIVE_BG : FIELD_BG;
+    screen.write(boxRow + line, x, 'Price (\u00A2):', border_js_1.CLR.dim, OVERLAY_BG);
+    screen.write(boxRow + line, x + 12, (0, border_js_1.fit)(String(params.price), 10), priceActive ? border_js_1.CLR.emerald : border_js_1.CLR.text, priceBg);
+    if (priceActive)
+        screen.write(boxRow + line, x + 22, ' \u25C0', border_js_1.CLR.emerald, OVERLAY_BG);
+    line += 2;
+    // Preview
+    const maxCost = (params.qty * params.price) / 100;
+    const maxPayout = params.qty; // $1 per contract
+    const profit = maxPayout - maxCost;
+    screen.write(boxRow + line, x, 'Preview:', border_js_1.CLR.title, OVERLAY_BG);
+    line++;
+    screen.writeStyled(boxRow + line, x, [
+        { text: `Max cost:   $${maxCost.toFixed(2)}`, fg: border_js_1.CLR.dim },
+    ]);
+    line++;
+    screen.writeStyled(boxRow + line, x, [
+        { text: `Max payout: $${maxPayout.toFixed(2)}`, fg: border_js_1.CLR.dim },
+    ]);
+    line++;
+    screen.writeStyled(boxRow + line, x, [
+        { text: 'Profit:     ', fg: border_js_1.CLR.dim },
+        { text: `$${profit.toFixed(2)}`, fg: profit >= 0 ? border_js_1.CLR.green : border_js_1.CLR.red },
+    ]);
+    line++;
+    // Thesis edge (if available)
+    const edgeInfo = state.edges.find(e => (e.ticker || e.marketId) === params.ticker);
+    if (edgeInfo) {
+        const edge = edgeInfo.edge ?? edgeInfo.value ?? 0;
+        screen.writeStyled(boxRow + line, x, [
+            { text: 'Edge:       ', fg: border_js_1.CLR.dim },
+            { text: `${edge >= 0 ? '+' : ''}${edge}\u00A2`, fg: edge >= 0 ? border_js_1.CLR.green : border_js_1.CLR.red },
+        ]);
+        line++;
+    }
+    // Slippage estimate
+    const slippage = Math.max(0, params.price - bid);
+    if (slippage > 0) {
+        screen.writeStyled(boxRow + line, x, [
+            { text: 'Slippage:   ', fg: border_js_1.CLR.dim },
+            { text: `~${slippage}\u00A2`, fg: border_js_1.CLR.yellow },
+        ]);
+        line++;
+    }
+    line++;
+    // Countdown or action prompt
+    if (state.tradeCountdown > 0) {
+        const countStr = `  Executing in ${state.tradeCountdown}...  `;
+        const countCol = x + Math.floor((w - countStr.length) / 2);
+        screen.write(boxRow + line, countCol, countStr, border_js_1.CLR.yellow, OVERLAY_BG);
+    }
+    else if (state.tradeCountdown === 0) {
+        screen.write(boxRow + line, x + Math.floor((w - 12) / 2), ' EXECUTING ', border_js_1.CLR.white, (0, border_js_1.bgRgb)(16, 120, 80));
+    }
+    else {
+        screen.write(boxRow + line, x + Math.floor((w - 24) / 2), 'Press Enter to confirm', border_js_1.CLR.dim, OVERLAY_BG);
+    }
+}

package/dist/tui/widgets/upcoming.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenBuffer } from '../screen.js';
+import type { Region } from '../layout.js';
+import type { DashboardState } from '../state.js';
+export declare function renderUpcoming(screen: ScreenBuffer, region: Region, state: DashboardState): void;

package/dist/tui/widgets/upcoming.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderUpcoming = renderUpcoming;
+const border_js_1 = require("../border.js");
+function formatTimeDistance(ms) {
+    const hours = ms / 3600000;
+    if (hours < 1)
+        return '<1h';
+    if (hours < 24)
+        return `${Math.round(hours)}h`;
+    const days = Math.round(hours / 24);
+    return `${days}d`;
+}
+function renderUpcoming(screen, region, state) {
+    (0, border_js_1.drawBorder)(screen, region, 'UPCOMING');
+    const x = region.col + 2;
+    const w = region.width - 4;
+    const maxRows = region.height - 2;
+    const heldTickers = new Set(state.positions.map(p => p.ticker_symbol || p.ticker));
+    for (let i = 0; i < Math.min(state.events.length, maxRows); i++) {
+        const ev = state.events[i];
+        const y = region.row + 1 + i;
+        const eventTime = new Date(ev.timestamp || ev.date || ev.time).getTime();
+        const diff = eventTime - Date.now();
+        const dist = formatTimeDistance(Math.abs(diff));
+        const title = ev.title || ev.name || ev.summary || '???';
+        // Check if event affects a held position
+        const affectedTicker = ev.ticker_symbol || ev.ticker || '';
+        const affectsHeld = heldTickers.has(affectedTicker);
+        const isUrgent = affectsHeld && Math.abs(diff) < 86400000; // 24h
+        const warn = isUrgent ? '⚠ ' : '  ';
+        const tickerTag = affectsHeld ? ` [${affectedTicker}]` : '';
+        const titleW = w - 6 - tickerTag.length - warn.length;
+        screen.writeStyled(y, x, [
+            { text: warn, fg: isUrgent ? border_js_1.CLR.yellow : border_js_1.CLR.dim },
+            { text: (0, border_js_1.fit)(dist, 4, 'right'), fg: border_js_1.CLR.dim },
+            { text: ' ' + (0, border_js_1.fit)(title, titleW), fg: border_js_1.CLR.text },
+            { text: tickerTag, fg: border_js_1.CLR.emerald },
+        ]);
+    }
+}

package/dist/tui/widgets/whatif.d.ts

@@ -0,0 +1,7 @@
+/**
+ * What-if view — scenario analysis with BEFORE/AFTER comparison
+ */
+import type { ScreenBuffer } from '../screen.js';
+import type { Region } from '../layout.js';
+import type { DashboardState } from '../state.js';
+export declare function renderWhatif(screen: ScreenBuffer, region: Region, state: DashboardState): void;