recoder-code 2.1.4 → 2.2.0

package/cli/interactive.js

@@ -143,7 +143,7 @@ class InteractiveRecoderChat {
     this.rl = readline.createInterface({
       input: process.stdin,
       output: process.stdout,
-      prompt: chalk.cyan('🤖 You: '),
+      prompt: chalk.magenta('▶ ') + chalk.white.bold('You: '),
       historySize: 100,
       removeHistoryDuplicates: true,
       completer: this.autoComplete.bind(this)
@@ -403,9 +403,9 @@ class InteractiveRecoderChat {
     const convIndicator = this.currentConversationId === 'main' ? '' : chalk.gray(`[${currentConv.name}] `);
     
     if (this.multiLineMode) {
-      this.rl.setPrompt(chalk.yellow('📝 ... '));
+      this.rl.setPrompt(chalk.magenta('┃ ') + chalk.gray('... '));
     } else {
-      this.rl.setPrompt(convIndicator + chalk.cyan('🤖 You: '));
+      this.rl.setPrompt(convIndicator + chalk.magenta('▶ ') + chalk.white.bold('You: '));
     }
   }
 
@@ -981,20 +981,40 @@ class InteractiveRecoderChat {
   displayWelcome() {
     console.clear();
     
-    // Simple welcome message like Claude Code
+    // Stunning purple/gray/black UI with recoder.xyz branding
     console.log('');
-    console.log(chalk.bold('✱ Welcome to Recoder-Code!'));
+    console.log(chalk.magenta.bold('╭─────────────────────────────────────────────────────────────────╮'));
+    console.log(chalk.magenta.bold('│') + chalk.black.bgMagenta.bold('                        RECODER.XYZ                        ') + chalk.magenta.bold('│'));
+    console.log(chalk.magenta.bold('│') + chalk.gray('                  AI-Powered Development Terminal              ') + chalk.magenta.bold('│'));
+    console.log(chalk.magenta.bold('╰─────────────────────────────────────────────────────────────────╯'));
     console.log('');
-    console.log(chalk.gray('/help for help, /status for your current setup'));
-    console.log('');
-    console.log(chalk.gray(`cwd: ${process.cwd()}`));
+    
+    // ASCII Art Logo
+    console.log(chalk.magenta.bold('██████╗ ███████╗ ██████╗ ██████╗ ██████╗ ███████╗██████╗'));
+    console.log(chalk.magenta.bold('██╔══██╗██╔════╝██╔════╝██╔═══██╗██╔══██╗██╔════╝██╔══██╗'));
+    console.log(chalk.magenta.bold('██████╔╝█████╗  ██║     ██║   ██║██║  ██║█████╗  ██████╔╝'));
+    console.log(chalk.gray('██╔══██╗██╔══╝  ██║     ██║   ██║██║  ██║██╔══╝  ██╔══██╗'));
+    console.log(chalk.gray('██║  ██║███████╗╚██████╗╚██████╔╝██████╔╝███████╗██║  ██║'));
+    console.log(chalk.gray('╚═╝  ╚═╝╚══════╝ ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝╚═╝  ╚═╝'));
     console.log('');
+    
+    // Status Bar
+    console.log(chalk.magenta('▶ ') + chalk.white.bold('Ready') + chalk.gray(' │ ') + chalk.gray(`${process.cwd()}`));
+    console.log(chalk.gray('─'.repeat(65)));
     console.log('');
+    
     // Show session suggestions if available
     this.showSessionSuggestions();
     
-    console.log(chalk.green('💬 Start chatting! Just type what you want to do.'));
-    console.log(chalk.white('✨ Examples: build a todo app, fix my login error, deploy this project'));
+    // Quick actions
+    console.log(chalk.magenta('⚡ ') + chalk.white.bold('Quick Actions:'));
+    console.log(chalk.gray('  • ') + chalk.cyan('/help') + chalk.gray(' - Show available commands'));
+    console.log(chalk.gray('  • ') + chalk.cyan('/status') + chalk.gray(' - System status & configuration'));
+    console.log(chalk.gray('  • ') + chalk.cyan('/models') + chalk.gray(' - Switch AI models'));
+    console.log('');
+    
+    console.log(chalk.magenta('💬 ') + chalk.white.bold('Start coding with AI assistance!'));
+    console.log(chalk.gray('✨ Try: ') + chalk.cyan('"build a React app"') + chalk.gray(' or ') + chalk.cyan('"debug my Python code"'));
     console.log('');
     
     this.rl.prompt();
@@ -1006,35 +1026,35 @@ class InteractiveRecoderChat {
       const projectStatus = this.projectManager.getProjectStatus();
       
       if (projectStatus.exists) {
-        console.log(chalk.cyan(`📂 Project: ${projectStatus.context.name}`));
-        console.log(chalk.gray(`   Todos: ${projectStatus.todos.pending} pending, ${projectStatus.todos.completed} completed`));
+        console.log(chalk.magenta('📂 ') + chalk.white.bold(`Project: ${projectStatus.context.name}`));
+        console.log(chalk.gray(`   • Todos: ${projectStatus.todos.pending} pending, ${projectStatus.todos.completed} completed`));
       }
       
       // Check for intelligent auto-resume candidate
       const resumeCandidate = this.projectManager.shouldOfferAutoResume();
       
       if (resumeCandidate) {
-        console.log(chalk.yellow('🔄 Resume Previous Session?'));
-        console.log(chalk.cyan(`   Session: ${resumeCandidate.id} (${resumeCandidate.activityDescription})`));
-        console.log(chalk.gray(`   Messages: ${resumeCandidate.messageCount} | Model: ${resumeCandidate.model}`));
+        console.log(chalk.magenta('🔄 ') + chalk.white.bold('Resume Previous Session?'));
+        console.log(chalk.gray(`   • Session: ${resumeCandidate.id} (${resumeCandidate.activityDescription})`));
+        console.log(chalk.gray(`   • Messages: ${resumeCandidate.messageCount} | Model: ${resumeCandidate.model}`));
         
         if (resumeCandidate.lastUserMessage) {
-          console.log(chalk.gray(`   Last: "${resumeCandidate.lastUserMessage}"`));
+          console.log(chalk.gray(`   • Last: "${resumeCandidate.lastUserMessage}"`));
         }
         
-        console.log(chalk.gray('   💡 Type /resume to continue or start fresh'));
+        console.log(chalk.gray('   💡 Type ') + chalk.cyan('/resume') + chalk.gray(' to continue or start fresh'));
         console.log('');
       } else {
         // Get recent sessions if no auto-resume candidate
         const recentSessions = this.projectManager.listSessions({ limit: 3 });
         
         if (recentSessions.length > 0) {
-          console.log(chalk.yellow('🕒 Recent Sessions:'));
+          console.log(chalk.magenta('🕒 ') + chalk.white.bold('Recent Sessions:'));
           recentSessions.forEach((session, index) => {
             const timeAgo = this.getTimeAgo(new Date(session.modified));
-            console.log(chalk.gray(`   ${index + 1}. ${session.id} - ${timeAgo} (${session.messageCount} messages)`));
+            console.log(chalk.gray(`   • ${session.id} - ${timeAgo} (${session.messageCount} messages)`));
           });
-          console.log(chalk.gray('   💡 Use /resume <id> to continue a session'));
+          console.log(chalk.gray('   💡 Use ') + chalk.cyan('/resume <id>') + chalk.gray(' to continue a session'));
           console.log('');
         }
       }
@@ -2905,7 +2925,7 @@ class InteractiveRecoderChat {
     // Update legacy reference
     this.conversationHistory = currentConv.history;
 
-    console.log(chalk.blue('\n🤖 Recoder: '), { end: '' });
+    console.log(chalk.magenta('\n🤖 ') + chalk.white.bold('Recoder: '), { end: '' });
 
     try {
       // Start API call timer
@@ -2937,7 +2957,7 @@ class InteractiveRecoderChat {
         if (response.usage) {
           currentConv.tokens += response.usage.total_tokens || 0;
           this.totalTokens += response.usage.total_tokens || 0;
-          console.log(chalk.gray(`\n💰 ${response.usage.prompt_tokens} + ${response.usage.completion_tokens} = ${response.usage.total_tokens} tokens`));
+          console.log(chalk.gray(`\n💎 ${response.usage.prompt_tokens} + ${response.usage.completion_tokens} = `) + chalk.magenta(`${response.usage.total_tokens} tokens`));
           
           // Log API call metrics
           const apiDuration = this.logger.endTimer('api_call');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "recoder-code",
-  "version": "2.1.4",
+  "version": "2.2.0",
   "description": "Complete AI-powered development platform with ML model training, plugin registry, real-time collaboration, monitoring, infrastructure automation, and enterprise deployment capabilities",
   "main": "index.js",
   "scripts": {