@vibecheckai/cli 3.5.5 → 3.6.0

package/bin/runners/lib/ship-output.js

@@ -1,12 +1,10 @@
 /**
- * Ship Output - Premium Ship Command Display
- * 
- * Handles all ship-specific output formatting:
- * - Verdict card (the hero moment)
- * - Proof graph visualization
- * - Findings breakdown by category
- * - Fix mode display
- * - Badge generation
+ * Enterprise Ship Output - V5 "Mission Control" Format
+ * Features:
+ * - Dynamic "SHIP" vs "NO SHIP" ASCII Art
+ * - Deployment Readiness Gauges
+ * - AI Hallucination Risk Assessment
+ * - Pixel-perfect 80-char alignment
  */
 
 const path = require('path');
@@ -20,6 +18,119 @@ const {
   truncate,
 } = require('./terminal-ui');
 
+// ANSI Color Helpers (direct for compatibility)
+const ESC = '\x1b';
+const chalk = {
+  reset: `${ESC}[0m`,
+  bold: `${ESC}[1m`,
+  dim: `${ESC}[2m`,
+  red: `${ESC}[31m`,
+  green: `${ESC}[32m`,
+  yellow: `${ESC}[33m`,
+  cyan: `${ESC}[36m`,
+  magenta: `${ESC}[35m`,
+  white: `${ESC}[37m`,
+  gray: `${ESC}[90m`,
+  bgRed: `${ESC}[41m`,
+  bgGreen: `${ESC}[42m`,
+  bgYellow: `${ESC}[43m`,
+};
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// CONFIGURATION
+// ═══════════════════════════════════════════════════════════════════════════════
+
+const WIDTH = 80;
+
+const BOX_SHIP = {
+  topLeft: '╔', topRight: '╗', bottomLeft: '╚', bottomRight: '╝',
+  horizontal: '═', vertical: '║',
+  teeRight: '╠', teeLeft: '╣', teeTop: '╤', teeBottom: '╧',
+  cross: '╪',
+  lightH: '─', lightV: '│',
+  lightTeeLeft: '├', lightTeeRight: '┤', lightCross: '┼'
+};
+
+// EXTERNAL HEADER
+const LOGO_VIBECHECK = `
+  ██╗   ██╗██╗██████╗ ███████╗ ██████╗██╗  ██╗███████╗ ██████╗██╗  ██╗
+  ██║   ██║██║██╔══██╗██╔════╝██╔════╝██║  ██║██╔════╝██╔════╝██║ ██╔╝
+  ██║   ██║██║██████╔╝█████╗  ██║     ███████║█████╗  ██║     █████╔╝
+  ╚██╗ ██╔╝██║██╔══██╗██╔══╝  ██║     ██╔══██║██╔══╝  ██║     ██╔═██╗
+   ╚████╔╝ ██║██████╔╝███████╗╚██████╗██║  ██║███████╗╚██████╗██║  ██╗
+    ╚═══╝  ╚═╝╚═════╝ ╚══════╝ ╚═════╝╚═╝  ╚═╝╚══════╝ ╚═════╝╚═╝  ╚═╝
+`;
+
+// HERO: SHIP (Green)
+const LOGO_SHIP = `
+        ███████╗██╗  ██╗██╗██████╗ 
+        ██╔════╝██║  ██║██║██╔══██╗
+        ███████╗███████║██║██████╔╝
+        ╚════██║██╔══██║██║██╔═══╝ 
+        ███████║██║  ██║██║██║     
+        ╚══════╝╚═╝  ╚═╝╚═╝╚═╝     
+`;
+
+// HERO: NO SHIP (Red)
+const LOGO_NOSHIP = `
+    ███╗   ██╗ ██████╗     ███████╗██╗  ██╗██╗██████╗
+    ████╗  ██║██╔═══██╗    ██╔════╝██║  ██║██║██╔══██╗
+    ██╔██╗ ██║██║   ██║    ███████╗███████║██║██████╔╝
+    ██║╚██╗██║██║   ██║    ╚════██║██╔══██║██║██╔═══╝
+    ██║ ╚████║╚██████╔╝    ███████║██║  ██║██║██║
+    ╚═╝  ╚═══╝ ╚═════╝     ╚══════╝╚═╝  ╚═╝╚═╝╚═╝
+`;
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// UTILITIES
+// ═══════════════════════════════════════════════════════════════════════════════
+
+function stripAnsi(str) {
+  return str.replace(/\x1b\[[0-9;]*m/g, '');
+}
+
+function padCenter(str, width) {
+  const visibleLen = stripAnsi(str).length;
+  const padding = Math.max(0, width - visibleLen);
+  const left = Math.floor(padding / 2);
+  const right = padding - left;
+  return ' '.repeat(left) + str + ' '.repeat(right);
+}
+
+function padRight(str, len) {
+  const visibleLen = stripAnsi(str).length;
+  const truncated = visibleLen > len ? str.substring(0, len - 3) + '...' : str;
+  return truncated + ' '.repeat(Math.max(0, len - visibleLen));
+}
+
+function renderHealthBar(percentage, width = 20, colorOverride = null) {
+  const fillChar = '█';
+  const fadeChars = ['▓', '▒', '░'];
+  const emptyChar = '░';
+  
+  const fillAmount = Math.floor((percentage / 100) * width);
+  
+  let barColor = colorOverride;
+  if (!barColor) {
+    barColor = percentage > 80 ? chalk.green : percentage > 50 ? chalk.yellow : chalk.red;
+  }
+  
+  let bar = barColor + fillChar.repeat(fillAmount);
+  
+  const remainder = ((percentage / 100) * width) - fillAmount;
+  if (fillAmount < width) {
+    if (remainder > 0.66) bar += fadeChars[0];
+    else if (remainder > 0.33) bar += fadeChars[1];
+    else bar += chalk.gray + emptyChar;
+  }
+  
+  const currentVisible = fillAmount + (fillAmount < width ? 1 : 0);
+  const emptySpace = Math.max(0, width - currentVisible);
+  bar += chalk.gray + emptyChar.repeat(emptySpace) + chalk.reset;
+  
+  return bar;
+}
+
 // ═══════════════════════════════════════════════════════════════════════════════
 // SHIP-SPECIFIC ICONS
 // ═══════════════════════════════════════════════════════════════════════════════
@@ -765,97 +876,188 @@ function renderUpgradePrompts(findings, verdict) {
 // ═══════════════════════════════════════════════════════════════════════════════
 
 function formatShipOutput(result, options = {}) {
-  const { 
-    verbose = false, 
-    showFix = false, 
-    showBadge = false, 
-    outputDir = '.vibecheck', 
-    projectPath = '.',
-    tier = 'free',           // User's current tier
-    isVerified = false,      // Whether reality testing was done (for verified badge)
-  } = options;
-  
+  // 1. Data Prep - Extract from result structure
   const {
     verdict,
-    score,
+    score = 0,
     findings = [],
     blockers = [],
     warnings = [],
-    truthpack,
-    proofGraph,
-    fixResults,
     duration = 0,
-    cached = false,
   } = result;
   
-  const isPro = tier === 'pro' || tier === 'compliance' || tier === 'starter'; // starter=legacy compat
-  const isProTier = isPro; // 2-tier model: isPro covers all paid tiers
+  // Calculate blockers and warnings if not provided
+  const actualBlockers = blockers.length > 0 
+    ? blockers 
+    : findings.filter(f => f.severity === 'BLOCK' || f.severity === 'critical');
+  const actualWarnings = warnings.length > 0 
+    ? warnings 
+    : findings.filter(f => f.severity === 'WARN' || f.severity === 'warning');
+  
   const canShip = verdict === 'SHIP';
+  const logo = canShip ? LOGO_SHIP : LOGO_NOSHIP;
+  const themeColor = canShip ? chalk.green : chalk.red;
+  const statusText = canShip ? 'CLEAR FOR LAUNCH' : 'DEPLOYMENT ABORTED';
+  
+  // Calculate AI Hallucination Score
+  const aiHallucinationFindings = findings.filter(f => 
+    f.category === 'MissingRoute' || 
+    f.category === 'GhostAuth' || 
+    f.category === 'FakeSuccess' ||
+    f.type === 'MissingRoute' ||
+    f.type === 'GhostAuth'
+  );
+  const aiScore = Math.max(0, 100 - (aiHallucinationFindings.length * 15));
+  
+  // Generate launch ID
+  const launchId = Math.floor(Math.random() * 9999);
+  const projectName = path.basename(process.cwd());
   
   const lines = [];
+
+  // 2. Render External Header
+  lines.push(chalk.cyan + LOGO_VIBECHECK.trim() + chalk.reset);
+  lines.push('');
+
+  // 3. Render Box Top
+  lines.push(`${chalk.gray}${BOX_SHIP.topLeft}${BOX_SHIP.horizontal.repeat(WIDTH - 2)}${BOX_SHIP.topRight}${chalk.reset}`);
+  lines.push(`${chalk.gray}${BOX_SHIP.vertical}${' '.repeat(WIDTH - 2)}${BOX_SHIP.vertical}${chalk.reset}`);
+
+  // 4. Render Hero Logo (SHIP vs NO SHIP)
+  logo.trim().split('\n').filter(l => l.trim().length > 0).forEach(l => {
+    lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}${themeColor}${padCenter(l.trim(), WIDTH - 2)}${chalk.reset}${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
+  });
+  lines.push(`${chalk.gray}${BOX_SHIP.vertical}${' '.repeat(WIDTH - 2)}${BOX_SHIP.vertical}${chalk.reset}`);
+
+  // 5. Info Row
+  const version = options.version || 'v3.5.5';
+  const integrity = canShip ? `${chalk.green}OPTIMAL${chalk.reset}` : `${chalk.red}COMPROMISED${chalk.reset}`;
+  const infoText = `${chalk.bold}${version} SHIP${chalk.reset}  ::  SYSTEM INTEGRITY: ${integrity}`;
+  const metaText = `Launch ID: #${launchId} | T-${duration}ms`;
+  const infoLine = `  ${infoText}${' '.repeat(Math.max(1, WIDTH - 6 - stripAnsi(infoText).length - stripAnsi(metaText).length))}${chalk.dim}${metaText}${chalk.reset}`;
+  lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}${infoLine}  ${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
+  
+  const targetLine = `  Target: ${padRight(projectName, 50)}`;
+  lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}${targetLine}${' '.repeat(WIDTH - 2 - stripAnsi(targetLine).length)}${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
+
+  // 6. Split Pane
+  lines.push(`${chalk.gray}${BOX_SHIP.teeRight}${BOX_SHIP.horizontal.repeat(44)}${BOX_SHIP.teeTop}${BOX_SHIP.horizontal.repeat(WIDTH - 47)}${BOX_SHIP.teeLeft}${chalk.reset}`);
   
-  // Verdict card (hero moment)
-  lines.push(renderVerdictCard({
-    verdict,
-    score,
-    blockers: blockers.length || findings.filter(f => f.severity === 'BLOCK' || f.severity === 'critical').length,
-    warnings: warnings.length || findings.filter(f => f.severity === 'WARN' || f.severity === 'warning').length,
-    duration,
-    cached,
-  }));
-  
-  // AI Hallucination Score (always show - this is a key selling point)
-  lines.push(renderAIHallucinationScore(findings));
-  
-  // Findings breakdown
-  lines.push(renderFindingsBreakdown(findings));
-  
-  // Blocker details (with AI attribution, tier-gated fix hints)
-  lines.push(renderBlockerDetails(findings, 8, { tier }));
-  
-  // Upgrade prompts for FREE tier users (if there are fixable issues)
-  if (findings.length > 0 && !isProTier) {
-    lines.push(renderUpgradePrompts(findings, verdict));
+  function printSplitRow(left, right) {
+    const leftContent = padRight(left || '', 42); 
+    const rightContent = padRight(right || '', WIDTH - 48); 
+    lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset} ${leftContent} ${chalk.gray}${BOX_SHIP.lightV}${chalk.reset} ${rightContent} ${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
   }
+
+  // Row 1: Headers
+  printSplitRow(`${chalk.bold}DEPLOYMENT VITALS${chalk.reset}`, `${chalk.bold}BLOCKER MANIFEST${chalk.reset}`);
   
-  // Verbose: Route truth map
-  if (verbose && truthpack) {
-    lines.push('');
-    lines.push(renderRouteTruthMap(truthpack));
-  }
+  // Row 2: Divider
+  lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset} ${BOX_SHIP.lightH.repeat(42)} ${chalk.gray}${BOX_SHIP.lightCross}${chalk.reset} ${BOX_SHIP.lightH.repeat(WIDTH - 48)} ${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
+
+  // Prepare Left Column
+  const confidence = canShip ? 99 : Math.max(10, score - 10);
+  const leftCol = [
+    '',
+    ` LAUNCH STATUS     [${themeColor}${statusText}${chalk.reset}]`,
+    ` [${renderHealthBar(score, 25, themeColor)}] ${score}%`,
+    '',
+    ` AI REALITY CHECK  [${aiScore > 80 ? 'PASSED' : 'RISK'}]`,
+    ` [${renderHealthBar(aiScore, 25)}] ${aiScore}%`,
+    '',
+    ` CONFIDENCE        [${confidence > 90 ? 'HIGH' : 'LOW'}]`,
+    ` [${renderHealthBar(confidence, 25)}] ${confidence}%`,
+    '',
+    `${chalk.gray}${BOX_SHIP.lightH.repeat(42)}${chalk.reset}`,
+    `${chalk.bold} CERTIFICATION${chalk.reset}`,
+    '',
+  ];
+
+  // Certification checks
+  const hasRouteIssues = findings.some(f => f.category === 'MissingRoute' || f.type === 'MissingRoute');
+  const hasAuthIssues = findings.some(f => f.category === 'GhostAuth' || f.category === 'Auth' || f.type === 'Auth');
+  const hasEnvIssues = findings.some(f => f.category === 'EnvContract' || f.category === 'EnvGap');
+  const hasDbIssues = findings.some(f => f.category === 'Database' || f.type === 'Database');
+  
+  leftCol.push(` ${!hasRouteIssues ? chalk.green + '✓' : chalk.red + '✖'}${chalk.reset} Routes...............${!hasRouteIssues ? 'READY' : 'FAIL'}`);
+  leftCol.push(` ${!hasAuthIssues ? chalk.green + '✓' : chalk.red + '✖'}${chalk.reset} Auth Boundaries......${!hasAuthIssues ? 'READY' : 'FAIL'}`);
+  leftCol.push(` ${!hasEnvIssues ? chalk.green + '✓' : chalk.red + '✖'}${chalk.reset} Environment..........${!hasEnvIssues ? 'READY' : 'FAIL'}`);
+  leftCol.push(` ${!hasDbIssues ? chalk.green + '✓' : chalk.red + '✖'}${chalk.reset} Database.............${!hasDbIssues ? 'READY' : 'FAIL'}`);
+  leftCol.push('');
+
+  // Prepare Right Column
+  const rightCol = [];
+  rightCol.push('');
   
-  // Verbose: Proof graph
-  if (verbose && proofGraph) {
-    lines.push('');
-    lines.push(renderProofGraph(proofGraph));
+  if (canShip) {
+    rightCol.push(`${chalk.green} [✓] ALL SYSTEMS GO${chalk.reset}`);
+    rightCol.push(` No blockers detected.`);
+    rightCol.push('');
+    rightCol.push(` Ready for production.`);
+    rightCol.push(` 0 Blockers`);
+    rightCol.push(` ${actualWarnings.length} Warnings (Non-critical)`);
+    rightCol.push('');
+  } else {
+    // Show top 3 Blockers or Warnings
+    const topItems = actualBlockers.length > 0 ? actualBlockers.slice(0, 3) : actualWarnings.slice(0, 3);
+    
+    if (topItems.length === 0) {
+      rightCol.push(`${chalk.yellow} [!] REVIEW REQUIRED${chalk.reset}`);
+      rightCol.push(` Check findings.`);
+      rightCol.push('');
+    } else {
+      topItems.forEach((f, i) => {
+        const isBlock = f.severity === 'BLOCK' || f.severity === 'critical' || actualBlockers.includes(f);
+        const sevColor = isBlock ? chalk.red : chalk.yellow;
+        const icon = isBlock ? '🛑' : '⚠️';
+        
+        const category = f.category || f.type || 'Issue';
+        rightCol.push(`${sevColor}${icon} ${category}${chalk.reset}`);
+        rightCol.push(`${chalk.gray}${BOX_SHIP.lightH.repeat(28)}${chalk.reset}`);
+        
+        let file = f.file ? path.basename(f.file) : 'Project';
+        rightCol.push(` ${i+1}. ${file}${f.line ? ':' + f.line : ''}`);
+        
+        let msg = f.message || f.title || f.description || 'Unknown issue';
+        if (msg.length > 25) msg = msg.substring(0, 25) + '...';
+        rightCol.push(`    > ${chalk.dim}${msg}${chalk.reset}`);
+        rightCol.push('');
+      });
+      
+      const remaining = (actualBlockers.length + actualWarnings.length) - 3;
+      if (remaining > 0) {
+        rightCol.push(` ${chalk.dim}... and ${remaining} more items${chalk.reset}`);
+      }
+    }
   }
-  
-  // Fix results
-  if (showFix && fixResults) {
-    lines.push(renderFixResults(fixResults));
+
+  // Merge Columns
+  const maxRows = Math.max(leftCol.length, rightCol.length);
+  for (let i = 0; i < maxRows; i++) {
+    printSplitRow(leftCol[i] || '', rightCol[i] || '');
   }
-  
-  // Badge (if requested and tier allows)
-  if (showBadge && isProTier) {
-    const badgeResult = renderBadgeOutput(projectPath, verdict, score, { tier, isVerified });
-    lines.push(badgeResult.output);
-  } else if (showBadge && !isProTier) {
-    // Show badge upsell for FREE users
-    lines.push('');
-    lines.push(renderSection('BADGE', '📛'));
-    lines.push('');
-    lines.push(`  ${ansi.dim}🔒 Ship badges require PRO ($69/mo)${ansi.reset}`);
-    lines.push(`  ${colors.accent}vibecheckai.dev/pricing${ansi.reset} ${ansi.dim}to upgrade${ansi.reset}`);
-    lines.push('');
+
+  // 7. Action Footer
+  lines.push(`${chalk.gray}${BOX_SHIP.teeRight}${BOX_SHIP.horizontal.repeat(WIDTH - 2)}${BOX_SHIP.teeLeft}${chalk.reset}`);
+  lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset} ${chalk.bold}MISSION CONTROL PROTOCOLS${chalk.reset}${' '.repeat(WIDTH - 28)}${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
+  lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset} ${BOX_SHIP.lightH.repeat(WIDTH - 4)} ${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
+
+  if (!canShip) {
+    lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset} ${chalk.red}[!] LAUNCH SCRUBBED. ${actualBlockers.length} BLOCKERS FOUND.${chalk.reset}${' '.repeat(WIDTH - 42)}${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
+    lines.push(`${chalk.gray}${BOX_SHIP.vertical}${' '.repeat(WIDTH - 2)}${BOX_SHIP.vertical}${chalk.reset}`);
+    lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset} > ${chalk.cyan}vibecheck ship --fix${chalk.reset}       [AUTO-PATCH] Resolve blockers automatically    ${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
+    lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset} > ${chalk.cyan}vibecheck report${chalk.reset}           [DEBRIEF]    View full HTML mission report     ${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
+  } else {
+    lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset} ${chalk.green}[✓] ORBITAL INSERTION CALCULATED.${chalk.reset}${' '.repeat(WIDTH - 36)}${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
+    lines.push(`${chalk.gray}${BOX_SHIP.vertical}${' '.repeat(WIDTH - 2)}${BOX_SHIP.vertical}${chalk.reset}`);
+    lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset} > ${chalk.cyan}git push origin main${chalk.reset}         [ENGAGE]     Proceed with deployment           ${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
+    lines.push(`${chalk.gray}${BOX_SHIP.vertical}${chalk.reset} > ${chalk.cyan}vibecheck prove${chalk.reset}              [RECORD]     Generate verification proof       ${chalk.gray}${BOX_SHIP.vertical}${chalk.reset}`);
   }
-  
-  // Report links
-  lines.push(renderReportLinks(outputDir, showFix));
-  
-  // Next steps (shows PRO upsell for verified badge if SHIP passed)
-  lines.push(renderNextSteps(canShip, showFix, { tier, showBadge }));
-  
-  return lines.filter(Boolean).join('\n');
+
+  // 8. Box Bottom
+  lines.push(`${chalk.gray}${BOX_SHIP.bottomLeft}${BOX_SHIP.horizontal.repeat(WIDTH - 2)}${BOX_SHIP.bottomRight}${chalk.reset}`);
+
+  return lines.join('\n');
 }
 
 // ═══════════════════════════════════════════════════════════════════════════════
@@ -868,18 +1070,6 @@ function renderProgressBar(percent, width, color) {
   return `${color}${'█'.repeat(filled)}${ansi.dim}${'░'.repeat(empty)}${ansi.reset}`;
 }
 
-function padCenter(str, width) {
-  const visibleLen = stripAnsi(str).length;
-  const padding = Math.max(0, width - visibleLen);
-  const left = Math.floor(padding / 2);
-  const right = padding - left;
-  return ' '.repeat(left) + str + ' '.repeat(right);
-}
-
-function stripAnsi(str) {
-  return str.replace(/\x1b\[[0-9;]*m/g, '');
-}
-
 // ═══════════════════════════════════════════════════════════════════════════════
 // EXIT CODES
 // ═══════════════════════════════════════════════════════════════════════════════