@vibecheckai/cli 3.1.0 → 3.1.2

package/bin/runners/lib/doctor/ui.js

@@ -1,263 +1,263 @@
-/**
- * Doctor CLI UI Components
- * 
- * Beautiful terminal output for the Doctor service
- */
-
-const { SEVERITY, CATEGORY_META } = require('./types');
-
-// ANSI color codes
-const c = {
-  reset: '\x1b[0m',
-  bold: '\x1b[1m',
-  dim: '\x1b[2m',
-  italic: '\x1b[3m',
-  underline: '\x1b[4m',
-  
-  black: '\x1b[30m',
-  red: '\x1b[31m',
-  green: '\x1b[32m',
-  yellow: '\x1b[33m',
-  blue: '\x1b[34m',
-  magenta: '\x1b[35m',
-  cyan: '\x1b[36m',
-  white: '\x1b[37m',
-  
-  bgRed: '\x1b[41m',
-  bgGreen: '\x1b[42m',
-  bgYellow: '\x1b[43m',
-  bgBlue: '\x1b[44m',
-  bgMagenta: '\x1b[45m',
-  bgCyan: '\x1b[46m',
-};
-
-const SEVERITY_CONFIG = {
-  [SEVERITY.PASS]: { icon: '✓', color: c.green, label: 'PASS' },
-  [SEVERITY.INFO]: { icon: 'ℹ', color: c.blue, label: 'INFO' },
-  [SEVERITY.WARNING]: { icon: '!', color: c.yellow, label: 'WARN' },
-  [SEVERITY.ERROR]: { icon: '✗', color: c.red, label: 'ERROR' },
-  [SEVERITY.CRITICAL]: { icon: '⛔', color: `${c.bgRed}${c.white}`, label: 'CRIT' },
-};
-
-const BOX_CHARS = {
-  topLeft: '╔',
-  topRight: '╗',
-  bottomLeft: '╚',
-  bottomRight: '╝',
-  horizontal: '═',
-  vertical: '║',
-  lightHorizontal: '─',
-};
-
-function box(width = 74) {
-  return {
-    top: `${c.cyan}${BOX_CHARS.topLeft}${BOX_CHARS.horizontal.repeat(width)}${BOX_CHARS.topRight}${c.reset}`,
-    bottom: `${c.cyan}${BOX_CHARS.bottomLeft}${BOX_CHARS.horizontal.repeat(width)}${BOX_CHARS.bottomRight}${c.reset}`,
-    line: (content, align = 'left') => {
-      const stripped = stripAnsi(content);
-      const padding = width - stripped.length;
-      const left = align === 'center' ? Math.floor(padding / 2) : 0;
-      const right = padding - left;
-      return `${c.cyan}${BOX_CHARS.vertical}${c.reset}${' '.repeat(left)}${content}${' '.repeat(right)}${c.cyan}${BOX_CHARS.vertical}${c.reset}`;
-    },
-    empty: `${c.cyan}${BOX_CHARS.vertical}${c.reset}${' '.repeat(width)}${c.cyan}${BOX_CHARS.vertical}${c.reset}`,
-  };
-}
-
-function stripAnsi(str) {
-  return str.replace(/\x1b\[[0-9;]*m/g, '');
-}
-
-function printHeader() {
-  const b = box();
-  console.log('');
-  console.log(b.top);
-  console.log(b.empty);
-  console.log(b.line(`${c.bold}🩺 VIBECHECK DOCTOR${c.reset}`, 'center'));
-  console.log(b.line(`${c.dim}Enterprise Environment Diagnostics${c.reset}`, 'center'));
-  console.log(b.empty);
-  console.log(b.bottom);
-  console.log('');
-}
-
-function printCategoryHeader(category) {
-  const meta = CATEGORY_META[category] || { name: category, icon: '📋' };
-  console.log(`${c.cyan}${meta.icon} ${c.bold}${meta.name}${c.reset}`);
-  console.log(`${c.dim}${BOX_CHARS.lightHorizontal.repeat(50)}${c.reset}`);
-}
-
-function printDiagnostic(diagnostic, options = {}) {
-  const { showDetail = true, showFixes = true, indent = '   ' } = options;
-  const config = SEVERITY_CONFIG[diagnostic.severity] || SEVERITY_CONFIG[SEVERITY.INFO];
-  
-  // Main line
-  console.log(`${indent}${config.color}${config.icon}${c.reset} ${diagnostic.message}`);
-  
-  // Detail
-  if (showDetail && diagnostic.detail) {
-    console.log(`${indent}  ${c.dim}${diagnostic.detail}${c.reset}`);
-  }
-  
-  // First fix hint
-  if (showFixes && diagnostic.fixes && diagnostic.fixes.length > 0) {
-    const fix = diagnostic.fixes[0];
-    if (fix.command) {
-      console.log(`${indent}  ${c.cyan}→ ${fix.command}${c.reset}`);
-    } else if (fix.url) {
-      console.log(`${indent}  ${c.cyan}→ ${fix.url}${c.reset}`);
-    } else if (fix.description) {
-      console.log(`${indent}  ${c.cyan}→ ${fix.description}${c.reset}`);
-    }
-  }
-}
-
-function printProgress(name, total, current) {
-  const percent = Math.round((current / total) * 100);
-  const barWidth = 20;
-  const filled = Math.round((current / total) * barWidth);
-  const bar = '█'.repeat(filled) + '░'.repeat(barWidth - filled);
-  
-  process.stdout.write(`\r${c.dim}${name}${c.reset} [${c.cyan}${bar}${c.reset}] ${percent}%`);
-}
-
-function clearProgress() {
-  process.stdout.write('\r' + ' '.repeat(60) + '\r');
-}
-
-function printSpinner(message, frame = 0) {
-  const frames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-  process.stdout.write(`\r${c.cyan}${frames[frame % frames.length]}${c.reset} ${message}`);
-  return (frame + 1) % frames.length;
-}
-
-function printIssuesSummary(diagnostics) {
-  const critical = diagnostics.filter(d => d.severity === SEVERITY.CRITICAL);
-  const errors = diagnostics.filter(d => d.severity === SEVERITY.ERROR);
-  const warnings = diagnostics.filter(d => d.severity === SEVERITY.WARNING);
-  
-  if (critical.length === 0 && errors.length === 0 && warnings.length === 0) {
-    return;
-  }
-  
-  const b = box();
-  console.log(b.top);
-  console.log(b.line(`${c.bold}ISSUES FOUND${c.reset}`));
-  console.log(b.bottom);
-  console.log('');
-  
-  if (critical.length > 0) {
-    console.log(`${c.bgRed}${c.white}${c.bold} CRITICAL (${critical.length}) ${c.reset} — Must fix immediately\n`);
-    for (const d of critical) {
-      console.log(`   ${c.red}●${c.reset} ${c.bold}${d.name}${c.reset}`);
-      console.log(`     ${c.dim}${d.message}${c.reset}`);
-      if (d.fixes?.[0]?.command) {
-        console.log(`     ${c.cyan}→ ${d.fixes[0].command}${c.reset}`);
-      }
-      console.log('');
-    }
-  }
-  
-  if (errors.length > 0) {
-    console.log(`${c.red}${c.bold}❌ ERRORS (${errors.length})${c.reset} — Must fix before using vibecheck\n`);
-    for (const d of errors) {
-      console.log(`   ${c.red}●${c.reset} ${c.bold}${d.name}${c.reset}`);
-      console.log(`     ${c.dim}${d.message}${c.reset}`);
-      if (d.fixes?.[0]?.command) {
-        console.log(`     ${c.cyan}→ ${d.fixes[0].command}${c.reset}`);
-      }
-      console.log('');
-    }
-  }
-  
-  if (warnings.length > 0) {
-    console.log(`${c.yellow}${c.bold}⚠️  WARNINGS (${warnings.length})${c.reset} — Recommended fixes\n`);
-    for (const d of warnings) {
-      console.log(`   ${c.yellow}●${c.reset} ${c.bold}${d.name}${c.reset}`);
-      console.log(`     ${c.dim}${d.message}${c.reset}`);
-      if (d.fixes?.[0]?.command) {
-        console.log(`     ${c.cyan}→ ${d.fixes[0].command}${c.reset}`);
-      }
-      console.log('');
-    }
-  }
-}
-
-function printFinalSummary(summary, durationMs) {
-  const b = box();
-  
-  const healthColor = summary.healthScore >= 80 ? c.green 
-    : summary.healthScore >= 60 ? c.yellow 
-    : c.red;
-  const healthIcon = summary.healthScore >= 80 ? '💚' 
-    : summary.healthScore >= 60 ? '💛' 
-    : '❤️';
-  
-  const verdictColor = {
-    HEALTHY: c.green,
-    DEGRADED: c.yellow,
-    UNHEALTHY: c.red,
-    CRITICAL: `${c.bgRed}${c.white}`,
-  }[summary.verdict] || c.white;
-  
-  console.log(b.top);
-  console.log(b.empty);
-  console.log(b.line(`${healthIcon} ${c.bold}Health Score: ${healthColor}${summary.healthScore}%${c.reset}`));
-  console.log(b.line(`   ${c.bold}Verdict: ${verdictColor}${summary.verdict}${c.reset}`));
-  console.log(b.empty);
-  console.log(b.line(`${c.green}✓ ${summary.passed} passed${c.reset}  ${c.blue}ℹ ${summary.info} info${c.reset}  ${c.yellow}! ${summary.warnings} warnings${c.reset}  ${c.red}✗ ${summary.errors} errors${c.reset}  ${summary.critical > 0 ? `${c.bgRed}${c.white}⛔ ${summary.critical}${c.reset}` : ''}`));
-  console.log(b.line(`${c.dim}Completed ${summary.total} checks in ${(durationMs / 1000).toFixed(1)}s${c.reset}`));
-  console.log(b.empty);
-  console.log(b.bottom);
-  console.log('');
-  
-  // Final message
-  if (summary.critical > 0) {
-    console.log(`${c.bgRed}${c.white}${c.bold} ⛔ CRITICAL ISSUES DETECTED ${c.reset}`);
-    console.log(`${c.red}Fix critical issues immediately before proceeding.${c.reset}\n`);
-  } else if (summary.errors > 0) {
-    console.log(`${c.red}${c.bold}⚠ Fix the errors above before running vibecheck.${c.reset}\n`);
-  } else if (summary.warnings > 0) {
-    console.log(`${c.yellow}Your environment is ready, but consider fixing the warnings.${c.reset}\n`);
-  } else {
-    console.log(`${c.green}${c.bold}✓ Your environment is perfectly configured!${c.reset}\n`);
-  }
-}
-
-function printAutoFixResults(results) {
-  console.log('');
-  console.log(`${c.cyan}${c.bold}🔧 Auto-Fix Results${c.reset}`);
-  console.log(`${c.dim}${BOX_CHARS.lightHorizontal.repeat(50)}${c.reset}`);
-  
-  console.log(`   Attempted: ${results.attempted}`);
-  console.log(`   ${c.green}Succeeded: ${results.succeeded}${c.reset}`);
-  console.log(`   ${c.red}Failed: ${results.failed}${c.reset}`);
-  console.log(`   ${c.dim}Skipped: ${results.skipped}${c.reset}`);
-  console.log('');
-  
-  for (const r of results.results) {
-    const icon = r.status === 'success' ? `${c.green}✓${c.reset}` 
-      : r.status === 'failed' ? `${c.red}✗${c.reset}`
-      : `${c.dim}○${c.reset}`;
-    console.log(`   ${icon} ${r.diagnosticName}: ${r.status}`);
-    if (r.error) {
-      console.log(`     ${c.dim}${r.error}${c.reset}`);
-    }
-  }
-  console.log('');
-}
-
-module.exports = {
-  c,
-  SEVERITY_CONFIG,
-  box,
-  stripAnsi,
-  printHeader,
-  printCategoryHeader,
-  printDiagnostic,
-  printProgress,
-  clearProgress,
-  printSpinner,
-  printIssuesSummary,
-  printFinalSummary,
-  printAutoFixResults,
-};
+/**
+ * Doctor CLI UI Components
+ * 
+ * Beautiful terminal output for the Doctor service
+ */
+
+const { SEVERITY, CATEGORY_META } = require('./types');
+
+// ANSI color codes
+const c = {
+  reset: '\x1b[0m',
+  bold: '\x1b[1m',
+  dim: '\x1b[2m',
+  italic: '\x1b[3m',
+  underline: '\x1b[4m',
+  
+  black: '\x1b[30m',
+  red: '\x1b[31m',
+  green: '\x1b[32m',
+  yellow: '\x1b[33m',
+  blue: '\x1b[34m',
+  magenta: '\x1b[35m',
+  cyan: '\x1b[36m',
+  white: '\x1b[37m',
+  
+  bgRed: '\x1b[41m',
+  bgGreen: '\x1b[42m',
+  bgYellow: '\x1b[43m',
+  bgBlue: '\x1b[44m',
+  bgMagenta: '\x1b[45m',
+  bgCyan: '\x1b[46m',
+};
+
+const SEVERITY_CONFIG = {
+  [SEVERITY.PASS]: { icon: '✓', color: c.green, label: 'PASS' },
+  [SEVERITY.INFO]: { icon: 'ℹ', color: c.blue, label: 'INFO' },
+  [SEVERITY.WARNING]: { icon: '!', color: c.yellow, label: 'WARN' },
+  [SEVERITY.ERROR]: { icon: '✗', color: c.red, label: 'ERROR' },
+  [SEVERITY.CRITICAL]: { icon: '⛔', color: `${c.bgRed}${c.white}`, label: 'CRIT' },
+};
+
+const BOX_CHARS = {
+  topLeft: '╔',
+  topRight: '╗',
+  bottomLeft: '╚',
+  bottomRight: '╝',
+  horizontal: '═',
+  vertical: '║',
+  lightHorizontal: '─',
+};
+
+function box(width = 74) {
+  return {
+    top: `${c.cyan}${BOX_CHARS.topLeft}${BOX_CHARS.horizontal.repeat(width)}${BOX_CHARS.topRight}${c.reset}`,
+    bottom: `${c.cyan}${BOX_CHARS.bottomLeft}${BOX_CHARS.horizontal.repeat(width)}${BOX_CHARS.bottomRight}${c.reset}`,
+    line: (content, align = 'left') => {
+      const stripped = stripAnsi(content);
+      const padding = width - stripped.length;
+      const left = align === 'center' ? Math.floor(padding / 2) : 0;
+      const right = padding - left;
+      return `${c.cyan}${BOX_CHARS.vertical}${c.reset}${' '.repeat(left)}${content}${' '.repeat(right)}${c.cyan}${BOX_CHARS.vertical}${c.reset}`;
+    },
+    empty: `${c.cyan}${BOX_CHARS.vertical}${c.reset}${' '.repeat(width)}${c.cyan}${BOX_CHARS.vertical}${c.reset}`,
+  };
+}
+
+function stripAnsi(str) {
+  return str.replace(/\x1b\[[0-9;]*m/g, '');
+}
+
+function printHeader() {
+  const b = box();
+  console.log('');
+  console.log(b.top);
+  console.log(b.empty);
+  console.log(b.line(`${c.bold}🩺 VIBECHECK DOCTOR${c.reset}`, 'center'));
+  console.log(b.line(`${c.dim}Enterprise Environment Diagnostics${c.reset}`, 'center'));
+  console.log(b.empty);
+  console.log(b.bottom);
+  console.log('');
+}
+
+function printCategoryHeader(category) {
+  const meta = CATEGORY_META[category] || { name: category, icon: '📋' };
+  console.log(`${c.cyan}${meta.icon} ${c.bold}${meta.name}${c.reset}`);
+  console.log(`${c.dim}${BOX_CHARS.lightHorizontal.repeat(50)}${c.reset}`);
+}
+
+function printDiagnostic(diagnostic, options = {}) {
+  const { showDetail = true, showFixes = true, indent = '   ' } = options;
+  const config = SEVERITY_CONFIG[diagnostic.severity] || SEVERITY_CONFIG[SEVERITY.INFO];
+  
+  // Main line
+  console.log(`${indent}${config.color}${config.icon}${c.reset} ${diagnostic.message}`);
+  
+  // Detail
+  if (showDetail && diagnostic.detail) {
+    console.log(`${indent}  ${c.dim}${diagnostic.detail}${c.reset}`);
+  }
+  
+  // First fix hint
+  if (showFixes && diagnostic.fixes && diagnostic.fixes.length > 0) {
+    const fix = diagnostic.fixes[0];
+    if (fix.command) {
+      console.log(`${indent}  ${c.cyan}→ ${fix.command}${c.reset}`);
+    } else if (fix.url) {
+      console.log(`${indent}  ${c.cyan}→ ${fix.url}${c.reset}`);
+    } else if (fix.description) {
+      console.log(`${indent}  ${c.cyan}→ ${fix.description}${c.reset}`);
+    }
+  }
+}
+
+function printProgress(name, total, current) {
+  const percent = Math.round((current / total) * 100);
+  const barWidth = 20;
+  const filled = Math.round((current / total) * barWidth);
+  const bar = '█'.repeat(filled) + '░'.repeat(barWidth - filled);
+  
+  process.stdout.write(`\r${c.dim}${name}${c.reset} [${c.cyan}${bar}${c.reset}] ${percent}%`);
+}
+
+function clearProgress() {
+  process.stdout.write('\r' + ' '.repeat(60) + '\r');
+}
+
+function printSpinner(message, frame = 0) {
+  const frames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+  process.stdout.write(`\r${c.cyan}${frames[frame % frames.length]}${c.reset} ${message}`);
+  return (frame + 1) % frames.length;
+}
+
+function printIssuesSummary(diagnostics) {
+  const critical = diagnostics.filter(d => d.severity === SEVERITY.CRITICAL);
+  const errors = diagnostics.filter(d => d.severity === SEVERITY.ERROR);
+  const warnings = diagnostics.filter(d => d.severity === SEVERITY.WARNING);
+  
+  if (critical.length === 0 && errors.length === 0 && warnings.length === 0) {
+    return;
+  }
+  
+  const b = box();
+  console.log(b.top);
+  console.log(b.line(`${c.bold}ISSUES FOUND${c.reset}`));
+  console.log(b.bottom);
+  console.log('');
+  
+  if (critical.length > 0) {
+    console.log(`${c.bgRed}${c.white}${c.bold} CRITICAL (${critical.length}) ${c.reset} — Must fix immediately\n`);
+    for (const d of critical) {
+      console.log(`   ${c.red}●${c.reset} ${c.bold}${d.name}${c.reset}`);
+      console.log(`     ${c.dim}${d.message}${c.reset}`);
+      if (d.fixes?.[0]?.command) {
+        console.log(`     ${c.cyan}→ ${d.fixes[0].command}${c.reset}`);
+      }
+      console.log('');
+    }
+  }
+  
+  if (errors.length > 0) {
+    console.log(`${c.red}${c.bold}❌ ERRORS (${errors.length})${c.reset} — Must fix before using vibecheck\n`);
+    for (const d of errors) {
+      console.log(`   ${c.red}●${c.reset} ${c.bold}${d.name}${c.reset}`);
+      console.log(`     ${c.dim}${d.message}${c.reset}`);
+      if (d.fixes?.[0]?.command) {
+        console.log(`     ${c.cyan}→ ${d.fixes[0].command}${c.reset}`);
+      }
+      console.log('');
+    }
+  }
+  
+  if (warnings.length > 0) {
+    console.log(`${c.yellow}${c.bold}⚠️  WARNINGS (${warnings.length})${c.reset} — Recommended fixes\n`);
+    for (const d of warnings) {
+      console.log(`   ${c.yellow}●${c.reset} ${c.bold}${d.name}${c.reset}`);
+      console.log(`     ${c.dim}${d.message}${c.reset}`);
+      if (d.fixes?.[0]?.command) {
+        console.log(`     ${c.cyan}→ ${d.fixes[0].command}${c.reset}`);
+      }
+      console.log('');
+    }
+  }
+}
+
+function printFinalSummary(summary, durationMs) {
+  const b = box();
+  
+  const healthColor = summary.healthScore >= 80 ? c.green 
+    : summary.healthScore >= 60 ? c.yellow 
+    : c.red;
+  const healthIcon = summary.healthScore >= 80 ? '💚' 
+    : summary.healthScore >= 60 ? '💛' 
+    : '❤️';
+  
+  const verdictColor = {
+    HEALTHY: c.green,
+    DEGRADED: c.yellow,
+    UNHEALTHY: c.red,
+    CRITICAL: `${c.bgRed}${c.white}`,
+  }[summary.verdict] || c.white;
+  
+  console.log(b.top);
+  console.log(b.empty);
+  console.log(b.line(`${healthIcon} ${c.bold}Health Score: ${healthColor}${summary.healthScore}%${c.reset}`));
+  console.log(b.line(`   ${c.bold}Verdict: ${verdictColor}${summary.verdict}${c.reset}`));
+  console.log(b.empty);
+  console.log(b.line(`${c.green}✓ ${summary.passed} passed${c.reset}  ${c.blue}ℹ ${summary.info} info${c.reset}  ${c.yellow}! ${summary.warnings} warnings${c.reset}  ${c.red}✗ ${summary.errors} errors${c.reset}  ${summary.critical > 0 ? `${c.bgRed}${c.white}⛔ ${summary.critical}${c.reset}` : ''}`));
+  console.log(b.line(`${c.dim}Completed ${summary.total} checks in ${(durationMs / 1000).toFixed(1)}s${c.reset}`));
+  console.log(b.empty);
+  console.log(b.bottom);
+  console.log('');
+  
+  // Final message
+  if (summary.critical > 0) {
+    console.log(`${c.bgRed}${c.white}${c.bold} ⛔ CRITICAL ISSUES DETECTED ${c.reset}`);
+    console.log(`${c.red}Fix critical issues immediately before proceeding.${c.reset}\n`);
+  } else if (summary.errors > 0) {
+    console.log(`${c.red}${c.bold}⚠ Fix the errors above before running vibecheck.${c.reset}\n`);
+  } else if (summary.warnings > 0) {
+    console.log(`${c.yellow}Your environment is ready, but consider fixing the warnings.${c.reset}\n`);
+  } else {
+    console.log(`${c.green}${c.bold}✓ Your environment is perfectly configured!${c.reset}\n`);
+  }
+}
+
+function printAutoFixResults(results) {
+  console.log('');
+  console.log(`${c.cyan}${c.bold}🔧 Auto-Fix Results${c.reset}`);
+  console.log(`${c.dim}${BOX_CHARS.lightHorizontal.repeat(50)}${c.reset}`);
+  
+  console.log(`   Attempted: ${results.attempted}`);
+  console.log(`   ${c.green}Succeeded: ${results.succeeded}${c.reset}`);
+  console.log(`   ${c.red}Failed: ${results.failed}${c.reset}`);
+  console.log(`   ${c.dim}Skipped: ${results.skipped}${c.reset}`);
+  console.log('');
+  
+  for (const r of results.results) {
+    const icon = r.status === 'success' ? `${c.green}✓${c.reset}` 
+      : r.status === 'failed' ? `${c.red}✗${c.reset}`
+      : `${c.dim}○${c.reset}`;
+    console.log(`   ${icon} ${r.diagnosticName}: ${r.status}`);
+    if (r.error) {
+      console.log(`     ${c.dim}${r.error}${c.reset}`);
+    }
+  }
+  console.log('');
+}
+
+module.exports = {
+  c,
+  SEVERITY_CONFIG,
+  box,
+  stripAnsi,
+  printHeader,
+  printCategoryHeader,
+  printDiagnostic,
+  printProgress,
+  clearProgress,
+  printSpinner,
+  printIssuesSummary,
+  printFinalSummary,
+  printAutoFixResults,
+};