copilotkit 0.0.23 → 0.0.24

package/dist/commands/init.js

@@ -1,6 +1,6 @@
 // src/commands/init.ts
 import { Flags as Flags2 } from "@oclif/core";
-import inquirer2 from "inquirer";
+import inquirer3 from "inquirer";
 import path5 from "path";
 import fs5 from "fs";
 
@@ -137,7 +137,7 @@ var AuthService = class {
           {
             name: "shouldLogin",
             type: "confirm",
-            message: "You are not yet authenticated. Authenticate with Copilot Cloud? (press Enter to confirm)",
+            message: "\u{1FA81} You are not yet authenticated. Authenticate with Copilot Cloud? (press Enter to confirm)",
             default: true
           }
         ]);
@@ -169,6 +169,7 @@ var AuthService = class {
     return { cliToken, user: me.user, organization: me.organization };
   }
   async login({ exitAfterLogin } = { exitAfterLogin: true }) {
+    const spinner = ora("\u{1FA81} Opening browser for authentication...").start();
     let analytics;
     analytics = new AnalyticsService();
     const app = express();
@@ -184,7 +185,7 @@ var AuthService = class {
         event: "cli.login.initiated",
         properties: {}
       });
-      const spinner = ora("Waiting for browser authentication to complete...\n").start();
+      spinner.text = "\u{1FA81} Waiting for browser authentication to complete...";
       app.post("/callback", async (req, res) => {
         const { cliToken, user, organization } = req.body;
         analytics = new AnalyticsService({ userId: user.id, organizationId: organization.id, email: user.email });
@@ -221,7 +222,7 @@ import { Command } from "@oclif/core";
 import Sentry, { consoleIntegration } from "@sentry/node";
 
 // src/utils/version.ts
-var LIB_VERSION = "0.0.23";
+var LIB_VERSION = "0.0.24";
 
 // src/commands/base-command.ts
 import chalk2 from "chalk";
@@ -295,18 +296,23 @@ var ConfigFlags = {
 };
 
 // src/lib/init/types/templates.ts
-var BASE_URL = "http://registry.copilotkit.ai/r";
+var BASE_URL = "https://registry.copilotkit.ai/r";
 var templateMapping = {
   "LangGraphPlatform": `${BASE_URL}/langgraph-platform-starter.json`,
   "RemoteEndpoint": `${BASE_URL}/remote-endpoint-starter.json`,
   "CrewEnterprise": [
     `${BASE_URL}/coagents-crew-starter.json`
   ],
+  "LangGraphGeneric": `${BASE_URL}/generic-lg-starter.json`,
   "CrewFlowsStarter": [
     `${BASE_URL}/coagents-starter-ui.json`,
     `${BASE_URL}/agent-layout.json`,
     `${BASE_URL}/remote-endpoint.json`
   ],
+  "LangGraphStarter": [
+    `${BASE_URL}/langgraph-platform-starter.json`,
+    `${BASE_URL}/coagents-starter-ui.json`
+  ],
   "Standard": `${BASE_URL}/standard-starter.json`,
   "CopilotChat": `${BASE_URL}/chat.json`,
   "CopilotPopup": `${BASE_URL}/popup.json`,
@@ -360,62 +366,50 @@ var questions = [
     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,
-  // },
+  {
+    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 with LangGraph Platform (local or cloud)?",
+    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"
+  },
+  {
+    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.langGraphPlatform === "Yes",
+    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") && answers.agentFramework !== "LangGraph" && answers.crewType !== "Flows"
+    when: (answers) => !(answers.agentFramework === "CrewAI" && answers.crewType === "Crews") && answers.crewType !== "Flows" && answers.alreadyDeployed === "Yes"
   },
   // {
   //   type: 'yes/no',
@@ -440,8 +434,7 @@ var questions = [
     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"),
+    when: (answers) => answers.agentFramework === "LangGraph" && answers.alreadyDeployed === "No" || answers.agentFramework === "CrewAI" && answers.crewType === "Flows",
     sensitive: true
   }
 ];
@@ -454,7 +447,11 @@ async function scaffoldShadCN(userAnswers) {
     if (userAnswers.agentFramework !== "None") {
       switch (userAnswers.agentFramework) {
         case "LangGraph":
-          components.push(templateMapping.LangGraphPlatform);
+          if (userAnswers.langGraphAgent && userAnswers.langGraphAgent !== "None") {
+            components.push(...templateMapping.LangGraphStarter);
+          } else {
+            components.push(templateMapping.LangGraphGeneric);
+          }
           break;
         case "CrewAI":
           if (userAnswers.crewType === "Crews") {
@@ -490,75 +487,105 @@ async function scaffoldShadCN(userAnswers) {
 // src/lib/init/scaffold/env.ts
 import path from "path";
 import fs from "fs";
-import chalk3 from "chalk";
-import ora2 from "ora";
+
+// src/lib/init/scaffold/langgraph-assistants.ts
+async function getLangGraphAgents(url, langSmithApiKey) {
+  try {
+    const response = await fetch(
+      `${url}/assistants/search`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "X-Api-Key": langSmithApiKey
+        },
+        body: JSON.stringify({
+          limit: 10,
+          offset: 0
+        })
+      }
+    );
+    const result = await response.json();
+    return result;
+  } catch (error) {
+    throw new Error("Failed to get LangGraph agents");
+  }
+}
+
+// src/lib/init/scaffold/env.ts
+import inquirer2 from "inquirer";
 async function scaffoldEnv(flags, userAnswers) {
-  const spinner = ora2({
-    text: chalk3.cyan("Configuring environment variables..."),
-    color: "cyan"
-  }).start();
   try {
     const envFile = path.join(process.cwd(), ".env");
     if (!fs.existsSync(envFile)) {
       fs.writeFileSync(envFile, "", "utf8");
-      spinner.text = chalk3.cyan("Created .env file...");
     } else {
-      spinner.text = chalk3.cyan("Updating existing .env file...");
     }
     let newEnvValues = "";
-    let varsAdded = false;
     if (userAnswers.copilotCloudPublicApiKey) {
       newEnvValues += `NEXT_PUBLIC_COPILOT_API_KEY=${userAnswers.copilotCloudPublicApiKey}
 `;
-      spinner.text = chalk3.cyan("Adding Copilot Cloud API key...");
-      varsAdded = true;
     }
     if (userAnswers.langSmithApiKey) {
       newEnvValues += `LANGSMITH_API_KEY=${userAnswers.langSmithApiKey}
 `;
-      spinner.text = chalk3.cyan("Adding LangSmith API key...");
-      varsAdded = true;
     }
     if (userAnswers.llmToken) {
       newEnvValues += `OPENAI_API_KEY=${userAnswers.llmToken}
 `;
-      spinner.text = chalk3.cyan("Adding OpenAI API key...");
-      varsAdded = true;
     }
     if (userAnswers.crewName) {
       newEnvValues += `NEXT_PUBLIC_COPILOTKIT_AGENT_NAME=${userAnswers.crewName}
 `;
-      spinner.text = chalk3.cyan("Adding Crew agent name...");
-      varsAdded = true;
+    }
+    if (userAnswers.langGraphAgent !== "None" && userAnswers.langGraphPlatform !== "Yes") {
+      newEnvValues += `NEXT_PUBLIC_COPILOTKIT_AGENT_NAME=sample_agent
+`;
+      newEnvValues += `LANGGRAPH_DEPLOYMENT_URL=http://localhost:8123
+`;
+    } else if (userAnswers.langGraphPlatform === "Yes" && userAnswers.useCopilotCloud === "No") {
+      newEnvValues += `LANGGRAPH_DEPLOYMENT_URL=${userAnswers.langGraphPlatformUrl}
+`;
     }
     if (flags.runtimeUrl) {
       newEnvValues += `NEXT_PUBLIC_COPILOTKIT_RUNTIME_URL=${flags.runtimeUrl}
 `;
-      spinner.text = chalk3.cyan("Adding runtime URL...");
-      varsAdded = true;
-    } else if (!userAnswers.useCopilotCloud && userAnswers.crewType !== "Crews") {
+    } else if (userAnswers.useCopilotCloud !== "Yes" && userAnswers.crewType !== "Crews") {
       newEnvValues += `NEXT_PUBLIC_COPILOTKIT_RUNTIME_URL=/api/copilotkit
 `;
-      spinner.text = chalk3.cyan("Adding CopilotKit runtime URL...");
-      varsAdded = true;
     }
     if (userAnswers.crewFlowAgent === "Starter") {
       newEnvValues += `NEXT_PUBLIC_COPILOTKIT_AGENT_NAME=sample_agent
 `;
-      spinner.text = chalk3.cyan("Adding Flow agent name...");
-      varsAdded = true;
     }
-    if (!varsAdded) {
-      spinner.text = chalk3.cyan("No environment variables needed...");
+    if (userAnswers.langGraphPlatformUrl && userAnswers.langSmithApiKey) {
+      const langGraphAgents = await getLangGraphAgents(userAnswers.langGraphPlatformUrl, userAnswers.langSmithApiKey);
+      let langGraphAgent = "";
+      if (langGraphAgents.length > 1) {
+        const { langGraphAgentChoice } = await inquirer2.prompt([
+          {
+            type: "list",
+            name: "langGraphAgentChoice",
+            message: "\u{1F99C}\u{1F517} Which agent from your graph would you like to use?",
+            choices: langGraphAgents.map((agent) => ({
+              name: agent.graph_id,
+              value: agent.graph_id
+            }))
+          }
+        ]);
+        langGraphAgent = langGraphAgentChoice;
+      } else if (langGraphAgents.length === 1) {
+        langGraphAgent = langGraphAgents[0].graph_id;
+      } else {
+        throw new Error("No agents found in your LangGraph endpoint");
+      }
+      newEnvValues += `NEXT_PUBLIC_COPILOTKIT_AGENT_NAME=${langGraphAgent}
+`;
     }
     if (newEnvValues) {
       fs.appendFileSync(envFile, newEnvValues);
-      spinner.succeed(chalk3("Environment variables configured successfully"));
-    } else {
-      spinner.info(chalk3.yellow("No environment variables were added"));
     }
   } catch (error) {
-    spinner.fail(chalk3.red("Failed to update environment variables"));
     throw error;
   }
 }
@@ -568,34 +595,34 @@ import { execSync } from "child_process";
 import * as fs2 from "fs";
 import * as path2 from "path";
 import * as os from "os";
-import chalk4 from "chalk";
+import chalk3 from "chalk";
 async function cloneGitHubSubdirectory(githubUrl, destinationPath, spinner) {
   try {
     const { owner, repo, branch, subdirectoryPath } = parseGitHubUrl(githubUrl);
-    spinner.text = chalk4.cyan(`Cloning from ${owner}/${repo}...`);
+    spinner.text = chalk3.cyan(`Cloning from ${owner}/${repo}...`);
     return await sparseCheckout(owner, repo, branch, subdirectoryPath, destinationPath, spinner);
   } catch (error) {
-    spinner.text = chalk4.red(`Failed to clone from GitHub: ${error}`);
+    spinner.text = chalk3.red(`Failed to clone from GitHub: ${error}`);
     return false;
   }
 }
 async function sparseCheckout(owner, repo, branch, subdirectoryPath, destinationPath, spinner) {
   const tempDir = fs2.mkdtempSync(path2.join(os.tmpdir(), "copilotkit-sparse-"));
   try {
-    spinner.text = chalk4.cyan("Creating temporary workspace...");
+    spinner.text = chalk3.cyan("Creating temporary workspace...");
     execSync("git init", { cwd: tempDir, stdio: "pipe" });
-    spinner.text = chalk4.cyan("Connecting to repository...");
+    spinner.text = chalk3.cyan("Connecting to repository...");
     execSync(`git remote add origin https://github.com/${owner}/${repo}.git`, { cwd: tempDir, stdio: "pipe" });
     execSync("git config core.sparseCheckout true", { cwd: tempDir, stdio: "pipe" });
     fs2.writeFileSync(path2.join(tempDir, ".git/info/sparse-checkout"), subdirectoryPath);
-    spinner.text = chalk4.cyan("Downloading agent files...");
+    spinner.text = chalk3.cyan("Downloading agent files...");
     execSync(`git pull origin ${branch} --depth=1`, { cwd: tempDir, stdio: "pipe" });
     const sourcePath = path2.join(tempDir, subdirectoryPath);
     if (!fs2.existsSync(sourcePath)) {
       throw new Error(`Subdirectory '${subdirectoryPath}' not found in the repository.`);
     }
     fs2.mkdirSync(destinationPath, { recursive: true });
-    spinner.text = chalk4.cyan("Installing agent files...");
+    spinner.text = chalk3.cyan("Installing agent files...");
     await copyDirectoryAsync(sourcePath, destinationPath);
     return true;
   } finally {
@@ -646,20 +673,20 @@ function parseGitHubUrl(githubUrl) {
 
 // src/lib/init/scaffold/packages.ts
 import spawn2 from "cross-spawn";
-import chalk5 from "chalk";
-import ora3 from "ora";
+import chalk4 from "chalk";
+import ora2 from "ora";
 
 // src/lib/init/scaffold/agent.ts
-import ora4 from "ora";
-import chalk6 from "chalk";
+import ora3 from "ora";
+import chalk5 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..."),
+  const spinner = ora3({
+    text: chalk5.cyan("Setting up AI agent..."),
     color: "cyan"
   }).start();
   let template = "";
@@ -678,7 +705,7 @@ async function scaffoldAgent(userAnswers) {
       break;
   }
   if (!template) {
-    spinner.fail(chalk6.red("Failed to determine agent template"));
+    spinner.fail(chalk5.red("Failed to determine agent template"));
     throw new Error("Failed to determine agent template");
   }
   const agentDir = path3.join(process.cwd(), "agent");
@@ -688,7 +715,7 @@ async function scaffoldAgent(userAnswers) {
       agentDir,
       spinner
     );
-    spinner.text = chalk6.cyan("Creating agent environment variables...");
+    spinner.text = chalk5.cyan("Creating agent environment variables...");
     let envContent = "";
     if (userAnswers.llmToken) {
       envContent += `OPENAI_API_KEY=${userAnswers.llmToken}
@@ -701,10 +728,10 @@ async function scaffoldAgent(userAnswers) {
     if (envContent) {
       const agentEnvFile = path3.join(agentDir, ".env");
       fs3.writeFileSync(agentEnvFile, envContent, "utf8");
-      spinner.text = chalk6.cyan("Added API keys to agent .env file");
+      spinner.text = chalk5.cyan("Added API keys to agent .env file");
     }
   } catch (error) {
-    spinner.fail(chalk6.red("Failed to clone agent template"));
+    spinner.fail(chalk5.red("Failed to clone agent template"));
     throw error;
   }
   spinner.succeed(`${userAnswers.agentFramework} agent cloned successfully`);
@@ -712,8 +739,8 @@ async function scaffoldAgent(userAnswers) {
 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"
+      Python: "https://github.com/CopilotKit/coagents-starter-langgraph/tree/main/agent-py",
+      TypeScript: "https://github.com/CopilotKit/coagents-starter-langgraph/tree/main/agent-js"
     }
   },
   CrewAI: {
@@ -725,11 +752,11 @@ var AgentTemplates = {
 
 // src/lib/init/scaffold/crew-inputs.ts
 import * as fs4 from "fs/promises";
-import ora5 from "ora";
+import ora4 from "ora";
 import * as path4 from "path";
 async function addCrewInputs(url, token) {
   try {
-    const spinner = ora5("Analyzing crew inputs...").start();
+    const spinner = ora4("Analyzing crew inputs...").start();
     const inputs = await getCrewInputs(url, token);
     spinner.text = "Adding inputs to app/copilotkit/page.tsx...";
     let filePath = path4.join(process.cwd(), "app", "copilotkit", "page.tsx");
@@ -767,8 +794,8 @@ async function getCrewInputs(url, token) {
 }
 
 // src/commands/init.ts
-import chalk7 from "chalk";
-import ora6 from "ora";
+import chalk6 from "chalk";
+import ora5 from "ora";
 var CloudInit = class _CloudInit extends BaseCommand {
   constructor(argv, config, authService = new AuthService()) {
     super(argv, config);
@@ -789,21 +816,15 @@ var CloudInit = class _CloudInit extends BaseCommand {
   async run() {
     const { flags } = await this.parse(_CloudInit);
     try {
-      this.log(chalk7.magenta("\n\u{1FA81} Welcome to CopilotKit"));
-      this.log(chalk7.gray("Let's power up your Next.js project with AI capabilities\n"));
+      this.log(chalk6.magenta("\n\u{1FA81} Welcome to CopilotKit"));
+      this.log(chalk6.gray("Let's power up your Next.js project with AI capabilities\n"));
       this.validateProjectCompatibility(flags);
       const userAnswers = await this.getUserAnswers();
-      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 scaffoldEnv(flags, userAnswers);
       await scaffoldShadCN(userAnswers);
       await scaffoldAgent(userAnswers);
-      await scaffoldEnv(flags, userAnswers);
       if (userAnswers.crewType === "Crews" && userAnswers.crewUrl && userAnswers.crewBearerToken)
         await addCrewInputs(userAnswers.crewUrl, userAnswers.crewBearerToken);
       this.finalSummary(userAnswers);
@@ -841,32 +862,27 @@ var CloudInit = class _CloudInit extends BaseCommand {
           };
       }
     });
-    const answers = await inquirer2.prompt(inquirerQuestions);
+    const answers = await inquirer3.prompt(inquirerQuestions);
     return { ...answers };
   }
   async setupCloud(flags, userAnswers) {
-    const { cliToken, organization, user } = await this.authService.requireLogin(this);
-    const analytics = new AnalyticsService({ userId: user.id, organizationId: organization.id, email: user.email });
-    await analytics.track({
-      event: "cli.init.cloud_used",
-      properties: { userId: user.id }
-    });
+    const { cliToken, organization } = await this.authService.requireLogin(this);
     this.trpcClient = createTRPCClient(cliToken);
     const availableProjects = await this.trpcClient.listOrgProjects.query({ orgId: organization.id });
     let selectedProjectId;
     if (flags.project) {
       if (!availableProjects.some((project) => project.id === flags.project)) {
-        this.log(chalk7.red(`\u{1F4C1} Project with ID ${flags.project} not found`));
+        this.log(chalk6.red(`\u{1F4C1} Project with ID ${flags.project} not found`));
         process.exit(1);
       }
       selectedProjectId = flags.project;
-      this.log(chalk7.green(`\u{1F4C1} Selected project ${selectedProjectId}`));
+      this.log(chalk6.green(`\u{1F4C1} Selected project ${selectedProjectId}`));
     } else {
-      const { projectId } = await inquirer2.prompt([
+      const { projectId } = await inquirer3.prompt([
         {
           name: "projectId",
           type: "list",
-          message: "Choose a project:",
+          message: "\u{1F4C1} Choose a project:",
           choices: availableProjects.map((project) => ({
             value: project.id,
             name: `${project.name} (ID: ${project.id})${availableProjects.length === 1 ? " (press Enter to confirm)" : ""}`
@@ -878,8 +894,8 @@ var CloudInit = class _CloudInit extends BaseCommand {
     const copilotCloudPublicApiKey = await this.trpcClient.getCopilotCloudPublicApiKey.query({ projectId: selectedProjectId });
     userAnswers.copilotCloudPublicApiKey = copilotCloudPublicApiKey?.key;
     if (userAnswers.crewUrl && userAnswers.crewName && userAnswers.crewBearerToken) {
-      const crewSpinner = ora6({
-        text: chalk7("\u{1F465} Adding Crew to Copilot Cloud..."),
+      const crewSpinner = ora5({
+        text: chalk6("\u{1F465} Adding Crew to Copilot Cloud..."),
         color: "cyan"
       }).start();
       await this.trpcClient.createRemoteEndpoint.mutate({
@@ -893,7 +909,49 @@ var CloudInit = class _CloudInit extends BaseCommand {
           crewApiBearerToken: userAnswers.crewBearerToken
         }
       });
-      crewSpinner.succeed(chalk7("\u{1F465} Crew added to Copilot Cloud"));
+      crewSpinner.succeed(chalk6("\u{1F465} Crew added to Copilot Cloud"));
+    }
+    if (userAnswers.agentFramework === "LangGraph" && userAnswers.useCopilotCloud === "Yes" && userAnswers.alreadyDeployed === "Yes") {
+      const langGraphSpinner = ora5({
+        text: chalk6("\u{1F99C}\u{1F517} Adding LangGraph to Copilot Cloud..."),
+        color: "cyan"
+      }).start();
+      if (userAnswers.langGraphPlatform === "Yes" && userAnswers.langGraphPlatformUrl) {
+        try {
+          if (!userAnswers.langSmithApiKey) {
+            langGraphSpinner.fail(chalk6("\u{1F99C}\u{1F517} LangSmith API key not found. Please provide a valid LangSmith API key."));
+            process.exit(1);
+          }
+          await this.trpcClient.createLGCRemoteEndpoint.mutate({
+            type: "LangGraphCloud",
+            projectId: selectedProjectId,
+            config: {
+              deploymentUrl: userAnswers.langGraphPlatformUrl,
+              langsmithApiKey: userAnswers.langSmithApiKey,
+              agents: []
+            }
+          });
+          langGraphSpinner.succeed(chalk6("\u{1F99C}\u{1F517} LangGraph Cloud remote endpoint created"));
+        } catch (error) {
+          langGraphSpinner.fail(chalk6("\u{1F99C}\u{1F517} Failed to create LangGraph Cloud remote endpoint. Please try again."));
+          process.exit(1);
+        }
+      } else if (userAnswers.langGraphRemoteEndpointURL) {
+        try {
+          await this.trpcClient.createRemoteEndpoint.mutate({
+            type: "CopilotKit",
+            projectId: selectedProjectId,
+            config: {
+              type: "CopilotKit",
+              url: userAnswers.langGraphRemoteEndpointURL
+            }
+          });
+          langGraphSpinner.succeed(chalk6("\u{1F99C}\u{1F517} LangGraph remote endpoint created"));
+        } catch (error) {
+          langGraphSpinner.fail(chalk6("\u{1F99C}\u{1F517} Failed to create LangGraph remote endpoint. Please try again."));
+          process.exit(1);
+        }
+      }
     }
   }
   validateProjectCompatibility(flags) {
@@ -912,7 +970,7 @@ var CloudInit = class _CloudInit extends BaseCommand {
       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(chalk7.green(`Valid Next.js project detected
+    this.log(chalk6.green(`Valid Next.js project detected
 `));
     return true;
   }
@@ -924,26 +982,53 @@ var CloudInit = class _CloudInit extends BaseCommand {
       if (userAnswers.agentFramework === "CrewAI") {
         agentType = "CrewAI";
         if (userAnswers.crewType === "Crews") {
-          agentSetupMessage = `Using your Crew from ${chalk7.cyan(userAnswers.crewUrl || "the provided URL")}.`;
+          agentSetupMessage = `Using your Crew from ${chalk6.cyan(userAnswers.crewUrl || "the provided URL")}.`;
         } else if (userAnswers.crewType === "Flows") {
-          agentSetupMessage = `We've scaffolded a ${chalk7.cyan(userAnswers.crewFlowAgent || "CrewAI")} agent in the ${chalk7.cyan("./agent")} directory.`;
+          agentSetupMessage = `We've scaffolded a ${chalk6.cyan(userAnswers.crewFlowAgent || "CrewAI")} agent in the ${chalk6.cyan("./agent")} directory.`;
           agentDevInstructions = "poetry install && poetry run demo";
         }
       }
     }
+    switch (userAnswers.agentFramework) {
+      case "LangGraph":
+        switch (userAnswers.langGraphAgent) {
+          case "Python Starter":
+            agentSetupMessage = `We've scaffolded a ${chalk6.cyan(userAnswers.langGraphAgent || "LangGraph")} agent in the ${chalk6.cyan("./agent")} directory.`;
+            agentDevInstructions = "poetry install && npx @langchain/langgraph-cli dev --port 8123";
+            break;
+          case "TypeScript Starter":
+            agentSetupMessage = `We've scaffolded a ${chalk6.cyan(userAnswers.langGraphAgent || "LangGraph")} agent in the ${chalk6.cyan("./agent")} directory.`;
+            agentDevInstructions = "npm install && npm run dev";
+            break;
+          default:
+            break;
+        }
+        break;
+      case "CrewAI":
+        switch (userAnswers.crewType) {
+          case "Crews":
+            agentSetupMessage = `Using your Crew from ${chalk6.cyan(userAnswers.crewUrl || "the provided URL")}.`;
+            break;
+          case "Flows":
+            agentSetupMessage = `We've scaffolded a ${chalk6.cyan(userAnswers.crewFlowAgent || "CrewAI")} agent in the ${chalk6.cyan("./agent")} directory.`;
+            break;
+        }
+        break;
+      default:
+    }
     this.log("\n-----\n");
-    this.log(chalk7.magenta("\u{1F389} Your CopilotKit setup is complete! \u{1F389}\n"));
-    this.log(chalk7.bold(`\u{1F4CB} Recap`));
+    this.log(chalk6.magenta("\u{1F389} Your CopilotKit setup is complete! \u{1F389}\n"));
+    this.log(chalk6.bold(`\u{1F4CB} Recap`));
     this.log(`  - CopilotKit has been added to your Next.js app.`);
     if (agentSetupMessage) this.log(`  - ${agentSetupMessage}`);
     if (userAnswers.useCopilotCloud || userAnswers.crewType === "Crews") this.log(`  - With Copilot Cloud.`);
-    this.log(chalk7.bold("\n\u{1F680} Next steps:"));
-    this.log(`  - Start your Next.js app: ${chalk7.gray("$")} ${chalk7.cyan("npm run dev")}`);
-    if (agentDevInstructions) this.log(`  - Start your agent: ${chalk7.gray("$")} ${chalk7.cyan(`cd agent && ${agentDevInstructions}`)}`);
-    this.log(`  - Navigate to ${chalk7.blue("http://localhost:3000/copilotkit")}`);
+    this.log(chalk6.bold("\n\u{1F680} Next steps:"));
+    this.log(`  - Start your Next.js app: ${chalk6.gray("$")} ${chalk6.cyan("npm run dev")}`);
+    if (agentDevInstructions) this.log(`  - Start your agent: ${chalk6.gray("$")} ${chalk6.cyan(`cd agent && ${agentDevInstructions}`)}`);
+    this.log(`  - Navigate to ${chalk6.blue("http://localhost:3000/copilotkit")}`);
     this.log(`  - Talk to your ${userAnswers.agentFramework !== "None" ? "agent" : "application"}.`);
-    this.log(`  - Read the docs: ${chalk7.blue("https://docs.copilotkit.ai")}`);
-    this.log(chalk7.magenta("\nEnjoy building with CopilotKit \u{1FA81}\n"));
+    this.log(`  - Read the docs: ${chalk6.blue("https://docs.copilotkit.ai")}`);
+    this.log(chalk6.magenta("\nEnjoy building with CopilotKit \u{1FA81}\n"));
   }
 };
 export {