codebakers 2.5.0 → 2.5.3

package/dist/{prd-YAUSAL5V.js → prd-RYITSL6Q.js}

@@ -1,6 +1,6 @@
 import {
   prdCommand
-} from "./chunk-WZQNFV7Q.js";
+} from "./chunk-LANM5XQW.js";
 import "./chunk-ASIJIQYC.js";
 export {
   prdCommand

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codebakers",
-  "version": "2.5.0",
+  "version": "2.5.3",
   "description": "AI dev team that follows the rules. Build apps from anywhere with pattern enforcement.",
   "type": "module",
   "main": "dist/index.js",

package/src/commands/advisors.ts

@@ -1,6 +1,6 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import Anthropic from '@anthropic-ai/sdk';
 import { Config } from '../utils/config.js';

package/src/commands/build.ts

@@ -1,6 +1,6 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import Anthropic from '@anthropic-ai/sdk';
 import { execa } from 'execa';

package/src/commands/check.ts

@@ -1,6 +1,6 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import glob from 'fast-glob';
 import { Config } from '../utils/config.js';

package/src/commands/code.ts

@@ -1,6 +1,6 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import Anthropic from '@anthropic-ai/sdk';
 import { execa } from 'execa';

package/src/commands/deploy.ts

@@ -1,7 +1,7 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
 import { execa } from 'execa';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import Anthropic from '@anthropic-ai/sdk';
 import { Config } from '../utils/config.js';
@@ -230,7 +230,7 @@ ${chalk.bold('Type:')} ${deployType}
 ${chalk.bold('Time:')} ${new Date().toLocaleTimeString()}
 
 ${chalk.dim('View in Vercel Dashboard:')}
-${chalk.dim(deployment.dashboardUrl || 'https://vercel.com/dashboard')}
+${chalk.dim('https://vercel.com/dashboard')}
 `));
 
   } catch (error) {

package/src/commands/design.ts

@@ -1,6 +1,6 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import { Config } from '../utils/config.js';
 

package/src/commands/generate.ts

@@ -1,6 +1,6 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 
 export async function generateCommand(type?: string): Promise<void> {

package/src/commands/init.ts

@@ -1,6 +1,6 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import { execa } from 'execa';
 import { Config } from '../utils/config.js';
@@ -364,7 +364,14 @@ async function createLocalProject(
   await fs.ensureDir(path.join(projectPath, 'src', 'services'));
 
   // Create package.json
-  const packageJson = {
+  const packageJson: {
+    name: string;
+    version: string;
+    private: boolean;
+    scripts: Record<string, string>;
+    dependencies: Record<string, string>;
+    devDependencies: Record<string, string>;
+  } = {
     name: path.basename(projectPath),
     version: '0.1.0',
     private: true,

package/src/commands/integrate.ts

@@ -1,6 +1,6 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import open from 'open';
 import { Config } from '../utils/config.js';

package/src/commands/migrate.ts

@@ -1,7 +1,7 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
 import { execa } from 'execa';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import { Config } from '../utils/config.js';
 

package/src/commands/prd-maker.ts

@@ -1,10 +1,11 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import Anthropic from '@anthropic-ai/sdk';
+import { execa } from 'execa';
 import { Config } from '../utils/config.js';
-import { textWithVoice, getVoiceInput, checkVoiceAvailability } from '../utils/voice.js';
+import { textWithVoice } from '../utils/voice.js';
 
 interface PRDInput {
   projectName: string;

package/src/commands/prd.ts

@@ -1,6 +1,6 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import Anthropic from '@anthropic-ai/sdk';
 import { Config } from '../utils/config.js';

package/src/commands/security.ts

@@ -1,6 +1,6 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import glob from 'fast-glob';
 import * as path from 'path';
 

package/src/commands/status.ts

@@ -1,7 +1,7 @@
 // src/commands/status.ts
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import { Config } from '../utils/config.js';
 

package/src/commands/website.ts

@@ -1,12 +1,22 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import Anthropic from '@anthropic-ai/sdk';
 import { execa } from 'execa';
 import { Config } from '../utils/config.js';
 import { textWithVoice } from '../utils/voice.js';
 import { StepTracker, showError, showSuccess, showFileList, ERRORS } from '../utils/display.js';
+import { 
+  showMiniLogo, 
+  box, 
+  doubleBox, 
+  sectionHeader, 
+  showSuccessScreen, 
+  showErrorScreen,
+  showFileTree,
+  colors 
+} from '../utils/ui.js';
 
 // ============================================================================
 // WEBSITE TEMPLATES
@@ -136,39 +146,37 @@ export async function websiteCommand(): Promise<void> {
   const config = new Config();
 
   if (!config.isConfigured()) {
-    console.log(chalk.yellow(`
-  ⚠️  CodeBakers isn't set up yet.
-  
-  Run this first:
-    ${chalk.cyan('codebakers setup')}
-`));
+    showErrorScreen({
+      title: 'CodeBakers not configured',
+      message: 'Run setup first to connect your API keys.',
+      command: 'codebakers setup',
+    });
     return;
   }
 
   const anthropicCreds = config.getCredentials('anthropic');
   if (!anthropicCreds?.apiKey) {
-    console.log(chalk.yellow(`
-  ⚠️  Anthropic API key not configured.
-  
-  The website builder needs Claude AI to generate code.
-  
-  Run this to add your API key:
-    ${chalk.cyan('codebakers setup')}
-  
-  Get an API key at:
-    ${chalk.dim('https://console.anthropic.com/settings/keys')}
-`));
+    showErrorScreen({
+      title: 'Anthropic API key not configured',
+      message: 'The website builder needs Claude AI to generate code.',
+      fixes: [
+        'Run: codebakers setup',
+        'Get an API key at: console.anthropic.com',
+      ],
+      command: 'codebakers setup',
+    });
     return;
   }
 
-  console.log(chalk.cyan(`
-╔═══════════════════════════════════════════════════════════════╗
-║  🌐 WEBSITE BUILDER                                           ║
-║                                                               ║
-║  Describe your website in plain English.                      ║
-║  AI builds it in minutes.                                     ║
-╚═══════════════════════════════════════════════════════════════╝
-`));
+  console.clear();
+  showMiniLogo();
+  
+  doubleBox([
+    colors.primary('🌐 WEBSITE BUILDER'),
+    '',
+    colors.white('Describe your website in plain English.'),
+    colors.muted('AI builds it in minutes.'),
+  ]);
 
   // Step 1: Choose approach
   const approach = await p.select({
@@ -689,21 +697,21 @@ Make it production-quality and visually impressive.`
 
   // Show created files
   if (createdFiles.length > 0) {
-    showFileList('Files created', createdFiles.slice(0, 10));
+    showFileTree('Files created', createdFiles.slice(0, 10));
     if (createdFiles.length > 10) {
-      console.log(chalk.dim(`     ... and ${createdFiles.length - 10} more files`));
+      console.log(colors.muted(`     ... and ${createdFiles.length - 10} more files`));
     }
   }
 
-  // Success message
-  showSuccess({
+  // Success message with beautiful screen
+  showSuccessScreen({
     title: 'Website built successfully!',
     message: spec.description,
     stats: [
       { label: 'Project', value: spec.name },
-      { label: 'Files created', value: createdFiles.length.toString() },
+      { label: 'Files', value: createdFiles.length.toString() + ' created' },
       { label: 'Sections', value: spec.sections.length.toString() },
-      { label: 'Build time', value: steps.getElapsedTime() },
+      { label: 'Time', value: steps.getElapsedTime() },
     ],
     nextSteps: [
       `cd ${spec.name}`,
@@ -719,7 +727,7 @@ Make it production-quality and visually impressive.`
   });
 
   if (openDev && !p.isCancel(openDev)) {
-    console.log(chalk.dim('\n  Starting dev server...\n'));
+    console.log(colors.muted('\n  Starting dev server...\n'));
     
     // Change to project directory and run dev
     process.chdir(projectPath);

package/src/index.ts

@@ -29,18 +29,21 @@ import { buildCommand } from './commands/build.js';
 import { integrateCommand, INTEGRATIONS } from './commands/integrate.js';
 import { websiteCommand } from './commands/website.js';
 import { parseNaturalLanguage } from './utils/nlp.js';
-
-const VERSION = '2.5.0';
-
-// ASCII art logo
-const logo = `
-   ██████╗ ██████╗ ██████╗ ███████╗██████╗  █████╗ ██╗  ██╗███████╗██████╗ ███████╗
-  ██╔════╝██╔═══██╗██╔══██╗██╔════╝██╔══██╗██╔══██╗██║ ██╔╝██╔════╝██╔══██╗██╔════╝
-  ██║     ██║   ██║██║  ██║█████╗  ██████╔╝███████║█████╔╝ █████╗  ██████╔╝███████╗
-  ██║     ██║   ██║██║  ██║██╔══╝  ██╔══██╗██╔══██║██╔═██╗ ██╔══╝  ██╔══██╗╚════██║
-  ╚██████╗╚██████╔╝██████╔╝███████╗██████╔╝██║  ██║██║  ██╗███████╗██║  ██║███████║
-   ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚══════╝
-`;
+import { 
+  showLogo, 
+  showMiniLogo,
+  showMenuCards, 
+  showSuccessScreen, 
+  showErrorScreen,
+  box,
+  doubleBox,
+  divider,
+  sectionHeader,
+  colors,
+  headerGradient 
+} from './utils/ui.js';
+
+const VERSION = '2.5.3';
 
 // ============================================================================
 // MAIN MENU
@@ -49,21 +52,23 @@ const logo = `
 async function showMainMenu(): Promise<void> {
   const config = new Config();
 
-  // Show logo
-  console.log(gradient.pastel.multiline(logo));
-  console.log(chalk.dim(`  v${VERSION} — AI dev team that follows the rules\n`));
+  // Clear screen and show beautiful logo
+  console.clear();
+  showLogo();
+  console.log(colors.muted(`  v${VERSION}`));
+  console.log('');
 
   // Check setup status
   const hasAnthropic = !!config.getCredentials('anthropic')?.apiKey;
 
   // STEP 1: First time? Run setup
   if (!hasAnthropic) {
-    console.log(boxen(
-      chalk.yellow('Welcome to CodeBakers!\n\n') +
-      chalk.white('Let\'s connect your Anthropic API key so the AI can work.\n') +
-      chalk.dim('(Takes about 1 minute)'),
-      { padding: 1, borderColor: 'yellow', borderStyle: 'round' }
-    ));
+    doubleBox([
+      colors.warning('👋 Welcome to CodeBakers!'),
+      '',
+      colors.white("Let's connect your Anthropic API key so the AI can work."),
+      colors.muted('(Takes about 1 minute)'),
+    ], 'default');
     
     await setupCommand();
     
@@ -81,14 +86,18 @@ async function showMainMenu(): Promise<void> {
   // Show context
   if (inProject && projectConfig) {
     const framework = projectConfig.framework || 'detected';
-    console.log(chalk.cyan(`  📁 Working in: ${chalk.bold(folderName)}`));
-    console.log(chalk.dim(`     ${framework} project\n`));
+    box([
+      colors.secondary('📁 ') + colors.white(folderName),
+      colors.muted(`   ${framework} project`),
+    ]);
     
     // SHOW PROJECT MENU
     await showProjectMenu(config);
   } else {
-    console.log(chalk.cyan(`  📁 Current folder: ${chalk.bold(cwd)}`));
-    console.log(chalk.dim(`     Not a project folder\n`));
+    box([
+      colors.secondary('📁 ') + colors.white(cwd),
+      colors.muted('   Not a project folder'),
+    ]);
     
     // SHOW START MENU
     await showStartMenu(config);
@@ -100,25 +109,28 @@ async function showMainMenu(): Promise<void> {
 // ============================================================================
 
 async function showStartMenu(config: Config): Promise<void> {
-  console.log(chalk.cyan('\n  ℹ️  This folder doesn\'t have a project yet.\n'));
+  console.log(colors.muted('  This folder doesn\'t have a project yet.'));
+  console.log('');
   
   let keepRunning = true;
   
   while (keepRunning) {
-    console.log(chalk.white('  What would you like to do?\n'));
-    console.log(chalk.green('    1.') + ' 🌐 Build a website      ' + chalk.dim('- Describe it, AI builds it'));
-    console.log(chalk.green('    2.') + ' 🆕 Create new project   ' + chalk.dim('- Start with Next.js, React, etc.'));
-    console.log(chalk.green('    3.') + ' ✏️  Plan my project      ' + chalk.dim('- Create a detailed plan first'));
-    console.log(chalk.green('    4.') + ' 🏗️  Build from plan      ' + chalk.dim('- I already have a PRD file'));
-    console.log(chalk.green('    5.') + ' 🌟 Get expert advice    ' + chalk.dim('- AI consultants help you decide'));
-    console.log(chalk.green('    6.') + ' 🔌 Add a service        ' + chalk.dim('- Stripe, Supabase, Auth, etc.'));
-    console.log(chalk.green('    7.') + ' ⚙️  Settings             ' + chalk.dim('- API keys & preferences'));
-    console.log(chalk.green('    8.') + ' ❓ Help                  ' + chalk.dim('- Learn how CodeBakers works'));
-    console.log(chalk.green('    0.') + ' 🚪 Return to terminal   ' + chalk.dim('- Go back to command line'));
-    console.log('');
+    sectionHeader('What would you like to do?');
+    
+    showMenuCards([
+      { key: '1', icon: '🌐', label: 'Build a Website', description: 'Describe it, AI builds it' },
+      { key: '2', icon: '🆕', label: 'Create New Project', description: 'Start with Next.js, React' },
+      { key: '3', icon: '✏️', label: 'Plan My Project', description: 'Create a detailed plan' },
+      { key: '4', icon: '🏗️', label: 'Build from Plan', description: 'I have a PRD file' },
+      { key: '5', icon: '🌟', label: 'Get Expert Advice', description: 'AI consultants help' },
+      { key: '6', icon: '🔌', label: 'Add a Service', description: 'Stripe, Supabase, Auth' },
+      { key: '7', icon: '⚙️', label: 'Settings', description: 'API keys & preferences' },
+      { key: '8', icon: '❓', label: 'Help', description: 'Learn how it works' },
+      { key: '0', icon: '🚪', label: 'Exit', description: 'Return to terminal' },
+    ]);
 
     const choice = await p.text({
-      message: 'Enter a number (0-8):',
+      message: colors.primary('Enter a number (0-8):'),
       placeholder: '1',
       validate: (value) => {
         if (!/^[0-8]$/.test(value) && value !== '') return 'Please enter a number 0-8';
@@ -172,11 +184,11 @@ async function showStartMenu(config: Config): Promise<void> {
 
 function showExitMessage(): void {
   console.log('');
-  console.log(chalk.cyan('  ─────────────────────────────────────────────────'));
-  console.log(chalk.white('  You\'re back in the terminal.'));
+  divider();
+  console.log(colors.white('  You\'re back in the terminal.'));
   console.log('');
-  console.log(chalk.dim('  To start CodeBakers again, type:'));
-  console.log(chalk.green('    codebakers'));
+  console.log(colors.muted('  To start CodeBakers again, type:'));
+  console.log(colors.success('    codebakers'));
   console.log('');
   console.log(chalk.dim('  Quick commands you can run directly:'));
   console.log(chalk.dim('    codebakers website') + chalk.gray(' - Build a website'));

package/src/utils/display.ts

@@ -1,5 +1,18 @@
 import chalk from 'chalk';
 
+// ============================================================================
+// ANTHROPIC RESPONSE HELPER
+// ============================================================================
+
+/**
+ * Safely extract text from Anthropic API response
+ */
+export function getResponseText(response: { content: Array<{ type: string; text?: string }> }): string {
+  const firstContent = response.content?.[0];
+  if (!firstContent) return '';
+  return firstContent.type === 'text' && firstContent.text ? firstContent.text : '';
+}
+
 // ============================================================================
 // STEP TRACKER - Shows progress through multiple steps
 // ============================================================================

package/src/utils/files.ts

@@ -1,6 +1,6 @@
 import * as p from '@clack/prompts';
 import chalk from 'chalk';
-import * as fs from 'fs-extra';
+import fs from 'fs-extra';
 import * as path from 'path';
 import { execa } from 'execa';