@vibecheckai/cli 3.5.0 → 3.5.1

package/bin/runners/lib/cli-config-display.js

@@ -1,405 +0,0 @@
-/**
- * CLI Config Display - Beautiful configuration display for Vibecheck CLI
- * 
- * Provides:
- * - Config file visualization
- * - Environment variable display
- * - Project info cards
- * - Dependency trees
- * - Settings panels
- */
-
-"use strict";
-
-const {
-  ansi,
-  sym,
-  box,
-  padRight,
-  padLeft,
-  center,
-  truncate,
-  visibleLength,
-  getTierBadge,
-  formatBytes,
-} = require("./unified-cli-output");
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// PROJECT INFO CARD
-// ═══════════════════════════════════════════════════════════════════════════════
-
-/**
- * Display a project info card
- * @param {Object} info - Project information
- */
-function projectCard(info) {
-  const {
-    name,
-    version,
-    description,
-    path,
-    framework,
-    language,
-    packageManager,
-    nodeVersion,
-  } = info;
-
-  const width = 60;
-  const lines = [];
-
-  lines.push(`  ${ansi.gray}${box.rTopLeft}${box.horizontal.repeat(width - 2)}${box.rTopRight}${ansi.reset}`);
-  
-  // Name and version
-  const titleLine = `${ansi.bold}${name}${ansi.reset}${version ? ` ${ansi.dim}v${version}${ansi.reset}` : ''}`;
-  lines.push(`  ${ansi.gray}${box.vertical}${ansi.reset} ${sym.folder} ${titleLine}${' '.repeat(width - visibleLength(titleLine) - 6)}${ansi.gray}${box.vertical}${ansi.reset}`);
-  
-  // Description
-  if (description) {
-    const desc = truncate(description, width - 6);
-    lines.push(`  ${ansi.gray}${box.vertical}${ansi.reset}   ${ansi.dim}${desc}${ansi.reset}${' '.repeat(width - desc.length - 6)}${ansi.gray}${box.vertical}${ansi.reset}`);
-  }
-  
-  lines.push(`  ${ansi.gray}${box.vertical}${box.horizontal.repeat(width - 2)}${box.vertical}${ansi.reset}`);
-  
-  // Info rows
-  const rows = [];
-  if (framework) rows.push({ label: 'Framework', value: framework });
-  if (language) rows.push({ label: 'Language', value: language });
-  if (packageManager) rows.push({ label: 'Package Manager', value: packageManager });
-  if (nodeVersion) rows.push({ label: 'Node.js', value: nodeVersion });
-  if (path) rows.push({ label: 'Path', value: truncate(path, 35) });
-  
-  for (const row of rows) {
-    const label = padRight(row.label, 18);
-    const value = truncate(String(row.value), 35);
-    lines.push(`  ${ansi.gray}${box.vertical}${ansi.reset} ${ansi.gray}${label}${ansi.reset}${value}${' '.repeat(width - 20 - value.length)}${ansi.gray}${box.vertical}${ansi.reset}`);
-  }
-  
-  lines.push(`  ${ansi.gray}${box.rBottomLeft}${box.horizontal.repeat(width - 2)}${box.rBottomRight}${ansi.reset}`);
-
-  return lines.join('\n');
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// CONFIG FILE DISPLAY
-// ═══════════════════════════════════════════════════════════════════════════════
-
-/**
- * Display config file contents
- * @param {Object} config - Configuration object
- * @param {Object} options
- */
-function configDisplay(config, options = {}) {
-  const { title = 'Configuration', showDefaults = false, maxDepth = 3 } = options;
-  const lines = [];
-
-  lines.push(`\n  ${ansi.bold}${title}${ansi.reset}`);
-  lines.push(`  ${ansi.gray}${box.horizontal.repeat(50)}${ansi.reset}`);
-
-  function renderValue(value, depth = 0) {
-    const indent = '  '.repeat(depth + 1);
-    
-    if (value === null) return `${ansi.dim}null${ansi.reset}`;
-    if (value === undefined) return `${ansi.dim}undefined${ansi.reset}`;
-    if (typeof value === 'boolean') return value ? `${ansi.green}true${ansi.reset}` : `${ansi.red}false${ansi.reset}`;
-    if (typeof value === 'number') return `${ansi.cyan}${value}${ansi.reset}`;
-    if (typeof value === 'string') {
-      if (value.startsWith('http')) return `${ansi.blue}${value}${ansi.reset}`;
-      if (value.includes('/') || value.includes('\\')) return `${ansi.yellow}${value}${ansi.reset}`;
-      return `${ansi.green}"${value}"${ansi.reset}`;
-    }
-    if (Array.isArray(value)) {
-      if (value.length === 0) return `${ansi.dim}[]${ansi.reset}`;
-      if (depth >= maxDepth) return `${ansi.dim}[${value.length} items]${ansi.reset}`;
-      return `[${value.map(v => renderValue(v, depth)).join(', ')}]`;
-    }
-    if (typeof value === 'object') {
-      if (Object.keys(value).length === 0) return `${ansi.dim}{}${ansi.reset}`;
-      if (depth >= maxDepth) return `${ansi.dim}{...}${ansi.reset}`;
-      return null; // Will be expanded
-    }
-    return String(value);
-  }
-
-  function renderObject(obj, depth = 0) {
-    const indent = '  '.repeat(depth + 1);
-    
-    for (const [key, value] of Object.entries(obj)) {
-      const rendered = renderValue(value, depth);
-      
-      if (rendered !== null) {
-        lines.push(`${indent}${ansi.gray}${key}:${ansi.reset} ${rendered}`);
-      } else {
-        lines.push(`${indent}${ansi.gray}${key}:${ansi.reset}`);
-        renderObject(value, depth + 1);
-      }
-    }
-  }
-
-  renderObject(config);
-  lines.push('');
-
-  return lines.join('\n');
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// ENVIRONMENT VARIABLES DISPLAY
-// ═══════════════════════════════════════════════════════════════════════════════
-
-/**
- * Display environment variables
- * @param {Object} env - Environment variables
- * @param {Object} options
- */
-function envDisplay(env, options = {}) {
-  const { title = 'Environment Variables', maskSecrets = true } = options;
-  const lines = [];
-
-  const secretPatterns = ['key', 'secret', 'token', 'password', 'api_key', 'auth'];
-
-  lines.push(`\n  ${ansi.bold}${title}${ansi.reset}`);
-  lines.push(`  ${ansi.gray}${box.horizontal.repeat(60)}${ansi.reset}`);
-
-  for (const [key, value] of Object.entries(env)) {
-    const isSecret = maskSecrets && secretPatterns.some(p => key.toLowerCase().includes(p));
-    const displayValue = isSecret 
-      ? `${ansi.dim}${'*'.repeat(Math.min(value.length, 20))}${ansi.reset}`
-      : value.length > 40 
-        ? `${truncate(value, 40)}${ansi.dim}...${ansi.reset}`
-        : value;
-    
-    const icon = isSecret ? sym.lock : ' ';
-    lines.push(`  ${icon} ${ansi.cyan}${padRight(key, 30)}${ansi.reset} ${displayValue}`);
-  }
-
-  lines.push('');
-  return lines.join('\n');
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// DEPENDENCY TREE
-// ═══════════════════════════════════════════════════════════════════════════════
-
-/**
- * Display dependency tree
- * @param {Object} deps - Dependencies object
- * @param {Object} options
- */
-function dependencyTree(deps, options = {}) {
-  const { 
-    title = 'Dependencies', 
-    showVersion = true,
-    maxDisplay = 20,
-    categorize = false,
-  } = options;
-  
-  const lines = [];
-
-  lines.push(`\n  ${ansi.bold}${title}${ansi.reset}`);
-  lines.push(`  ${ansi.gray}${box.horizontal.repeat(50)}${ansi.reset}`);
-
-  const entries = Object.entries(deps);
-  const displayEntries = entries.slice(0, maxDisplay);
-
-  if (categorize) {
-    // Categorize by type
-    const categories = {
-      'vibecheck': [],
-      'framework': [],
-      'other': [],
-    };
-
-    for (const [name, version] of displayEntries) {
-      if (name.includes('vibecheck') || name.includes('vibecheckai')) {
-        categories.vibecheck.push([name, version]);
-      } else if (['react', 'vue', 'angular', 'next', 'nuxt', 'express', 'fastify'].some(f => name.includes(f))) {
-        categories.framework.push([name, version]);
-      } else {
-        categories.other.push([name, version]);
-      }
-    }
-
-    for (const [category, items] of Object.entries(categories)) {
-      if (items.length === 0) continue;
-      lines.push(`\n  ${ansi.dim}${category}${ansi.reset}`);
-      for (const [name, version] of items) {
-        const versionStr = showVersion ? ` ${ansi.dim}${version}${ansi.reset}` : '';
-        lines.push(`    ${sym.bullet} ${ansi.cyan}${name}${ansi.reset}${versionStr}`);
-      }
-    }
-  } else {
-    for (const [name, version] of displayEntries) {
-      const versionStr = showVersion ? ` ${ansi.dim}${version}${ansi.reset}` : '';
-      lines.push(`  ${sym.bullet} ${ansi.cyan}${name}${ansi.reset}${versionStr}`);
-    }
-  }
-
-  if (entries.length > maxDisplay) {
-    lines.push(`  ${ansi.dim}... and ${entries.length - maxDisplay} more${ansi.reset}`);
-  }
-
-  lines.push('');
-  return lines.join('\n');
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// SETTINGS PANEL
-// ═══════════════════════════════════════════════════════════════════════════════
-
-/**
- * Display settings panel
- * @param {Array<{label: string, value: any, enabled?: boolean}>} settings
- */
-function settingsPanel(settings, options = {}) {
-  const { title = 'Settings' } = options;
-  const lines = [];
-  const width = 55;
-
-  lines.push(`\n  ${ansi.gray}${box.topLeft}${box.horizontal.repeat(width - 2)}${box.topRight}${ansi.reset}`);
-  lines.push(`  ${ansi.gray}${box.vertical}${ansi.reset} ${ansi.bold}${title}${ansi.reset}${' '.repeat(width - title.length - 4)}${ansi.gray}${box.vertical}${ansi.reset}`);
-  lines.push(`  ${ansi.gray}${box.vertical}${box.horizontal.repeat(width - 2)}${box.vertical}${ansi.reset}`);
-
-  for (const setting of settings) {
-    const enabled = setting.enabled !== undefined ? setting.enabled : true;
-    const statusIcon = enabled 
-      ? `${ansi.green}${sym.check}${ansi.reset}` 
-      : `${ansi.red}${sym.cross}${ansi.reset}`;
-    
-    let valueStr;
-    if (typeof setting.value === 'boolean') {
-      valueStr = setting.value ? `${ansi.green}On${ansi.reset}` : `${ansi.dim}Off${ansi.reset}`;
-    } else {
-      valueStr = `${ansi.cyan}${setting.value}${ansi.reset}`;
-    }
-    
-    const label = padRight(setting.label, 25);
-    lines.push(`  ${ansi.gray}${box.vertical}${ansi.reset} ${statusIcon} ${label} ${valueStr}${' '.repeat(width - 35 - visibleLength(valueStr))}${ansi.gray}${box.vertical}${ansi.reset}`);
-  }
-
-  lines.push(`  ${ansi.gray}${box.bottomLeft}${box.horizontal.repeat(width - 2)}${box.bottomRight}${ansi.reset}`);
-  lines.push('');
-
-  return lines.join('\n');
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// FILE STATS DISPLAY
-// ═══════════════════════════════════════════════════════════════════════════════
-
-/**
- * Display file statistics
- * @param {Object} stats - File statistics
- */
-function fileStats(stats) {
-  const {
-    totalFiles,
-    totalLines,
-    totalSize,
-    byExtension,
-    largest,
-  } = stats;
-
-  const lines = [];
-  
-  lines.push(`\n  ${ansi.bold}File Statistics${ansi.reset}`);
-  lines.push(`  ${ansi.gray}${box.horizontal.repeat(50)}${ansi.reset}`);
-  
-  lines.push(`  ${sym.file} Total Files:  ${ansi.bold}${totalFiles}${ansi.reset}`);
-  if (totalLines) lines.push(`  ${sym.file} Total Lines:  ${ansi.bold}${totalLines.toLocaleString()}${ansi.reset}`);
-  if (totalSize) lines.push(`  ${sym.package} Total Size:   ${ansi.bold}${formatBytes(totalSize)}${ansi.reset}`);
-  
-  if (byExtension && Object.keys(byExtension).length > 0) {
-    lines.push('');
-    lines.push(`  ${ansi.dim}By Extension:${ansi.reset}`);
-    
-    const sorted = Object.entries(byExtension)
-      .sort((a, b) => b[1] - a[1])
-      .slice(0, 10);
-    
-    const maxCount = sorted[0]?.[1] || 1;
-    
-    for (const [ext, count] of sorted) {
-      const barWidth = Math.round((count / maxCount) * 20);
-      const bar = `${ansi.cyan}${'█'.repeat(barWidth)}${ansi.gray}${'░'.repeat(20 - barWidth)}${ansi.reset}`;
-      lines.push(`    ${padRight(ext, 10)} ${bar} ${ansi.bold}${count}${ansi.reset}`);
-    }
-  }
-  
-  if (largest && largest.length > 0) {
-    lines.push('');
-    lines.push(`  ${ansi.dim}Largest Files:${ansi.reset}`);
-    for (const file of largest.slice(0, 5)) {
-      lines.push(`    ${sym.file} ${truncate(file.path, 35)} ${ansi.dim}(${formatBytes(file.size)})${ansi.reset}`);
-    }
-  }
-  
-  lines.push('');
-  return lines.join('\n');
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// TIER COMPARISON
-// ═══════════════════════════════════════════════════════════════════════════════
-
-/**
- * Display tier comparison
- * @param {string} currentTier - Current tier
- */
-function tierComparison(currentTier = 'free') {
-  const tiers = [
-    { name: 'free', features: ['Basic scanning', 'CLI access', '10 scans/day'] },
-    { name: 'starter', features: ['Auto-fix suggestions', 'AI explanations', 'Unlimited scans', 'Badge generation'] },
-    { name: 'pro', features: ['Reality proof', 'CI/CD integration', 'Team features', 'Priority support'] },
-    { name: 'enterprise', features: ['SSO/SAML', 'Custom rules', 'SLA', 'Dedicated support'] },
-  ];
-
-  const lines = [];
-  const colWidth = 18;
-  
-  lines.push(`\n  ${ansi.bold}Plan Comparison${ansi.reset}`);
-  lines.push(`  ${ansi.gray}${box.horizontal.repeat(75)}${ansi.reset}`);
-  
-  // Header
-  let header = `  ${padRight('', 25)}`;
-  for (const tier of tiers) {
-    const badge = tier.name === currentTier ? `${ansi.green}★ ${ansi.reset}` : '  ';
-    header += badge + center(tier.name.toUpperCase(), colWidth - 2);
-  }
-  lines.push(header);
-  lines.push(`  ${ansi.gray}${box.horizontal.repeat(75)}${ansi.reset}`);
-  
-  // Features (simplified view)
-  const allFeatures = [...new Set(tiers.flatMap(t => t.features))];
-  
-  for (const tier of tiers) {
-    const icon = tier.name === currentTier ? `${ansi.green}▶${ansi.reset}` : ' ';
-    const tierBadge = getTierBadge(tier.name);
-    lines.push(`  ${icon} ${tierBadge}`);
-    for (const feature of tier.features) {
-      lines.push(`      ${ansi.gray}${sym.bullet}${ansi.reset} ${feature}`);
-    }
-    lines.push('');
-  }
-  
-  lines.push(`  ${ansi.dim}Current plan: ${getTierBadge(currentTier)}${ansi.reset}`);
-  if (currentTier === 'free') {
-    lines.push(`  ${ansi.dim}Upgrade at: ${ansi.cyan}https://vibecheckai.dev/pricing${ansi.reset}`);
-  }
-  lines.push('');
-  
-  return lines.join('\n');
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// EXPORTS
-// ═══════════════════════════════════════════════════════════════════════════════
-
-module.exports = {
-  projectCard,
-  configDisplay,
-  envDisplay,
-  dependencyTree,
-  settingsPanel,
-  fileStats,
-  tierComparison,
-};

package/bin/runners/lib/cli-demo.js

@@ -1,275 +0,0 @@
-#!/usr/bin/env node
-/**
- * CLI Demo - Demonstrates all Vibecheck CLI output styles
- * 
- * Run with: node bin/runners/lib/cli-demo.js
- */
-
-"use strict";
-
-const {
-  ansi,
-  sym,
-  box,
-  Spinner,
-  progressBar,
-  renderTable,
-  renderMinimalHeader,
-  renderSectionHeader,
-  renderVerdict,
-  renderFindings,
-  renderSuccess,
-  renderError,
-  renderWarning,
-  renderInfo,
-  renderBullet,
-  renderKeyValue,
-  renderDoctorResults,
-  renderFooter,
-  formatDuration,
-  getTierBadge,
-} = require("./unified-cli-output");
-
-const {
-  horizontalBarChart,
-  sparkline,
-  trendIndicator,
-  severityBreakdown,
-  comparisonTable,
-  statsSummary,
-  healthGauge,
-  activityHeatmap,
-} = require("./cli-charts");
-
-const { renderMainHelp } = require("./cli-help-formatter");
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// DEMO SECTIONS
-// ═══════════════════════════════════════════════════════════════════════════════
-
-function demoHeader() {
-  console.log(`
-${ansi.bold}${ansi.cyan}╔════════════════════════════════════════════════════════════════════════╗${ansi.reset}
-${ansi.bold}${ansi.cyan}║${ansi.reset}                                                                        ${ansi.bold}${ansi.cyan}║${ansi.reset}
-${ansi.bold}${ansi.cyan}║${ansi.reset}   ${ansi.bold}VIBECHECK CLI OUTPUT DEMO${ansi.reset}                                         ${ansi.bold}${ansi.cyan}║${ansi.reset}
-${ansi.bold}${ansi.cyan}║${ansi.reset}   ${ansi.dim}Showcasing all available output styles${ansi.reset}                            ${ansi.bold}${ansi.cyan}║${ansi.reset}
-${ansi.bold}${ansi.cyan}║${ansi.reset}                                                                        ${ansi.bold}${ansi.cyan}║${ansi.reset}
-${ansi.bold}${ansi.cyan}╚════════════════════════════════════════════════════════════════════════╝${ansi.reset}
-`);
-}
-
-function demoMinimalHeaders() {
-  renderSectionHeader('Minimal Headers', sym.sparkles);
-  
-  console.log('  Different commands with tier badges:\n');
-  renderMinimalHeader('scan', 'free');
-  renderMinimalHeader('ship', 'pro');
-  renderMinimalHeader('fix', 'pro');
-}
-
-function demoStatusMessages() {
-  renderSectionHeader('Status Messages', sym.info);
-  
-  renderSuccess('Operation completed successfully');
-  renderError('Something went wrong');
-  renderWarning('This might cause issues');
-  renderInfo('Here is some information');
-  renderBullet('A simple bullet point');
-  console.log();
-}
-
-function demoSpinner() {
-  renderSectionHeader('Spinner', sym.clock);
-  
-  console.log('  Spinner states (simulated):\n');
-  console.log(`  ${ansi.cyan}⠋${ansi.reset} Analyzing files... ${ansi.dim}0.0s${ansi.reset}`);
-  console.log(`  ${ansi.green}${sym.check}${ansi.reset} Analyzing files ${ansi.dim}2.3s${ansi.reset}`);
-  console.log(`  ${ansi.red}${sym.cross}${ansi.reset} Failed to connect ${ansi.dim}5.0s${ansi.reset}`);
-  console.log(`  ${ansi.yellow}${sym.warning}${ansi.reset} Completed with warnings ${ansi.dim}1.5s${ansi.reset}`);
-  console.log();
-}
-
-function demoProgressBar() {
-  renderSectionHeader('Progress Bars', sym.chart);
-  
-  console.log('  Different progress levels:\n');
-  console.log(`  ${ansi.gray}0%  ${ansi.reset} ${progressBar(0, 40)}`);
-  console.log(`  ${ansi.gray}25% ${ansi.reset} ${progressBar(25, 40)}`);
-  console.log(`  ${ansi.gray}50% ${ansi.reset} ${progressBar(50, 40)}`);
-  console.log(`  ${ansi.gray}75% ${ansi.reset} ${progressBar(75, 40)}`);
-  console.log(`  ${ansi.gray}100%${ansi.reset} ${progressBar(100, 40)}`);
-  console.log();
-}
-
-function demoVerdicts() {
-  renderSectionHeader('Verdict Cards', sym.rocket);
-  
-  renderVerdict('SHIP', 95);
-  renderVerdict('WARN', 72);
-  renderVerdict('BLOCK', 35);
-}
-
-function demoTables() {
-  renderSectionHeader('Tables', sym.file);
-  
-  console.log(renderTable({
-    title: 'Scan Results by File',
-    columns: [
-      { header: 'File', key: 'file', width: 25 },
-      { header: 'Issues', key: 'issues', width: 8, align: 'right' },
-      { header: 'Status', key: 'status', width: 12 },
-    ],
-    data: [
-      { file: 'src/api/users.ts', issues: 3, status: `${ansi.red}Critical${ansi.reset}` },
-      { file: 'src/lib/auth.ts', issues: 1, status: `${ansi.yellow}Warning${ansi.reset}` },
-      { file: 'src/utils/db.ts', issues: 0, status: `${ansi.green}Clean${ansi.reset}` },
-      { file: 'src/pages/index.tsx', issues: 2, status: `${ansi.yellow}Warning${ansi.reset}` },
-    ],
-  }));
-  console.log();
-}
-
-function demoFindings() {
-  renderSectionHeader('Findings Display', sym.warning);
-  
-  renderFindings([
-    { severity: 'critical', category: 'Mock Data', message: 'Found fake API responses in api/users.ts' },
-    { severity: 'high', category: 'Secrets', message: 'API key exposed in config/auth.js' },
-    { severity: 'medium', category: 'Routes', message: '/api/legacy/users returns 404' },
-    { severity: 'low', category: 'Performance', message: 'Large bundle size detected (2.3MB)' },
-  ]);
-  console.log();
-}
-
-function demoKeyValue() {
-  renderSectionHeader('Key-Value Display', sym.key);
-  
-  renderKeyValue([
-    { label: 'User', value: `${ansi.bold}John Doe${ansi.reset} ${ansi.dim}(usr_abc123)${ansi.reset}` },
-    { label: 'Plan', value: getTierBadge('pro') },
-    { label: 'Source', value: 'Environment Variable' },
-    { label: 'Limits', value: 'unlimited runs/month' },
-    { label: 'Expires', value: `${ansi.yellow}in 7 days${ansi.reset}` },
-  ]);
-  console.log();
-}
-
-function demoDoctor() {
-  renderSectionHeader('Doctor Results', sym.doctor);
-  
-  renderDoctorResults([
-    { name: 'Node.js', status: 'pass', message: 'v20.10.0' },
-    { name: 'npm', status: 'pass', message: 'v10.2.3' },
-    { name: 'TypeScript', status: 'warn', message: 'Not found', fix: 'npm install -D typescript' },
-    { name: 'Config', status: 'pass', message: '.vibecheckrc found' },
-    { name: 'Dependencies', status: 'pass', message: '142 packages' },
-    { name: 'Git', status: 'pass', message: 'Clean working tree' },
-  ]);
-  console.log();
-}
-
-function demoCharts() {
-  renderSectionHeader('Charts & Visualizations', sym.chart);
-  
-  // Bar chart
-  console.log(horizontalBarChart([
-    { label: 'Critical', value: 3, color: ansi.red },
-    { label: 'High', value: 7, color: ansi.yellow },
-    { label: 'Medium', value: 12, color: ansi.yellow },
-    { label: 'Low', value: 8, color: ansi.blue },
-  ], { title: 'Issues by Severity', width: 30, showPercent: true }));
-  console.log();
-
-  // Sparkline
-  console.log(`  ${ansi.gray}Weekly scan scores:${ansi.reset} ${sparkline([65, 72, 68, 75, 80, 78, 85])} ${ansi.dim}(last 7 days)${ansi.reset}`);
-  console.log();
-
-  // Trend indicators
-  console.log(`  ${ansi.gray}Score trend:${ansi.reset}   ${trendIndicator(85, 72)} ${ansi.dim}(improved)${ansi.reset}`);
-  console.log(`  ${ansi.gray}Issues trend:${ansi.reset}  ${trendIndicator(5, 12, { reverse: true })} ${ansi.dim}(fewer issues)${ansi.reset}`);
-  console.log();
-
-  // Health gauge
-  console.log(healthGauge(85));
-  console.log();
-
-  // Stats summary
-  console.log(statsSummary([
-    { label: 'Files', value: '142', icon: sym.file },
-    { label: 'Issues', value: '7', icon: sym.warning },
-    { label: 'Time', value: '2.3s', icon: sym.clock },
-  ]));
-  console.log();
-
-  // Activity heatmap
-  console.log(activityHeatmap([3, 7, 5, 8, 4, 1, 2]));
-  console.log();
-}
-
-function demoComparison() {
-  renderSectionHeader('Comparison Tables', sym.chart);
-  
-  console.log(comparisonTable([
-    { label: 'Health Score', before: 72, after: 85 },
-    { label: 'Critical Issues', before: 5, after: 2, reverse: true },
-    { label: 'Warnings', before: 12, after: 8, reverse: true },
-    { label: 'Files Scanned', before: 120, after: 142 },
-  ], { title: 'Before vs After Fix', beforeLabel: 'Before', afterLabel: 'After' }));
-  console.log();
-}
-
-function demoTierBadges() {
-  renderSectionHeader('Tier Badges', sym.star);
-  
-  console.log(`  ${getTierBadge('free')}      Free tier features`);
-  console.log(`  ${getTierBadge('pro')}       Pro tier features`);
-  console.log();
-}
-
-function demoFooter() {
-  renderSectionHeader('Footer with Next Steps', sym.pointer);
-  
-  renderFooter({
-    nextSteps: [
-      { cmd: 'vibecheck fix --plan', desc: 'see suggested fixes' },
-      { cmd: 'vibecheck ship --badge', desc: 'generate status badge' },
-      { cmd: 'vibecheck guard', desc: 'run AI guardrails' },
-    ],
-    showUpsell: true,
-    tier: 'free',
-  });
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// RUN DEMO
-// ═══════════════════════════════════════════════════════════════════════════════
-
-function runDemo() {
-  demoHeader();
-  demoMinimalHeaders();
-  demoStatusMessages();
-  demoSpinner();
-  demoProgressBar();
-  demoVerdicts();
-  demoTables();
-  demoFindings();
-  demoKeyValue();
-  demoDoctor();
-  demoCharts();
-  demoComparison();
-  demoTierBadges();
-  demoFooter();
-
-  console.log(`
-${ansi.gray}${box.horizontal.repeat(72)}${ansi.reset}
-${ansi.dim}End of CLI Output Demo${ansi.reset}
-${ansi.dim}These styles are used across all Vibecheck CLI commands for consistency.${ansi.reset}
-`);
-}
-
-// Run if called directly
-if (require.main === module) {
-  runDemo();
-}
-
-module.exports = { runDemo };