vibecodingmachine-cli 2026.2.26-1752 → 2026.3.9-1621

package/src/commands/auto-direct/auto-status-display.js

@@ -0,0 +1,331 @@
+/**
+ * Auto Mode Status Display
+ * 
+ * Handles status display and UI components for auto mode
+ */
+
+const chalk = require('chalk');
+const { getStages, DEFAULT_STAGES } = require('../../../utils/config');
+const { stripAnsi, padToVisualWidth } = require('./auto-utils');
+
+// Global status mode tracking
+let currentStatusMode = 'active';
+
+/**
+ * Print status card with current workflow information
+ */
+function printStatusCard(currentTitle, currentStatus, mode = 'active') {
+  currentStatusMode = mode; // Update global mode tracking
+  
+  const stages = configuredStages || DEFAULT_STAGES;
+  const currentStageIndex = stages.indexOf(currentStatus);
+  
+  // Build status card
+  const width = 60;
+  const border = '─'.repeat(width);
+  
+  console.log(chalk.cyan(`┌─ ${border} ─┐`));
+  console.log(chalk.cyan('│') + padToVisualWidth(`  🤖 Auto Mode Status`, width - 4) + chalk.cyan('│'));
+  console.log(chalk.cyan(`├─ ${border} ─┤`));
+  
+  // Current requirement
+  if (currentTitle) {
+    const titleLine = `  📋 ${currentTitle}`;
+    console.log(chalk.cyan('│') + padToVisualWidth(titleLine, width - 4) + chalk.cyan('│'));
+  }
+  
+  // Current stage
+  const statusIcon = getStatusIcon(currentStatus, mode);
+  const statusLine = `  ${statusIcon} ${currentStatus}`;
+  console.log(chalk.cyan('│') + padToVisualWidth(statusLine, width - 4) + chalk.cyan('│'));
+  
+  // Progress bar
+  if (currentStageIndex >= 0) {
+    const progress = ((currentStageIndex + 1) / stages.length) * 100;
+    const progressBar = createProgressBar(progress, width - 8);
+    console.log(chalk.cyan('│') + padToVisualWidth(`  ${progressBar}`, width - 4) + chalk.cyan('│'));
+  }
+  
+  console.log(chalk.cyan(`└─ ${border} ─┘`));
+}
+
+/**
+ * Get status icon based on status and mode
+ */
+function getStatusIcon(status, mode) {
+  const statusIcons = {
+    'PREPARE': '🔧',
+    'REPRODUCE': '🔄',
+    'ACT': '⚡',
+    'CLEAN UP': '🧹',
+    'VERIFY': '✅',
+    'DONE': '🎉'
+  };
+  
+  const baseIcon = statusIcons[status] || '❓';
+  
+  if (mode === 'waiting') {
+    return '⏳';
+  } else if (mode === 'stopped') {
+    return '⏹️';
+  }
+  
+  return baseIcon;
+}
+
+/**
+ * Create progress bar
+ */
+function createProgressBar(percentage, width) {
+  const filled = Math.round((percentage / 100) * width);
+  const empty = width - filled;
+  
+  const filledBar = '█'.repeat(filled);
+  const emptyBar = '░'.repeat(empty);
+  
+  return chalk.green(filledBar) + chalk.gray(emptyBar) + ` ${Math.round(percentage)}%`;
+}
+
+/**
+ * Print workflow stages with current stage highlighted
+ */
+function printWorkflowStages(currentStatus) {
+  const stages = configuredStages || DEFAULT_STAGES;
+  const currentIndex = stages.indexOf(currentStatus);
+  
+  console.log(chalk.blue('\n🔄 Workflow Stages:'));
+  
+  stages.forEach((stage, index) => {
+    const isCurrent = index === currentIndex;
+    const isCompleted = index < currentIndex;
+    const isPending = index > currentIndex;
+    
+    let icon = '⭕';
+    let color = chalk.gray;
+    
+    if (isCurrent) {
+      icon = '🔵';
+      color = chalk.blue;
+    } else if (isCompleted) {
+      icon = '✅';
+      color = chalk.green;
+    } else if (isPending) {
+      icon = '⭕';
+      color = chalk.gray;
+    }
+    
+    const stageText = `${icon} ${stage}`;
+    console.log(color(`  ${stageText}`));
+  });
+  
+  console.log();
+}
+
+/**
+ * Print provider information
+ */
+function printProviderInfo(providerName, providerConfig) {
+  console.log(chalk.blue('\n🔌 Provider Information:'));
+  console.log(chalk.cyan(`  Provider: ${providerName}`));
+  
+  if (providerConfig.model) {
+    console.log(chalk.cyan(`  Model: ${providerConfig.model}`));
+  }
+  
+  if (providerConfig.baseUrl) {
+    console.log(chalk.cyan(`  Base URL: ${providerConfig.baseUrl}`));
+  }
+  
+  if (providerConfig.region) {
+    console.log(chalk.cyan(`  Region: ${providerConfig.region}`));
+  }
+  
+  console.log();
+}
+
+/**
+ * Print rate limit warning
+ */
+function printRateLimitWarning(providerName, waitTime) {
+  const waitMinutes = Math.ceil(waitTime / 60000);
+  console.log(chalk.yellow(`\n⚠️  Rate limit detected for ${providerName}`));
+  console.log(chalk.yellow(`   Waiting ${waitMinutes} minute(s) before retry...`));
+  console.log();
+}
+
+/**
+ * Print error information
+ */
+function printError(error, context = '') {
+  console.log(chalk.red(`\n❌ Error${context ? ` (${context})` : ''}:`));
+  console.log(chalk.red(`   ${error.message}`));
+  
+  if (error.stack && process.env.DEBUG) {
+    console.log(chalk.gray(`   Stack trace:\n${error.stack}`));
+  }
+  
+  console.log();
+}
+
+/**
+ * Print success message
+ */
+function printSuccess(message) {
+  console.log(chalk.green(`\n✅ ${message}`));
+  console.log();
+}
+
+/**
+ * Print warning message
+ */
+function printWarning(message) {
+  console.log(chalk.yellow(`\n⚠️  ${message}`));
+  console.log();
+}
+
+/**
+ * Print info message
+ */
+function printInfo(message) {
+  console.log(chalk.blue(`\nℹ️  ${message}`));
+  console.log();
+}
+
+/**
+ * Print debug message (only in debug mode)
+ */
+function printDebug(message) {
+  if (process.env.DEBUG || process.env.VERBOSE) {
+    console.log(chalk.gray(`🐛 DEBUG: ${message}`));
+  }
+}
+
+/**
+ * Create spinner animation
+ */
+function createSpinner(text) {
+  const frames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+  let index = 0;
+  
+  return {
+    start: () => {
+      process.stdout.write(`\r${frames[index]} ${text}`);
+      index = (index + 1) % frames.length;
+    },
+    stop: (finalText = text) => {
+      process.stdout.write(`\r✅ ${finalText}\n`);
+    }
+  };
+}
+
+/**
+ * Print file change summary
+ */
+function printFileChangeSummary(changes) {
+  if (!changes || changes.length === 0) {
+    return;
+  }
+  
+  console.log(chalk.blue('\n📁 File Changes:'));
+  
+  changes.forEach(change => {
+    const icon = getFileChangeIcon(change.type);
+    const color = getFileChangeColor(change.type);
+    console.log(color(`  ${icon} ${change.path}`));
+    
+    if (change.type === 'modify' && change.linesAdded) {
+      console.log(chalk.gray(`     +${change.linesAdded} -${change.linesRemoved || 0} lines`));
+    }
+  });
+  
+  console.log();
+}
+
+/**
+ * Get file change icon
+ */
+function getFileChangeIcon(type) {
+  const icons = {
+    'create': '📝',
+    'modify': '✏️',
+    'delete': '🗑️',
+    'move': '📂',
+    'copy': '📋'
+  };
+  
+  return icons[type] || '📄';
+}
+
+/**
+ * Get file change color
+ */
+function getFileChangeColor(type) {
+  const colors = {
+    'create': chalk.green,
+    'modify': chalk.yellow,
+    'delete': chalk.red,
+    'move': chalk.blue,
+    'copy': chalk.cyan
+  };
+  
+  return colors[type] || chalk.gray;
+}
+
+/**
+ * Print iteration summary
+ */
+function printIterationSummary(iteration, total, title, status) {
+  const percentage = Math.round((iteration / total) * 100);
+  const icon = status === 'completed' ? '✅' : '🔄';
+  
+  console.log(chalk.blue(`${icon} Iteration ${iteration}/${total} (${percentage}%) - ${title}`));
+}
+
+/**
+ * Print timing information
+ */
+function printTiming(startTime, endTime) {
+  const duration = endTime - startTime;
+  const seconds = Math.round(duration / 1000);
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = seconds % 60;
+  
+  if (minutes > 0) {
+    console.log(chalk.gray(`⏱️  Duration: ${minutes}m ${remainingSeconds}s`));
+  } else {
+    console.log(chalk.gray(`⏱️  Duration: ${seconds}s`));
+  }
+}
+
+/**
+ * Clear current line (for spinner updates)
+ */
+function clearLine() {
+  process.stdout.write('\r\x1b[K');
+}
+
+// Export configured stages (will be set by main module)
+let configuredStages = null;
+
+function setConfiguredStages(stages) {
+  configuredStages = stages;
+}
+
+module.exports = {
+  printStatusCard,
+  printWorkflowStages,
+  printProviderInfo,
+  printRateLimitWarning,
+  printError,
+  printSuccess,
+  printWarning,
+  printInfo,
+  printDebug,
+  createSpinner,
+  printFileChangeSummary,
+  printIterationSummary,
+  printTiming,
+  clearLine,
+  setConfiguredStages,
+  currentStatusMode
+};