hedgequantx 2.6.161 → 2.6.162

package/src/pages/algo/ui-summary.js

@@ -0,0 +1,184 @@
+/**
+ * @fileoverview Algo UI Session Summary Renderers
+ * Functions to render session summary screens
+ */
+
+const chalk = require('chalk');
+const { BOX, center } = require('./ui-constants');
+
+/**
+ * Render Session Summary - Same style as dashboard
+ */
+const renderSessionSummary = (stats, stopReason) => {
+  const W = 96;
+  const colL = Math.floor(W / 2) - 1;
+  const colR = W - colL - 1;
+  const version = require('../../../package.json').version;
+  
+  console.clear();
+  console.log();
+  
+  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));
+  
+  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.bold(center('SESSION SUMMARY', W)) + chalk.cyan(BOX.V));
+  
+  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 upperLabel1 = label1.toUpperCase();
+    const upperLabel2 = label2.toUpperCase();
+    const upperValue1 = String(value1).toUpperCase();
+    const upperValue2 = String(value2).toUpperCase();
+    const c1 = ` ${chalk.bold(upperLabel1)}: ${color1.bold(upperValue1)}`;
+    const c2 = ` ${chalk.bold(upperLabel2)}: ${color2.bold(upperValue2)}`;
+    const p1 = ` ${upperLabel1}: ${upperValue1}`;
+    const p2 = ` ${upperLabel2}: ${upperValue2}`;
+    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));
+  
+  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));
+  
+  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('Wins', String(stats.wins || 0), chalk.green, 'Losses', String(stats.losses || 0), chalk.red);
+  
+  console.log(chalk.cyan(GM));
+  
+  const pnl = stats.sessionPnl !== undefined ? stats.sessionPnl : (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('Session P&L', pnlStr, pnlColor, 'TARGET', targetStr, chalk.cyan);
+  
+  console.log(chalk.cyan(BOX.BOT + BOX.H.repeat(W) + BOX.BR));
+  console.log();
+};
+
+/**
+ * Render Multi-Symbol Session Summary
+ */
+const renderMultiSymbolSummary = (stats, stopReason, symbolStats) => {
+  const W = 96;
+  const version = require('../../../package.json').version;
+  
+  const centerCol = (text, width) => {
+    const pad = Math.floor((width - text.length) / 2);
+    return ' '.repeat(pad) + text + ' '.repeat(width - pad - text.length);
+  };
+  
+  console.clear();
+  console.log();
+  
+  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));
+  
+  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.bold(center('MULTI-SYMBOL SESSION SUMMARY', W)) + chalk.cyan(BOX.V));
+  console.log(chalk.cyan(BOX.ML + BOX.H.repeat(W) + BOX.MR));
+  
+  const colSymbol = 14;
+  const colTrades = 12;
+  const colWR = 14;
+  const colWins = 12;
+  const colLosses = 12;
+  const colPnL = W - colSymbol - colTrades - colWR - colWins - colLosses - 5;
+  
+  const headerSymbol = centerCol('SYMBOL', colSymbol);
+  const headerTrades = centerCol('TRADES', colTrades);
+  const headerWR = centerCol('WIN RATE', colWR);
+  const headerWins = centerCol('WINS', colWins);
+  const headerLosses = centerCol('LOSSES', colLosses);
+  const headerPnL = centerCol('P&L', colPnL);
+  
+  console.log(chalk.cyan(BOX.V) + chalk.bold.white(headerSymbol) + chalk.cyan(BOX.VS) + 
+    chalk.bold.white(headerTrades) + chalk.cyan(BOX.VS) + 
+    chalk.bold.white(headerWR) + chalk.cyan(BOX.VS) + 
+    chalk.bold.white(headerWins) + chalk.cyan(BOX.VS) + 
+    chalk.bold.white(headerLosses) + chalk.cyan(BOX.VS) + 
+    chalk.bold.white(headerPnL) + chalk.cyan(BOX.V));
+  
+  console.log(chalk.cyan(BOX.ML + BOX.H.repeat(W) + BOX.MR));
+  
+  for (const [symbol, symStats] of Object.entries(symbolStats)) {
+    const winRate = symStats.trades > 0 ? ((symStats.wins / symStats.trades) * 100).toFixed(0) + '%' : '0%';
+    const pnl = symStats.pnl || 0;
+    const pnlStr = (pnl >= 0 ? '+$' : '-$') + Math.abs(pnl).toFixed(2);
+    const pnlColor = pnl >= 0 ? chalk.green : chalk.red;
+    const wrColor = symStats.wins >= symStats.losses ? chalk.green : chalk.red;
+    
+    console.log(chalk.cyan(BOX.V) + chalk.yellow(centerCol(symbol, colSymbol)) + chalk.cyan(BOX.VS) + 
+      chalk.white(centerCol(String(symStats.trades || 0), colTrades)) + chalk.cyan(BOX.VS) + 
+      wrColor(centerCol(winRate, colWR)) + chalk.cyan(BOX.VS) + 
+      chalk.green(centerCol(String(symStats.wins || 0), colWins)) + chalk.cyan(BOX.VS) + 
+      chalk.red(centerCol(String(symStats.losses || 0), colLosses)) + chalk.cyan(BOX.VS) + 
+      pnlColor.bold(centerCol(pnlStr, colPnL)) + chalk.cyan(BOX.V));
+  }
+  
+  console.log(chalk.cyan(BOX.ML + BOX.H.repeat(W) + BOX.MR));
+  
+  const totalWinRate = stats.trades > 0 ? ((stats.wins / stats.trades) * 100).toFixed(0) + '%' : '0%';
+  const totalPnl = stats.sessionPnl || 0;
+  const totalPnlStr = (totalPnl >= 0 ? '+$' : '-$') + Math.abs(totalPnl).toFixed(2);
+  const totalPnlColor = totalPnl >= 0 ? chalk.green : chalk.red;
+  const totalWrColor = stats.wins >= stats.losses ? chalk.green : chalk.red;
+  
+  console.log(chalk.cyan(BOX.V) + chalk.bold.cyan(centerCol('TOTAL', colSymbol)) + chalk.cyan(BOX.VS) + 
+    chalk.bold.white(centerCol(String(stats.trades || 0), colTrades)) + chalk.cyan(BOX.VS) + 
+    totalWrColor.bold(centerCol(totalWinRate, colWR)) + chalk.cyan(BOX.VS) + 
+    chalk.bold.green(centerCol(String(stats.wins || 0), colWins)) + chalk.cyan(BOX.VS) + 
+    chalk.bold.red(centerCol(String(stats.losses || 0), colLosses)) + chalk.cyan(BOX.VS) + 
+    totalPnlColor.bold(centerCol(totalPnlStr, colPnL)) + chalk.cyan(BOX.V));
+  
+  console.log(chalk.cyan(BOX.ML + BOX.H.repeat(W) + BOX.MR));
+  
+  const duration = stats.duration || '--';
+  const reasonColor = stopReason === 'target' ? chalk.green : stopReason === 'risk' ? chalk.red : chalk.yellow;
+  const reasonStr = (stopReason || 'manual').toUpperCase();
+  const infoPlain = `STOP: ${reasonStr}  |  DURATION: ${duration}  |  TARGET: $${(stats.target || 0).toFixed(2)}  |  RISK: $${(stats.risk || 0).toFixed(2)}`;
+  
+  const padLeft = Math.floor((W - infoPlain.length) / 2);
+  const padRight = W - infoPlain.length - padLeft;
+  const infoColored = ' '.repeat(padLeft) + 
+    chalk.bold('STOP') + ': ' + reasonColor.bold(reasonStr) + '  |  ' + 
+    chalk.bold('DURATION') + ': ' + chalk.white(duration) + '  |  ' + 
+    chalk.bold('TARGET') + ': ' + chalk.cyan('$' + (stats.target || 0).toFixed(2)) + '  |  ' + 
+    chalk.bold('RISK') + ': ' + chalk.red('$' + (stats.risk || 0).toFixed(2)) + 
+    ' '.repeat(padRight);
+  
+  console.log(chalk.cyan(BOX.V) + infoColored + chalk.cyan(BOX.V));
+  console.log(chalk.cyan(BOX.BOT + BOX.H.repeat(W) + BOX.BR));
+  console.log();
+};
+
+module.exports = { renderSessionSummary, renderMultiSymbolSummary };