hedgequantx 2.6.163 → 2.7.1

package/src/pages/algo/ui.js

@@ -4,12 +4,86 @@
  */
 
 const chalk = require('chalk');
-const fs = require('fs');
-const path = require('path');
-const os = require('os');
 
-const { BOX, SPINNER, LOG_COLORS, LOG_ICONS, stripAnsi, colorizeMessage, center, fitToWidth, buildCell, checkMarketStatus } = require('./ui-constants');
-const { renderSessionSummary, renderMultiSymbolSummary } = require('./ui-summary');
+// Box drawing characters
+const BOX = {
+  TOP: '\u2554', BOT: '\u255A', V: '\u2551', H: '\u2550',
+  TR: '\u2557', BR: '\u255D', ML: '\u2560', MR: '\u2563',
+  TM: '\u2564', BM: '\u2567', MM: '\u256A', VS: '\u2502'
+};
+
+// Spinner characters
+const SPINNER = ['\u280B', '\u2819', '\u2839', '\u2838', '\u283C', '\u2834', '\u2826', '\u2827', '\u2807', '\u280F'];
+
+// Log type colors - HF grade
+const LOG_COLORS = {
+  // Executions
+  fill_buy: chalk.green.bold,
+  fill_sell: chalk.red.bold,
+  fill_win: chalk.green.bold,
+  fill_loss: chalk.red.bold,
+  // Status
+  connected: chalk.green,
+  ready: chalk.cyan,
+  // Errors
+  error: chalk.red.bold,
+  reject: chalk.red,
+  // Info
+  info: chalk.gray,
+  system: chalk.blue
+};
+
+// Log type icons - compact HF style
+const LOG_ICONS = {
+  fill_buy: 'BUY  ',
+  fill_sell: 'SELL ',
+  fill_win: 'WIN  ',
+  fill_loss: 'LOSS ',
+  connected: 'CONN ',
+  ready: 'READY',
+  error: 'ERR  ',
+  reject: 'REJ  ',
+  info: 'INFO ',
+  system: 'SYS  '
+};
+
+/**
+ * Strip ANSI codes from string
+ */
+const stripAnsi = (str) => str.replace(/\x1B\[[0-9;]*m/g, '');
+
+/**
+ * Center text in width
+ */
+const center = (text, width) => {
+  const pad = Math.floor((width - text.length) / 2);
+  return ' '.repeat(pad) + text + ' '.repeat(width - pad - text.length);
+};
+
+/**
+ * Fit text to exact width (truncate or pad)
+ */
+const fitToWidth = (text, width) => {
+  const plain = stripAnsi(text);
+  if (plain.length > width) {
+    let count = 0, cut = 0;
+    for (let i = 0; i < text.length && count < width - 3; i++) {
+      if (text[i] === '\x1B') { while (i < text.length && text[i] !== 'm') i++; }
+      else { count++; cut = i + 1; }
+    }
+    return text.substring(0, cut) + '...';
+  }
+  return text + ' '.repeat(width - plain.length);
+};
+
+/**
+ * Build a labeled cell for grid
+ */
+const buildCell = (label, value, color, width) => {
+  const text = ` ${label}: ${color(value)}`;
+  const plain = ` ${label}: ${value}`;
+  return { text, plain, padded: text + ' '.repeat(Math.max(0, width - plain.length)) };
+};
 
 /**
  * Create AlgoUI renderer
@@ -17,198 +91,226 @@ const { renderSessionSummary, renderMultiSymbolSummary } = require('./ui-summary
 class AlgoUI {
   constructor(config) {
     this.config = config;
-    this.W = 96;
+    this.W = 96; // Fixed width
     this.logs = [];
-    this.maxLogs = 40;
+    this.maxLogs = 45; // Max visible logs
     this.spinnerFrame = 0;
     this.firstDraw = true;
     this.isDrawing = false;
-    this.lines = [];
-    this.lastOutput = '';
-    this.lastStatsHash = '';
-    this.lastLogsHash = '';
-    this.lastSpinnerUpdate = 0;
-    this.logFile = null;
-    this.logStream = null;
-    this._initLogFile();
-  }
-  
-  _initLogFile() {
-    try {
-      const logsDir = path.join(os.homedir(), '.hqx', 'logs');
-      if (!fs.existsSync(logsDir)) {
-        fs.mkdirSync(logsDir, { recursive: true });
-      }
-      const now = new Date();
-      const dateStr = now.toISOString().split('T')[0];
-      const timeStr = now.toTimeString().split(' ')[0].replace(/:/g, '-');
-      const mode = this.config.mode || 'algo';
-      this.logFile = path.join(logsDir, `session_${mode}_${dateStr}_${timeStr}.log`);
-      this.logStream = fs.createWriteStream(this.logFile, { flags: 'a' });
-      this.logStream.write(`\n${'='.repeat(80)}\n`);
-      this.logStream.write(`HQX ALGO SESSION LOG\n`);
-      this.logStream.write(`Mode: ${this.config.mode || 'unknown'}\n`);
-      this.logStream.write(`Started: ${now.toISOString()}\n`);
-      this.logStream.write(`${'='.repeat(80)}\n\n`);
-    } catch (e) {
-      this.logStream = null;
-    }
+    this.buffer = '';
   }
 
   addLog(type, message) {
     const timestamp = new Date().toLocaleTimeString();
     this.logs.push({ timestamp, type, message });
     if (this.logs.length > this.maxLogs) this.logs.shift();
-    if (this.logStream) {
-      const isoTime = new Date().toISOString();
-      const logLine = `[${isoTime}] [${type.toUpperCase().padEnd(8)}] ${message}\n`;
-      this.logStream.write(logLine);
-    }
   }
 
-  _line(text) { this.lines.push(text); }
+  _line(text) {
+    this.buffer += text + '\x1B[K\n';
+  }
 
   _drawHeader() {
     const { W } = this;
     const version = require('../../../package.json').version;
+    
+    // Top border
     this._line(chalk.cyan(BOX.TOP + BOX.H.repeat(W) + BOX.TR));
+    
+    // Logo (compact)
     this._line(chalk.cyan(BOX.V) + chalk.cyan(' ██╗  ██╗███████╗██████╗  ██████╗ ███████╗ ██████╗ ██╗   ██╗ █████╗ ███╗   ██╗████████╗') + chalk.yellow('██╗  ██╗') + ' ' + chalk.cyan(BOX.V));
     this._line(chalk.cyan(BOX.V) + chalk.cyan(' ██║  ██║██╔════╝██╔══██╗██╔════╝ ██╔════╝██╔═══██╗██║   ██║██╔══██╗████╗  ██║╚══██╔══╝') + chalk.yellow('╚██╗██╔╝') + ' ' + chalk.cyan(BOX.V));
     this._line(chalk.cyan(BOX.V) + chalk.cyan(' ███████║█████╗  ██║  ██║██║  ███╗█████╗  ██║   ██║██║   ██║███████║██╔██╗ ██║   ██║   ') + chalk.yellow(' ╚███╔╝ ') + ' ' + chalk.cyan(BOX.V));
     this._line(chalk.cyan(BOX.V) + chalk.cyan(' ██╔══██║██╔══╝  ██║  ██║██║   ██║██╔══╝  ██║▄▄ ██║██║   ██║██╔══██║██║╚██╗██║   ██║   ') + chalk.yellow(' ██╔██╗ ') + ' ' + chalk.cyan(BOX.V));
     this._line(chalk.cyan(BOX.V) + chalk.cyan(' ██║  ██║███████╗██████╔╝╚██████╔╝███████╗╚██████╔╝╚██████╔╝██║  ██║██║ ╚████║   ██║   ') + chalk.yellow('██╔╝ ██╗') + ' ' + chalk.cyan(BOX.V));
     this._line(chalk.cyan(BOX.V) + chalk.cyan(' ╚═╝  ╚═╝╚══════╝╚═════╝  ╚═════╝ ╚══════╝ ╚══▀▀═╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═══╝   ╚═╝   ') + chalk.yellow('╚═╝  ╚═╝') + ' ' + chalk.cyan(BOX.V));
+    
+    // Separator + title
     this._line(chalk.cyan(BOX.ML + BOX.H.repeat(W) + BOX.MR));
-    this._line(chalk.cyan(BOX.V) + chalk.white(center(`PROP FUTURES ALGO TRADING  v${version}`, W)) + chalk.cyan(BOX.V));
+    this._line(chalk.cyan(BOX.V) + chalk.white(center(`Prop Futures Algo Trading  v${version}`, W)) + chalk.cyan(BOX.V));
     this._line(chalk.cyan(BOX.ML + BOX.H.repeat(W) + BOX.MR));
-    this._line(chalk.cyan(BOX.V) + chalk.yellow.bold(center((this.config.subtitle || 'HQX ALGO TRADING').toUpperCase(), W)) + chalk.cyan(BOX.V));
+    this._line(chalk.cyan(BOX.V) + chalk.yellow(center(this.config.subtitle || 'HQX Algo Trading', W)) + chalk.cyan(BOX.V));
   }
 
   _drawStats(stats) {
+    const { W } = this;
     const isCopyTrading = this.config.mode === 'copy-trading';
-    if (isCopyTrading) this._drawCopyTradingStats(stats);
-    else this._drawOneAccountStats(stats);
+    
+    const pnl = stats.pnl !== null && stats.pnl !== undefined ? stats.pnl : null;
+    const pnlColor = pnl === null ? chalk.gray : (pnl >= 0 ? chalk.green : chalk.red);
+    const pnlStr = pnl === null ? '--' : ((pnl >= 0 ? '+$' : '-$') + Math.abs(pnl).toFixed(2));
+    const latencyColor = stats.latency < 100 ? chalk.green : (stats.latency < 300 ? chalk.yellow : chalk.red);
+    const serverColor = stats.connected ? chalk.green : chalk.red;
+    
+    if (isCopyTrading) {
+      this._drawCopyTradingStats(stats, pnlColor, pnlStr, latencyColor, serverColor);
+    } else {
+      this._drawOneAccountStats(stats, pnlColor, pnlStr, latencyColor, serverColor);
+    }
   }
 
-  _drawOneAccountStats(stats) {
+  _drawOneAccountStats(stats, pnlColor, pnlStr, latencyColor, serverColor) {
     const { W } = this;
     const colL = 48, colR = 47;
     const pad = (len) => ' '.repeat(Math.max(0, len));
+    
     const GT = BOX.ML + BOX.H.repeat(colL) + BOX.TM + BOX.H.repeat(colR) + BOX.MR;
     const GM = BOX.ML + BOX.H.repeat(colL) + BOX.MM + BOX.H.repeat(colR) + BOX.MR;
     const GB = BOX.ML + BOX.H.repeat(colL) + BOX.BM + BOX.H.repeat(colR) + BOX.MR;
-    const row = (c1, c2) => { this._line(chalk.cyan(BOX.V) + c1 + chalk.cyan(BOX.VS) + c2 + chalk.cyan(BOX.V)); };
-
+    
+    const row = (c1, c2) => {
+      this._line(chalk.cyan(BOX.V) + c1 + chalk.cyan(BOX.VS) + c2 + chalk.cyan(BOX.V));
+    };
+    
     this._line(chalk.cyan(GT));
+    
+    // Row 1: Account | Symbol
     const accountName = String(stats.accountName || 'N/A').substring(0, 40);
     const symbol = String(stats.symbol || 'N/A').substring(0, 35);
-    row(buildCell('Account', accountName, chalk.cyan, colL).padded, buildCell('Symbol', symbol, chalk.yellow, colR).padded);
+    const r1c1 = buildCell('Account', accountName, chalk.cyan, colL);
+    const r1c2 = buildCell('Symbol', symbol, chalk.yellow, colR);
+    row(r1c1.padded, r1c2.padded);
     
     this._line(chalk.cyan(GM));
-    const openPnl = stats.openPnl;
-    const closedPnl = stats.closedPnl;
-    const openPnlStr = openPnl === null || openPnl === undefined ? '--' : (openPnl >= 0 ? `+$${openPnl.toFixed(2)}` : `-$${Math.abs(openPnl).toFixed(2)}`);
-    const closedPnlStr = closedPnl === null || closedPnl === undefined ? '--' : (closedPnl >= 0 ? `+$${closedPnl.toFixed(2)}` : `-$${Math.abs(closedPnl).toFixed(2)}`);
-    const openPnlColor = (openPnl || 0) >= 0 ? chalk.green : chalk.red;
-    const closedPnlColor = (closedPnl || 0) >= 0 ? chalk.green : chalk.red;
-    row(buildCell('OPEN P&L', openPnlStr, openPnlColor, colL).padded, buildCell('CLOSED P&L', closedPnlStr, closedPnlColor, colR).padded);
+    
+    // Row 2: Qty | P&L
+    const r2c1 = buildCell('Qty', (stats.qty || '1').toString(), chalk.cyan, colL);
+    const r2c2 = buildCell('P&L', pnlStr, pnlColor, colR);
+    row(r2c1.padded, r2c2.padded);
     
     this._line(chalk.cyan(GM));
+    
+    // Row 3: Target | Risk
     const targetStr = stats.target !== null && stats.target !== undefined ? '$' + stats.target.toFixed(2) : '--';
     const riskStr = stats.risk !== null && stats.risk !== undefined ? '$' + stats.risk.toFixed(2) : '--';
-    row(buildCell('TARGET', targetStr, chalk.green, colL).padded, buildCell('RISK', riskStr, chalk.red, colR).padded);
+    const r3c1 = buildCell('Target', targetStr, chalk.green, colL);
+    const r3c2 = buildCell('Risk', riskStr, chalk.red, colR);
+    row(r3c1.padded, r3c2.padded);
     
     this._line(chalk.cyan(GM));
-    const r4c1t = ` ${chalk.bold('TRADES')}: ${chalk.cyan.bold(stats.trades || 0)}  ${chalk.bold('W/L')}: ${chalk.green.bold(stats.wins || 0)}/${chalk.red.bold(stats.losses || 0)}`;
-    const r4c1p = ` TRADES: ${stats.trades || 0}  W/L: ${stats.wins || 0}/${stats.losses || 0}`;
-    row(r4c1t + pad(colL - r4c1p.length), buildCell('PROPFIRM', stats.propfirm || 'N/A', chalk.cyan, colR).padded);
+    
+    // Row 4: Trades | Latency (API response time)
+    const r4c1t = ` Trades: ${chalk.cyan(stats.trades || 0)}  W/L: ${chalk.green(stats.wins || 0)}/${chalk.red(stats.losses || 0)}`;
+    const r4c1p = ` Trades: ${stats.trades || 0}  W/L: ${stats.wins || 0}/${stats.losses || 0}`;
+    const r4c2 = buildCell('Latency', `${stats.latency || 0}ms`, latencyColor, colR);
+    row(r4c1t + pad(colL - r4c1p.length), r4c2.padded);
     
     this._line(chalk.cyan(GM));
-    const connectionType = stats.platform || stats.connection || 'N/A';
-    const connectionColor = connectionType.toLowerCase().includes('rithmic') ? chalk.green : chalk.yellow;
-    const agentCount = stats.agentCount || 0;
-    const agentStr = agentCount > 0 ? `${agentCount} agent${agentCount > 1 ? 's' : ''} active` : 'None';
-    const agentColor = agentCount > 0 ? chalk.green : chalk.gray;
-    row(buildCell('CONNECTION', connectionType, connectionColor, colL).padded, buildCell('AGENTS', agentStr, agentColor, colR).padded);
+    
+    // Row 5: Connection | Propfirm
+    const connection = stats.platform || 'Rithmic';
+    const r5c1 = buildCell('Connection', connection, chalk.white, colL);
+    const r5c2 = buildCell('Propfirm', stats.propfirm || 'N/A', chalk.cyan, colR);
+    row(r5c1.padded, r5c2.padded);
     
     this._line(chalk.cyan(GB));
   }
 
-  _drawCopyTradingStats(stats) {
+  _drawCopyTradingStats(stats, pnlColor, pnlStr, latencyColor, serverColor) {
     const { W } = this;
     const colL = 48, colR = 47;
     const pad = (len) => ' '.repeat(Math.max(0, len));
+    
     const GT = BOX.ML + BOX.H.repeat(colL) + BOX.TM + BOX.H.repeat(colR) + BOX.MR;
     const GM = BOX.ML + BOX.H.repeat(colL) + BOX.MM + BOX.H.repeat(colR) + BOX.MR;
     const GB = BOX.ML + BOX.H.repeat(colL) + BOX.BM + BOX.H.repeat(colR) + BOX.MR;
-    const GF = BOX.ML + BOX.H.repeat(W) + BOX.MR;
-    const row = (c1, c2) => { this._line(chalk.cyan(BOX.V) + c1 + chalk.cyan(BOX.VS) + c2 + chalk.cyan(BOX.V)); };
-
+    
+    const row = (c1, c2) => {
+      this._line(chalk.cyan(BOX.V) + c1 + chalk.cyan(BOX.VS) + c2 + chalk.cyan(BOX.V));
+    };
+    
     this._line(chalk.cyan(GT));
+    
+    // Row 1: Lead Account | Follower Account
     const leadName = (stats.leadName || 'N/A').substring(0, 40);
     const followerName = (stats.followerName || 'N/A').substring(0, 40);
-    row(buildCell('Lead', leadName, chalk.cyan, colL).padded, buildCell('Follower', followerName, chalk.magenta, colR).padded);
+    const r1c1 = buildCell('Lead', leadName, chalk.cyan, colL);
+    const r1c2 = buildCell('Follower', followerName, chalk.magenta, colR);
+    row(r1c1.padded, r1c2.padded);
+    
+    // Full width separator
+    const GF = BOX.ML + BOX.H.repeat(W) + BOX.MR;
     
     this._line(chalk.cyan(GF));
+    
+    // Row 2: Symbol (centered, single row)
     const symbol = (stats.symbol || stats.leadSymbol || 'N/A').substring(0, 60);
-    const symbolText = `SYMBOL: ${symbol}`;
-    this._line(chalk.cyan(BOX.V) + chalk.yellow(center(symbolText, W)) + chalk.cyan(BOX.V));
+    const symbolText = `Symbol: ${symbol}`;
+    const symbolPadded = center(symbolText, W);
+    this._line(chalk.cyan(BOX.V) + chalk.yellow(symbolPadded) + chalk.cyan(BOX.V));
     
     this._line(chalk.cyan(GT));
-    row(buildCell('QTY', (stats.leadQty || '1').toString(), chalk.cyan, colL).padded, buildCell('QTY', (stats.followerQty || '1').toString(), chalk.cyan, colR).padded);
+    
+    // Row 3: Lead Qty | Follower Qty
+    const r3c1 = buildCell('Qty', (stats.leadQty || '1').toString(), chalk.cyan, colL);
+    const r3c2 = buildCell('Qty', (stats.followerQty || '1').toString(), chalk.cyan, colR);
+    row(r3c1.padded, r3c2.padded);
     
     this._line(chalk.cyan(GM));
-    row(buildCell('TARGET', '$' + (stats.target || 0).toFixed(2), chalk.green, colL).padded, buildCell('RISK', '$' + (stats.risk || 0).toFixed(2), chalk.red, colR).padded);
+    
+    // Row 4: Target | Risk
+    const r4c1 = buildCell('Target', '$' + (stats.target || 0).toFixed(2), chalk.green, colL);
+    const r4c2 = buildCell('Risk', '$' + (stats.risk || 0).toFixed(2), chalk.red, colR);
+    row(r4c1.padded, r4c2.padded);
     
     this._line(chalk.cyan(GM));
-    const pnl = stats.pnl !== null && stats.pnl !== undefined ? stats.pnl : null;
-    const pnlColor = pnl === null ? chalk.gray : (pnl >= 0 ? chalk.green : chalk.red);
-    const pnlStr = pnl === null ? '--' : ((pnl >= 0 ? '+$' : '-$') + Math.abs(pnl).toFixed(2));
-    const r5c2t = ` ${chalk.bold('TRADES')}: ${chalk.cyan.bold(stats.trades || 0)}  ${chalk.bold('W/L')}: ${chalk.green.bold(stats.wins || 0)}/${chalk.red.bold(stats.losses || 0)}`;
-    const r5c2p = ` TRADES: ${stats.trades || 0}  W/L: ${stats.wins || 0}/${stats.losses || 0}`;
-    row(buildCell('P&L', pnlStr, pnlColor, colL).padded, r5c2t + pad(colR - r5c2p.length));
+    
+    // Row 5: P&L | Trades
+    const r5c1 = buildCell('P&L', pnlStr, pnlColor, colL);
+    const r5c2t = ` Trades: ${chalk.cyan(stats.trades || 0)}  W/L: ${chalk.green(stats.wins || 0)}/${chalk.red(stats.losses || 0)}`;
+    const r5c2p = ` Trades: ${stats.trades || 0}  W/L: ${stats.wins || 0}/${stats.losses || 0}`;
+    row(r5c1.padded, r5c2t + pad(colR - r5c2p.length));
     
     this._line(chalk.cyan(GB));
   }
 
   _drawLogs() {
     const { W, logs, maxLogs } = this;
-    if (!this.cachedDate) {
-      this.cachedDate = new Date().toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' }).toUpperCase();
-    }
-    const dateStr = this.cachedDate;
-    const spinner = SPINNER[this.spinnerFrame % SPINNER.length];
-    this.spinnerFrame++;
+    
+    // Activity header - HF style
+    this.spinnerFrame = (this.spinnerFrame + 1) % SPINNER.length;
+    const spinner = SPINNER[this.spinnerFrame];
+    const now = new Date();
+    const timeStr = now.toLocaleTimeString('en-US', { hour12: false });
+    const dateStr = now.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
     
     const leftText = ` EXECUTION LOG ${spinner}`;
     const rightText = `[X] STOP `;
+    
     const totalFixed = leftText.length + rightText.length;
     const centerSpace = W - totalFixed;
     const centerPadLeft = Math.floor((centerSpace - dateStr.length) / 2);
     const centerPadRight = centerSpace - dateStr.length - centerPadLeft;
     
-    const left = ` ${chalk.bold('EXECUTION LOG')} ${chalk.green(spinner)}`;
-    const ctr = ' '.repeat(Math.max(0, centerPadLeft)) + chalk.white.bold(dateStr) + ' '.repeat(Math.max(0, centerPadRight));
-    const right = chalk.yellow.bold('[X] STOP') + ' ';
+    const left = ` EXECUTION LOG ${chalk.yellow(spinner)}`;
+    const center = ' '.repeat(Math.max(0, centerPadLeft)) + chalk.white(dateStr) + ' '.repeat(Math.max(0, centerPadRight));
+    const right = chalk.yellow('[X] STOP') + ' ';
     
-    this._line(chalk.cyan(BOX.V) + chalk.white(left) + ctr + right + chalk.cyan(BOX.V));
+    this._line(chalk.cyan(BOX.V) + chalk.white.bold(left) + center + right + chalk.cyan(BOX.V));
     this._line(chalk.cyan(BOX.ML + BOX.H.repeat(W) + BOX.MR));
     
+    // Logs: newest at top
     const visible = logs.slice(-maxLogs).reverse();
+    
     if (visible.length === 0) {
       this._line(chalk.cyan(BOX.V) + chalk.gray(fitToWidth(' Awaiting market signals...', W)) + chalk.cyan(BOX.V));
-      for (let i = 0; i < maxLogs - 1; i++) this._line(chalk.cyan(BOX.V) + ' '.repeat(W) + chalk.cyan(BOX.V));
+      for (let i = 0; i < maxLogs - 1; i++) {
+        this._line(chalk.cyan(BOX.V) + ' '.repeat(W) + chalk.cyan(BOX.V));
+      }
     } else {
       visible.forEach(log => {
         const color = LOG_COLORS[log.type] || chalk.gray;
-        const icon = LOG_ICONS[log.type] || '➡ INFO ';
-        const coloredIcon = color.bold(icon);
-        const coloredMessage = colorizeMessage(log.message);
-        const line = ` ${chalk.gray(log.timestamp)} ${coloredIcon} ${coloredMessage}`;
+        const icon = LOG_ICONS[log.type] || '';
+        // HF style: TIME | TYPE | MESSAGE
+        const line = ` ${chalk.gray(log.timestamp)} ${color(icon)}${log.message}`;
         this._line(chalk.cyan(BOX.V) + fitToWidth(line, W) + chalk.cyan(BOX.V));
       });
-      for (let i = visible.length; i < maxLogs; i++) this._line(chalk.cyan(BOX.V) + ' '.repeat(W) + chalk.cyan(BOX.V));
+      for (let i = visible.length; i < maxLogs; i++) {
+        this._line(chalk.cyan(BOX.V) + ' '.repeat(W) + chalk.cyan(BOX.V));
+      }
     }
+    
+    // Bottom border
     this._line(chalk.cyan(BOX.BOT + BOX.H.repeat(W) + BOX.BR));
   }
 
@@ -216,64 +318,123 @@ class AlgoUI {
     if (this.isDrawing) return;
     this.isDrawing = true;
     
-    const statsHash = JSON.stringify({ pnl: stats.pnl, openPnl: stats.openPnl, closedPnl: stats.closedPnl, position: stats.position, trades: stats.trades, wins: stats.wins, losses: stats.losses, connected: stats.connected });
-    const logsHash = this.logs.length + (this.logs[this.logs.length - 1]?.message || '');
-    const hasChanges = statsHash !== this.lastStatsHash || logsHash !== this.lastLogsHash;
-    
-    if (this.firstDraw || hasChanges) {
-      this.lastStatsHash = statsHash;
-      this.lastLogsHash = logsHash;
-      this.lines = [];
-      
-      if (this.firstDraw) {
-        console.clear();
-        process.stdout.write('\x1B[?25l');
-        this.firstDraw = false;
-      }
-      
-      this._line('');
-      this._drawHeader();
-      this._drawStats(stats);
-      this._drawLogs();
-      
-      const output = this.lines.join('\n');
-      if (output !== this.lastOutput) {
-        const lines = this.lines;
-        for (let i = 0; i < lines.length; i++) {
-          process.stdout.write(`\x1B[${i + 1};1H${lines[i]}\x1B[K`);
-        }
-        this.lastOutput = output;
-      }
+    this.buffer = '';
+    
+    if (this.firstDraw) {
+      this.buffer += '\x1B[?1049h\x1B[?25l\x1B[2J';
+      this.firstDraw = false;
     }
+    
+    this.buffer += '\x1B[H';
+    this._line('');
+    this._drawHeader();
+    this._drawStats(stats);
+    this._drawLogs();
+    
+    process.stdout.write(this.buffer);
     this.isDrawing = false;
   }
 
   cleanup() {
-    process.stdout.write('\x1B[?25h');
-    console.clear();
+    process.stdout.write('\x1B[?1049l\x1B[?25h');
   }
+}
+
+/**
+ * Check market hours
+ */
+const checkMarketStatus = () => {
+  const now = new Date();
+  const utcDay = now.getUTCDay();
+  const utcHour = now.getUTCHours();
+  const isDST = now.getTimezoneOffset() < Math.max(
+    new Date(now.getFullYear(), 0, 1).getTimezoneOffset(),
+    new Date(now.getFullYear(), 6, 1).getTimezoneOffset()
+  );
+  const ctOffset = isDST ? 5 : 6;
+  const ctHour = (utcHour - ctOffset + 24) % 24;
+  const ctDay = utcHour < ctOffset ? (utcDay + 6) % 7 : utcDay;
+
+  if (ctDay === 6) return { isOpen: false, message: 'Market closed (Saturday)' };
+  if (ctDay === 0 && ctHour < 17) return { isOpen: false, message: 'Market opens Sunday 5:00 PM CT' };
+  if (ctDay === 5 && ctHour >= 16) return { isOpen: false, message: 'Market closed (Friday after 4PM CT)' };
+  if (ctHour === 16 && ctDay >= 1 && ctDay <= 4) return { isOpen: false, message: 'Daily maintenance' };
+  return { isOpen: true, message: 'Market OPEN' };
+};
+
+/**
+ * Render Session Summary - Same style as dashboard
+ */
+const renderSessionSummary = (stats, stopReason) => {
+  const W = 96; // Same width as dashboard
+  const colL = Math.floor(W / 2) - 1;
+  const colR = W - colL - 1;
+  const version = require('../../../package.json').version;
   
-  closeLog(stats) {
-    if (this.logStream) {
-      try {
-        const now = new Date();
-        this.logStream.write(`\n${'='.repeat(80)}\n`);
-        this.logStream.write(`SESSION ENDED: ${now.toISOString()}\n`);
-        if (stats) {
-          this.logStream.write(`SUMMARY:\n`);
-          this.logStream.write(`  Trades: ${stats.trades || 0}\n`);
-          this.logStream.write(`  Wins: ${stats.wins || 0}\n`);
-          this.logStream.write(`  Losses: ${stats.losses || 0}\n`);
-          this.logStream.write(`  Session P&L: $${(stats.sessionPnl || 0).toFixed(2)}\n`);
-          this.logStream.write(`  Duration: ${stats.duration || 'N/A'}\n`);
-        }
-        this.logStream.write(`${'='.repeat(80)}\n`);
-        this.logStream.end();
-      } catch (e) {}
-    }
-  }
+  console.clear();
+  console.log();
   
-  getLogFile() { return this.logFile; }
-}
+  // Top border
+  console.log(chalk.cyan(BOX.TOP + BOX.H.repeat(W) + BOX.TR));
+  
+  // Logo
+  console.log(chalk.cyan(BOX.V) + chalk.cyan(' ██╗  ██╗███████╗██████╗  ██████╗ ███████╗ ██████╗ ██╗   ██╗ █████╗ ███╗   ██╗████████╗') + chalk.yellow('██╗  ██╗') + ' ' + chalk.cyan(BOX.V));
+  console.log(chalk.cyan(BOX.V) + chalk.cyan(' ██║  ██║██╔════╝██╔══██╗██╔════╝ ██╔════╝██╔═══██╗██║   ██║██╔══██╗████╗  ██║╚══██╔══╝') + chalk.yellow('╚██╗██╔╝') + ' ' + chalk.cyan(BOX.V));
+  console.log(chalk.cyan(BOX.V) + chalk.cyan(' ███████║█████╗  ██║  ██║██║  ███╗█████╗  ██║   ██║██║   ██║███████║██╔██╗ ██║   ██║   ') + chalk.yellow(' ╚███╔╝ ') + ' ' + chalk.cyan(BOX.V));
+  console.log(chalk.cyan(BOX.V) + chalk.cyan(' ██╔══██║██╔══╝  ██║  ██║██║   ██║██╔══╝  ██║▄▄ ██║██║   ██║██╔══██║██║╚██╗██║   ██║   ') + chalk.yellow(' ██╔██╗ ') + ' ' + chalk.cyan(BOX.V));
+  console.log(chalk.cyan(BOX.V) + chalk.cyan(' ██║  ██║███████╗██████╔╝╚██████╔╝███████╗╚██████╔╝╚██████╔╝██║  ██║██║ ╚████║   ██║   ') + chalk.yellow('██╔╝ ██╗') + ' ' + chalk.cyan(BOX.V));
+  console.log(chalk.cyan(BOX.V) + chalk.cyan(' ╚═╝  ╚═╝╚══════╝╚═════╝  ╚═════╝ ╚══════╝ ╚══▀▀═╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═══╝   ╚═╝   ') + chalk.yellow('╚═╝  ╚═╝') + ' ' + chalk.cyan(BOX.V));
+  
+  // Separator + title
+  console.log(chalk.cyan(BOX.ML + BOX.H.repeat(W) + BOX.MR));
+  console.log(chalk.cyan(BOX.V) + chalk.white(center(`Prop Futures Algo Trading  v${version}`, W)) + chalk.cyan(BOX.V));
+  console.log(chalk.cyan(BOX.ML + BOX.H.repeat(W) + BOX.MR));
+  console.log(chalk.cyan(BOX.V) + chalk.yellow(center('Session Summary', W)) + chalk.cyan(BOX.V));
+  
+  // Grid separators
+  const GT = BOX.ML + BOX.H.repeat(colL) + BOX.TM + BOX.H.repeat(colR) + BOX.MR;
+  const GM = BOX.ML + BOX.H.repeat(colL) + BOX.MM + BOX.H.repeat(colR) + BOX.MR;
+  
+  const row = (label1, value1, color1, label2, value2, color2) => {
+    const c1 = ` ${label1}: ${color1(value1)}`;
+    const c2 = ` ${label2}: ${color2(value2)}`;
+    const p1 = ` ${label1}: ${value1}`;
+    const p2 = ` ${label2}: ${value2}`;
+    const padded1 = c1 + ' '.repeat(Math.max(0, colL - p1.length));
+    const padded2 = c2 + ' '.repeat(Math.max(0, colR - p2.length));
+    console.log(chalk.cyan(BOX.V) + padded1 + chalk.cyan(BOX.VS) + padded2 + chalk.cyan(BOX.V));
+  };
+  
+  console.log(chalk.cyan(GT));
+  
+  // Row 1: Stop Reason | Duration
+  const duration = stats.duration || '--';
+  const reasonColor = stopReason === 'target' ? chalk.green : stopReason === 'risk' ? chalk.red : chalk.yellow;
+  row('Stop Reason', (stopReason || 'manual').toUpperCase(), reasonColor, 'Duration', duration, chalk.white);
+  
+  console.log(chalk.cyan(GM));
+  
+  // Row 2: Trades | Win Rate
+  const winRate = stats.trades > 0 ? ((stats.wins / stats.trades) * 100).toFixed(1) + '%' : '0%';
+  row('Trades', String(stats.trades || 0), chalk.white, 'Win Rate', winRate, stats.wins >= stats.losses ? chalk.green : chalk.red);
+  
+  console.log(chalk.cyan(GM));
+  
+  // Row 3: Wins | Losses
+  row('Wins', String(stats.wins || 0), chalk.green, 'Losses', String(stats.losses || 0), chalk.red);
+  
+  console.log(chalk.cyan(GM));
+  
+  // Row 4: P&L | Target
+  const pnl = stats.pnl || 0;
+  const pnlStr = `${pnl >= 0 ? '+' : ''}$${Math.abs(pnl).toFixed(2)}`;
+  const pnlColor = pnl >= 0 ? chalk.green : chalk.red;
+  const targetStr = `$${(stats.target || 0).toFixed(2)}`;
+  row('P&L', pnlStr, pnlColor, 'Target', targetStr, chalk.cyan);
+  
+  // Bottom border
+  console.log(chalk.cyan(BOX.BOT + BOX.H.repeat(W) + BOX.BR));
+  console.log();
+};
 
-module.exports = { AlgoUI, checkMarketStatus, renderSessionSummary, renderMultiSymbolSummary, LOG_COLORS, LOG_ICONS, stripAnsi, center, fitToWidth };
+module.exports = { AlgoUI, checkMarketStatus, renderSessionSummary, LOG_COLORS, LOG_ICONS, stripAnsi, center, fitToWidth };

package/src/pages/orders.js

@@ -19,14 +19,14 @@ const showOrders = async (service) => {
 
   try {
     // Step 1: Get connections
-    spinner = ora({ text: 'LOADING CONNECTIONS...', color: 'yellow' }).start();
+    spinner = ora({ text: 'Loading connections...', color: 'yellow' }).start();
     
     const allConns = connections.count() > 0 
       ? connections.getAll() 
       : (service ? [{ service, propfirm: service.propfirm?.name || 'Unknown', type: 'single' }] : []);
     
     if (allConns.length === 0) {
-      spinner.fail('NO CONNECTIONS FOUND');
+      spinner.fail('No connections found');
       await prompts.waitForEnter();
       return;
     }
@@ -90,7 +90,7 @@ const showOrders = async (service) => {
       }
     }
 
-    spinner = ora({ text: 'PREPARING DISPLAY...', color: 'yellow' }).start();
+    spinner = ora({ text: 'Preparing display...', color: 'yellow' }).start();
     spinner.succeed(`Total: ${allOrders.length} order(s)`);
     console.log();
 

package/src/pages/positions.js

@@ -19,14 +19,14 @@ const showPositions = async (service) => {
 
   try {
     // Step 1: Get connections
-    spinner = ora({ text: 'LOADING CONNECTIONS...', color: 'yellow' }).start();
+    spinner = ora({ text: 'Loading connections...', color: 'yellow' }).start();
     
     const allConns = connections.count() > 0 
       ? connections.getAll() 
       : (service ? [{ service, propfirm: service.propfirm?.name || 'Unknown', type: 'single' }] : []);
     
     if (allConns.length === 0) {
-      spinner.fail('NO CONNECTIONS FOUND');
+      spinner.fail('No connections found');
       await prompts.waitForEnter();
       return;
     }
@@ -90,7 +90,7 @@ const showPositions = async (service) => {
       }
     }
 
-    spinner = ora({ text: 'PREPARING DISPLAY...', color: 'yellow' }).start();
+    spinner = ora({ text: 'Preparing display...', color: 'yellow' }).start();
     spinner.succeed(`Total: ${allPositions.length} position(s)`);
     console.log();