copilotkit 0.0.14 → 0.0.16

package/dist/commands/init.js

@@ -1,8 +1,8 @@
 // src/commands/init.ts
 import { Flags as Flags2 } from "@oclif/core";
 import inquirer2 from "inquirer";
-import path3 from "path";
-import fs3 from "fs";
+import path4 from "path";
+import fs4 from "fs";
 
 // src/services/auth.service.ts
 import Conf2 from "conf";
@@ -144,8 +144,6 @@ var AuthService = class {
         if (shouldLogin) {
           const loginResult = await this.login({ exitAfterLogin: false });
           cliToken = loginResult.cliToken;
-          cmd.log(`\u{1FA81} Logged in as ${chalk.hex("#7553fc")(loginResult.user.email)}
-`);
           return loginResult;
         } else {
           cmd.error("Authentication required to proceed.");
@@ -205,8 +203,7 @@ var AuthService = class {
         }
         this.config.set("cliToken", cliToken);
         res.status(200).json({ message: "Callback called" });
-        spinner.succeed(`\u{1FA81} Successfully logged in as ${chalk.hex("#7553fc")(user.email)}
-`);
+        spinner.succeed(`\u{1FA81} Successfully logged in as ${chalk.hex("#7553fc")(user.email)}`);
         if (exitAfterLogin) {
           process.exit(0);
         } else {
@@ -224,7 +221,7 @@ import { Command } from "@oclif/core";
 import Sentry, { consoleIntegration } from "@sentry/node";
 
 // src/utils/version.ts
-var LIB_VERSION = "0.0.14";
+var LIB_VERSION = "0.0.16";
 
 // src/commands/base-command.ts
 import chalk2 from "chalk";
@@ -292,6 +289,7 @@ var AGENT_FRAMEWORKS = ["CrewAI", "LangGraph", "None"];
 var CREW_TYPES = ["Crews", "Flows"];
 var CHAT_COMPONENTS = ["CopilotChat", "CopilotSidebar", "Headless", "CopilotPopup"];
 var LANGGRAPH_AGENTS = ["Python Starter", "TypeScript Starter", "None"];
+var CREW_FLOW_TEMPLATES = ["Starter", "None"];
 var ConfigFlags = {
   copilotKitVersion: Flags.string({ description: "CopilotKit version to use (e.g. 1.7.0)" }),
   agentFramework: Flags.string({ description: "Agent framework to power your copilot", options: AGENT_FRAMEWORKS }),
@@ -304,7 +302,8 @@ var ConfigFlags = {
   crewUrl: Flags.string({ description: "URL endpoint for your CrewAI agent" }),
   crewBearerToken: Flags.string({ description: "Bearer token for CrewAI authentication" }),
   langSmithApiKey: Flags.string({ description: "LangSmith API key for LangGraph observability" }),
-  llmToken: Flags.string({ description: "API key for your preferred LLM provider" })
+  llmToken: Flags.string({ description: "API key for your preferred LLM provider" }),
+  crewFlowAgent: Flags.string({ description: "CrewAI Flow template to use", options: CREW_FLOW_TEMPLATES })
 };
 
 // src/lib/init/types/templates.ts
@@ -312,7 +311,14 @@ var BASE_URL = "http://registry.copilotkit.ai/r";
 var templateMapping = {
   "LangGraphPlatform": `${BASE_URL}/langgraph-platform-starter.json`,
   "RemoteEndpoint": `${BASE_URL}/remote-endpoint-starter.json`,
-  "CrewEnterprise": `${BASE_URL}/agent-layout.json`,
+  "CrewEnterprise": [
+    `${BASE_URL}/coagents-crew-starter.json`
+  ],
+  "CrewFlowsStarter": [
+    `${BASE_URL}/coagents-starter-ui.json`,
+    `${BASE_URL}/agent-layout.json`,
+    `${BASE_URL}/remote-endpoint.json`
+  ],
   "Standard": `${BASE_URL}/standard-starter.json`,
   "CopilotChat": `${BASE_URL}/chat.json`,
   "CopilotPopup": `${BASE_URL}/popup.json`,
@@ -336,10 +342,11 @@ var questions = [
     choices: Array.from(CREW_TYPES),
     when: (answers) => answers.agentFramework === "CrewAI"
   },
+  // CrewAI Crews specific questions - shown when CrewAI Crews selected
   {
     type: "input",
     name: "crewName",
-    message: "\u{1F465} What would you like to name your crew?",
+    message: "\u{1F465} What would you like to name your crew? (can be anything)",
     when: (answers) => answers.agentFramework === "CrewAI" && answers.crewType === "Crews",
     default: "MyCopilotCrew"
   },
@@ -353,66 +360,101 @@ var questions = [
     type: "input",
     name: "crewBearerToken",
     message: "\u{1F511} Enter your Crew authentication token:",
-    when: (answers) => answers.agentFramework === "CrewAI" && answers.crewType === "Crews"
-  },
-  // LangGraph specific questions - shown when LangGraph selected
-  {
-    type: "yes/no",
-    name: "alreadyDeployed",
-    message: "\u{1F680} Is your LangGraph agent already deployed?",
-    when: (answers) => answers.agentFramework === "LangGraph"
-  },
-  {
-    type: "yes/no",
-    name: "langGraphPlatform",
-    message: "\u{1F99C}\u{1F517} Is it hosted on LangGraph Platform?",
-    when: (answers) => answers.agentFramework === "LangGraph" && answers.alreadyDeployed === "Yes"
-  },
-  {
-    type: "input",
-    name: "langGraphPlatformUrl",
-    message: "\u{1F99C}\u{1F517} Enter your LangGraph platform URL:",
-    when: (answers) => answers.agentFramework === "LangGraph" && answers.alreadyDeployed === "Yes" && answers.langGraphPlatform === "Yes"
-  },
-  {
-    type: "input",
-    name: "langGraphRemoteEndpointURL",
-    message: "\u{1F50C} Enter your LangGraph endpoint URL:",
-    when: (answers) => answers.agentFramework === "LangGraph" && answers.alreadyDeployed === "Yes" && answers.langGraphPlatform === "No"
+    when: (answers) => answers.agentFramework === "CrewAI" && answers.crewType === "Crews",
+    sensitive: true
   },
+  // CrewAI Flows specific questions - shown when CrewAI Flows selected
   {
     type: "select",
-    name: "langGraphAgent",
-    message: "\u{1F4E6} Choose a LangGraph starter template:",
-    choices: Array.from(LANGGRAPH_AGENTS),
-    when: (answers) => answers.agentFramework === "LangGraph" && answers.alreadyDeployed === "No"
-  },
-  {
-    type: "input",
-    name: "langSmithApiKey",
-    message: "\u{1F99C}\u{1F517} Enter your LangSmith API key (required by LangGraph Platform) :",
-    when: (answers) => answers.agentFramework === "LangGraph" && answers.alreadyDeployed === "No"
+    name: "crewFlowAgent",
+    message: "\u{1F4E6} Choose a CrewAI Flow Template",
+    choices: Array.from(CREW_FLOW_TEMPLATES),
+    when: (answers) => answers.agentFramework === "CrewAI" && answers.crewType === "Flows"
   },
+  // LangGraph specific questions - shown when LangGraph selected
+  // {
+  //   type: 'yes/no',
+  //   name: 'alreadyDeployed',
+  //   message: '🚀 Is your LangGraph agent already deployed?',
+  //   when: (answers) => answers.agentFramework === 'LangGraph',
+  // },
+  // {
+  //   type: 'yes/no',
+  //   name: 'langGraphPlatform',
+  //   message: '🦜🔗 Is it hosted on LangGraph Platform?',
+  //   when: (answers) => 
+  //     answers.agentFramework === 'LangGraph' && 
+  //     answers.alreadyDeployed === 'Yes',
+  // },
+  // {
+  //   type: 'input',
+  //   name: 'langGraphPlatformUrl',
+  //   message: '🦜🔗 Enter your LangGraph platform URL:',
+  //   when: (answers) => 
+  //     answers.agentFramework === 'LangGraph' && 
+  //     answers.alreadyDeployed === 'Yes' &&
+  //     answers.langGraphPlatform === 'Yes',
+  // },
+  // {
+  //   type: 'input',
+  //   name: 'langGraphRemoteEndpointURL',
+  //   message: '🔌 Enter your LangGraph endpoint URL:',
+  //   when: (answers) => 
+  //     answers.agentFramework === 'LangGraph' && 
+  //     answers.alreadyDeployed === 'Yes' &&
+  //     answers.langGraphPlatform === 'No',
+  // },
+  // {
+  //   type: 'select',
+  //   name: 'langGraphAgent',
+  //   message: '📦 Choose a LangGraph starter template:',
+  //   choices: Array.from(LANGGRAPH_AGENTS),
+  //   when: (answers) => 
+  //     answers.agentFramework === 'LangGraph' && 
+  //     answers.alreadyDeployed === 'No',
+  // },
+  // {
+  //   type: 'input',
+  //   name: 'langSmithApiKey',
+  //   message: '🦜🔗 Enter your LangSmith API key (required by LangGraph Platform) :',
+  //   when: (answers) => 
+  //     answers.agentFramework === 'LangGraph' && 
+  //     answers.alreadyDeployed === 'No',
+  //   sensitive: true,
+  // },
   // Deployment options
   {
     type: "yes/no",
     name: "useCopilotCloud",
     message: "\u{1FA81} Deploy with Copilot Cloud? (recommended for production)",
-    when: (answers) => !(answers.agentFramework === "CrewAI" && answers.crewType === "Crews")
-  },
-  {
-    type: "yes/no",
-    name: "fastApiEnabled",
-    message: "\u26A1 Set up a FastAPI server for local development?",
-    when: (answers) => answers.agentFramework === "LangGraph" && answers.alreadyDeployed === "No" && answers.langGraphAgent === "Python Starter" && answers.useCopilotCloud !== "Yes"
+    when: (answers) => !(answers.agentFramework === "CrewAI" && answers.crewType === "Crews") && answers.agentFramework !== "LangGraph"
   },
+  // {
+  //   type: 'yes/no',
+  //   name: 'fastApiEnabled',
+  //   message: '⚡ Set up a FastAPI server for local development?',
+  //   when: (answers) => 
+  //     answers.agentFramework === 'LangGraph' && 
+  //     answers.alreadyDeployed === 'No' && 
+  //     answers.langGraphAgent === 'Python Starter' &&
+  //     answers.useCopilotCloud !== 'Yes',
+  // },
   // UI components - always shown last
   {
     type: "select",
     name: "chatUi",
     message: "\u{1F4AC} Select a UI component for your copilot:",
     choices: Array.from(CHAT_COMPONENTS),
-    default: "CopilotChat"
+    default: "CopilotChat",
+    when: (answers) => answers.agentFramework === "None"
+  },
+  {
+    type: "input",
+    name: "llmToken",
+    message: "\u{1F511} Enter your OpenAI API key (required for agent functionality):",
+    when: (answers) => answers.agentFramework !== "LangGraph" && // (answers.agentFramework === 'LangGraph' && answers.alreadyDeployed === 'No') ||
+    (answers.agentFramework === "CrewAI" && answers.crewType === "Flows"),
+    sensitive: true
   }
 ];
 
@@ -420,9 +462,7 @@ var questions = [
 import spawn from "cross-spawn";
 async function scaffoldShadCN(userAnswers) {
   try {
-    const components = [
-      templateMapping[userAnswers.chatUi]
-    ];
+    const components = [];
     if (userAnswers.agentFramework !== "None") {
       switch (userAnswers.agentFramework) {
         case "LangGraph":
@@ -430,7 +470,9 @@ async function scaffoldShadCN(userAnswers) {
           break;
         case "CrewAI":
           if (userAnswers.crewType === "Crews") {
-            components.push(templateMapping.CrewEnterprise);
+            components.push(...templateMapping.CrewEnterprise);
+          } else if (userAnswers.crewFlowAgent) {
+            components.push(...templateMapping.CrewFlowsStarter);
           } else {
             components.push(templateMapping.RemoteEndpoint);
           }
@@ -484,7 +526,7 @@ async function scaffoldEnv(flags, userAnswers) {
       varsAdded = true;
     }
     if (userAnswers.langSmithApiKey) {
-      newEnvValues += `LANG_SMITH_API_KEY=${userAnswers.langSmithApiKey}
+      newEnvValues += `LANGSMITH_API_KEY=${userAnswers.langSmithApiKey}
 `;
       spinner.text = chalk3.cyan("Adding LangSmith API key...");
       varsAdded = true;
@@ -492,7 +534,9 @@ async function scaffoldEnv(flags, userAnswers) {
     if (userAnswers.llmToken) {
       newEnvValues += `LLM_TOKEN=${userAnswers.llmToken}
 `;
-      spinner.text = chalk3.cyan("Adding LLM token...");
+      newEnvValues += `OPENAI_API_KEY=${userAnswers.llmToken}
+`;
+      spinner.text = chalk3.cyan("Adding OpenAI API key...");
       varsAdded = true;
     }
     if (userAnswers.crewName) {
@@ -528,50 +572,6 @@ import * as fs2 from "fs";
 import * as path2 from "path";
 import * as os from "os";
 import chalk4 from "chalk";
-import ora3 from "ora";
-async function scaffoldAgent(userAnswers) {
-  if (userAnswers.agentFramework === "None" || userAnswers.agentFramework === "CrewAI" && userAnswers.crewType === "Crews" || userAnswers.agentFramework === "LangGraph" && (!userAnswers.langGraphAgent || userAnswers.langGraphAgent === "None")) {
-    return;
-  }
-  const spinner = ora3({
-    text: chalk4.cyan("Setting up AI agent..."),
-    color: "cyan"
-  }).start();
-  try {
-    if (userAnswers.agentFramework === "LangGraph") {
-      switch (userAnswers.langGraphAgent) {
-        case "Python Starter":
-          spinner.text = chalk4.cyan("Setting up Python LangGraph agent...");
-          await new Promise((resolve) => setTimeout(resolve, 50));
-          await cloneGitHubSubdirectory(
-            "https://github.com/CopilotKit/CopilotKit/tree/main/examples/coagents-starter/agent-py",
-            path2.join(process.cwd(), "agent"),
-            spinner
-          );
-          break;
-        case "TypeScript Starter":
-          spinner.text = chalk4.cyan("Setting up TypeScript LangGraph agent...");
-          await new Promise((resolve) => setTimeout(resolve, 50));
-          await cloneGitHubSubdirectory(
-            "https://github.com/CopilotKit/CopilotKit/tree/main/examples/coagents-starter/agent-js",
-            path2.join(process.cwd(), "agent"),
-            spinner
-          );
-          break;
-        default:
-          break;
-      }
-    } else if (userAnswers.agentFramework === "CrewAI" && userAnswers.crewType === "Flows") {
-      spinner.text = chalk4.cyan("Setting up CrewAI Flows agent...");
-      await new Promise((resolve) => setTimeout(resolve, 50));
-      spinner.info(chalk4.yellow("CrewAI Flows support is coming soon..."));
-    }
-    spinner.succeed(chalk4.green("AI agent setup complete"));
-  } catch (error) {
-    spinner.fail(chalk4.red("Failed to set up AI agent"));
-    throw error;
-  }
-}
 async function cloneGitHubSubdirectory(githubUrl, destinationPath, spinner) {
   try {
     const { owner, repo, branch, subdirectoryPath } = parseGitHubUrl(githubUrl);
@@ -650,10 +650,84 @@ function parseGitHubUrl(githubUrl) {
 // src/lib/init/scaffold/packages.ts
 import spawn2 from "cross-spawn";
 import chalk5 from "chalk";
+import ora3 from "ora";
+
+// src/lib/init/scaffold/agent.ts
 import ora4 from "ora";
+import chalk6 from "chalk";
+import path3 from "path";
+import fs3 from "fs";
+async function scaffoldAgent(userAnswers) {
+  if (userAnswers.agentFramework === "None" || userAnswers.agentFramework === "CrewAI" && userAnswers.crewType === "Crews" || userAnswers.agentFramework === "LangGraph" && (!userAnswers.langGraphAgent || userAnswers.langGraphAgent === "None")) {
+    return;
+  }
+  const spinner = ora4({
+    text: chalk6.cyan("Setting up AI agent..."),
+    color: "cyan"
+  }).start();
+  let template = "";
+  switch (userAnswers.agentFramework) {
+    case "LangGraph":
+      if (userAnswers.langGraphAgent === "Python Starter") {
+        template = AgentTemplates.LangGraph.Starter.Python;
+      } else {
+        template = AgentTemplates.LangGraph.Starter.TypeScript;
+      }
+      break;
+    case "CrewAI":
+      if (userAnswers.crewFlowAgent === "Starter") {
+        template = AgentTemplates.CrewAI.Flows.Starter;
+      }
+      break;
+  }
+  if (!template) {
+    spinner.fail(chalk6.red("Failed to determine agent template"));
+    throw new Error("Failed to determine agent template");
+  }
+  const agentDir = path3.join(process.cwd(), "agent");
+  try {
+    await cloneGitHubSubdirectory(
+      template,
+      agentDir,
+      spinner
+    );
+    spinner.text = chalk6.cyan("Creating agent environment variables...");
+    let envContent = "";
+    if (userAnswers.llmToken) {
+      envContent += `OPENAI_API_KEY=${userAnswers.llmToken}
+`;
+    }
+    if (userAnswers.agentFramework === "LangGraph" && userAnswers.langSmithApiKey) {
+      envContent += `LANGSMITH_API_KEY=${userAnswers.langSmithApiKey}
+`;
+    }
+    if (envContent) {
+      const agentEnvFile = path3.join(agentDir, ".env");
+      fs3.writeFileSync(agentEnvFile, envContent, "utf8");
+      spinner.text = chalk6.cyan("Added API keys to agent .env file");
+    }
+  } catch (error) {
+    spinner.fail(chalk6.red("Failed to clone agent template"));
+    throw error;
+  }
+  spinner.succeed(chalk6.green(`${userAnswers.agentFramework} agent cloned successfully`));
+}
+var AgentTemplates = {
+  LangGraph: {
+    Starter: {
+      Python: "https://github.com/CopilotKit/CopilotKit/tree/main/examples/coagents-starter/agent-py",
+      TypeScript: "https://github.com/CopilotKit/CopilotKit/tree/main/examples/coagents-starter/agent-js"
+    }
+  },
+  CrewAI: {
+    Flows: {
+      Starter: "https://github.com/CopilotKit/CopilotKit/tree/main/examples/coagents-starter-crewai-flows/agent-py"
+    }
+  }
+};
 
 // src/commands/init.ts
-import chalk6 from "chalk";
+import chalk7 from "chalk";
 import ora5 from "ora";
 var CloudInit = class _CloudInit extends BaseCommand {
   constructor(argv, config, authService = new AuthService()) {
@@ -675,14 +749,18 @@ var CloudInit = class _CloudInit extends BaseCommand {
   async run() {
     const { flags } = await this.parse(_CloudInit);
     try {
-      this.log(chalk6.bold(chalk6.cyan("\n\u{1FA81} Welcome to CopilotKit")));
-      this.log(chalk6.gray("Let's power up your Next.js project with AI capabilities\n"));
+      this.log(chalk7.bold(chalk7.cyan("\n\u{1FA81} Welcome to CopilotKit")));
+      this.log(chalk7.gray("Let's power up your Next.js project with AI capabilities\n"));
       this.validateProjectCompatibility(flags);
       const userAnswers = await this.getUserAnswers();
-      const needsCloudSetup = userAnswers.useCopilotCloud === "Yes" || userAnswers.agentFramework === "CrewAI" && userAnswers.crewType === "Crews";
-      if (needsCloudSetup) {
-        await this.setupCloud(flags, userAnswers);
+      if (userAnswers.agentFramework === "LangGraph") {
+        this.log(chalk7.cyan("\n\u{1F99C}\u{1F517} LangGraph Integration"));
+        this.log(chalk7.gray("For detailed LangGraph setup instructions, please refer to:"));
+        this.log(chalk7.blue("https://docs.copilotkit.ai/coagents\n"));
+        process.exit(0);
       }
+      const needsCloudSetup = userAnswers.useCopilotCloud === "Yes" || userAnswers.agentFramework === "CrewAI" && userAnswers.crewType === "Crews";
+      if (needsCloudSetup) await this.setupCloud(flags, userAnswers);
       await scaffoldShadCN(userAnswers);
       await scaffoldAgent(userAnswers);
       await scaffoldEnv(flags, userAnswers);
@@ -716,21 +794,17 @@ var CloudInit = class _CloudInit extends BaseCommand {
         default:
           return {
             ...baseQuestion,
-            type: "input"
+            type: q.sensitive ? "password" : "input",
+            mask: q.sensitive ? "*" : void 0
           };
       }
     });
     const answers = await inquirer2.prompt(inquirerQuestions);
-    return answers;
+    return { ...answers };
   }
   async setupCloud(flags, userAnswers) {
-    const spinner = ora5({
-      text: chalk6("\u{1F511} Authenticating for Copilot Cloud..."),
-      color: "cyan"
-    }).start();
     const { cliToken, organization, user } = await this.authService.requireLogin(this);
     const analytics = new AnalyticsService({ userId: user.id, organizationId: organization.id, email: user.email });
-    spinner.succeed(chalk6("\u{1F511} Authenticated for Copilot Cloud"));
     await analytics.track({
       event: "cli.init.cloud_used",
       properties: { userId: user.id }
@@ -740,11 +814,11 @@ var CloudInit = class _CloudInit extends BaseCommand {
     let selectedProjectId;
     if (flags.project) {
       if (!availableProjects.some((project) => project.id === flags.project)) {
-        this.log(chalk6.red(`\u{1F4C1} Project with ID ${flags.project} not found`));
+        this.log(chalk7.red(`\u{1F4C1} Project with ID ${flags.project} not found`));
         process.exit(1);
       }
       selectedProjectId = flags.project;
-      this.log(chalk6.green(`\u{1F4C1} Selected project ${selectedProjectId}`));
+      this.log(chalk7.green(`\u{1F4C1} Selected project ${selectedProjectId}`));
     } else {
       const { projectId } = await inquirer2.prompt([
         {
@@ -763,7 +837,7 @@ var CloudInit = class _CloudInit extends BaseCommand {
     userAnswers.copilotCloudPublicApiKey = copilotCloudPublicApiKey?.key;
     if (userAnswers.crewUrl && userAnswers.crewName && userAnswers.crewBearerToken) {
       const crewSpinner = ora5({
-        text: chalk6("\u{1F465} Adding Crew to Copilot Cloud..."),
+        text: chalk7("\u{1F465} Adding Crew to Copilot Cloud..."),
         color: "cyan"
       }).start();
       await this.trpcClient.createRemoteEndpoint.mutate({
@@ -777,26 +851,26 @@ var CloudInit = class _CloudInit extends BaseCommand {
           crewApiBearerToken: userAnswers.crewBearerToken
         }
       });
-      crewSpinner.succeed(chalk6("\u{1F465} Crew added to Copilot Cloud"));
+      crewSpinner.succeed(chalk7("\u{1F465} Crew added to Copilot Cloud"));
     }
   }
   validateProjectCompatibility(flags) {
-    const projectPath = path3.resolve(process.cwd(), flags.dir);
-    if (!fs3.existsSync(projectPath)) {
+    const projectPath = path4.resolve(process.cwd(), flags.dir);
+    if (!fs4.existsSync(projectPath)) {
       this.gracefulError(`Directory ${flags.dir} does not exist. Please provide a valid Next.js project directory.`);
       return;
     }
-    const packageJsonPath = path3.join(projectPath, "package.json");
-    if (!fs3.existsSync(packageJsonPath)) {
+    const packageJsonPath = path4.join(projectPath, "package.json");
+    if (!fs4.existsSync(packageJsonPath)) {
       this.gracefulError(`Directory ${projectPath} does not contain a package.json file. Please provide a valid Next.js project.`);
       process.exit(1);
     }
-    const packageJson = JSON.parse(fs3.readFileSync(packageJsonPath, "utf8"));
+    const packageJson = JSON.parse(fs4.readFileSync(packageJsonPath, "utf8"));
     if (!packageJson.dependencies?.next && !packageJson.devDependencies?.next) {
       this.gracefulError(`Directory ${projectPath} does not appear to be a Next.js project. Make sure it has next in dependencies.`);
       process.exit(1);
     }
-    this.log(chalk6.green(`Valid Next.js project detected
+    this.log(chalk7.green(`Valid Next.js project detected
 `));
     return true;
   }
@@ -804,49 +878,48 @@ var CloudInit = class _CloudInit extends BaseCommand {
     let agentDevInstructions = "";
     let agentType = "";
     let agentSetupMessage = "";
+    let uiNavigateInstructions = "";
     if (userAnswers.agentFramework !== "None") {
       if (userAnswers.agentFramework === "LangGraph") {
         agentType = "LangGraph agent";
-        if (userAnswers.alreadyDeployed === "Yes") {
-          agentSetupMessage = `Using your existing deployed agent.`;
-        } else if (userAnswers.langGraphAgent && userAnswers.langGraphAgent !== "None") {
-          agentSetupMessage = `We've scaffolded a ${chalk6.cyan(userAnswers.langGraphAgent)} agent in the ${chalk6.cyan("./agent")} directory.`;
-          if (userAnswers.langGraphAgent === "Python Starter") {
-            if (userAnswers.fastApiEnabled === "Yes") {
-              agentDevInstructions = "poetry install && poetry run demo";
-            } else {
-              agentDevInstructions = "npx @langchain/langgraph-cli dev --port 8123";
-            }
-          } else if (userAnswers.langGraphAgent === "TypeScript Starter") {
-            agentDevInstructions = "npm i && npm run dev";
-          }
-        }
+        agentSetupMessage = `Please refer to the documentation at ${chalk7.blue("https://docs.copilotkit.ai/coagents")} for LangGraph setup instructions.`;
       } else if (userAnswers.agentFramework === "CrewAI") {
         agentType = "CrewAI";
         if (userAnswers.crewType === "Crews") {
-          agentSetupMessage = `Using your Crew from ${chalk6.cyan(userAnswers.crewUrl || "the provided URL")}.`;
+          agentSetupMessage = `Using your Crew from ${chalk7.cyan(userAnswers.crewUrl || "the provided URL")}.`;
         } else if (userAnswers.crewType === "Flows") {
-          agentSetupMessage = "CrewAI Flows support is coming soon.";
+          agentSetupMessage = `We've scaffolded a ${chalk7.cyan(userAnswers.crewFlowAgent || "CrewAI")} agent in the ${chalk7.cyan("./agent")} directory.`;
+          agentDevInstructions = "poetry install && poetry run python app.py";
         }
       }
     }
-    this.log(chalk6.bold(chalk6.cyan("\n\u{1F389} Your CopilotKit setup is complete!\n")));
-    this.log(chalk6.bold("\u{1F4AC} User Interface:"));
-    this.log(chalk6.gray(`We've set up the ${chalk6.cyan(userAnswers.chatUi)} component in your Next.js app.`));
+    if (userAnswers.chatUi === "CopilotChat") {
+      uiNavigateInstructions = `Navigate to ${chalk7.cyan("http://localhost:3000")} to see your CopilotKit chat interface.`;
+    } else if (userAnswers.chatUi === "CopilotSidebar") {
+      uiNavigateInstructions = `Navigate to ${chalk7.cyan("http://localhost:3000")} and click on the sidebar icon to open the CopilotKit sidebar.`;
+    } else if (userAnswers.chatUi === "CopilotPopup") {
+      uiNavigateInstructions = `Navigate to ${chalk7.cyan("http://localhost:3000")} and click on the popup button to open the CopilotKit popup.`;
+    } else {
+      uiNavigateInstructions = `Navigate to ${chalk7.cyan("http://localhost:3000")} to see your CopilotKit interface.`;
+    }
+    this.log(chalk7.bold(chalk7.cyan("\n\u{1F389} Your CopilotKit setup is complete!\n")));
+    this.log(chalk7.bold("\u{1F4AC} User Interface:"));
+    this.log(chalk7.gray(`We've set up the ${chalk7.cyan(userAnswers.chatUi)} component in your Next.js app.`));
+    this.log(chalk7.gray(uiNavigateInstructions));
     if (agentType) {
-      this.log(chalk6.bold(`
+      this.log(chalk7.bold(`
 \u{1F916} ${agentType}:`));
-      this.log(chalk6.gray(agentSetupMessage));
+      this.log(chalk7.gray(agentSetupMessage));
     }
-    this.log(chalk6.bold("\n\u{1F4CB} Next steps:"));
-    this.log(`  ${chalk6.cyan("1.")} Start your Next.js app:`);
-    this.log(`     ${chalk6.gray("$")} ${chalk6.yellow("npm run dev")}`);
+    this.log(chalk7.bold("\n\u{1F4CB} Next steps:"));
+    this.log(`  ${chalk7.cyan("1.")} Start your Next.js app:`);
+    this.log(`     ${chalk7.gray("$")} ${chalk7.yellow("npm run dev")}`);
     if (agentDevInstructions) {
-      this.log(`  ${chalk6.cyan("2.")} Start your agent:`);
-      this.log(`     ${chalk6.gray("$")} ${chalk6.yellow(`cd agent && ${agentDevInstructions}`)}`);
+      this.log(`  ${chalk7.cyan("2.")} Start your agent:`);
+      this.log(`     ${chalk7.gray("$")} ${chalk7.yellow(`cd agent && ${agentDevInstructions}`)}`);
     }
-    this.log(chalk6.bold("\n\u{1F4DA} Documentation:"));
-    this.log(`  ${chalk6.blue("https://docs.copilotkit.ai")}`);
+    this.log(chalk7.bold("\n\u{1F4DA} Documentation:"));
+    this.log(`  ${chalk7.blue("https://docs.copilotkit.ai")}`);
     this.log("");
   }
 };