codebakers 2.1.0 → 2.2.0

package/dist/index.js

@@ -11,8 +11,8 @@ import {
 
 // src/index.ts
 import { Command } from "commander";
-import * as p20 from "@clack/prompts";
-import chalk20 from "chalk";
+import * as p21 from "@clack/prompts";
+import chalk21 from "chalk";
 import boxen from "boxen";
 import gradient from "gradient-string";
 
@@ -43,6 +43,159 @@ async function checkForUpdates() {
 import * as p from "@clack/prompts";
 import chalk2 from "chalk";
 import open from "open";
+var SERVICES = {
+  anthropic: {
+    key: "anthropic",
+    name: "Anthropic (Claude)",
+    description: "Powers the AI coding agent",
+    whyNeeded: "Without this, CodeBakers cannot generate any code. This is the brain of the system.",
+    url: "https://console.anthropic.com/settings/keys",
+    urlDescription: "Create an API key",
+    fields: [{
+      key: "apiKey",
+      label: "Anthropic API Key",
+      placeholder: "sk-ant-...",
+      validate: (v) => {
+        if (!v) return "API key is required";
+        if (!v.startsWith("sk-ant-")) return "Should start with sk-ant-";
+        return void 0;
+      }
+    }]
+  },
+  github: {
+    key: "github",
+    name: "GitHub",
+    description: "Create repos and push code",
+    whyNeeded: "Without this, CodeBakers cannot create repositories or save your code to GitHub.",
+    url: "https://github.com/settings/tokens/new?scopes=repo,user&description=CodeBakers",
+    urlDescription: 'Create a token with "repo" and "user" scopes checked',
+    fields: [{
+      key: "token",
+      label: "GitHub Token",
+      placeholder: "ghp_... or github_pat_...",
+      validate: (v) => {
+        if (!v) return "Token is required";
+        if (!v.startsWith("ghp_") && !v.startsWith("github_pat_")) {
+          return "Should start with ghp_ or github_pat_";
+        }
+        return void 0;
+      }
+    }]
+  },
+  vercel: {
+    key: "vercel",
+    name: "Vercel",
+    description: "Deploy your apps to production",
+    whyNeeded: "Without this, CodeBakers cannot deploy your apps. You'll have to deploy manually.",
+    url: "https://vercel.com/account/tokens",
+    urlDescription: 'Click "Create" to generate a new token',
+    fields: [{
+      key: "token",
+      label: "Vercel Token",
+      placeholder: "vercel_..."
+    }]
+  },
+  supabase: {
+    key: "supabase",
+    name: "Supabase",
+    description: "Database and authentication",
+    whyNeeded: "Without this, CodeBakers cannot create databases for your apps. You'll need to set up databases manually.",
+    url: "https://supabase.com/dashboard/account/tokens",
+    urlDescription: "Generate a new access token",
+    fields: [{
+      key: "accessToken",
+      label: "Supabase Access Token",
+      placeholder: "sbp_..."
+    }]
+  },
+  openai: {
+    key: "openai",
+    name: "OpenAI",
+    description: "GPT models, embeddings, DALL-E",
+    whyNeeded: "Optional. Only needed if you want to use OpenAI models instead of or alongside Claude.",
+    url: "https://platform.openai.com/api-keys",
+    urlDescription: "Create a new API key",
+    fields: [{
+      key: "apiKey",
+      label: "OpenAI API Key",
+      placeholder: "sk-..."
+    }]
+  },
+  stripe: {
+    key: "stripe",
+    name: "Stripe",
+    description: "Payment processing",
+    whyNeeded: "Optional. Only needed if your app accepts payments.",
+    url: "https://dashboard.stripe.com/apikeys",
+    urlDescription: "Copy your Secret key (sk_live or sk_test)",
+    fields: [{
+      key: "secretKey",
+      label: "Stripe Secret Key",
+      placeholder: "sk_live_... or sk_test_..."
+    }]
+  },
+  twilio: {
+    key: "twilio",
+    name: "Twilio",
+    description: "SMS, voice calls, WhatsApp",
+    whyNeeded: "Optional. Only needed if your app sends SMS or makes calls.",
+    url: "https://console.twilio.com/",
+    urlDescription: "Find Account SID and Auth Token on the dashboard",
+    fields: [
+      {
+        key: "accountSid",
+        label: "Account SID",
+        placeholder: "AC..."
+      },
+      {
+        key: "authToken",
+        label: "Auth Token",
+        placeholder: "..."
+      }
+    ]
+  },
+  resend: {
+    key: "resend",
+    name: "Resend",
+    description: "Email sending",
+    whyNeeded: "Optional. Only needed if your app sends emails.",
+    url: "https://resend.com/api-keys",
+    urlDescription: "Create an API key",
+    fields: [{
+      key: "apiKey",
+      label: "Resend API Key",
+      placeholder: "re_..."
+    }]
+  },
+  vapi: {
+    key: "vapi",
+    name: "VAPI",
+    description: "Voice AI agents",
+    whyNeeded: "Optional. Only needed if you're building voice agents.",
+    url: "https://dashboard.vapi.ai/",
+    urlDescription: "Copy your API key from the dashboard",
+    fields: [{
+      key: "apiKey",
+      label: "VAPI API Key",
+      placeholder: "..."
+    }]
+  },
+  elevenlabs: {
+    key: "elevenlabs",
+    name: "ElevenLabs",
+    description: "AI voice generation",
+    whyNeeded: "Optional. Only needed if you want AI-generated voices.",
+    url: "https://elevenlabs.io/app/settings/api-keys",
+    urlDescription: "Create an API key",
+    fields: [{
+      key: "apiKey",
+      label: "ElevenLabs API Key",
+      placeholder: "..."
+    }]
+  }
+};
+var CORE_SERVICES = ["anthropic", "github", "vercel", "supabase"];
+var OPTIONAL_SERVICES = ["openai", "stripe", "twilio", "resend", "vapi", "elevenlabs"];
 async function setupCommand() {
   const config = new Config();
   p.intro(chalk2.bgCyan.black(" CodeBakers Setup "));
@@ -52,7 +205,7 @@ async function setupCommand() {
       options: [
         { value: "view", label: "\u{1F440} View connected services" },
         { value: "add", label: "\u2795 Add another service" },
-        { value: "update", label: "\u{1F504} Update credentials" },
+        { value: "update", label: "\u{1F504} Update a service" },
         { value: "reset", label: "\u{1F5D1}\uFE0F  Reset all configuration" },
         { value: "back", label: "\u2190 Back" }
       ]
@@ -60,341 +213,198 @@ async function setupCommand() {
     if (p.isCancel(action) || action === "back") {
       return;
     }
-    if (action === "view") {
-      showConnectedServices(config);
-      return;
-    }
-    if (action === "reset") {
-      const confirm11 = await p.confirm({
-        message: "Are you sure? This will remove all credentials and settings."
-      });
-      if (confirm11) {
-        p.outro(chalk2.yellow("Configuration reset. Run `codebakers setup` again."));
-      }
-      return;
+    switch (action) {
+      case "view":
+        showConnectedServices(config);
+        return;
+      case "add":
+        await addService(config);
+        return;
+      case "update":
+        await updateService(config);
+        return;
+      case "reset":
+        await resetConfig(config);
+        return;
     }
-    if (action === "add") {
-      await addService(config);
-      return;
+  }
+  console.log(chalk2.cyan(`
+  Welcome to CodeBakers! Let's connect your services.
+  
+  ${chalk2.dim("Your credentials are stored locally in ~/.codebakers/")}
+  ${chalk2.dim("and are never sent to our servers.")}
+  
+  ${chalk2.bold("Core Services (Recommended):")}
+  ${chalk2.dim("These power the main CodeBakers features.")}
+  
+`));
+  let skippedCore = [];
+  for (const serviceKey of CORE_SERVICES) {
+    const service = SERVICES[serviceKey];
+    const connected = await connectService(config, service);
+    if (!connected) {
+      skippedCore.push(service.name);
     }
   }
-  p.note(
-    `Let's connect your accounts. This only takes a few minutes.
-    
-${chalk2.dim("Your credentials are stored locally in ~/.codebakers/")}
-${chalk2.dim("and are never sent to our servers.")}`,
-    "Welcome to CodeBakers!"
-  );
-  const requiredServices = [
-    { name: "GitHub", key: "github", required: true },
-    { name: "Vercel", key: "vercel", required: true },
-    { name: "Supabase", key: "supabase", required: true },
-    { name: "Anthropic (Claude)", key: "anthropic", required: true }
-  ];
-  const optionalServices = [
-    { name: "OpenAI", key: "openai" },
-    { name: "Stripe", key: "stripe" },
-    { name: "Twilio", key: "twilio" },
-    { name: "VAPI", key: "vapi" },
-    { name: "Resend", key: "resend" },
-    { name: "ElevenLabs", key: "elevenLabs" },
-    { name: "Microsoft Graph", key: "microsoft" },
-    { name: "Google APIs", key: "google" }
-  ];
-  p.log.step("Connecting required services...");
-  for (const service of requiredServices) {
-    await connectService(config, service.key, service.name, true);
+  if (skippedCore.length > 0) {
+    console.log(chalk2.yellow(`
+  \u26A0\uFE0F  You skipped: ${skippedCore.join(", ")}
+  
+  Some features won't work without these services.
+  Run ${chalk2.bold("codebakers setup")} anytime to add them.
+`));
   }
   const addOptional = await p.confirm({
-    message: "Do you want to connect optional services? (Stripe, Twilio, etc.)",
+    message: "Add optional services? (Stripe, Twilio, Resend, etc.)",
     initialValue: false
   });
   if (addOptional && !p.isCancel(addOptional)) {
     const selected = await p.multiselect({
-      message: "Select services to connect:",
-      options: optionalServices.map((s) => ({
-        value: s.key,
-        label: s.name
+      message: "Select services to add:",
+      options: OPTIONAL_SERVICES.map((key) => ({
+        value: key,
+        label: `${SERVICES[key].name} - ${SERVICES[key].description}`
       })),
       required: false
     });
-    if (!p.isCancel(selected)) {
+    if (!p.isCancel(selected) && Array.isArray(selected)) {
       for (const serviceKey of selected) {
-        const service = optionalServices.find((s) => s.key === serviceKey);
-        if (service) {
-          await connectService(config, service.key, service.name, false);
-        }
+        await connectService(config, SERVICES[serviceKey]);
       }
     }
   }
-  p.log.step("Installing CodeBakers patterns...");
-  await installPatterns(config);
-  p.outro(chalk2.green("\u2713 Setup complete! Run `codebakers init` to create your first project."));
+  const connectedCount = [...CORE_SERVICES, ...OPTIONAL_SERVICES].filter(
+    (key) => config.getCredentials(key)
+  ).length;
+  p.outro(chalk2.green(`
+  \u2713 Setup complete! ${connectedCount} services connected.
+  
+  Run ${chalk2.bold("codebakers")} to get started.
+`));
 }
-async function connectService(config, serviceKey, serviceName, required) {
-  const spinner16 = p.spinner();
-  switch (serviceKey) {
-    case "github": {
-      p.log.info(`${chalk2.bold("GitHub")} - Opens browser for OAuth authorization`);
-      const proceed = await p.confirm({
-        message: "Open browser to authorize GitHub?",
-        initialValue: true
-      });
-      if (p.isCancel(proceed) || !proceed) {
-        if (required) {
-          p.log.warn("GitHub is required. Skipping for now.");
-        }
-        return false;
-      }
-      p.log.info(chalk2.dim("Opening browser..."));
-      await open("https://github.com/login/oauth/authorize?client_id=YOUR_CLIENT_ID&scope=repo,user");
-      const token = await p.text({
-        message: "Paste your GitHub token (or press Enter if OAuth completed):",
-        placeholder: "ghp_..."
-      });
-      if (!p.isCancel(token) && token) {
-        config.setCredentials("github", { token });
-        p.log.success("GitHub connected!");
-        return true;
-      }
-      break;
-    }
-    case "vercel": {
-      p.log.info(`${chalk2.bold("Vercel")} - Opens browser for OAuth authorization`);
-      const proceed = await p.confirm({
-        message: "Open browser to authorize Vercel?",
-        initialValue: true
-      });
-      if (p.isCancel(proceed) || !proceed) {
-        if (required) {
-          p.log.warn("Vercel is required. Skipping for now.");
-        }
-        return false;
-      }
-      p.log.info(chalk2.dim("Opening browser..."));
-      await open("https://vercel.com/account/tokens");
-      const token = await p.text({
-        message: "Paste your Vercel token:",
-        placeholder: "vercel_..."
-      });
-      if (!p.isCancel(token) && token) {
-        config.setCredentials("vercel", { token });
-        p.log.success("Vercel connected!");
-        return true;
-      }
-      break;
-    }
-    case "supabase": {
-      p.log.info(`${chalk2.bold("Supabase")} - Opens browser for OAuth authorization`);
-      const proceed = await p.confirm({
-        message: "Open browser to authorize Supabase?",
-        initialValue: true
-      });
-      if (p.isCancel(proceed) || !proceed) {
-        if (required) {
-          p.log.warn("Supabase is required. Skipping for now.");
-        }
-        return false;
-      }
-      p.log.info(chalk2.dim("Opening browser..."));
-      await open("https://supabase.com/dashboard/account/tokens");
-      const token = await p.text({
-        message: "Paste your Supabase access token:",
-        placeholder: "sbp_..."
-      });
-      if (!p.isCancel(token) && token) {
-        config.setCredentials("supabase", { accessToken: token });
-        p.log.success("Supabase connected!");
-        return true;
-      }
-      break;
-    }
-    case "anthropic": {
-      p.log.info(`${chalk2.bold("Anthropic (Claude)")} - Powers the AI coding agent`);
-      const openBrowser = await p.confirm({
-        message: "Open browser to get API key?",
-        initialValue: true
-      });
-      if (openBrowser && !p.isCancel(openBrowser)) {
-        await open("https://console.anthropic.com/settings/keys");
-      }
-      const apiKey = await p.text({
-        message: "Paste your Anthropic API key:",
-        placeholder: "sk-ant-...",
-        validate: (value) => {
-          if (!value && required) return "API key is required";
-          if (value && !value.startsWith("sk-ant-")) return "Invalid API key format";
-          return void 0;
-        }
-      });
-      if (!p.isCancel(apiKey) && apiKey) {
-        config.setCredentials("anthropic", { apiKey });
-        p.log.success("Anthropic connected!");
-        return true;
-      }
-      break;
-    }
-    case "openai": {
-      const openBrowser = await p.confirm({
-        message: "Open browser to get OpenAI API key?",
-        initialValue: true
-      });
-      if (openBrowser && !p.isCancel(openBrowser)) {
-        await open("https://platform.openai.com/api-keys");
-      }
-      const apiKey = await p.text({
-        message: "Paste your OpenAI API key:",
-        placeholder: "sk-..."
-      });
-      if (!p.isCancel(apiKey) && apiKey) {
-        config.setCredentials("openai", { apiKey });
-        p.log.success("OpenAI connected!");
-        return true;
-      }
-      break;
-    }
-    case "stripe": {
-      const openBrowser = await p.confirm({
-        message: "Open browser to get Stripe API keys?",
-        initialValue: true
-      });
-      if (openBrowser && !p.isCancel(openBrowser)) {
-        await open("https://dashboard.stripe.com/apikeys");
-      }
-      const secretKey = await p.text({
-        message: "Paste your Stripe secret key:",
-        placeholder: "sk_live_... or sk_test_..."
-      });
-      if (!p.isCancel(secretKey) && secretKey) {
-        config.setCredentials("stripe", { secretKey });
-        p.log.success("Stripe connected!");
-        return true;
-      }
-      break;
-    }
-    case "twilio": {
-      const openBrowser = await p.confirm({
-        message: "Open browser to get Twilio credentials?",
-        initialValue: true
-      });
-      if (openBrowser && !p.isCancel(openBrowser)) {
-        await open("https://console.twilio.com/");
-      }
-      const accountSid = await p.text({
-        message: "Paste your Twilio Account SID:",
-        placeholder: "AC..."
-      });
-      const authToken = await p.text({
-        message: "Paste your Twilio Auth Token:",
-        placeholder: "..."
-      });
-      if (!p.isCancel(accountSid) && !p.isCancel(authToken) && accountSid && authToken) {
-        config.setCredentials("twilio", {
-          accountSid,
-          authToken
-        });
-        p.log.success("Twilio connected!");
-        return true;
-      }
-      break;
+async function connectService(config, service) {
+  console.log("");
+  console.log(chalk2.bold(`  ${service.name}`));
+  console.log(chalk2.dim(`  ${service.description}`));
+  console.log("");
+  const action = await p.select({
+    message: `Connect ${service.name}?`,
+    options: [
+      { value: "connect", label: "\u2713 Yes, connect now" },
+      { value: "skip", label: "\u2192 Skip for now" },
+      { value: "why", label: "? Why do I need this?" }
+    ]
+  });
+  if (p.isCancel(action)) return false;
+  if (action === "why") {
+    console.log(chalk2.yellow(`
+  ${service.whyNeeded}
+`));
+    const proceed = await p.confirm({
+      message: `Connect ${service.name}?`,
+      initialValue: true
+    });
+    if (!proceed || p.isCancel(proceed)) {
+      console.log(chalk2.dim(`  Skipped ${service.name}`));
+      return false;
     }
-    case "vapi": {
-      const openBrowser = await p.confirm({
-        message: "Open browser to get VAPI API key?",
-        initialValue: true
-      });
-      if (openBrowser && !p.isCancel(openBrowser)) {
-        await open("https://dashboard.vapi.ai/");
-      }
-      const apiKey = await p.text({
-        message: "Paste your VAPI API key:",
-        placeholder: "..."
-      });
-      if (!p.isCancel(apiKey) && apiKey) {
-        config.setCredentials("vapi", { apiKey });
-        p.log.success("VAPI connected!");
-        return true;
-      }
-      break;
+  } else if (action === "skip") {
+    console.log(chalk2.dim(`  Skipped ${service.name}`));
+    console.log(chalk2.dim(`  ${service.whyNeeded}`));
+    return false;
+  }
+  const openBrowser = await p.confirm({
+    message: "Open browser to get credentials?",
+    initialValue: true
+  });
+  if (openBrowser && !p.isCancel(openBrowser)) {
+    console.log(chalk2.dim(`
+  Opening: ${service.url}`));
+    console.log(chalk2.dim(`  ${service.urlDescription}
+`));
+    await open(service.url);
+  }
+  const credentials = {};
+  for (const field of service.fields) {
+    const value = await p.text({
+      message: `${field.label}:`,
+      placeholder: field.placeholder,
+      validate: field.validate
+    });
+    if (p.isCancel(value)) return false;
+    if (!value) {
+      console.log(chalk2.dim(`  Skipped ${service.name} (no ${field.label} provided)`));
+      return false;
     }
-    case "resend": {
-      const openBrowser = await p.confirm({
-        message: "Open browser to get Resend API key?",
-        initialValue: true
-      });
-      if (openBrowser && !p.isCancel(openBrowser)) {
-        await open("https://resend.com/api-keys");
-      }
-      const apiKey = await p.text({
-        message: "Paste your Resend API key:",
-        placeholder: "re_..."
-      });
-      if (!p.isCancel(apiKey) && apiKey) {
-        config.setCredentials("resend", { apiKey });
-        p.log.success("Resend connected!");
-        return true;
-      }
-      break;
+    credentials[field.key] = value;
+  }
+  config.setCredentials(service.key, credentials);
+  console.log(chalk2.green(`  \u2713 ${service.name} connected!`));
+  return true;
+}
+function showConnectedServices(config) {
+  console.log(chalk2.bold("\n  Connected Services:\n"));
+  const allServices = [...CORE_SERVICES, ...OPTIONAL_SERVICES];
+  let connectedCount = 0;
+  for (const key of allServices) {
+    const service = SERVICES[key];
+    const creds = config.getCredentials(key);
+    if (creds) {
+      console.log(chalk2.green(`  \u2713 ${service.name}`));
+      connectedCount++;
+    } else {
+      console.log(chalk2.dim(`  \u25CB ${service.name} (not connected)`));
     }
-    default:
-      p.log.warn(`Service ${serviceName} not yet implemented`);
-      return false;
   }
-  return false;
+  console.log(chalk2.dim(`
+  ${connectedCount}/${allServices.length} services connected
+`));
 }
 async function addService(config) {
-  const services = [
-    { value: "github", label: "GitHub" },
-    { value: "vercel", label: "Vercel" },
-    { value: "supabase", label: "Supabase" },
-    { value: "anthropic", label: "Anthropic (Claude)" },
-    { value: "openai", label: "OpenAI" },
-    { value: "stripe", label: "Stripe" },
-    { value: "twilio", label: "Twilio" },
-    { value: "vapi", label: "VAPI" },
-    { value: "resend", label: "Resend" },
-    { value: "elevenLabs", label: "ElevenLabs" },
-    { value: "microsoft", label: "Microsoft Graph" },
-    { value: "google", label: "Google APIs" }
-  ];
-  const service = await p.select({
-    message: "Which service do you want to connect?",
-    options: services
+  const allServices = [...CORE_SERVICES, ...OPTIONAL_SERVICES];
+  const unconnected = allServices.filter((key) => !config.getCredentials(key));
+  if (unconnected.length === 0) {
+    p.log.info("All services are already connected!");
+    return;
+  }
+  const selected = await p.select({
+    message: "Select service to add:",
+    options: unconnected.map((key) => ({
+      value: key,
+      label: `${SERVICES[key].name} - ${SERVICES[key].description}`
+    }))
   });
-  if (!p.isCancel(service)) {
-    const serviceInfo = services.find((s) => s.value === service);
-    if (serviceInfo) {
-      await connectService(config, serviceInfo.value, serviceInfo.label, false);
-    }
+  if (p.isCancel(selected)) return;
+  await connectService(config, SERVICES[selected]);
+}
+async function updateService(config) {
+  const allServices = [...CORE_SERVICES, ...OPTIONAL_SERVICES];
+  const connected = allServices.filter((key) => config.getCredentials(key));
+  if (connected.length === 0) {
+    p.log.info("No services connected yet. Run setup first.");
+    return;
   }
+  const selected = await p.select({
+    message: "Select service to update:",
+    options: connected.map((key) => ({
+      value: key,
+      label: SERVICES[key].name
+    }))
+  });
+  if (p.isCancel(selected)) return;
+  await connectService(config, SERVICES[selected]);
 }
-function showConnectedServices(config) {
-  const services = [
-    { key: "github", name: "GitHub" },
-    { key: "vercel", name: "Vercel" },
-    { key: "supabase", name: "Supabase" },
-    { key: "anthropic", name: "Anthropic" },
-    { key: "openai", name: "OpenAI" },
-    { key: "stripe", name: "Stripe" },
-    { key: "twilio", name: "Twilio" },
-    { key: "vapi", name: "VAPI" },
-    { key: "resend", name: "Resend" },
-    { key: "elevenLabs", name: "ElevenLabs" },
-    { key: "microsoft", name: "Microsoft" },
-    { key: "google", name: "Google" }
-  ];
-  console.log("\n" + chalk2.bold("Connected Services:") + "\n");
-  for (const service of services) {
-    const creds = config.getCredentials(service.key);
-    const isConnected = creds && Object.values(creds).some((v) => v);
-    const status = isConnected ? chalk2.green("\u2713 Connected") : chalk2.dim("\u25CB Not connected");
-    console.log(`  ${service.name.padEnd(15)} ${status}`);
+async function resetConfig(config) {
+  const confirm13 = await p.confirm({
+    message: "Are you sure? This will remove ALL credentials.",
+    initialValue: false
+  });
+  if (!confirm13 || p.isCancel(confirm13)) return;
+  const allServices = [...CORE_SERVICES, ...OPTIONAL_SERVICES];
+  for (const key of allServices) {
+    config.setCredentials(key, null);
   }
-  console.log("");
-}
-async function installPatterns(config) {
-  const patternsDir = config.getPatternsDir();
-  p.log.info(chalk2.dim(`Patterns installed to ${patternsDir}`));
+  p.log.success("Configuration reset. Run `codebakers setup` to reconfigure.");
 }
 
 // src/commands/init.ts
@@ -606,10 +616,10 @@ var SupabaseService = class {
       throw new Error("Failed to list projects");
     }
     const projects = await response.json();
-    return projects.map((p21) => ({
-      id: p21.id,
-      name: p21.name,
-      region: p21.region
+    return projects.map((p22) => ({
+      id: p22.id,
+      name: p22.name,
+      region: p22.region
     }));
   }
 };
@@ -1036,7 +1046,15 @@ Domain:     ${domain || "Vercel default"}`,
     await createLocalProject(projectPath, projectConfig);
     spinner16.stop("Local project created");
     spinner16.start("Installing dependencies...");
-    await execa3("pnpm", ["install"], { cwd: projectPath });
+    try {
+      await execa3("npm", ["install"], { cwd: projectPath });
+    } catch {
+      try {
+        await execa3("pnpm", ["install"], { cwd: projectPath });
+      } catch {
+        await execa3("yarn", ["install"], { cwd: projectPath });
+      }
+    }
     spinner16.stop("Dependencies installed");
     if (services.includes("github")) {
       spinner16.start("Creating GitHub repository...");
@@ -2056,11 +2074,11 @@ async function getVoiceInput(prompt) {
       console.log(chalk5.green(`
    \u2713 Heard: "${transcription}"
 `));
-      const confirm11 = await p4.confirm({
+      const confirm13 = await p4.confirm({
         message: "Is this correct?",
         initialValue: true
       });
-      if (confirm11 && !p4.isCancel(confirm11)) {
+      if (confirm13 && !p4.isCancel(confirm13)) {
         return transcription;
       } else {
         const action = await p4.select({
@@ -2075,20 +2093,20 @@ async function getVoiceInput(prompt) {
         if (action === "retry") {
           return await getVoiceInput(prompt);
         } else {
-          const text15 = await p4.text({ message: "Type your response:" });
-          return p4.isCancel(text15) ? null : text15;
+          const text16 = await p4.text({ message: "Type your response:" });
+          return p4.isCancel(text16) ? null : text16;
         }
       }
     } else {
       console.log(chalk5.yellow("\n   No speech detected. Try again or type your response.\n"));
-      const text15 = await p4.text({ message: "Type instead:" });
-      return p4.isCancel(text15) ? null : text15;
+      const text16 = await p4.text({ message: "Type instead:" });
+      return p4.isCancel(text16) ? null : text16;
     }
   } catch (error) {
     spinner16.stop("Recording failed");
     console.log(chalk5.yellow("Voice input failed. Please type instead."));
-    const text15 = await p4.text({ message: prompt });
-    return p4.isCancel(text15) ? null : text15;
+    const text16 = await p4.text({ message: prompt });
+    return p4.isCancel(text16) ? null : text16;
   }
 }
 async function playBeep() {
@@ -2223,10 +2241,10 @@ async function transcribeWithWhisper(audioFile) {
     ], { timeout: 6e4 });
     const txtFile = outputBase + ".txt";
     if (await fs4.pathExists(txtFile)) {
-      const text15 = await fs4.readFile(txtFile, "utf-8");
+      const text16 = await fs4.readFile(txtFile, "utf-8");
       await fs4.remove(txtFile).catch(() => {
       });
-      return text15.trim();
+      return text16.trim();
     }
   } catch {
   }
@@ -2333,9 +2351,9 @@ async function readFile5(filePath) {
         name
       };
     } else if (pdfExtensions.includes(ext)) {
-      const text15 = await extractPdfText(cleanPath);
-      if (text15) {
-        return { content: text15, type: "pdf", name };
+      const text16 = await extractPdfText(cleanPath);
+      if (text16) {
+        return { content: text16, type: "pdf", name };
       }
       return {
         content: `[PDF file: ${name} - text extraction not available]`,
@@ -2407,19 +2425,19 @@ function formatFilesForContext(files) {
   context += "--- END FILES ---\n\n";
   return context;
 }
-function looksLikePaste(text15) {
-  if (text15.includes("\n") && text15.split("\n").length > 3) return true;
-  if (text15.includes("function ") || text15.includes("const ") || text15.includes("import ") || text15.includes("export ") || text15.includes("class ") || text15.includes("def ") || text15.includes("public ") || text15.includes("private ")) return true;
-  if (text15.startsWith("{") && text15.endsWith("}") || text15.startsWith("[") && text15.endsWith("]")) return true;
-  if (text15.length > 200 && !text15.includes("\n")) return true;
+function looksLikePaste(text16) {
+  if (text16.includes("\n") && text16.split("\n").length > 3) return true;
+  if (text16.includes("function ") || text16.includes("const ") || text16.includes("import ") || text16.includes("export ") || text16.includes("class ") || text16.includes("def ") || text16.includes("public ") || text16.includes("private ")) return true;
+  if (text16.startsWith("{") && text16.endsWith("}") || text16.startsWith("[") && text16.endsWith("]")) return true;
+  if (text16.length > 200 && !text16.includes("\n")) return true;
   return false;
 }
-async function handlePastedContent(text15) {
-  if (!looksLikePaste(text15)) {
+async function handlePastedContent(text16) {
+  if (!looksLikePaste(text16)) {
     return null;
   }
   console.log(chalk6.cyan("\n\u{1F4CB} Detected pasted content!\n"));
-  const preview = text15.length > 200 ? text15.slice(0, 200) + "..." : text15;
+  const preview = text16.length > 200 ? text16.slice(0, 200) + "..." : text16;
   console.log(chalk6.dim(preview));
   console.log("");
   const action = await p5.select({
@@ -2435,7 +2453,7 @@ async function handlePastedContent(text15) {
   });
   if (p5.isCancel(action)) return null;
   if (action === "literal") {
-    return { prompt: text15, context: "" };
+    return { prompt: text16, context: "" };
   }
   if (action === "custom") {
     const instruction = await p5.text({
@@ -2449,7 +2467,7 @@ async function handlePastedContent(text15) {
 
 --- PASTED CODE ---
 \`\`\`
-${text15}
+${text16}
 \`\`\`
 --- END ---
 
@@ -2468,7 +2486,7 @@ ${text15}
 
 --- PASTED CODE ---
 \`\`\`
-${text15}
+${text16}
 \`\`\`
 --- END ---
 
@@ -2480,16 +2498,41 @@ ${text15}
 async function codeCommand(prompt, options = {}) {
   const config = new Config();
   if (!config.isConfigured()) {
-    p6.log.error("Please run `codebakers setup` first.");
+    console.log(chalk7.yellow(`
+  \u26A0\uFE0F  CodeBakers isn't set up yet.
+  
+  Run this first:
+    ${chalk7.cyan("codebakers setup")}
+  
+  This connects your API keys (Anthropic, GitHub, etc.)
+  so CodeBakers can generate code and deploy for you.
+`));
     return;
   }
   if (!config.isInProject()) {
-    p6.log.error("Not in a CodeBakers project. Run `codebakers init` first.");
+    console.log(chalk7.yellow(`
+  \u26A0\uFE0F  You're not in a CodeBakers project.
+  
+  Options:
+    ${chalk7.cyan("codebakers init")}      Create a new project here
+    ${chalk7.cyan("codebakers website")}   Build a website by describing it
+    ${chalk7.cyan("cd my-project")}        Navigate to an existing project
+`));
     return;
   }
   const anthropicCreds = config.getCredentials("anthropic");
   if (!anthropicCreds?.apiKey) {
-    p6.log.error("Anthropic API key not configured. Run `codebakers setup`.");
+    console.log(chalk7.yellow(`
+  \u26A0\uFE0F  Anthropic API key not configured.
+  
+  The AI coding agent needs Claude to work.
+  
+  Run this to add your API key:
+    ${chalk7.cyan("codebakers setup")}
+  
+  Get an API key at:
+    ${chalk7.dim("https://console.anthropic.com/settings/keys")}
+`));
     return;
   }
   const anthropic = new Anthropic({
@@ -3077,7 +3120,30 @@ import Anthropic2 from "@anthropic-ai/sdk";
 async function deployCommand(options = {}) {
   const config = new Config();
   if (!config.isInProject()) {
-    p7.log.error("Not in a CodeBakers project.");
+    console.log(chalk8.yellow(`
+  \u26A0\uFE0F  You're not in a CodeBakers project.
+  
+  Navigate to your project first:
+    ${chalk8.cyan("cd my-project")}
+  
+  Or create a new one:
+    ${chalk8.cyan("codebakers init")}
+`));
+    return;
+  }
+  const vercelCreds = config.getCredentials("vercel");
+  if (!vercelCreds?.token) {
+    console.log(chalk8.yellow(`
+  \u26A0\uFE0F  Vercel isn't connected.
+  
+  CodeBakers deploys to Vercel by default.
+  
+  Run this to connect:
+    ${chalk8.cyan("codebakers setup")}
+  
+  Or deploy manually:
+    ${chalk8.cyan("npx vercel")}
+`));
     return;
   }
   p7.intro(chalk8.bgCyan.black(" Deploy to Production "));
@@ -3146,7 +3212,15 @@ async function deployCommand(options = {}) {
   }
   spinner16.start("Building project...");
   try {
-    await execa7("pnpm", ["build"], { cwd: process.cwd() });
+    try {
+      await execa7("npm", ["run", "build"], { cwd: process.cwd() });
+    } catch {
+      try {
+        await execa7("pnpm", ["build"], { cwd: process.cwd() });
+      } catch {
+        await execa7("yarn", ["build"], { cwd: process.cwd() });
+      }
+    }
     spinner16.stop("Build successful");
   } catch (error) {
     spinner16.stop("");
@@ -4770,21 +4844,21 @@ async function extractMigrationSQL(tool, errorOutput) {
   }
   return null;
 }
-async function copyToClipboard(text15) {
+async function copyToClipboard(text16) {
   try {
     const platform = process.platform;
     if (platform === "win32") {
-      const proc = await execa8("clip", { input: text15, reject: false });
+      const proc = await execa8("clip", { input: text16, reject: false });
       return proc.exitCode === 0;
     } else if (platform === "darwin") {
-      const proc = await execa8("pbcopy", { input: text15, reject: false });
+      const proc = await execa8("pbcopy", { input: text16, reject: false });
       return proc.exitCode === 0;
     } else {
       try {
-        const proc = await execa8("xclip", ["-selection", "clipboard"], { input: text15, reject: false });
+        const proc = await execa8("xclip", ["-selection", "clipboard"], { input: text16, reject: false });
         return proc.exitCode === 0;
       } catch {
-        const proc = await execa8("xsel", ["--clipboard", "--input"], { input: text15, reject: false });
+        const proc = await execa8("xsel", ["--clipboard", "--input"], { input: text16, reject: false });
         return proc.exitCode === 0;
       }
     }
@@ -5053,8 +5127,8 @@ async function getVoiceInput2(prompt) {
     initialValue: true
   });
   if (!ready || p16.isCancel(ready)) {
-    const text16 = await p16.text({ message: "Type instead:" });
-    return p16.isCancel(text16) ? null : text16;
+    const text17 = await p16.text({ message: "Type instead:" });
+    return p16.isCancel(text17) ? null : text17;
   }
   const spinner16 = p16.spinner();
   spinner16.start("\u{1F534} Recording... (press Ctrl+C to stop)");
@@ -5072,11 +5146,11 @@ async function getVoiceInput2(prompt) {
       console.log(chalk17.green(`
    Heard: "${transcription}"
 `));
-      const confirm11 = await p16.confirm({
+      const confirm13 = await p16.confirm({
         message: "Is this correct?",
         initialValue: true
       });
-      if (confirm11 && !p16.isCancel(confirm11)) {
+      if (confirm13 && !p16.isCancel(confirm13)) {
         return transcription;
       } else {
         const retry = await p16.select({
@@ -5090,8 +5164,8 @@ async function getVoiceInput2(prompt) {
         if (retry === "retry") {
           return await getVoiceInput2(prompt);
         } else {
-          const text16 = await p16.text({ message: "Type your response:" });
-          return p16.isCancel(text16) ? null : text16;
+          const text17 = await p16.text({ message: "Type your response:" });
+          return p16.isCancel(text17) ? null : text17;
         }
       }
     }
@@ -5099,8 +5173,8 @@ async function getVoiceInput2(prompt) {
     spinner16.stop("Recording failed");
     console.log(chalk17.yellow("Voice input failed. Falling back to text."));
   }
-  const text15 = await p16.text({ message: prompt });
-  return p16.isCancel(text15) ? null : text15;
+  const text16 = await p16.text({ message: prompt });
+  return p16.isCancel(text16) ? null : text16;
 }
 async function recordWithWindowsSpeech2() {
   const psScript = `
@@ -5155,9 +5229,9 @@ async function recordWithMacOS2() {
       });
       const txtFile = tempFile.replace(".wav", ".txt");
       if (await fs13.pathExists(txtFile)) {
-        const text15 = await fs13.readFile(txtFile, "utf-8");
+        const text16 = await fs13.readFile(txtFile, "utf-8");
         await fs13.remove(txtFile);
-        return text15.trim();
+        return text16.trim();
       }
     } catch {
     }
@@ -5205,9 +5279,9 @@ async function recordWithLinux2() {
       });
       const txtFile = tempFile.replace(".wav", ".txt");
       if (await fs13.pathExists(txtFile)) {
-        const text15 = await fs13.readFile(txtFile, "utf-8");
+        const text16 = await fs13.readFile(txtFile, "utf-8");
         await fs13.remove(txtFile);
-        return text15.trim();
+        return text16.trim();
       }
     } catch {
     }
@@ -5308,16 +5382,34 @@ var displayPaused = false;
 async function buildCommand(prdPath, options = {}) {
   const config = new Config();
   if (!config.isConfigured()) {
-    p17.log.error("Please run `codebakers setup` first.");
+    console.log(chalk18.yellow(`
+  \u26A0\uFE0F  CodeBakers isn't set up yet.
+  
+  Run this first:
+    ${chalk18.cyan("codebakers setup")}
+`));
     return;
   }
   const anthropicCreds = config.getCredentials("anthropic");
   if (!anthropicCreds?.apiKey) {
-    p17.log.error("Anthropic API key not configured.");
+    console.log(chalk18.yellow(`
+  \u26A0\uFE0F  Anthropic API key not configured.
+  
+  The parallel build needs Claude AI to work.
+  
+  Run this to add your API key:
+    ${chalk18.cyan("codebakers setup")}
+`));
     return;
   }
   let prdFile = prdPath;
   if (!prdFile) {
+    console.log(chalk18.dim(`
+  A PRD (Product Requirements Document) describes what you want to build.
+  
+  Don't have one? Create one with:
+    ${chalk18.cyan("codebakers prd-maker")}
+`));
     const file = await p17.text({
       message: "Path to PRD file:",
       placeholder: "./my-app-prd.md",
@@ -5327,13 +5419,25 @@ async function buildCommand(prdPath, options = {}) {
     prdFile = file;
   }
   if (!await fs14.pathExists(prdFile)) {
-    p17.log.error(`PRD file not found: ${prdFile}`);
+    console.log(chalk18.red(`
+  \u274C PRD file not found: ${prdFile}
+  
+  Make sure the file exists, or create one:
+    ${chalk18.cyan("codebakers prd-maker")}
+`));
     return;
   }
   const prdContent = await fs14.readFile(prdFile, "utf-8");
   console.log(chalk18.cyan(`
 \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557
 \u2551  \u{1F680} CODEBAKERS PARALLEL BUILD                                 \u2551
+\u2551                                                               \u2551
+\u2551  This will:                                                   \u2551
+\u2551  1. Analyze your PRD                                          \u2551
+\u2551  2. Break it into features                                    \u2551
+\u2551  3. Run up to 3 AI agents in parallel                         \u2551
+\u2551  4. Auto-fix any errors                                       \u2551
+\u2551  5. Merge everything together                                 \u2551
 \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D
 `));
   const anthropic = new Anthropic4({ apiKey: anthropicCreds.apiKey });
@@ -5450,8 +5554,8 @@ Think about:
 - What needs data from other features (dashboards, reports)?`
     }]
   });
-  const text15 = response.content[0].type === "text" ? response.content[0].text : "";
-  const jsonMatch = text15.match(/\{[\s\S]*\}/);
+  const text16 = response.content[0].type === "text" ? response.content[0].text : "";
+  const jsonMatch = text16.match(/\{[\s\S]*\}/);
   if (!jsonMatch) {
     throw new Error("Failed to parse PRD analysis");
   }
@@ -5695,9 +5799,9 @@ Start with the index.ts that exports everything.`
       max_tokens: 8192,
       messages
     });
-    const text15 = response.content[0].type === "text" ? response.content[0].text : "";
-    messages.push({ role: "assistant", content: text15 });
-    const questionMatch = text15.match(/<<<ASK_USER>>>([\s\S]*?)<<<END_ASK>>>/);
+    const text16 = response.content[0].type === "text" ? response.content[0].text : "";
+    messages.push({ role: "assistant", content: text16 });
+    const questionMatch = text16.match(/<<<ASK_USER>>>([\s\S]*?)<<<END_ASK>>>/);
     if (questionMatch) {
       const questionBlock = questionMatch[1];
       const questionLine = questionBlock.match(/question:\s*(.+)/);
@@ -5726,7 +5830,7 @@ Now continue building the feature with this choice. Generate the code files.`
       }
     }
     if (onProgress) onProgress(60, "Writing files...");
-    const files = await writeFilesFromResponse(text15, projectPath);
+    const files = await writeFilesFromResponse(text16, projectPath);
     agent.files = files;
     if (onProgress) onProgress(80, "Validating...");
     if (files.length === 0) {
@@ -5809,8 +5913,8 @@ Common fixes:
 - Timeout \u2192 retry with simpler approach`
     }]
   });
-  const text15 = response.content[0].type === "text" ? response.content[0].text : "";
-  const jsonMatch = text15.match(/\{[\s\S]*\}/);
+  const text16 = response.content[0].type === "text" ? response.content[0].text : "";
+  const jsonMatch = text16.match(/\{[\s\S]*\}/);
   if (!jsonMatch) {
     return {
       canFix: false,
@@ -5850,8 +5954,8 @@ content
 Make sure all features are accessible and properly connected.`
     }]
   });
-  const text15 = response.content[0].type === "text" ? response.content[0].text : "";
-  await writeFilesFromResponse(text15, projectPath);
+  const text16 = response.content[0].type === "text" ? response.content[0].text : "";
+  await writeFilesFromResponse(text16, projectPath);
   await execa9("git", ["add", "."], { cwd: projectPath });
   await execa9("git", ["commit", "-m", "Integration: wire up all features"], { cwd: projectPath, reject: false });
   spinner16.stop("Integration complete");
@@ -5943,11 +6047,11 @@ var ProgressDisplay = class {
     return chalk18.green("\u2588".repeat(filled)) + chalk18.gray("\u2591".repeat(empty));
   }
 };
-async function writeFilesFromResponse(text15, projectPath) {
+async function writeFilesFromResponse(text16, projectPath) {
   const fileRegex = /<<<FILE:\s*(.+?)>>>([\s\S]*?)<<<END_FILE>>>/g;
   const files = [];
   let match;
-  while ((match = fileRegex.exec(text15)) !== null) {
+  while ((match = fileRegex.exec(text16)) !== null) {
     const filePath = path13.join(projectPath, match[1].trim());
     const content = match[2].trim();
     await fs14.ensureDir(path13.dirname(filePath));
@@ -5969,93 +6073,94 @@ import open2 from "open";
 import { execa as execa10 } from "execa";
 var INTEGRATIONS = [
   // ═══════════════════════════════════════════════════════════════════════════
-  // AUTH PROVIDERS
+  // AUTH
   // ═══════════════════════════════════════════════════════════════════════════
   {
     id: "clerk",
     name: "Clerk",
-    description: "Complete user management & authentication",
+    description: "User management & authentication",
     category: "auth",
     icon: "\u{1F510}",
-    authType: "oauth",
-    oauthUrl: "https://dashboard.clerk.com/apps/new",
+    dashboardUrl: "https://dashboard.clerk.com",
     envVars: ["NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY", "CLERK_SECRET_KEY"],
+    envVarHints: {
+      "NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY": "pk_test_... or pk_live_...",
+      "CLERK_SECRET_KEY": "sk_test_... or sk_live_..."
+    },
     packages: ["@clerk/nextjs"],
-    docs: "https://clerk.com/docs"
-  },
-  {
-    id: "auth0",
-    name: "Auth0",
-    description: "Enterprise authentication platform",
-    category: "auth",
-    icon: "\u{1F512}",
-    authType: "oauth",
-    oauthUrl: "https://manage.auth0.com/dashboard",
-    envVars: ["AUTH0_SECRET", "AUTH0_BASE_URL", "AUTH0_ISSUER_BASE_URL", "AUTH0_CLIENT_ID", "AUTH0_CLIENT_SECRET"],
-    packages: ["@auth0/nextjs-auth0"],
-    docs: "https://auth0.com/docs"
-  },
-  {
-    id: "nextauth",
-    name: "NextAuth.js",
-    description: "Open source authentication for Next.js",
-    category: "auth",
-    icon: "\u{1F511}",
-    authType: "npm",
-    envVars: ["NEXTAUTH_SECRET", "NEXTAUTH_URL"],
-    packages: ["next-auth"],
-    docs: "https://next-auth.js.org"
+    docs: "https://clerk.com/docs",
+    steps: [
+      "Sign up or log in at dashboard.clerk.com",
+      "Create a new application",
+      "Go to API Keys in the sidebar",
+      "Copy Publishable Key and Secret Key"
+    ]
   },
   {
     id: "supabase-auth",
     name: "Supabase Auth",
-    description: "Authentication with Supabase",
+    description: "Auth with email, social, magic links",
     category: "auth",
     icon: "\u26A1",
-    authType: "oauth",
-    oauthUrl: "https://supabase.com/dashboard/projects",
+    dashboardUrl: "https://supabase.com/dashboard",
     envVars: ["NEXT_PUBLIC_SUPABASE_URL", "NEXT_PUBLIC_SUPABASE_ANON_KEY"],
+    envVarHints: {
+      "NEXT_PUBLIC_SUPABASE_URL": "https://xxx.supabase.co",
+      "NEXT_PUBLIC_SUPABASE_ANON_KEY": "eyJ... (anon public key)"
+    },
     packages: ["@supabase/supabase-js", "@supabase/auth-helpers-nextjs"],
-    docs: "https://supabase.com/docs/guides/auth"
+    docs: "https://supabase.com/docs/guides/auth",
+    steps: [
+      "Sign in at supabase.com/dashboard",
+      "Create or select a project",
+      "Go to Settings > API",
+      "Copy Project URL and anon/public key"
+    ]
   },
   {
-    id: "firebase-auth",
-    name: "Firebase Auth",
-    description: "Google Firebase authentication",
+    id: "nextauth",
+    name: "NextAuth.js",
+    description: "Open source auth for Next.js",
     category: "auth",
-    icon: "\u{1F525}",
-    authType: "oauth",
-    oauthUrl: "https://console.firebase.google.com",
-    envVars: ["NEXT_PUBLIC_FIREBASE_API_KEY", "NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN", "NEXT_PUBLIC_FIREBASE_PROJECT_ID"],
-    packages: ["firebase"],
-    docs: "https://firebase.google.com/docs/auth"
+    icon: "\u{1F511}",
+    dashboardUrl: "https://next-auth.js.org",
+    envVars: ["NEXTAUTH_SECRET", "NEXTAUTH_URL"],
+    envVarHints: {
+      "NEXTAUTH_SECRET": "Run: openssl rand -base64 32",
+      "NEXTAUTH_URL": "http://localhost:3000"
+    },
+    packages: ["next-auth"],
+    docs: "https://next-auth.js.org",
+    steps: [
+      "No signup needed - open source!",
+      "Generate secret: openssl rand -base64 32",
+      "Set URL to your app (localhost for dev)"
+    ]
   },
   // ═══════════════════════════════════════════════════════════════════════════
-  // DATABASES
+  // DATABASE
   // ═══════════════════════════════════════════════════════════════════════════
   {
     id: "supabase",
     name: "Supabase",
-    description: "Postgres database with realtime & auth",
+    description: "Postgres + Realtime + Auth + Storage",
     category: "database",
     icon: "\u26A1",
-    authType: "oauth",
-    oauthUrl: "https://supabase.com/dashboard/projects",
+    dashboardUrl: "https://supabase.com/dashboard",
     envVars: ["NEXT_PUBLIC_SUPABASE_URL", "NEXT_PUBLIC_SUPABASE_ANON_KEY", "SUPABASE_SERVICE_ROLE_KEY"],
+    envVarHints: {
+      "NEXT_PUBLIC_SUPABASE_URL": "https://xxx.supabase.co",
+      "NEXT_PUBLIC_SUPABASE_ANON_KEY": "eyJ... (anon key)",
+      "SUPABASE_SERVICE_ROLE_KEY": "eyJ... (service_role key - keep secret!)"
+    },
     packages: ["@supabase/supabase-js"],
-    docs: "https://supabase.com/docs"
-  },
-  {
-    id: "planetscale",
-    name: "PlanetScale",
-    description: "Serverless MySQL database",
-    category: "database",
-    icon: "\u{1FA90}",
-    authType: "oauth",
-    oauthUrl: "https://app.planetscale.com",
-    envVars: ["DATABASE_URL"],
-    packages: ["@planetscale/database"],
-    docs: "https://planetscale.com/docs"
+    docs: "https://supabase.com/docs",
+    steps: [
+      "Sign in at supabase.com/dashboard",
+      "Create a new project",
+      "Go to Settings > API",
+      "Copy URL, anon key, and service_role key"
+    ]
   },
   {
     id: "neon",
@@ -6063,57 +6168,58 @@ var INTEGRATIONS = [
     description: "Serverless Postgres",
     category: "database",
     icon: "\u{1F418}",
-    authType: "oauth",
-    oauthUrl: "https://console.neon.tech",
+    dashboardUrl: "https://console.neon.tech",
     envVars: ["DATABASE_URL"],
+    envVarHints: {
+      "DATABASE_URL": "postgres://user:pass@xxx.neon.tech/db?sslmode=require"
+    },
     packages: ["@neondatabase/serverless"],
-    docs: "https://neon.tech/docs"
-  },
-  {
-    id: "turso",
-    name: "Turso",
-    description: "Edge SQLite database",
-    category: "database",
-    icon: "\u{1F422}",
-    authType: "oauth",
-    oauthUrl: "https://turso.tech/app",
-    envVars: ["TURSO_DATABASE_URL", "TURSO_AUTH_TOKEN"],
-    packages: ["@libsql/client"],
-    docs: "https://docs.turso.tech"
+    docs: "https://neon.tech/docs",
+    steps: [
+      "Sign in at console.neon.tech",
+      "Create a project",
+      "Go to Dashboard > Connection Details",
+      "Copy the connection string"
+    ]
   },
   {
-    id: "mongodb",
-    name: "MongoDB Atlas",
-    description: "NoSQL document database",
+    id: "planetscale",
+    name: "PlanetScale",
+    description: "Serverless MySQL",
     category: "database",
-    icon: "\u{1F343}",
-    authType: "oauth",
-    oauthUrl: "https://cloud.mongodb.com",
-    envVars: ["MONGODB_URI"],
-    packages: ["mongodb"],
-    docs: "https://www.mongodb.com/docs"
+    icon: "\u{1FA90}",
+    dashboardUrl: "https://app.planetscale.com",
+    envVars: ["DATABASE_URL"],
+    envVarHints: {
+      "DATABASE_URL": "mysql://user:pass@xxx.psdb.cloud/db?sslaccept=strict"
+    },
+    packages: ["@planetscale/database"],
+    docs: "https://planetscale.com/docs",
+    steps: [
+      "Sign in at app.planetscale.com",
+      "Create a database",
+      "Go to Connect > Create password",
+      "Copy the connection string"
+    ]
   },
   {
     id: "prisma",
     name: "Prisma",
-    description: "Type-safe ORM for any database",
+    description: "Type-safe ORM",
     category: "database",
     icon: "\u{1F537}",
-    authType: "npm",
+    dashboardUrl: "https://prisma.io",
     envVars: ["DATABASE_URL"],
+    envVarHints: {
+      "DATABASE_URL": "Your database connection string"
+    },
     packages: ["prisma", "@prisma/client"],
-    docs: "https://www.prisma.io/docs"
-  },
-  {
-    id: "drizzle",
-    name: "Drizzle ORM",
-    description: "Lightweight TypeScript ORM",
-    category: "database",
-    icon: "\u{1F4A7}",
-    authType: "npm",
-    envVars: ["DATABASE_URL"],
-    packages: ["drizzle-orm", "drizzle-kit"],
-    docs: "https://orm.drizzle.team"
+    docs: "https://prisma.io/docs",
+    steps: [
+      "No account needed - Prisma is open source!",
+      "Use your existing database URL",
+      "Run: npx prisma init"
+    ]
   },
   // ═══════════════════════════════════════════════════════════════════════════
   // PAYMENTS
@@ -6121,38 +6227,46 @@ var INTEGRATIONS = [
   {
     id: "stripe",
     name: "Stripe",
-    description: "Payment processing & subscriptions",
+    description: "Payments & subscriptions",
     category: "payments",
     icon: "\u{1F4B3}",
-    authType: "oauth",
-    oauthUrl: "https://dashboard.stripe.com/apikeys",
+    dashboardUrl: "https://dashboard.stripe.com/apikeys",
     envVars: ["STRIPE_SECRET_KEY", "NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY", "STRIPE_WEBHOOK_SECRET"],
+    envVarHints: {
+      "STRIPE_SECRET_KEY": "sk_test_... or sk_live_...",
+      "NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY": "pk_test_... or pk_live_...",
+      "STRIPE_WEBHOOK_SECRET": "whsec_... (from Webhooks page)"
+    },
     packages: ["stripe", "@stripe/stripe-js"],
-    docs: "https://stripe.com/docs"
+    docs: "https://stripe.com/docs",
+    steps: [
+      "Sign in at dashboard.stripe.com",
+      "Go to Developers > API keys",
+      "Copy Publishable and Secret keys",
+      "For webhooks: Developers > Webhooks > Add endpoint"
+    ]
   },
   {
     id: "lemonsqueezy",
     name: "Lemon Squeezy",
-    description: "Merchant of record for SaaS",
+    description: "Payments with tax handling (MoR)",
     category: "payments",
     icon: "\u{1F34B}",
-    authType: "oauth",
-    oauthUrl: "https://app.lemonsqueezy.com/settings/api",
+    dashboardUrl: "https://app.lemonsqueezy.com/settings/api",
     envVars: ["LEMONSQUEEZY_API_KEY", "LEMONSQUEEZY_STORE_ID", "LEMONSQUEEZY_WEBHOOK_SECRET"],
+    envVarHints: {
+      "LEMONSQUEEZY_API_KEY": "From Settings > API",
+      "LEMONSQUEEZY_STORE_ID": "Your store ID number",
+      "LEMONSQUEEZY_WEBHOOK_SECRET": "From Settings > Webhooks"
+    },
     packages: ["@lemonsqueezy/lemonsqueezy.js"],
-    docs: "https://docs.lemonsqueezy.com"
-  },
-  {
-    id: "paddle",
-    name: "Paddle",
-    description: "Payment infrastructure for SaaS",
-    category: "payments",
-    icon: "\u{1F3D3}",
-    authType: "oauth",
-    oauthUrl: "https://vendors.paddle.com/authentication",
-    envVars: ["PADDLE_VENDOR_ID", "PADDLE_API_KEY", "PADDLE_PUBLIC_KEY"],
-    packages: ["@paddle/paddle-js"],
-    docs: "https://developer.paddle.com"
+    docs: "https://docs.lemonsqueezy.com",
+    steps: [
+      "Sign in at app.lemonsqueezy.com",
+      "Go to Settings > API",
+      "Create an API key",
+      "Note your Store ID from the URL"
+    ]
   },
   // ═══════════════════════════════════════════════════════════════════════════
   // EMAIL
@@ -6160,14 +6274,22 @@ var INTEGRATIONS = [
   {
     id: "resend",
     name: "Resend",
-    description: "Modern email API for developers",
+    description: "Modern email API",
     category: "email",
     icon: "\u{1F4E7}",
-    authType: "oauth",
-    oauthUrl: "https://resend.com/api-keys",
+    dashboardUrl: "https://resend.com/api-keys",
     envVars: ["RESEND_API_KEY"],
+    envVarHints: {
+      "RESEND_API_KEY": "re_..."
+    },
     packages: ["resend"],
-    docs: "https://resend.com/docs"
+    docs: "https://resend.com/docs",
+    steps: [
+      "Sign up at resend.com",
+      "Go to API Keys",
+      "Create a new API key",
+      "Copy the key (only shown once!)"
+    ]
   },
   {
     id: "sendgrid",
@@ -6175,46 +6297,19 @@ var INTEGRATIONS = [
     description: "Email delivery service",
     category: "email",
     icon: "\u{1F4E8}",
-    authType: "oauth",
-    oauthUrl: "https://app.sendgrid.com/settings/api_keys",
+    dashboardUrl: "https://app.sendgrid.com/settings/api_keys",
     envVars: ["SENDGRID_API_KEY"],
+    envVarHints: {
+      "SENDGRID_API_KEY": "SG.xxx..."
+    },
     packages: ["@sendgrid/mail"],
-    docs: "https://docs.sendgrid.com"
-  },
-  {
-    id: "postmark",
-    name: "Postmark",
-    description: "Transactional email service",
-    category: "email",
-    icon: "\u{1F4EC}",
-    authType: "oauth",
-    oauthUrl: "https://account.postmarkapp.com/servers",
-    envVars: ["POSTMARK_API_KEY"],
-    packages: ["postmark"],
-    docs: "https://postmarkapp.com/developer"
-  },
-  {
-    id: "mailgun",
-    name: "Mailgun",
-    description: "Email API service",
-    category: "email",
-    icon: "\u{1F4EE}",
-    authType: "oauth",
-    oauthUrl: "https://app.mailgun.com/app/account/security/api_keys",
-    envVars: ["MAILGUN_API_KEY", "MAILGUN_DOMAIN"],
-    packages: ["mailgun.js"],
-    docs: "https://documentation.mailgun.com"
-  },
-  {
-    id: "react-email",
-    name: "React Email",
-    description: "Build emails with React components",
-    category: "email",
-    icon: "\u269B\uFE0F",
-    authType: "npm",
-    envVars: [],
-    packages: ["react-email", "@react-email/components"],
-    docs: "https://react.email/docs"
+    docs: "https://docs.sendgrid.com",
+    steps: [
+      "Sign in at app.sendgrid.com",
+      "Go to Settings > API Keys",
+      "Create an API key with Mail Send permission",
+      "Copy the key (only shown once!)"
+    ]
   },
   // ═══════════════════════════════════════════════════════════════════════════
   // STORAGE
@@ -6225,11 +6320,20 @@ var INTEGRATIONS = [
     description: "File uploads for Next.js",
     category: "storage",
     icon: "\u{1F4E4}",
-    authType: "oauth",
-    oauthUrl: "https://uploadthing.com/dashboard",
+    dashboardUrl: "https://uploadthing.com/dashboard",
     envVars: ["UPLOADTHING_SECRET", "UPLOADTHING_APP_ID"],
+    envVarHints: {
+      "UPLOADTHING_SECRET": "sk_live_...",
+      "UPLOADTHING_APP_ID": "Your app ID"
+    },
     packages: ["uploadthing", "@uploadthing/react"],
-    docs: "https://docs.uploadthing.com"
+    docs: "https://docs.uploadthing.com",
+    steps: [
+      "Sign in at uploadthing.com",
+      "Create or select an app",
+      "Go to API Keys",
+      "Copy Secret and App ID"
+    ]
   },
   {
     id: "cloudinary",
@@ -6237,85 +6341,20 @@ var INTEGRATIONS = [
     description: "Image & video management",
     category: "storage",
     icon: "\u2601\uFE0F",
-    authType: "oauth",
-    oauthUrl: "https://console.cloudinary.com/settings/api-keys",
+    dashboardUrl: "https://console.cloudinary.com/settings/api-keys",
     envVars: ["CLOUDINARY_CLOUD_NAME", "CLOUDINARY_API_KEY", "CLOUDINARY_API_SECRET"],
+    envVarHints: {
+      "CLOUDINARY_CLOUD_NAME": "Your cloud name",
+      "CLOUDINARY_API_KEY": "Numeric API key",
+      "CLOUDINARY_API_SECRET": "API Secret"
+    },
     packages: ["cloudinary"],
-    docs: "https://cloudinary.com/documentation"
-  },
-  {
-    id: "aws-s3",
-    name: "AWS S3",
-    description: "Amazon cloud storage",
-    category: "storage",
-    icon: "\u{1FAA3}",
-    authType: "oauth",
-    oauthUrl: "https://console.aws.amazon.com/iam/home#/security_credentials",
-    envVars: ["AWS_ACCESS_KEY_ID", "AWS_SECRET_ACCESS_KEY", "AWS_REGION", "AWS_S3_BUCKET"],
-    packages: ["@aws-sdk/client-s3"],
-    docs: "https://docs.aws.amazon.com/s3"
-  },
-  {
-    id: "vercel-blob",
-    name: "Vercel Blob",
-    description: "File storage by Vercel",
-    category: "storage",
-    icon: "\u25B2",
-    authType: "oauth",
-    oauthUrl: "https://vercel.com/dashboard/stores",
-    envVars: ["BLOB_READ_WRITE_TOKEN"],
-    packages: ["@vercel/blob"],
-    docs: "https://vercel.com/docs/storage/vercel-blob"
-  },
-  // ═══════════════════════════════════════════════════════════════════════════
-  // ANALYTICS
-  // ═══════════════════════════════════════════════════════════════════════════
-  {
-    id: "vercel-analytics",
-    name: "Vercel Analytics",
-    description: "Web analytics by Vercel",
-    category: "analytics",
-    icon: "\u{1F4CA}",
-    authType: "npm",
-    envVars: [],
-    packages: ["@vercel/analytics"],
-    docs: "https://vercel.com/docs/analytics"
-  },
-  {
-    id: "posthog",
-    name: "PostHog",
-    description: "Product analytics & feature flags",
-    category: "analytics",
-    icon: "\u{1F994}",
-    authType: "oauth",
-    oauthUrl: "https://app.posthog.com/project/settings",
-    envVars: ["NEXT_PUBLIC_POSTHOG_KEY", "NEXT_PUBLIC_POSTHOG_HOST"],
-    packages: ["posthog-js"],
-    docs: "https://posthog.com/docs"
-  },
-  {
-    id: "mixpanel",
-    name: "Mixpanel",
-    description: "Event-based analytics",
-    category: "analytics",
-    icon: "\u{1F4C8}",
-    authType: "oauth",
-    oauthUrl: "https://mixpanel.com/settings/project",
-    envVars: ["NEXT_PUBLIC_MIXPANEL_TOKEN"],
-    packages: ["mixpanel-browser"],
-    docs: "https://docs.mixpanel.com"
-  },
-  {
-    id: "plausible",
-    name: "Plausible",
-    description: "Privacy-friendly analytics",
-    category: "analytics",
-    icon: "\u{1F4C9}",
-    authType: "oauth",
-    oauthUrl: "https://plausible.io/sites",
-    envVars: ["NEXT_PUBLIC_PLAUSIBLE_DOMAIN"],
-    packages: ["next-plausible"],
-    docs: "https://plausible.io/docs"
+    docs: "https://cloudinary.com/documentation",
+    steps: [
+      "Sign in at cloudinary.com",
+      "Go to Settings > API Keys",
+      "Copy Cloud Name, API Key, API Secret"
+    ]
   },
   // ═══════════════════════════════════════════════════════════════════════════
   // AI
@@ -6323,14 +6362,22 @@ var INTEGRATIONS = [
   {
     id: "openai",
     name: "OpenAI",
-    description: "GPT models & DALL-E",
+    description: "GPT-4, DALL-E, Whisper",
     category: "ai",
     icon: "\u{1F916}",
-    authType: "oauth",
-    oauthUrl: "https://platform.openai.com/api-keys",
+    dashboardUrl: "https://platform.openai.com/api-keys",
     envVars: ["OPENAI_API_KEY"],
+    envVarHints: {
+      "OPENAI_API_KEY": "sk-..."
+    },
     packages: ["openai"],
-    docs: "https://platform.openai.com/docs"
+    docs: "https://platform.openai.com/docs",
+    steps: [
+      "Sign in at platform.openai.com",
+      "Go to API Keys",
+      "Create new secret key",
+      "Copy it (only shown once!)"
+    ]
   },
   {
     id: "anthropic",
@@ -6338,11 +6385,19 @@ var INTEGRATIONS = [
     description: "Claude AI models",
     category: "ai",
     icon: "\u{1F9E0}",
-    authType: "oauth",
-    oauthUrl: "https://console.anthropic.com/settings/keys",
+    dashboardUrl: "https://console.anthropic.com/settings/keys",
     envVars: ["ANTHROPIC_API_KEY"],
+    envVarHints: {
+      "ANTHROPIC_API_KEY": "sk-ant-..."
+    },
     packages: ["@anthropic-ai/sdk"],
-    docs: "https://docs.anthropic.com"
+    docs: "https://docs.anthropic.com",
+    steps: [
+      "Sign in at console.anthropic.com",
+      "Go to API Keys",
+      "Create a new key",
+      "Copy it (only shown once!)"
+    ]
   },
   {
     id: "replicate",
@@ -6350,72 +6405,83 @@ var INTEGRATIONS = [
     description: "Run ML models in the cloud",
     category: "ai",
     icon: "\u{1F504}",
-    authType: "oauth",
-    oauthUrl: "https://replicate.com/account/api-tokens",
+    dashboardUrl: "https://replicate.com/account/api-tokens",
     envVars: ["REPLICATE_API_TOKEN"],
+    envVarHints: {
+      "REPLICATE_API_TOKEN": "r8_..."
+    },
     packages: ["replicate"],
-    docs: "https://replicate.com/docs"
-  },
-  {
-    id: "vercel-ai",
-    name: "Vercel AI SDK",
-    description: "Build AI-powered apps",
-    category: "ai",
-    icon: "\u2728",
-    authType: "npm",
-    envVars: [],
-    packages: ["ai"],
-    docs: "https://sdk.vercel.ai/docs"
-  },
-  {
-    id: "elevenlabs",
-    name: "ElevenLabs",
-    description: "AI voice generation",
-    category: "ai",
-    icon: "\u{1F399}\uFE0F",
-    authType: "oauth",
-    oauthUrl: "https://elevenlabs.io/app/settings/api-keys",
-    envVars: ["ELEVENLABS_API_KEY"],
-    packages: ["elevenlabs"],
-    docs: "https://elevenlabs.io/docs"
+    docs: "https://replicate.com/docs",
+    steps: [
+      "Sign in at replicate.com",
+      "Go to Account > API Tokens",
+      "Create a token"
+    ]
   },
   // ═══════════════════════════════════════════════════════════════════════════
-  // CMS
+  // ANALYTICS
   // ═══════════════════════════════════════════════════════════════════════════
   {
-    id: "sanity",
-    name: "Sanity",
-    description: "Headless CMS with real-time collaboration",
-    category: "cms",
-    icon: "\u{1F4DD}",
-    authType: "oauth",
-    oauthUrl: "https://www.sanity.io/manage",
-    envVars: ["NEXT_PUBLIC_SANITY_PROJECT_ID", "NEXT_PUBLIC_SANITY_DATASET", "SANITY_API_TOKEN"],
-    packages: ["@sanity/client", "next-sanity"],
-    docs: "https://www.sanity.io/docs"
+    id: "posthog",
+    name: "PostHog",
+    description: "Product analytics & feature flags",
+    category: "analytics",
+    icon: "\u{1F994}",
+    dashboardUrl: "https://app.posthog.com/project/settings",
+    envVars: ["NEXT_PUBLIC_POSTHOG_KEY", "NEXT_PUBLIC_POSTHOG_HOST"],
+    envVarHints: {
+      "NEXT_PUBLIC_POSTHOG_KEY": "phc_...",
+      "NEXT_PUBLIC_POSTHOG_HOST": "https://app.posthog.com (or your self-hosted URL)"
+    },
+    packages: ["posthog-js"],
+    docs: "https://posthog.com/docs",
+    steps: [
+      "Sign up at posthog.com",
+      "Create or select a project",
+      "Go to Project Settings",
+      "Copy Project API Key"
+    ]
   },
   {
-    id: "contentful",
-    name: "Contentful",
-    description: "Enterprise headless CMS",
-    category: "cms",
-    icon: "\u{1F4C4}",
-    authType: "oauth",
-    oauthUrl: "https://app.contentful.com/account/profile/cma_tokens",
-    envVars: ["CONTENTFUL_SPACE_ID", "CONTENTFUL_ACCESS_TOKEN"],
-    packages: ["contentful"],
-    docs: "https://www.contentful.com/developers/docs"
+    id: "vercel-analytics",
+    name: "Vercel Analytics",
+    description: "Web analytics by Vercel",
+    category: "analytics",
+    icon: "\u25B2",
+    dashboardUrl: "https://vercel.com/dashboard",
+    envVars: [],
+    packages: ["@vercel/analytics"],
+    docs: "https://vercel.com/docs/analytics",
+    steps: [
+      "No API key needed!",
+      "Just install the package",
+      "Add <Analytics /> to your layout",
+      "Deploy to Vercel to see data"
+    ]
   },
+  // ═══════════════════════════════════════════════════════════════════════════
+  // MONITORING
+  // ═══════════════════════════════════════════════════════════════════════════
   {
-    id: "strapi",
-    name: "Strapi",
-    description: "Open-source headless CMS",
-    category: "cms",
-    icon: "\u{1F680}",
-    authType: "npm",
-    envVars: ["STRAPI_URL", "STRAPI_API_TOKEN"],
-    packages: [],
-    docs: "https://docs.strapi.io"
+    id: "sentry",
+    name: "Sentry",
+    description: "Error tracking & performance",
+    category: "monitoring",
+    icon: "\u{1F41B}",
+    dashboardUrl: "https://sentry.io/settings/account/api/auth-tokens/",
+    envVars: ["SENTRY_DSN", "SENTRY_AUTH_TOKEN"],
+    envVarHints: {
+      "SENTRY_DSN": "https://xxx@xxx.ingest.sentry.io/xxx",
+      "SENTRY_AUTH_TOKEN": "From Organization Auth Tokens"
+    },
+    packages: ["@sentry/nextjs"],
+    docs: "https://docs.sentry.io",
+    steps: [
+      "Sign up at sentry.io",
+      "Create a project (Next.js)",
+      "Copy DSN from Project Settings > Client Keys",
+      "Create auth token in Settings > Auth Tokens"
+    ]
   },
   // ═══════════════════════════════════════════════════════════════════════════
   // MESSAGING
@@ -6426,11 +6492,21 @@ var INTEGRATIONS = [
     description: "SMS, voice & WhatsApp",
     category: "messaging",
     icon: "\u{1F4F1}",
-    authType: "oauth",
-    oauthUrl: "https://console.twilio.com/us1/account/keys-credentials/api-keys",
+    dashboardUrl: "https://console.twilio.com",
     envVars: ["TWILIO_ACCOUNT_SID", "TWILIO_AUTH_TOKEN", "TWILIO_PHONE_NUMBER"],
+    envVarHints: {
+      "TWILIO_ACCOUNT_SID": "AC... (from Console Dashboard)",
+      "TWILIO_AUTH_TOKEN": "From Console Dashboard (click to reveal)",
+      "TWILIO_PHONE_NUMBER": "+1234567890 (buy in Phone Numbers)"
+    },
     packages: ["twilio"],
-    docs: "https://www.twilio.com/docs"
+    docs: "https://www.twilio.com/docs",
+    steps: [
+      "Sign up at twilio.com",
+      "Go to Console Dashboard",
+      "Copy Account SID and Auth Token",
+      "Buy a phone number in Phone Numbers > Manage"
+    ]
   },
   {
     id: "pusher",
@@ -6438,62 +6514,23 @@ var INTEGRATIONS = [
     description: "Realtime websockets",
     category: "messaging",
     icon: "\u{1F514}",
-    authType: "oauth",
-    oauthUrl: "https://dashboard.pusher.com",
-    envVars: ["PUSHER_APP_ID", "PUSHER_KEY", "PUSHER_SECRET", "NEXT_PUBLIC_PUSHER_KEY"],
+    dashboardUrl: "https://dashboard.pusher.com",
+    envVars: ["PUSHER_APP_ID", "PUSHER_KEY", "PUSHER_SECRET", "NEXT_PUBLIC_PUSHER_KEY", "PUSHER_CLUSTER"],
+    envVarHints: {
+      "PUSHER_APP_ID": "App ID from App Keys",
+      "PUSHER_KEY": "Key from App Keys",
+      "PUSHER_SECRET": "Secret from App Keys",
+      "NEXT_PUBLIC_PUSHER_KEY": "Same as PUSHER_KEY",
+      "PUSHER_CLUSTER": "e.g., us2, eu, ap1"
+    },
     packages: ["pusher", "pusher-js"],
-    docs: "https://pusher.com/docs"
-  },
-  {
-    id: "knock",
-    name: "Knock",
-    description: "Notification infrastructure",
-    category: "messaging",
-    icon: "\u{1F514}",
-    authType: "oauth",
-    oauthUrl: "https://dashboard.knock.app",
-    envVars: ["KNOCK_API_KEY", "NEXT_PUBLIC_KNOCK_PUBLIC_API_KEY"],
-    packages: ["@knocklabs/node", "@knocklabs/react"],
-    docs: "https://docs.knock.app"
-  },
-  {
-    id: "stream",
-    name: "Stream",
-    description: "Chat & activity feeds",
-    category: "messaging",
-    icon: "\u{1F4AC}",
-    authType: "oauth",
-    oauthUrl: "https://dashboard.getstream.io",
-    envVars: ["STREAM_API_KEY", "STREAM_API_SECRET"],
-    packages: ["stream-chat", "stream-chat-react"],
-    docs: "https://getstream.io/docs"
-  },
-  // ═══════════════════════════════════════════════════════════════════════════
-  // MONITORING
-  // ═══════════════════════════════════════════════════════════════════════════
-  {
-    id: "sentry",
-    name: "Sentry",
-    description: "Error tracking & performance",
-    category: "monitoring",
-    icon: "\u{1F41B}",
-    authType: "oauth",
-    oauthUrl: "https://sentry.io/settings/account/api/auth-tokens/",
-    envVars: ["SENTRY_DSN", "SENTRY_AUTH_TOKEN"],
-    packages: ["@sentry/nextjs"],
-    docs: "https://docs.sentry.io"
-  },
-  {
-    id: "logrocket",
-    name: "LogRocket",
-    description: "Session replay & monitoring",
-    category: "monitoring",
-    icon: "\u{1F680}",
-    authType: "oauth",
-    oauthUrl: "https://app.logrocket.com/settings/setup",
-    envVars: ["NEXT_PUBLIC_LOGROCKET_APP_ID"],
-    packages: ["logrocket"],
-    docs: "https://docs.logrocket.com"
+    docs: "https://pusher.com/docs",
+    steps: [
+      "Sign up at pusher.com",
+      "Create a Channels app",
+      "Go to App Keys",
+      "Copy all credentials"
+    ]
   },
   // ═══════════════════════════════════════════════════════════════════════════
   // DEPLOYMENT
@@ -6504,11 +6541,19 @@ var INTEGRATIONS = [
     description: "Deploy Next.js apps",
     category: "deployment",
     icon: "\u25B2",
-    authType: "oauth",
-    oauthUrl: "https://vercel.com/account/tokens",
+    dashboardUrl: "https://vercel.com/account/tokens",
     envVars: ["VERCEL_TOKEN"],
+    envVarHints: {
+      "VERCEL_TOKEN": "From Account Settings > Tokens"
+    },
     packages: ["vercel"],
-    docs: "https://vercel.com/docs"
+    docs: "https://vercel.com/docs",
+    steps: [
+      "Sign in at vercel.com",
+      "Go to Account Settings > Tokens",
+      "Create a new token",
+      "Copy it"
+    ]
   },
   {
     id: "github",
@@ -6516,73 +6561,80 @@ var INTEGRATIONS = [
     description: "Code hosting & CI/CD",
     category: "deployment",
     icon: "\u{1F419}",
-    authType: "oauth",
-    oauthUrl: "https://github.com/settings/tokens",
+    dashboardUrl: "https://github.com/settings/tokens",
     envVars: ["GITHUB_TOKEN"],
+    envVarHints: {
+      "GITHUB_TOKEN": "ghp_... or github_pat_..."
+    },
     packages: ["octokit"],
-    docs: "https://docs.github.com"
+    docs: "https://docs.github.com",
+    steps: [
+      "Sign in at github.com",
+      "Go to Settings > Developer settings > Personal access tokens",
+      "Generate new token (classic)",
+      "Select scopes: repo, user",
+      "Copy the token"
+    ]
   },
   // ═══════════════════════════════════════════════════════════════════════════
-  // OTHER
+  // CMS
   // ═══════════════════════════════════════════════════════════════════════════
   {
-    id: "crisp",
-    name: "Crisp",
-    description: "Customer support chat",
-    category: "other",
-    icon: "\u{1F4AC}",
-    authType: "oauth",
-    oauthUrl: "https://app.crisp.chat/settings/website",
-    envVars: ["NEXT_PUBLIC_CRISP_WEBSITE_ID"],
-    packages: ["crisp-sdk-web"],
-    docs: "https://docs.crisp.chat"
-  },
-  {
-    id: "intercom",
-    name: "Intercom",
-    description: "Customer messaging platform",
-    category: "other",
-    icon: "\u{1F4AC}",
-    authType: "oauth",
-    oauthUrl: "https://app.intercom.com/a/apps/_/developer-hub",
-    envVars: ["NEXT_PUBLIC_INTERCOM_APP_ID"],
-    packages: ["@intercom/messenger-js-sdk"],
-    docs: "https://developers.intercom.com"
-  },
-  {
-    id: "cal",
-    name: "Cal.com",
-    description: "Scheduling infrastructure",
-    category: "other",
-    icon: "\u{1F4C5}",
-    authType: "oauth",
-    oauthUrl: "https://app.cal.com/settings/developer/api-keys",
-    envVars: ["CAL_API_KEY"],
-    packages: ["@calcom/embed-react"],
-    docs: "https://cal.com/docs"
+    id: "sanity",
+    name: "Sanity",
+    description: "Headless CMS",
+    category: "cms",
+    icon: "\u{1F4DD}",
+    dashboardUrl: "https://www.sanity.io/manage",
+    envVars: ["NEXT_PUBLIC_SANITY_PROJECT_ID", "NEXT_PUBLIC_SANITY_DATASET", "SANITY_API_TOKEN"],
+    envVarHints: {
+      "NEXT_PUBLIC_SANITY_PROJECT_ID": "From project settings",
+      "NEXT_PUBLIC_SANITY_DATASET": 'Usually "production"',
+      "SANITY_API_TOKEN": "From API > Tokens"
+    },
+    packages: ["@sanity/client", "next-sanity"],
+    docs: "https://www.sanity.io/docs",
+    steps: [
+      "Sign in at sanity.io/manage",
+      "Create or select a project",
+      "Copy Project ID from settings",
+      "Create API token in API > Tokens"
+    ]
   }
 ];
 async function integrateCommand(integrationId) {
-  const config = new Config();
   console.log(chalk19.cyan(`
 \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557
 \u2551  \u{1F50C} ONE-CLICK INTEGRATIONS                                    \u2551
 \u2551                                                               \u2551
-\u2551  ${INTEGRATIONS.length} integrations available                               \u2551
-\u2551  Browser-based auth \u2022 Auto-install \u2022 Ready in seconds         \u2551
+\u2551  ${INTEGRATIONS.length} services \u2022 Step-by-step guidance \u2022 Auto-setup        \u2551
 \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D
 `));
   if (integrationId) {
     const integration2 = INTEGRATIONS.find((i) => i.id === integrationId);
     if (!integration2) {
       p18.log.error(`Unknown integration: ${integrationId}`);
-      console.log(chalk19.dim(`Run 'codebakers integrate' to see all available integrations`));
+      console.log(chalk19.dim(`
+Available: ${INTEGRATIONS.map((i) => i.id).join(", ")}`));
       return;
     }
-    await installIntegration(integration2, config);
+    await installIntegration(integration2);
     return;
   }
   const categories = [...new Set(INTEGRATIONS.map((i) => i.category))];
+  const categoryLabels = {
+    auth: "\u{1F510} Authentication",
+    database: "\u{1F5C4}\uFE0F  Database",
+    payments: "\u{1F4B3} Payments",
+    email: "\u{1F4E7} Email",
+    storage: "\u{1F4E6} Storage",
+    ai: "\u{1F916} AI & ML",
+    analytics: "\u{1F4CA} Analytics",
+    monitoring: "\u{1F41B} Monitoring",
+    messaging: "\u{1F4AC} Messaging",
+    deployment: "\u{1F680} Deployment",
+    cms: "\u{1F4DD} CMS"
+  };
   const category = await p18.select({
     message: "Choose a category:",
     options: [
@@ -6590,33 +6642,33 @@ async function integrateCommand(integrationId) {
       { value: "search", label: "\u{1F50D} Search by name" },
       ...categories.map((c) => ({
         value: c,
-        label: getCategoryLabel(c),
-        hint: `${INTEGRATIONS.filter((i) => i.category === c).length} integrations`
+        label: categoryLabels[c] || c,
+        hint: `${INTEGRATIONS.filter((i) => i.category === c).length} services`
       }))
     ]
   });
   if (p18.isCancel(category)) return;
-  let filteredIntegrations = INTEGRATIONS;
+  let filtered = INTEGRATIONS;
   if (category === "search") {
     const query = await p18.text({
-      message: "Search integrations:",
-      placeholder: "stripe, auth, email..."
+      message: "Search:",
+      placeholder: "stripe, supabase, openai..."
     });
     if (p18.isCancel(query)) return;
     const q = query.toLowerCase();
-    filteredIntegrations = INTEGRATIONS.filter(
-      (i) => i.name.toLowerCase().includes(q) || i.description.toLowerCase().includes(q) || i.id.toLowerCase().includes(q)
+    filtered = INTEGRATIONS.filter(
+      (i) => i.name.toLowerCase().includes(q) || i.description.toLowerCase().includes(q) || i.id.includes(q)
     );
+    if (filtered.length === 0) {
+      p18.log.warn("No integrations found");
+      return;
+    }
   } else if (category !== "all") {
-    filteredIntegrations = INTEGRATIONS.filter((i) => i.category === category);
-  }
-  if (filteredIntegrations.length === 0) {
-    p18.log.warn("No integrations found");
-    return;
+    filtered = INTEGRATIONS.filter((i) => i.category === category);
   }
   const selected = await p18.select({
-    message: "Select an integration to install:",
-    options: filteredIntegrations.map((i) => ({
+    message: "Select integration:",
+    options: filtered.map((i) => ({
       value: i.id,
       label: `${i.icon} ${i.name}`,
       hint: i.description
@@ -6624,112 +6676,97 @@ async function integrateCommand(integrationId) {
   });
   if (p18.isCancel(selected)) return;
   const integration = INTEGRATIONS.find((i) => i.id === selected);
-  await installIntegration(integration, config);
+  await installIntegration(integration);
 }
-async function installIntegration(integration, config) {
+async function installIntegration(integration) {
   console.log(chalk19.cyan(`
-  Installing ${integration.icon} ${integration.name}...
+\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+\u2502  ${integration.icon} Installing ${integration.name}
+\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 `));
-  const steps = [];
   if (integration.packages && integration.packages.length > 0) {
-    steps.push({ name: "Install packages", done: false });
-  }
-  if (integration.envVars.length > 0) {
-    steps.push({ name: "Configure credentials", done: false });
-  }
-  steps.push({ name: "Setup integration", done: false });
-  const spinner16 = p18.spinner();
-  if (integration.packages && integration.packages.length > 0) {
-    spinner16.start(`Installing ${integration.packages.join(", ")}...`);
+    const spinner17 = p18.spinner();
+    spinner17.start(`Installing ${integration.packages.join(", ")}...`);
     try {
       await execa10("npm", ["install", ...integration.packages], {
         cwd: process.cwd(),
         reject: false
       });
-      spinner16.stop(`\u2713 Packages installed`);
+      spinner17.stop(chalk19.green("\u2713 Packages installed"));
     } catch {
-      spinner16.stop(`\u2713 Packages installed (or already present)`);
+      spinner17.stop(chalk19.yellow("\u26A0 Package install had issues (may already be installed)"));
     }
   }
   if (integration.envVars.length > 0) {
-    if (integration.authType === "oauth" && integration.oauthUrl) {
-      console.log(chalk19.cyan(`
-  Opening ${integration.name} in your browser...`));
-      console.log(chalk19.dim(`  Get your API keys and paste them below.
+    console.log(chalk19.cyan(`
+\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+\u2502  \u{1F4CB} HOW TO GET YOUR API KEYS
+\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 `));
-      await open2(integration.oauthUrl);
-      await sleep2(1500);
+    integration.steps.forEach((step, i) => {
+      console.log(chalk19.white(`  ${i + 1}. ${step}`));
+    });
+    console.log(chalk19.dim(`
+  Dashboard: ${integration.dashboardUrl}
+  Docs: ${integration.docs}
+`));
+    const openDashboard = await p18.confirm({
+      message: `Open ${integration.name} dashboard in browser?`,
+      initialValue: true
+    });
+    if (openDashboard && !p18.isCancel(openDashboard)) {
+      await open2(integration.dashboardUrl);
+      console.log(chalk19.dim(`
+  \u2713 Browser opened! Get your keys and come back.
+`));
+      await sleep2(2e3);
     }
+    console.log(chalk19.cyan(`
+  Enter your credentials:
+`));
     const credentials = {};
     for (const envVar of integration.envVars) {
+      const hint = integration.envVarHints?.[envVar] || "Paste here...";
       const isPublic = envVar.startsWith("NEXT_PUBLIC_");
-      const hint = isPublic ? "(public, will be in client bundle)" : "(secret, server-only)";
+      const label = isPublic ? chalk19.yellow("(public)") : chalk19.green("(secret)");
       const value = await p18.text({
-        message: `${envVar} ${chalk19.dim(hint)}:`,
-        placeholder: "Paste your key here...",
+        message: `${envVar} ${label}`,
+        placeholder: hint,
         validate: (v) => !v ? "Required" : void 0
       });
       if (p18.isCancel(value)) return;
       credentials[envVar] = value;
     }
     await saveEnvVars(credentials);
-    console.log(chalk19.green(`  \u2713 Credentials saved to .env.local
+    console.log(chalk19.green(`
+  \u2713 Saved to .env.local
 `));
   }
-  spinner16.start("Generating setup code...");
-  const setupCode = await generateSetupCode(integration);
-  if (setupCode) {
-    for (const file of setupCode) {
-      await fs15.ensureDir(path14.dirname(file.path));
-      await fs15.writeFile(file.path, file.content);
-    }
-  }
-  spinner16.stop("\u2713 Setup complete");
+  const spinner16 = p18.spinner();
+  spinner16.start("Creating setup file...");
+  await generateSetupCode(integration);
+  spinner16.stop(chalk19.green("\u2713 Setup complete"));
   console.log(chalk19.green(`
 \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557
-\u2551  \u2713 ${integration.name} installed successfully!                
+\u2551  \u2705 ${integration.name} installed!                             
 \u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563
-`));
-  if (integration.packages && integration.packages.length > 0) {
-    console.log(chalk19.dim(`  Packages: ${integration.packages.join(", ")}`));
-  }
-  if (integration.envVars.length > 0) {
-    console.log(chalk19.dim(`  Env vars: ${integration.envVars.join(", ")}`));
-  }
-  console.log(`
-\u2551  \u{1F4DA} Docs: ${integration.docs}
+\u2551                                                               \u2551
+\u2551  Import: import { ... } from '@/lib/${integration.id}'        
+\u2551  Docs: ${integration.docs.substring(0, 45).padEnd(45)}\u2551
+\u2551                                                               \u2551
 \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D
-`);
-}
-function getCategoryLabel(category) {
-  const labels = {
-    auth: "\u{1F510} Authentication",
-    database: "\u{1F5C4}\uFE0F  Databases",
-    payments: "\u{1F4B3} Payments",
-    email: "\u{1F4E7} Email",
-    storage: "\u{1F4E6} Storage",
-    analytics: "\u{1F4CA} Analytics",
-    ai: "\u{1F916} AI & ML",
-    cms: "\u{1F4DD} CMS",
-    messaging: "\u{1F4AC} Messaging",
-    monitoring: "\u{1F50D} Monitoring",
-    deployment: "\u{1F680} Deployment",
-    other: "\u{1F527} Other"
-  };
-  return labels[category] || category;
+`));
 }
 async function saveEnvVars(vars) {
   const envPath = path14.join(process.cwd(), ".env.local");
   let content = "";
   if (await fs15.pathExists(envPath)) {
     content = await fs15.readFile(envPath, "utf-8");
-    if (!content.endsWith("\n")) {
-      content += "\n";
-    }
-    content += "\n# Added by CodeBakers\n";
+    if (!content.endsWith("\n")) content += "\n";
   }
+  content += "\n# Added by CodeBakers\n";
   for (const [key, value] of Object.entries(vars)) {
-    const regex = new RegExp(`^${key}=`, "m");
+    const regex = new RegExp(`^${key}=.*$`, "m");
     if (regex.test(content)) {
       content = content.replace(regex, `${key}=${value}`);
     } else {
@@ -6740,98 +6777,604 @@ async function saveEnvVars(vars) {
   await fs15.writeFile(envPath, content);
 }
 async function generateSetupCode(integration) {
-  const files = [];
+  const libDir = path14.join(process.cwd(), "src", "lib");
+  await fs15.ensureDir(libDir);
+  let code = "";
   switch (integration.id) {
-    case "clerk":
-      files.push({
-        path: "src/middleware.ts",
-        content: `import { clerkMiddleware } from '@clerk/nextjs/server';
+    case "supabase":
+    case "supabase-auth":
+      code = `import { createClient } from '@supabase/supabase-js';
 
-export default clerkMiddleware();
+const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!;
+const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!;
 
-export const config = {
-  matcher: ['/((?!.*\\..*|_next).*)', '/', '/(api|trpc)(.*)'],
-};
-`
-      });
+export const supabase = createClient(supabaseUrl, supabaseAnonKey);
+`;
       break;
     case "stripe":
-      files.push({
-        path: "src/lib/stripe.ts",
-        content: `import Stripe from 'stripe';
+      code = `import Stripe from 'stripe';
 
 export const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, {
   apiVersion: '2023-10-16',
-  typescript: true,
 });
-`
-      });
-      break;
-    case "supabase":
-      files.push({
-        path: "src/lib/supabase.ts",
-        content: `import { createClient } from '@supabase/supabase-js';
-
-const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!;
-const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!;
-
-export const supabase = createClient(supabaseUrl, supabaseAnonKey);
-`
-      });
+`;
       break;
     case "resend":
-      files.push({
-        path: "src/lib/resend.ts",
-        content: `import { Resend } from 'resend';
+      code = `import { Resend } from 'resend';
 
 export const resend = new Resend(process.env.RESEND_API_KEY);
-`
-      });
+`;
       break;
     case "openai":
-      files.push({
-        path: "src/lib/openai.ts",
-        content: `import OpenAI from 'openai';
+      code = `import OpenAI from 'openai';
 
 export const openai = new OpenAI({
   apiKey: process.env.OPENAI_API_KEY,
 });
-`
-      });
+`;
       break;
     case "anthropic":
-      files.push({
-        path: "src/lib/anthropic.ts",
-        content: `import Anthropic from '@anthropic-ai/sdk';
+      code = `import Anthropic from '@anthropic-ai/sdk';
 
 export const anthropic = new Anthropic({
   apiKey: process.env.ANTHROPIC_API_KEY,
 });
-`
-      });
+`;
       break;
-    case "sentry":
-      files.push({
-        path: "sentry.client.config.ts",
-        content: `import * as Sentry from '@sentry/nextjs';
-
-Sentry.init({
-  dsn: process.env.SENTRY_DSN,
-  tracesSampleRate: 1.0,
-});
-`
-      });
+    case "clerk":
+      code = `// Clerk is configured via middleware
+// See: https://clerk.com/docs/quickstarts/nextjs
+
+// In middleware.ts:
+// import { clerkMiddleware } from '@clerk/nextjs/server';
+// export default clerkMiddleware();
+
+// In layout.tsx:
+// import { ClerkProvider } from '@clerk/nextjs';
+// <ClerkProvider>{children}</ClerkProvider>
+
+export {};
+`;
       break;
+    default:
+      code = `// ${integration.name}
+// Docs: ${integration.docs}
+//
+// Environment variables:
+${integration.envVars.map((v) => `// - ${v}`).join("\n")}
+
+export {};
+`;
   }
-  return files.length > 0 ? files : null;
+  await fs15.writeFile(path14.join(libDir, `${integration.id}.ts`), code);
 }
 function sleep2(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
-// src/utils/nlp.ts
+// src/commands/website.ts
 import * as p19 from "@clack/prompts";
+import chalk20 from "chalk";
+import * as fs16 from "fs-extra";
+import * as path15 from "path";
 import Anthropic5 from "@anthropic-ai/sdk";
+import { execa as execa11 } from "execa";
+var TEMPLATES = [
+  {
+    id: "landing",
+    name: "Landing Page",
+    description: "Convert visitors into customers",
+    icon: "\u{1F680}",
+    sections: ["hero", "features", "testimonials", "pricing", "cta", "footer"],
+    style: "bold"
+  },
+  {
+    id: "saas",
+    name: "SaaS Website",
+    description: "Software product marketing site",
+    icon: "\u{1F4BB}",
+    sections: ["hero", "features", "how-it-works", "pricing", "faq", "testimonials", "cta", "footer"],
+    style: "minimal"
+  },
+  {
+    id: "portfolio",
+    name: "Portfolio",
+    description: "Showcase your work",
+    icon: "\u{1F3A8}",
+    sections: ["hero", "about", "projects", "skills", "contact", "footer"],
+    style: "elegant"
+  },
+  {
+    id: "agency",
+    name: "Agency Website",
+    description: "Professional services company",
+    icon: "\u{1F3E2}",
+    sections: ["hero", "services", "portfolio", "team", "testimonials", "contact", "footer"],
+    style: "corporate"
+  },
+  {
+    id: "startup",
+    name: "Startup Page",
+    description: "Early stage company",
+    icon: "\u26A1",
+    sections: ["hero", "problem", "solution", "features", "team", "waitlist", "footer"],
+    style: "bold"
+  },
+  {
+    id: "restaurant",
+    name: "Restaurant",
+    description: "Food & dining establishment",
+    icon: "\u{1F37D}\uFE0F",
+    sections: ["hero", "menu", "about", "gallery", "reservations", "location", "footer"],
+    style: "elegant"
+  },
+  {
+    id: "ecommerce",
+    name: "E-commerce",
+    description: "Online store",
+    icon: "\u{1F6D2}",
+    sections: ["hero", "featured-products", "categories", "bestsellers", "newsletter", "footer"],
+    style: "minimal"
+  },
+  {
+    id: "blog",
+    name: "Blog",
+    description: "Content & articles",
+    icon: "\u{1F4DD}",
+    sections: ["hero", "featured-posts", "categories", "newsletter", "about", "footer"],
+    style: "minimal"
+  },
+  {
+    id: "event",
+    name: "Event Page",
+    description: "Conference or meetup",
+    icon: "\u{1F389}",
+    sections: ["hero", "speakers", "schedule", "venue", "sponsors", "tickets", "footer"],
+    style: "bold"
+  },
+  {
+    id: "nonprofit",
+    name: "Nonprofit",
+    description: "Charity or cause",
+    icon: "\u{1F49A}",
+    sections: ["hero", "mission", "impact", "programs", "donate", "volunteer", "footer"],
+    style: "elegant"
+  },
+  {
+    id: "personal",
+    name: "Personal Website",
+    description: "Your online presence",
+    icon: "\u{1F464}",
+    sections: ["hero", "about", "experience", "projects", "blog", "contact", "footer"],
+    style: "minimal"
+  },
+  {
+    id: "coming-soon",
+    name: "Coming Soon",
+    description: "Pre-launch teaser",
+    icon: "\u23F3",
+    sections: ["hero", "countdown", "features-preview", "waitlist", "footer"],
+    style: "bold"
+  },
+  {
+    id: "custom",
+    name: "Custom",
+    description: "Build from scratch with AI",
+    icon: "\u2728",
+    sections: [],
+    style: "minimal"
+  }
+];
+async function websiteCommand() {
+  const config = new Config();
+  if (!config.isConfigured()) {
+    console.log(chalk20.yellow(`
+  \u26A0\uFE0F  CodeBakers isn't set up yet.
+  
+  Run this first:
+    ${chalk20.cyan("codebakers setup")}
+`));
+    return;
+  }
+  const anthropicCreds = config.getCredentials("anthropic");
+  if (!anthropicCreds?.apiKey) {
+    console.log(chalk20.yellow(`
+  \u26A0\uFE0F  Anthropic API key not configured.
+  
+  The website builder needs Claude AI to generate code.
+  
+  Run this to add your API key:
+    ${chalk20.cyan("codebakers setup")}
+  
+  Get an API key at:
+    ${chalk20.dim("https://console.anthropic.com/settings/keys")}
+`));
+    return;
+  }
+  console.log(chalk20.cyan(`
+\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557
+\u2551  \u{1F310} WEBSITE BUILDER                                           \u2551
+\u2551                                                               \u2551
+\u2551  Describe your website in plain English.                      \u2551
+\u2551  AI builds it in minutes.                                     \u2551
+\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D
+`));
+  const approach = await p19.select({
+    message: "How would you like to build your website?",
+    options: [
+      { value: "describe", label: "\u{1F4AC} Describe it", hint: "Tell me what you want in plain English" },
+      { value: "template", label: "\u{1F4CB} Start from template", hint: "Choose a pre-made structure" },
+      { value: "url", label: "\u{1F517} Clone a design", hint: "Describe a site you like" }
+    ]
+  });
+  if (p19.isCancel(approach)) return;
+  const anthropic = new Anthropic5({ apiKey: anthropicCreds.apiKey });
+  let websiteSpec;
+  if (approach === "describe") {
+    websiteSpec = await describeWebsite(anthropic);
+  } else if (approach === "template") {
+    websiteSpec = await templateWebsite(anthropic);
+  } else {
+    websiteSpec = await cloneDesign(anthropic);
+  }
+  if (!websiteSpec) return;
+  console.log(chalk20.cyan(`
+  \u{1F4CB} Website Plan:
+`));
+  console.log(chalk20.bold(`  ${websiteSpec.name}`));
+  console.log(chalk20.dim(`  ${websiteSpec.description}
+`));
+  console.log(chalk20.dim(`  Style: ${websiteSpec.style}`));
+  console.log(chalk20.dim(`  Sections: ${websiteSpec.sections.join(", ")}
+`));
+  const confirm13 = await p19.confirm({
+    message: "Build this website?",
+    initialValue: true
+  });
+  if (!confirm13 || p19.isCancel(confirm13)) return;
+  await buildWebsite(anthropic, websiteSpec, config);
+}
+async function describeWebsite(anthropic) {
+  console.log(chalk20.dim("\n  Describe your website. Be as detailed as you want.\n"));
+  console.log(chalk20.dim("  Examples:"));
+  console.log(chalk20.dim('  \u2022 "A landing page for my AI writing tool called WriteBot"'));
+  console.log(chalk20.dim('  \u2022 "Portfolio site for a photographer, dark theme, minimal"'));
+  console.log(chalk20.dim('  \u2022 "Coffee shop website with menu, location, and online ordering"\n'));
+  const description = await textWithVoice({
+    message: "Describe your website:",
+    placeholder: "A landing page for..."
+  });
+  if (p19.isCancel(description)) return null;
+  const spinner16 = p19.spinner();
+  spinner16.start("Understanding your vision...");
+  const response = await anthropic.messages.create({
+    model: "claude-sonnet-4-20250514",
+    max_tokens: 2048,
+    messages: [{
+      role: "user",
+      content: `Based on this website description, create a detailed specification.
+
+Description: "${description}"
+
+Return JSON only:
+{
+  "name": "Project name (kebab-case)",
+  "description": "One line description",
+  "style": "minimal | bold | elegant | playful | corporate",
+  "colorScheme": {
+    "primary": "#hex",
+    "secondary": "#hex", 
+    "accent": "#hex",
+    "background": "#hex",
+    "text": "#hex"
+  },
+  "sections": ["hero", "features", ...],
+  "content": {
+    "hero": {
+      "headline": "...",
+      "subheadline": "...",
+      "cta": "..."
+    },
+    "features": [
+      { "title": "...", "description": "...", "icon": "..." }
+    ]
+    // etc for each section
+  },
+  "features": ["responsive", "dark-mode", "animations", etc]
+}
+
+Make the content compelling and professional. Use appropriate sections for the type of website.`
+    }]
+  });
+  spinner16.stop("Got it!");
+  const text16 = response.content[0].type === "text" ? response.content[0].text : "";
+  const jsonMatch = text16.match(/\{[\s\S]*\}/);
+  if (!jsonMatch) {
+    p19.log.error("Failed to understand website description");
+    return null;
+  }
+  return JSON.parse(jsonMatch[0]);
+}
+async function templateWebsite(anthropic) {
+  const template = await p19.select({
+    message: "Choose a template:",
+    options: TEMPLATES.map((t) => ({
+      value: t.id,
+      label: `${t.icon} ${t.name}`,
+      hint: t.description
+    }))
+  });
+  if (p19.isCancel(template)) return null;
+  const selectedTemplate = TEMPLATES.find((t) => t.id === template);
+  const name = await p19.text({
+    message: "What is your business/project name?",
+    placeholder: "My Awesome Project"
+  });
+  if (p19.isCancel(name)) return null;
+  const tagline = await p19.text({
+    message: "Tagline or one-line description:",
+    placeholder: "The best solution for..."
+  });
+  if (p19.isCancel(tagline)) return null;
+  const details = await textWithVoice({
+    message: "Any other details? (or press enter to skip)",
+    placeholder: "We help startups with..., Our colors are blue and white..."
+  });
+  if (p19.isCancel(details)) return null;
+  const spinner16 = p19.spinner();
+  spinner16.start("Customizing template...");
+  const response = await anthropic.messages.create({
+    model: "claude-sonnet-4-20250514",
+    max_tokens: 2048,
+    messages: [{
+      role: "user",
+      content: `Create a website spec based on this template and customization.
+
+Template: ${selectedTemplate.name}
+Sections: ${selectedTemplate.sections.join(", ")}
+Default Style: ${selectedTemplate.style}
+
+Business Name: ${name}
+Tagline: ${tagline}
+Additional Details: ${details || "None provided"}
+
+Return JSON only:
+{
+  "name": "project-name-kebab",
+  "description": "${tagline}",
+  "style": "${selectedTemplate.style}",
+  "colorScheme": {
+    "primary": "#hex",
+    "secondary": "#hex",
+    "accent": "#hex",
+    "background": "#hex",
+    "text": "#hex"
+  },
+  "sections": ${JSON.stringify(selectedTemplate.sections)},
+  "content": {
+    // Content for each section, tailored to the business
+  },
+  "features": ["responsive", "dark-mode", etc]
+}
+
+Make the content specific and compelling for this business.`
+    }]
+  });
+  spinner16.stop("Template customized!");
+  const text16 = response.content[0].type === "text" ? response.content[0].text : "";
+  const jsonMatch = text16.match(/\{[\s\S]*\}/);
+  if (!jsonMatch) {
+    p19.log.error("Failed to customize template");
+    return null;
+  }
+  return JSON.parse(jsonMatch[0]);
+}
+async function cloneDesign(anthropic) {
+  console.log(chalk20.dim("\n  Describe a website design you like.\n"));
+  console.log(chalk20.dim("  Examples:"));
+  console.log(chalk20.dim('  \u2022 "Like Linear.app - minimal, clean, dark mode"'));
+  console.log(chalk20.dim('  \u2022 "Like Stripe - professional, lots of gradients"'));
+  console.log(chalk20.dim('  \u2022 "Like Notion - simple, friendly, illustrated"\n'));
+  const inspiration = await textWithVoice({
+    message: "What site do you want to be inspired by?",
+    placeholder: "Like Linear.app but for..."
+  });
+  if (p19.isCancel(inspiration)) return null;
+  const purpose = await p19.text({
+    message: "What is YOUR website for?",
+    placeholder: "A project management tool for designers"
+  });
+  if (p19.isCancel(purpose)) return null;
+  const spinner16 = p19.spinner();
+  spinner16.start("Analyzing design inspiration...");
+  const response = await anthropic.messages.create({
+    model: "claude-sonnet-4-20250514",
+    max_tokens: 2048,
+    messages: [{
+      role: "user",
+      content: `Create a website spec inspired by another site's design.
+
+Inspiration: "${inspiration}"
+Purpose: "${purpose}"
+
+Analyze the design style of the inspiration (based on your knowledge of popular websites) and create a spec that captures that aesthetic for this new purpose.
+
+Return JSON only:
+{
+  "name": "project-name-kebab",
+  "description": "One line description",
+  "style": "minimal | bold | elegant | playful | corporate",
+  "colorScheme": {
+    "primary": "#hex - inspired by the reference",
+    "secondary": "#hex",
+    "accent": "#hex",
+    "background": "#hex",
+    "text": "#hex"
+  },
+  "sections": ["appropriate sections for the purpose"],
+  "content": {
+    // Compelling content for each section
+  },
+  "features": ["responsive", "dark-mode", "animations", "gradients", etc - based on inspiration]
+}
+
+Capture the FEEL of the inspiration but make it original.`
+    }]
+  });
+  spinner16.stop("Design analyzed!");
+  const text16 = response.content[0].type === "text" ? response.content[0].text : "";
+  const jsonMatch = text16.match(/\{[\s\S]*\}/);
+  if (!jsonMatch) {
+    p19.log.error("Failed to analyze design");
+    return null;
+  }
+  return JSON.parse(jsonMatch[0]);
+}
+async function buildWebsite(anthropic, spec, config) {
+  const projectPath = path15.join(process.cwd(), spec.name);
+  if (await fs16.pathExists(projectPath)) {
+    const overwrite = await p19.confirm({
+      message: `${spec.name} already exists. Overwrite?`,
+      initialValue: false
+    });
+    if (!overwrite || p19.isCancel(overwrite)) return;
+    await fs16.remove(projectPath);
+  }
+  console.log(chalk20.cyan(`
+  \u{1F3D7}\uFE0F  Building ${spec.name}...
+`));
+  const spinner16 = p19.spinner();
+  spinner16.start("Creating Next.js project...");
+  await execa11("npx", [
+    "create-next-app@latest",
+    spec.name,
+    "--typescript",
+    "--tailwind",
+    "--eslint",
+    "--app",
+    "--src-dir",
+    "--import-alias",
+    "@/*",
+    "--no-git"
+  ], { cwd: process.cwd(), reject: false });
+  spinner16.stop("Project created");
+  spinner16.start("Setting up shadcn/ui...");
+  await execa11("npx", ["shadcn@latest", "init", "-y", "-d"], {
+    cwd: projectPath,
+    reject: false
+  });
+  await execa11("npx", ["shadcn@latest", "add", "button", "card", "input", "badge", "-y"], {
+    cwd: projectPath,
+    reject: false
+  });
+  spinner16.stop("UI components ready");
+  spinner16.start("Generating website code...");
+  const response = await anthropic.messages.create({
+    model: "claude-sonnet-4-20250514",
+    max_tokens: 16e3,
+    messages: [{
+      role: "user",
+      content: `Generate a complete Next.js website based on this specification.
+
+Website Spec:
+${JSON.stringify(spec, null, 2)}
+
+Generate these files:
+
+1. src/app/page.tsx - Main landing page with ALL sections
+2. src/app/layout.tsx - Root layout with fonts, metadata
+3. src/app/globals.css - Tailwind config with custom colors
+4. src/components/sections/Hero.tsx
+5. src/components/sections/[OtherSections].tsx - One for each section
+6. src/components/ui/Navbar.tsx
+7. src/components/ui/Footer.tsx
+8. tailwind.config.ts - With custom colors from colorScheme
+
+Requirements:
+- Use TypeScript
+- Use Tailwind CSS for styling
+- Use shadcn/ui components (Button, Card, Input, Badge)
+- Make it responsive (mobile-first)
+- Add smooth scroll behavior
+- Use modern design patterns
+- Include hover effects and transitions
+- Use Lucide icons where appropriate
+
+Color scheme to use:
+- Primary: ${spec.colorScheme.primary}
+- Secondary: ${spec.colorScheme.secondary}
+- Accent: ${spec.colorScheme.accent}
+- Background: ${spec.colorScheme.background}
+- Text: ${spec.colorScheme.text}
+
+Style: ${spec.style}
+${spec.style === "minimal" ? "Clean, lots of whitespace, simple" : ""}
+${spec.style === "bold" ? "Strong colors, big typography, impactful" : ""}
+${spec.style === "elegant" ? "Refined, sophisticated, subtle animations" : ""}
+${spec.style === "playful" ? "Fun, colorful, friendly illustrations" : ""}
+${spec.style === "corporate" ? "Professional, trustworthy, structured" : ""}
+
+Output format:
+<<<FILE: path/to/file.tsx>>>
+content
+<<<END_FILE>>>
+
+Make it production-quality and visually impressive.`
+    }]
+  });
+  const text16 = response.content[0].type === "text" ? response.content[0].text : "";
+  const fileRegex = /<<<FILE:\s*(.+?)>>>([\s\S]*?)<<<END_FILE>>>/g;
+  let match;
+  let fileCount = 0;
+  while ((match = fileRegex.exec(text16)) !== null) {
+    const filePath = path15.join(projectPath, match[1].trim());
+    const content = match[2].trim();
+    await fs16.ensureDir(path15.dirname(filePath));
+    await fs16.writeFile(filePath, content);
+    fileCount++;
+  }
+  spinner16.stop(`Generated ${fileCount} files`);
+  spinner16.start("Initializing git...");
+  await execa11("git", ["init"], { cwd: projectPath, reject: false });
+  await execa11("git", ["add", "."], { cwd: projectPath, reject: false });
+  await execa11("git", ["commit", "-m", "Initial website build by CodeBakers"], { cwd: projectPath, reject: false });
+  spinner16.stop("Git initialized");
+  console.log(chalk20.green(`
+\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557
+\u2551  \u2705 Website built successfully!                               \u2551
+\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563
+\u2551                                                               \u2551
+\u2551  ${spec.name.padEnd(55)}\u2551
+\u2551  ${spec.description.substring(0, 55).padEnd(55)}\u2551
+\u2551                                                               \u2551
+\u2551  Next steps:                                                  \u2551
+\u2551    cd ${spec.name.padEnd(52)}\u2551
+\u2551    npm run dev                                                \u2551
+\u2551                                                               \u2551
+\u2551  Then open http://localhost:3000                              \u2551
+\u2551                                                               \u2551
+\u2551  Ready to deploy?                                             \u2551
+\u2551    codebakers deploy                                          \u2551
+\u2551                                                               \u2551
+\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D
+`));
+  const openDev = await p19.confirm({
+    message: "Start development server now?",
+    initialValue: true
+  });
+  if (openDev && !p19.isCancel(openDev)) {
+    console.log(chalk20.dim("\n  Starting dev server...\n"));
+    process.chdir(projectPath);
+    await execa11("npm", ["run", "dev"], {
+      stdio: "inherit",
+      reject: false
+    });
+  }
+}
+
+// src/utils/nlp.ts
+import * as p20 from "@clack/prompts";
+import Anthropic6 from "@anthropic-ai/sdk";
 var COMMAND_PATTERNS = {
   init: {
     patterns: ["new project", "create app", "start project", "initialize", "new app", "start building", "create new"],
@@ -6900,7 +7443,7 @@ async function parseNaturalLanguage(input, config) {
   if (!anthropicCreds?.apiKey) {
     return quickMatch;
   }
-  const anthropic = new Anthropic5({ apiKey: anthropicCreds.apiKey });
+  const anthropic = new Anthropic6({ apiKey: anthropicCreds.apiKey });
   try {
     const result = await parseWithAI(anthropic, input);
     return result;
@@ -6952,7 +7495,7 @@ function extractArgs(input, pattern) {
   const patternWords = pattern.toLowerCase().split(/\s+/);
   const inputWords = input.split(/\s+/);
   const args2 = inputWords.filter(
-    (word) => !patternWords.some((p21) => word.toLowerCase().includes(p21) || p21.includes(word.toLowerCase()))
+    (word) => !patternWords.some((p22) => word.toLowerCase().includes(p22) || p22.includes(word.toLowerCase()))
   );
   return args2.filter((a) => a.length > 2);
 }
@@ -6983,8 +7526,8 @@ If the input is asking to build/create/add a specific feature, use "code" and pu
 If unclear between multiple commands, use the most likely one with lower confidence.`
     }]
   });
-  const text15 = response.content[0].type === "text" ? response.content[0].text : "";
-  const jsonMatch = text15.match(/\{[\s\S]*?\}/);
+  const text16 = response.content[0].type === "text" ? response.content[0].text : "";
+  const jsonMatch = text16.match(/\{[\s\S]*?\}/);
   if (!jsonMatch) {
     return {
       command: "code",
@@ -7000,11 +7543,11 @@ async function clarifyCommand(parsed) {
     return parsed;
   }
   if (parsed.confidence >= 0.5) {
-    const confirm11 = await p19.confirm({
+    const confirm13 = await p20.confirm({
       message: `Did you mean: ${parsed.interpretation}?`,
       initialValue: true
     });
-    if (confirm11 && !p19.isCancel(confirm11)) {
+    if (confirm13 && !p20.isCancel(confirm13)) {
       return { ...parsed, confidence: 1 };
     }
   }
@@ -7019,19 +7562,19 @@ async function clarifyCommand(parsed) {
     { value: "prd-maker", label: "\u{1F4DD} Create PRD", description: "Document your idea" },
     { value: "other", label: "\u2753 Something else", description: "Describe what you need" }
   ];
-  const selection = await p19.select({
+  const selection = await p20.select({
     message: "What would you like to do?",
     options: options.map((o) => ({ value: o.value, label: o.label, hint: o.description }))
   });
-  if (p19.isCancel(selection)) {
+  if (p20.isCancel(selection)) {
     return { ...parsed, command: "cancel", confidence: 1 };
   }
   if (selection === "other") {
-    const description = await p19.text({
+    const description = await p20.text({
       message: "Describe what you want to do:",
       placeholder: "I want to..."
     });
-    if (p19.isCancel(description)) {
+    if (p20.isCancel(description)) {
       return { ...parsed, command: "cancel", confidence: 1 };
     }
     return {
@@ -7049,19 +7592,19 @@ async function clarifyCommand(parsed) {
   };
 }
 async function clarifyDeployTarget() {
-  const target = await p19.select({
+  const target = await p20.select({
     message: "Where do you want to deploy?",
     options: [
       { value: "preview", label: "\u{1F50D} Preview", hint: "Test URL to review changes" },
       { value: "production", label: "\u{1F680} Production", hint: "Live site for users" }
     ]
   });
-  if (p19.isCancel(target)) return null;
+  if (p20.isCancel(target)) return null;
   return target;
 }
 
 // src/index.ts
-var VERSION2 = "2.1.0";
+var VERSION2 = "2.2.0";
 var logo = `
    \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557  \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557
   \u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551 \u2588\u2588\u2554\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D
@@ -7074,18 +7617,18 @@ async function showMainMenu() {
   const config = new Config();
   const isSetup = config.isConfigured();
   console.log(gradient.pastel.multiline(logo));
-  console.log(chalk20.dim(`  v${VERSION2} \u2014 AI dev team that follows the rules
+  console.log(chalk21.dim(`  v${VERSION2} \u2014 AI dev team that follows the rules
 `));
   if (!isSetup) {
     console.log(boxen(
-      chalk20.yellow("Welcome to CodeBakers! Let's get you set up."),
+      chalk21.yellow("Welcome to CodeBakers! Let's get you set up."),
       { padding: 1, borderColor: "yellow", borderStyle: "round" }
     ));
     await setupCommand();
     return;
   }
   const inProject = config.isInProject();
-  const action = await p20.select({
+  const action = await p21.select({
     message: "What do you want to do? (or type naturally)",
     options: inProject ? [
       { value: "code", label: "\u{1F4AC} Code with AI", hint: "build features, fix bugs" },
@@ -7104,6 +7647,7 @@ async function showMainMenu() {
       { value: "design", label: "\u{1F3A8} Design system", hint: "set profile, colors" },
       { value: "separator2", label: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" },
       { value: "new", label: "\u{1F195} Create new project" },
+      { value: "website", label: "\u{1F310} Website Builder", hint: "Describe \u2192 AI builds it" },
       { value: "build", label: "\u{1F3D7}\uFE0F  Parallel Build", hint: "3 agents from PRD (swarm)" },
       { value: "prd", label: "\u{1F4C4} Build from PRD", hint: "sequential build" },
       { value: "prd-maker", label: "\u270F\uFE0F  Create PRD", hint: "interview \u2192 generate PRD" },
@@ -7112,6 +7656,7 @@ async function showMainMenu() {
       { value: "help", label: "\u2753 Help" }
     ] : [
       { value: "new", label: "\u{1F195} Create new project" },
+      { value: "website", label: "\u{1F310} Website Builder", hint: "Describe \u2192 AI builds it" },
       { value: "build", label: "\u{1F3D7}\uFE0F  Parallel Build", hint: "3 agents from PRD (swarm)" },
       { value: "prd", label: "\u{1F4C4} Build from PRD", hint: "sequential build" },
       { value: "prd-maker", label: "\u270F\uFE0F  Create PRD", hint: "interview \u2192 generate PRD" },
@@ -7126,8 +7671,8 @@ async function showMainMenu() {
       { value: "help", label: "\u2753 Help" }
     ]
   });
-  if (p20.isCancel(action)) {
-    p20.cancel("Goodbye!");
+  if (p21.isCancel(action)) {
+    p21.cancel("Goodbye!");
     process.exit(0);
   }
   switch (action) {
@@ -7173,6 +7718,9 @@ async function showMainMenu() {
     case "new":
       await initCommand();
       break;
+    case "website":
+      await websiteCommand();
+      break;
     case "build":
       await buildCommand();
       break;
@@ -7197,27 +7745,34 @@ async function showMainMenu() {
 }
 function showHelp2() {
   console.log(boxen(`
-${chalk20.bold("CodeBakers CLI")} \u2014 AI dev team that follows the rules
-
-${chalk20.bold("Commands:")}
-  ${chalk20.cyan("codebakers")}              Interactive menu (or just run with no args)
-  ${chalk20.cyan("codebakers init")}         Create a new project
-  ${chalk20.cyan("codebakers code")}         Start AI coding session
-  ${chalk20.cyan("codebakers check")}        Run pattern enforcement
-  ${chalk20.cyan("codebakers deploy")}       Deploy to production
-  ${chalk20.cyan("codebakers fix")}          Auto-fix errors
-  ${chalk20.cyan("codebakers generate")}     Generate components/pages
-  ${chalk20.cyan("codebakers connect")}      Connect external services
-  ${chalk20.cyan("codebakers gateway")}      Manage messaging channels
-  ${chalk20.cyan("codebakers status")}       View project status
-  ${chalk20.cyan("codebakers security")}     Run security audit
-  ${chalk20.cyan("codebakers learn")}        View/manage learning
-
-${chalk20.bold("Help at any time:")}
-  Press ${chalk20.yellow("?")} during any command to get contextual help
-
-${chalk20.bold("Documentation:")}
-  ${chalk20.dim("https://codebakers.dev/docs")}
+${chalk21.bold("CodeBakers CLI v" + VERSION2)} \u2014 AI dev team that follows the rules
+
+${chalk21.bold.cyan("Getting Started:")}
+  ${chalk21.cyan("codebakers setup")}        Connect your accounts (GitHub, Vercel, etc.)
+  ${chalk21.cyan("codebakers init")}         Create a new project from scratch
+  ${chalk21.cyan("codebakers website")}      Build a website by describing it
+  ${chalk21.cyan("codebakers build")}        Build from PRD with parallel AI agents
+
+${chalk21.bold.cyan("Daily Development:")}
+  ${chalk21.cyan("codebakers code")}         Chat with AI to build features
+  ${chalk21.cyan("codebakers check")}        Check code quality & patterns
+  ${chalk21.cyan("codebakers fix")}          Auto-fix errors with AI
+  ${chalk21.cyan("codebakers deploy")}       Deploy to Vercel
+
+${chalk21.bold.cyan("Integrations:")}
+  ${chalk21.cyan("codebakers integrate")}    50+ one-click integrations (Stripe, Supabase, etc.)
+  ${chalk21.cyan("codebakers gateway")}      Connect WhatsApp, Telegram, Discord, etc.
+
+${chalk21.bold.cyan("Planning:")}
+  ${chalk21.cyan("codebakers prd-maker")}    Create PRD through interview (voice supported)
+  ${chalk21.cyan("codebakers advisors")}     Consult AI experts (CEO, CTO, Designer, etc.)
+
+${chalk21.bold.cyan("Tips:")}
+  \u2022 Type naturally: ${chalk21.dim('codebakers "add a contact form"')}
+  \u2022 Voice input: Type ${chalk21.yellow('"v"')} at any prompt
+  \u2022 Clipboard: Type ${chalk21.yellow('"clip"')} to paste from clipboard
+
+${chalk21.bold("Docs:")} ${chalk21.dim("https://codebakers.dev/docs")}
 `, { padding: 1, borderColor: "cyan", borderStyle: "round" }));
 }
 var program = new Command();
@@ -7241,9 +7796,10 @@ program.command("migrate").alias("db").description("Database migrations (push, g
 program.command("prd-maker").alias("create-prd").description("Create a PRD through guided interview (supports voice input)").action(prdMakerCommand);
 program.command("build [prd-file]").alias("swarm").description("Parallel build with 3 AI agents (self-healing)").option("--sequential", "Disable parallel execution").action(buildCommand);
 program.command("integrate [integration]").alias("add").description("One-click integrations (50+ services with browser auth)").action(integrateCommand);
+program.command("website").alias("site").description("Build a website by describing it in plain English").action(websiteCommand);
 async function handleNaturalLanguage(input) {
   const config = new Config();
-  console.log(chalk20.dim("\n  Parsing your request...\n"));
+  console.log(chalk21.dim("\n  Parsing your request...\n"));
   const parsed = await parseNaturalLanguage(input, config);
   if (!parsed) {
     await codeCommand(input);
@@ -7331,6 +7887,8 @@ if (args.length === 0) {
     "swarm",
     "integrate",
     "add",
+    "website",
+    "site",
     "help"
   ];
   const firstArg = args[0];