create-supyagent-app 0.1.6 → 0.1.8

package/dist/index.js

@@ -23,7 +23,7 @@ var AI_PROVIDERS = {
     package: "@ai-sdk/anthropic",
     packageVersion: "^3.0.0",
     import: `import { anthropic } from '@ai-sdk/anthropic'`,
-    model: `anthropic('claude-sonnet-4-20250514')`,
+    model: `anthropic('claude-sonnet-4-6-20250620')`,
     envKey: "ANTHROPIC_API_KEY"
   },
   openai: {
@@ -39,7 +39,7 @@ var AI_PROVIDERS = {
     package: "@openrouter/ai-sdk-provider",
     packageVersion: "^2.2.3",
     import: `import { createOpenRouter } from '@openrouter/ai-sdk-provider'`,
-    model: `createOpenRouter({ apiKey: process.env.OPENROUTER_API_KEY })('anthropic/claude-sonnet-4-20250514')`,
+    model: `createOpenRouter({ apiKey: process.env.OPENROUTER_API_KEY })('anthropic/claude-sonnet-4.6')`,
     envKey: "OPENROUTER_API_KEY"
   }
 };
@@ -55,9 +55,21 @@ var DB_CONFIGS = {
     url: "postgresql://user:password@localhost:5432/mydb"
   }
 };
+function buildModelExpression(provider, customModelId) {
+  const config = AI_PROVIDERS[provider];
+  if (!customModelId) return config.model;
+  switch (provider) {
+    case "anthropic":
+      return `anthropic('${customModelId}')`;
+    case "openai":
+      return `openai('${customModelId}')`;
+    case "openrouter":
+      return `createOpenRouter({ apiKey: process.env.OPENROUTER_API_KEY })('${customModelId}')`;
+  }
+}
 
 // src/prompts.ts
-async function runPrompts(argName) {
+async function runPrompts(argName, options) {
   p.intro(pc.bgCyan(pc.black(" Create Supyagent App ")));
   const projectName = argName || await p.text({
     message: "Project name",
@@ -79,28 +91,40 @@ async function runPrompts(argName) {
     p.cancel(`Directory "${projectName}" already exists.`);
     return null;
   }
-  const aiProvider = await p.select({
-    message: "AI provider",
-    options: [
-      { value: "anthropic", label: AI_PROVIDERS.anthropic.label },
-      { value: "openai", label: AI_PROVIDERS.openai.label },
-      { value: "openrouter", label: AI_PROVIDERS.openrouter.label }
-    ]
-  });
-  if (p.isCancel(aiProvider)) {
-    p.cancel("Cancelled.");
-    return null;
+  let aiProvider;
+  if (options?.aiProvider) {
+    aiProvider = options.aiProvider;
+  } else {
+    const selected = await p.select({
+      message: "AI provider",
+      options: [
+        { value: "anthropic", label: AI_PROVIDERS.anthropic.label },
+        { value: "openai", label: AI_PROVIDERS.openai.label },
+        { value: "openrouter", label: AI_PROVIDERS.openrouter.label }
+      ]
+    });
+    if (p.isCancel(selected)) {
+      p.cancel("Cancelled.");
+      return null;
+    }
+    aiProvider = selected;
   }
-  const database = await p.select({
-    message: "Database",
-    options: [
-      { value: "sqlite", label: DB_CONFIGS.sqlite.label },
-      { value: "postgres", label: DB_CONFIGS.postgres.label }
-    ]
-  });
-  if (p.isCancel(database)) {
-    p.cancel("Cancelled.");
-    return null;
+  let database;
+  if (options?.database || options?.skipDatabase) {
+    database = options?.database ?? "sqlite";
+  } else {
+    const selected = await p.select({
+      message: "Database",
+      options: [
+        { value: "sqlite", label: DB_CONFIGS.sqlite.label },
+        { value: "postgres", label: DB_CONFIGS.postgres.label }
+      ]
+    });
+    if (p.isCancel(selected)) {
+      p.cancel("Cancelled.");
+      return null;
+    }
+    database = selected;
   }
   return { projectName, projectPath, aiProvider, database };
 }
@@ -137,7 +161,7 @@ function scaffoldProject(config) {
     aiProviderPackage: ai.package,
     aiProviderVersion: ai.packageVersion,
     aiProviderImport: ai.import,
-    aiModel: ai.model,
+    aiModel: buildModelExpression(aiProvider, config.model),
     aiProviderEnvKey: ai.envKey,
     dbProvider: db.provider,
     dbUrl: db.url
@@ -147,7 +171,7 @@ function scaffoldProject(config) {
   writeProject(projectPath, "tsconfig.json", readTemplate("base/tsconfig.json"));
   writeProject(projectPath, "tailwind.config.ts", readTemplate("base/tailwind.config.ts"));
   writeProject(projectPath, "postcss.config.js", readTemplate("base/postcss.config.js"));
-  writeProject(projectPath, ".gitignore", readTemplate("base/.gitignore"));
+  writeProject(projectPath, ".gitignore", readTemplate("base/gitignore"));
   writeProject(projectPath, ".npmrc", readTemplate("base/.npmrc"));
   writeProject(projectPath, "README.md", applyTemplate(readTemplate("base/README.md.tmpl"), vars));
   writeProject(projectPath, "src/app/layout.tsx", readTemplate("base/src/app/layout.tsx"));
@@ -195,6 +219,58 @@ async function installDeps(projectPath) {
   });
 }
 
+// src/quickstart.ts
+import { writeFileSync as writeFileSync2 } from "fs";
+import { join as join2 } from "path";
+import { execSync, spawn as nodeSpawn } from "child_process";
+import { detectPackageManager as detectPackageManager2 } from "nypm";
+function writeEnvLocal(config) {
+  const { projectPath, aiProvider, apiKeys } = config;
+  const ai = AI_PROVIDERS[aiProvider];
+  const lines = [
+    "# Supyagent \u2014 Get your API key at https://app.supyagent.com",
+    `SUPYAGENT_API_KEY=${apiKeys?.supyagent ?? ""}`,
+    "",
+    "# AI Provider",
+    `${ai.envKey}=${apiKeys?.provider ?? ""}`,
+    "",
+    "# Database",
+    `DATABASE_URL="file:./dev.db"`,
+    ""
+  ];
+  writeFileSync2(join2(projectPath, ".env.local"), lines.join("\n"), "utf-8");
+}
+async function runDbSetup(projectPath) {
+  const pm = await detectPackageManager2(projectPath);
+  const cmd = pm?.name ?? "pnpm";
+  execSync(`${cmd} run db:setup`, {
+    cwd: projectPath,
+    stdio: "inherit",
+    env: { ...process.env, DATABASE_URL: "file:./dev.db" }
+  });
+}
+async function runDevServer(projectPath) {
+  const pm = await detectPackageManager2(projectPath);
+  const cmd = pm?.name ?? "pnpm";
+  const child = nodeSpawn(cmd, ["dev"], {
+    cwd: projectPath,
+    stdio: "inherit"
+  });
+  const forward = (signal) => {
+    child.kill(signal);
+  };
+  process.on("SIGINT", forward);
+  process.on("SIGTERM", forward);
+  return new Promise((_, reject) => {
+    child.on("close", (code) => {
+      process.off("SIGINT", forward);
+      process.off("SIGTERM", forward);
+      process.exit(code ?? 0);
+    });
+    child.on("error", reject);
+  });
+}
+
 // src/index.ts
 function parseArgs() {
   const args = process.argv.slice(2);
@@ -202,64 +278,131 @@ function parseArgs() {
   let projectName;
   for (let i = 0; i < args.length; i++) {
     const arg = args[i];
-    if (arg === "--provider" && args[i + 1]) {
+    const next = args[i + 1];
+    const hasValue = next && !next.startsWith("-");
+    if (arg === "--provider" && hasValue) {
       result.aiProvider = args[++i];
-    } else if (arg === "--db" && args[i + 1]) {
+    } else if (arg === "--db" && hasValue) {
       result.database = args[++i];
+    } else if (arg === "--model" && hasValue) {
+      result.model = args[++i];
+    } else if (arg === "--quickstart") {
+      result.quickstart = true;
     } else if (arg === "--skip-install") {
       result.skipInstall = true;
+    } else if (arg === "--supyagent-api-key" && hasValue) {
+      result.supyagentApiKey = args[++i];
+    } else if (arg === "--anthropic-api-key" && hasValue) {
+      result.anthropicApiKey = args[++i];
+    } else if (arg === "--openai-api-key" && hasValue) {
+      result.openaiApiKey = args[++i];
+    } else if (arg === "--openrouter-api-key" && hasValue) {
+      result.openrouterApiKey = args[++i];
     } else if (!arg.startsWith("-")) {
       projectName = arg;
     }
   }
   return {
+    ...result,
     projectName,
-    projectPath: projectName ? resolveProjectPath(projectName) : void 0,
-    aiProvider: result.aiProvider,
-    database: result.database,
-    skipInstall: result.skipInstall
+    projectPath: projectName ? resolveProjectPath(projectName) : void 0
   };
 }
-async function main() {
-  const parsed = parseArgs();
-  const isNonInteractive = parsed.projectName && parsed.aiProvider && parsed.database;
-  let config;
-  if (isNonInteractive) {
-    config = {
-      projectName: parsed.projectName,
-      projectPath: parsed.projectPath,
-      aiProvider: parsed.aiProvider,
-      database: parsed.database
-    };
-    console.log(`Creating ${config.projectName}...`);
-  } else {
-    config = await runPrompts(parsed.projectName);
-  }
-  if (!config) {
+var ENV_KEY_MAP = {
+  anthropic: "ANTHROPIC_API_KEY",
+  openai: "OPENAI_API_KEY",
+  openrouter: "OPENROUTER_API_KEY"
+};
+var CLI_KEY_MAP = {
+  anthropic: "anthropicApiKey",
+  openai: "openaiApiKey",
+  openrouter: "openrouterApiKey"
+};
+async function promptForKey(name) {
+  const value = await p2.password({ message: `Enter your ${name}` });
+  if (p2.isCancel(value)) {
+    p2.cancel("Cancelled.");
     process.exit(1);
   }
-  if (isNonInteractive) {
-    scaffoldProject(config);
-    console.log("Scaffolded project");
-    if (!parsed.skipInstall) {
-      console.log("Installing dependencies...");
-      try {
-        await installDeps(config.projectPath);
-        console.log("Installed dependencies");
-      } catch {
-        console.log("Failed to install dependencies \u2014 run install manually");
+  return value;
+}
+async function resolveApiKeys(provider, parsed) {
+  const envKey = ENV_KEY_MAP[provider];
+  const cliFlag = CLI_KEY_MAP[provider];
+  const supyagent = parsed.supyagentApiKey ?? process.env.SUPYAGENT_API_KEY ?? await promptForKey("SUPYAGENT_API_KEY");
+  const providerKey = parsed[cliFlag] ?? process.env[envKey] ?? await promptForKey(envKey);
+  return { supyagent, provider: providerKey };
+}
+async function main() {
+  const parsed = parseArgs();
+  if (parsed.quickstart) {
+    if (parsed.database === "postgres") {
+      p2.log.warn(
+        pc2.yellow("--quickstart requires SQLite \u2014 ignoring --db postgres")
+      );
+    }
+    if (parsed.skipInstall) {
+      p2.log.warn(
+        pc2.yellow(
+          "--quickstart needs dependencies installed \u2014 ignoring --skip-install"
+        )
+      );
+    }
+    p2.intro(pc2.bgCyan(pc2.black(" Create Supyagent App \u2014 Quickstart ")));
+    let projectName = parsed.projectName;
+    if (!projectName) {
+      const name = await p2.text({
+        message: "Project name",
+        placeholder: "my-supyagent-app",
+        defaultValue: "my-supyagent-app",
+        validate(value) {
+          if (!value) return "Project name is required";
+          if (!/^[a-z0-9][a-z0-9._-]*$/.test(value)) {
+            return "Invalid project name (lowercase, alphanumeric, hyphens, dots)";
+          }
+        }
+      });
+      if (p2.isCancel(name)) {
+        p2.cancel("Cancelled.");
+        process.exit(1);
       }
+      projectName = name;
     }
-    console.log(`
-Next steps:
-  cd ${config.projectName}
-  cp .env.example .env.local
-  pnpm db:setup
-  pnpm dev`);
-  } else {
+    const projectPath = resolveProjectPath(projectName);
+    if (projectExists(projectPath)) {
+      p2.cancel(`Directory "${projectName}" already exists.`);
+      process.exit(1);
+    }
+    let aiProvider = parsed.aiProvider;
+    if (!aiProvider) {
+      const selected = await p2.select({
+        message: "AI provider",
+        options: [
+          { value: "anthropic", label: AI_PROVIDERS.anthropic.label },
+          { value: "openai", label: AI_PROVIDERS.openai.label },
+          { value: "openrouter", label: AI_PROVIDERS.openrouter.label }
+        ]
+      });
+      if (p2.isCancel(selected)) {
+        p2.cancel("Cancelled.");
+        process.exit(1);
+      }
+      aiProvider = selected;
+    }
+    const apiKeys = await resolveApiKeys(aiProvider, parsed);
+    const config = {
+      projectName,
+      projectPath,
+      aiProvider,
+      database: "sqlite",
+      model: parsed.model,
+      quickstart: true,
+      apiKeys
+    };
     const s = p2.spinner();
     s.start("Scaffolding project...");
     scaffoldProject(config);
+    writeEnvLocal(config);
     s.stop("Scaffolded project");
     s.start("Installing dependencies...");
     try {
@@ -267,17 +410,89 @@ Next steps:
       s.stop("Installed dependencies");
     } catch {
       s.stop("Failed to install dependencies \u2014 run install manually");
+      process.exit(1);
+    }
+    s.start("Setting up database...");
+    try {
+      await runDbSetup(config.projectPath);
+      s.stop("Database ready");
+    } catch (err) {
+      s.stop("Database setup failed");
+      p2.log.warn(
+        `Run ${pc2.cyan(`cd ${projectName} && pnpm db:setup`)} manually`
+      );
+    }
+    p2.log.info(pc2.green("Starting dev server..."));
+    await runDevServer(config.projectPath);
+  } else {
+    const isNonInteractive = parsed.projectName && parsed.aiProvider && parsed.database;
+    let config;
+    if (isNonInteractive) {
+      config = {
+        projectName: parsed.projectName,
+        projectPath: parsed.projectPath,
+        aiProvider: parsed.aiProvider,
+        database: parsed.database,
+        model: parsed.model
+      };
+      console.log(`Creating ${config.projectName}...`);
+    } else {
+      config = await runPrompts(parsed.projectName, {
+        aiProvider: parsed.aiProvider,
+        database: parsed.database
+      });
+      if (config && parsed.model) {
+        config.model = parsed.model;
+      }
+    }
+    if (!config) {
+      process.exit(1);
+    }
+    if (isNonInteractive) {
+      scaffoldProject(config);
+      console.log("Scaffolded project");
+      if (!parsed.skipInstall) {
+        console.log("Installing dependencies...");
+        try {
+          await installDeps(config.projectPath);
+          console.log("Installed dependencies");
+        } catch {
+          console.log(
+            "Failed to install dependencies \u2014 run install manually"
+          );
+        }
+      }
+      console.log(
+        `
+Next steps:
+  cd ${config.projectName}
+  cp .env.example .env.local
+  pnpm db:setup
+  pnpm dev`
+      );
+    } else {
+      const s = p2.spinner();
+      s.start("Scaffolding project...");
+      scaffoldProject(config);
+      s.stop("Scaffolded project");
+      s.start("Installing dependencies...");
+      try {
+        await installDeps(config.projectPath);
+        s.stop("Installed dependencies");
+      } catch {
+        s.stop("Failed to install dependencies \u2014 run install manually");
+      }
+      p2.note(
+        [
+          `cd ${config.projectName}`,
+          `cp .env.example .env.local    ${pc2.dim("# Add your API keys")}`,
+          `pnpm db:setup                 ${pc2.dim("# Initialize database")}`,
+          `pnpm dev                      ${pc2.dim("# Start development server")}`
+        ].join("\n"),
+        "Next steps"
+      );
+      p2.outro(pc2.green("Done!"));
     }
-    p2.note(
-      [
-        `cd ${config.projectName}`,
-        `cp .env.example .env.local    ${pc2.dim("# Add your API keys")}`,
-        `pnpm db:setup                 ${pc2.dim("# Initialize database")}`,
-        `pnpm dev                      ${pc2.dim("# Start development server")}`
-      ].join("\n"),
-      "Next steps"
-    );
-    p2.outro(pc2.green("Done!"));
   }
 }
 main().catch(console.error);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/prompts.ts","../src/utils.ts","../src/scaffold.ts","../src/template.ts","../src/post-install.ts"],"sourcesContent":["import * as p from \"@clack/prompts\";\nimport pc from \"picocolors\";\nimport { runPrompts } from \"./prompts.js\";\nimport { scaffoldProject } from \"./scaffold.js\";\nimport { installDeps } from \"./post-install.js\";\nimport { resolveProjectPath } from \"./utils.js\";\nimport type { ProjectConfig } from \"./utils.js\";\n\nfunction parseArgs(): Partial<ProjectConfig> & { skipInstall?: boolean } {\n  const args = process.argv.slice(2);\n  const result: Record<string, string | boolean> = {};\n  let projectName: string | undefined;\n\n  for (let i = 0; i < args.length; i++) {\n    const arg = args[i];\n    if (arg === \"--provider\" && args[i + 1]) {\n      result.aiProvider = args[++i];\n    } else if (arg === \"--db\" && args[i + 1]) {\n      result.database = args[++i];\n    } else if (arg === \"--skip-install\") {\n      result.skipInstall = true;\n    } else if (!arg.startsWith(\"-\")) {\n      projectName = arg;\n    }\n  }\n\n  return {\n    projectName,\n    projectPath: projectName ? resolveProjectPath(projectName) : undefined,\n    aiProvider: result.aiProvider as ProjectConfig[\"aiProvider\"],\n    database: result.database as ProjectConfig[\"database\"],\n    skipInstall: result.skipInstall as boolean | undefined,\n  };\n}\n\nasync function main() {\n  const parsed = parseArgs();\n\n  // If all required args are provided, skip interactive prompts\n  const isNonInteractive =\n    parsed.projectName && parsed.aiProvider && parsed.database;\n\n  let config: ProjectConfig | null;\n\n  if (isNonInteractive) {\n    config = {\n      projectName: parsed.projectName!,\n      projectPath: parsed.projectPath!,\n      aiProvider: parsed.aiProvider!,\n      database: parsed.database!,\n    };\n    console.log(`Creating ${config.projectName}...`);\n  } else {\n    config = await runPrompts(parsed.projectName);\n  }\n\n  if (!config) {\n    process.exit(1);\n  }\n\n  if (isNonInteractive) {\n    scaffoldProject(config);\n    console.log(\"Scaffolded project\");\n\n    if (!parsed.skipInstall) {\n      console.log(\"Installing dependencies...\");\n      try {\n        await installDeps(config.projectPath);\n        console.log(\"Installed dependencies\");\n      } catch {\n        console.log(\"Failed to install dependencies — run install manually\");\n      }\n    }\n\n    console.log(`\\nNext steps:\\n  cd ${config.projectName}\\n  cp .env.example .env.local\\n  pnpm db:setup\\n  pnpm dev`);\n  } else {\n    const s = p.spinner();\n\n    s.start(\"Scaffolding project...\");\n    scaffoldProject(config);\n    s.stop(\"Scaffolded project\");\n\n    s.start(\"Installing dependencies...\");\n    try {\n      await installDeps(config.projectPath);\n      s.stop(\"Installed dependencies\");\n    } catch {\n      s.stop(\"Failed to install dependencies — run install manually\");\n    }\n\n    p.note(\n      [\n        `cd ${config.projectName}`,\n        `cp .env.example .env.local    ${pc.dim(\"# Add your API keys\")}`,\n        `pnpm db:setup                 ${pc.dim(\"# Initialize database\")}`,\n        `pnpm dev                      ${pc.dim(\"# Start development server\")}`,\n      ].join(\"\\n\"),\n      \"Next steps\"\n    );\n\n    p.outro(pc.green(\"Done!\"));\n  }\n}\n\nmain().catch(console.error);\n","import * as p from \"@clack/prompts\";\nimport pc from \"picocolors\";\nimport type { ProjectConfig } from \"./utils.js\";\nimport { AI_PROVIDERS, DB_CONFIGS, resolveProjectPath, projectExists } from \"./utils.js\";\n\nexport async function runPrompts(argName?: string): Promise<ProjectConfig | null> {\n  p.intro(pc.bgCyan(pc.black(\" Create Supyagent App \")));\n\n  const projectName = argName || await p.text({\n    message: \"Project name\",\n    placeholder: \"my-supyagent-app\",\n    defaultValue: \"my-supyagent-app\",\n    validate(value) {\n      if (!value) return \"Project name is required\";\n      if (!/^[a-z0-9][a-z0-9._-]*$/.test(value)) {\n        return \"Invalid project name (lowercase, alphanumeric, hyphens, dots)\";\n      }\n    },\n  }) as string;\n\n  if (p.isCancel(projectName)) {\n    p.cancel(\"Cancelled.\");\n    return null;\n  }\n\n  const projectPath = resolveProjectPath(projectName);\n\n  if (projectExists(projectPath)) {\n    p.cancel(`Directory \"${projectName}\" already exists.`);\n    return null;\n  }\n\n  const aiProvider = await p.select({\n    message: \"AI provider\",\n    options: [\n      { value: \"anthropic\", label: AI_PROVIDERS.anthropic.label },\n      { value: \"openai\", label: AI_PROVIDERS.openai.label },\n      { value: \"openrouter\", label: AI_PROVIDERS.openrouter.label },\n    ],\n  }) as \"anthropic\" | \"openai\" | \"openrouter\";\n\n  if (p.isCancel(aiProvider)) {\n    p.cancel(\"Cancelled.\");\n    return null;\n  }\n\n  const database = await p.select({\n    message: \"Database\",\n    options: [\n      { value: \"sqlite\", label: DB_CONFIGS.sqlite.label },\n      { value: \"postgres\", label: DB_CONFIGS.postgres.label },\n    ],\n  }) as \"sqlite\" | \"postgres\";\n\n  if (p.isCancel(database)) {\n    p.cancel(\"Cancelled.\");\n    return null;\n  }\n\n  return { projectName, projectPath, aiProvider, database };\n}\n","import { existsSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\n\nexport function resolveProjectPath(name: string): string {\n  return resolve(process.cwd(), name);\n}\n\nexport function projectExists(path: string): boolean {\n  return existsSync(path);\n}\n\nexport interface ProjectConfig {\n  projectName: string;\n  projectPath: string;\n  aiProvider: \"anthropic\" | \"openai\" | \"openrouter\";\n  database: \"sqlite\" | \"postgres\";\n}\n\nexport const AI_PROVIDERS = {\n  anthropic: {\n    label: \"Anthropic (Claude)\",\n    package: \"@ai-sdk/anthropic\",\n    packageVersion: \"^3.0.0\",\n    import: `import { anthropic } from '@ai-sdk/anthropic'`,\n    model: `anthropic('claude-sonnet-4-20250514')`,\n    envKey: \"ANTHROPIC_API_KEY\",\n  },\n  openai: {\n    label: \"OpenAI (GPT)\",\n    package: \"@ai-sdk/openai\",\n    packageVersion: \"^3.0.0\",\n    import: `import { openai } from '@ai-sdk/openai'`,\n    model: `openai('gpt-4o')`,\n    envKey: \"OPENAI_API_KEY\",\n  },\n  openrouter: {\n    label: \"OpenRouter (any model)\",\n    package: \"@openrouter/ai-sdk-provider\",\n    packageVersion: \"^2.2.3\",\n    import: `import { createOpenRouter } from '@openrouter/ai-sdk-provider'`,\n    model: `createOpenRouter({ apiKey: process.env.OPENROUTER_API_KEY })('anthropic/claude-sonnet-4-20250514')`,\n    envKey: \"OPENROUTER_API_KEY\",\n  },\n} as const;\n\nexport const DB_CONFIGS = {\n  sqlite: {\n    label: \"SQLite (local dev)\",\n    provider: \"sqlite\",\n    url: \"file:./dev.db\",\n  },\n  postgres: {\n    label: \"PostgreSQL (production)\",\n    provider: \"postgresql\",\n    url: \"postgresql://user:password@localhost:5432/mydb\",\n  },\n} as const;\n","import { mkdirSync, writeFileSync, readFileSync } from \"node:fs\";\nimport { join, dirname } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport { applyTemplate } from \"./template.js\";\nimport { AI_PROVIDERS, DB_CONFIGS, type ProjectConfig } from \"./utils.js\";\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\nconst TEMPLATES_DIR = join(__dirname, \"..\", \"templates\");\n\nfunction readTemplate(relativePath: string): string {\n  return readFileSync(join(TEMPLATES_DIR, relativePath), \"utf-8\");\n}\n\nfunction writeProject(projectPath: string, relativePath: string, content: string): void {\n  const fullPath = join(projectPath, relativePath);\n  mkdirSync(dirname(fullPath), { recursive: true });\n  writeFileSync(fullPath, content, \"utf-8\");\n}\n\nexport function scaffoldProject(config: ProjectConfig): void {\n  const { projectPath, projectName, aiProvider, database } = config;\n  const ai = AI_PROVIDERS[aiProvider];\n  const db = DB_CONFIGS[database];\n\n  const vars: Record<string, string> = {\n    projectName,\n    aiProviderPackage: ai.package,\n    aiProviderVersion: ai.packageVersion,\n    aiProviderImport: ai.import,\n    aiModel: ai.model,\n    aiProviderEnvKey: ai.envKey,\n    dbProvider: db.provider,\n    dbUrl: db.url,\n  };\n\n  mkdirSync(projectPath, { recursive: true });\n\n  // ── Base files ──\n  writeProject(projectPath, \"next.config.ts\", readTemplate(\"base/next.config.ts\"));\n  writeProject(projectPath, \"tsconfig.json\", readTemplate(\"base/tsconfig.json\"));\n  writeProject(projectPath, \"tailwind.config.ts\", readTemplate(\"base/tailwind.config.ts\"));\n  writeProject(projectPath, \"postcss.config.js\", readTemplate(\"base/postcss.config.js\"));\n  writeProject(projectPath, \".gitignore\", readTemplate(\"base/.gitignore\"));\n  writeProject(projectPath, \".npmrc\", readTemplate(\"base/.npmrc\"));\n  writeProject(projectPath, \"README.md\", applyTemplate(readTemplate(\"base/README.md.tmpl\"), vars));\n\n  // ── Source files ──\n  writeProject(projectPath, \"src/app/layout.tsx\", readTemplate(\"base/src/app/layout.tsx\"));\n  writeProject(projectPath, \"src/app/page.tsx\", readTemplate(\"base/src/app/page.tsx\"));\n  writeProject(projectPath, \"src/app/globals.css\", readTemplate(\"base/src/app/globals.css\"));\n  writeProject(projectPath, \"src/app/chat/page.tsx\", readTemplate(\"base/src/app/chat/page.tsx\"));\n  writeProject(projectPath, \"src/app/chat/[id]/page.tsx\", readTemplate(\"base/src/app/chat/[id]/page.tsx\"));\n\n  // API routes\n  writeProject(\n    projectPath,\n    \"src/app/api/chat/route.ts\",\n    applyTemplate(readTemplate(\"api-route/route.ts.tmpl\"), vars)\n  );\n  writeProject(projectPath, \"src/app/api/chats/route.ts\", readTemplate(\"base/src/app/api/chats/route.ts\"));\n  writeProject(projectPath, \"src/app/api/chats/[id]/route.ts\", readTemplate(\"base/src/app/api/chats/[id]/route.ts\"));\n\n  // Components\n  writeProject(projectPath, \"src/components/chat.tsx\", readTemplate(\"base/src/components/chat.tsx\"));\n  writeProject(projectPath, \"src/components/chat-sidebar.tsx\", readTemplate(\"base/src/components/chat-sidebar.tsx\"));\n  writeProject(projectPath, \"src/components/chat-message.tsx\", readTemplate(\"base/src/components/chat-message.tsx\"));\n  writeProject(projectPath, \"src/components/chat-input.tsx\", readTemplate(\"base/src/components/chat-input.tsx\"));\n\n  // Lib\n  writeProject(projectPath, \"src/lib/utils.ts\", readTemplate(\"base/src/lib/utils.ts\"));\n  writeProject(projectPath, \"src/lib/prisma.ts\", readTemplate(\"base/src/lib/prisma.ts\"));\n\n  // ── Prisma schema ──\n  writeProject(\n    projectPath,\n    \"prisma/schema.prisma\",\n    applyTemplate(readTemplate(\"prisma/schema.prisma.tmpl\"), vars)\n  );\n\n  // ── Env example ──\n  writeProject(\n    projectPath,\n    \".env.example\",\n    applyTemplate(readTemplate(\"env/.env.example.tmpl\"), vars)\n  );\n\n  // ── package.json ──\n  writeProject(\n    projectPath,\n    \"package.json\",\n    applyTemplate(readTemplate(\"package-json/package.json.tmpl\"), vars)\n  );\n}\n","/**\n * Replace {{variable}} placeholders in template content.\n */\nexport function applyTemplate(\n  content: string,\n  variables: Record<string, string>\n): string {\n  return content.replace(/\\{\\{(\\w+)\\}\\}/g, (match, key) => {\n    return key in variables ? variables[key] : match;\n  });\n}\n","import { detectPackageManager, installDependencies } from \"nypm\";\n\nexport async function installDeps(projectPath: string): Promise<void> {\n  const pm = await detectPackageManager(projectPath);\n  await installDependencies({\n    cwd: projectPath,\n    packageManager: pm?.name,\n  });\n}\n"],"mappings":"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","names":["p","pc","pc"]}
+{"version":3,"sources":["../src/index.ts","../src/prompts.ts","../src/utils.ts","../src/scaffold.ts","../src/template.ts","../src/post-install.ts","../src/quickstart.ts"],"sourcesContent":["import * as p from \"@clack/prompts\";\nimport pc from \"picocolors\";\nimport { runPrompts } from \"./prompts.js\";\nimport { scaffoldProject } from \"./scaffold.js\";\nimport { installDeps } from \"./post-install.js\";\nimport { writeEnvLocal, runDbSetup, runDevServer } from \"./quickstart.js\";\nimport { AI_PROVIDERS, resolveProjectPath, projectExists } from \"./utils.js\";\nimport type { ProjectConfig, ApiKeys } from \"./utils.js\";\n\ninterface ParsedArgs extends Partial<ProjectConfig> {\n  skipInstall?: boolean;\n  supyagentApiKey?: string;\n  anthropicApiKey?: string;\n  openaiApiKey?: string;\n  openrouterApiKey?: string;\n}\n\nfunction parseArgs(): ParsedArgs {\n  const args = process.argv.slice(2);\n  const result: ParsedArgs = {};\n  let projectName: string | undefined;\n\n  for (let i = 0; i < args.length; i++) {\n    const arg = args[i];\n    const next = args[i + 1];\n    const hasValue = next && !next.startsWith(\"-\");\n\n    if (arg === \"--provider\" && hasValue) {\n      result.aiProvider = args[++i] as ProjectConfig[\"aiProvider\"];\n    } else if (arg === \"--db\" && hasValue) {\n      result.database = args[++i] as ProjectConfig[\"database\"];\n    } else if (arg === \"--model\" && hasValue) {\n      result.model = args[++i];\n    } else if (arg === \"--quickstart\") {\n      result.quickstart = true;\n    } else if (arg === \"--skip-install\") {\n      result.skipInstall = true;\n    } else if (arg === \"--supyagent-api-key\" && hasValue) {\n      result.supyagentApiKey = args[++i];\n    } else if (arg === \"--anthropic-api-key\" && hasValue) {\n      result.anthropicApiKey = args[++i];\n    } else if (arg === \"--openai-api-key\" && hasValue) {\n      result.openaiApiKey = args[++i];\n    } else if (arg === \"--openrouter-api-key\" && hasValue) {\n      result.openrouterApiKey = args[++i];\n    } else if (!arg.startsWith(\"-\")) {\n      projectName = arg;\n    }\n  }\n\n  return {\n    ...result,\n    projectName,\n    projectPath: projectName ? resolveProjectPath(projectName) : undefined,\n  };\n}\n\nconst ENV_KEY_MAP: Record<ProjectConfig[\"aiProvider\"], string> = {\n  anthropic: \"ANTHROPIC_API_KEY\",\n  openai: \"OPENAI_API_KEY\",\n  openrouter: \"OPENROUTER_API_KEY\",\n};\n\nconst CLI_KEY_MAP: Record<ProjectConfig[\"aiProvider\"], keyof ParsedArgs> = {\n  anthropic: \"anthropicApiKey\",\n  openai: \"openaiApiKey\",\n  openrouter: \"openrouterApiKey\",\n};\n\nasync function promptForKey(name: string): Promise<string> {\n  const value = await p.password({ message: `Enter your ${name}` });\n  if (p.isCancel(value)) {\n    p.cancel(\"Cancelled.\");\n    process.exit(1);\n  }\n  return value;\n}\n\nasync function resolveApiKeys(\n  provider: ProjectConfig[\"aiProvider\"],\n  parsed: ParsedArgs,\n): Promise<ApiKeys> {\n  const envKey = ENV_KEY_MAP[provider];\n  const cliFlag = CLI_KEY_MAP[provider];\n\n  const supyagent =\n    parsed.supyagentApiKey ??\n    process.env.SUPYAGENT_API_KEY ??\n    (await promptForKey(\"SUPYAGENT_API_KEY\"));\n\n  const providerKey =\n    (parsed[cliFlag] as string | undefined) ??\n    process.env[envKey] ??\n    (await promptForKey(envKey));\n\n  return { supyagent, provider: providerKey };\n}\n\nasync function main() {\n  const parsed = parseArgs();\n\n  if (parsed.quickstart) {\n    // ── Quickstart mode ──\n    if (parsed.database === \"postgres\") {\n      p.log.warn(\n        pc.yellow(\"--quickstart requires SQLite — ignoring --db postgres\"),\n      );\n    }\n    if (parsed.skipInstall) {\n      p.log.warn(\n        pc.yellow(\n          \"--quickstart needs dependencies installed — ignoring --skip-install\",\n        ),\n      );\n    }\n\n    p.intro(pc.bgCyan(pc.black(\" Create Supyagent App — Quickstart \")));\n\n    // Resolve project name\n    let projectName = parsed.projectName;\n    if (!projectName) {\n      const name = await p.text({\n        message: \"Project name\",\n        placeholder: \"my-supyagent-app\",\n        defaultValue: \"my-supyagent-app\",\n        validate(value) {\n          if (!value) return \"Project name is required\";\n          if (!/^[a-z0-9][a-z0-9._-]*$/.test(value)) {\n            return \"Invalid project name (lowercase, alphanumeric, hyphens, dots)\";\n          }\n        },\n      });\n      if (p.isCancel(name)) {\n        p.cancel(\"Cancelled.\");\n        process.exit(1);\n      }\n      projectName = name as string;\n    }\n\n    const projectPath = resolveProjectPath(projectName);\n    if (projectExists(projectPath)) {\n      p.cancel(`Directory \"${projectName}\" already exists.`);\n      process.exit(1);\n    }\n\n    // Resolve provider\n    let aiProvider = parsed.aiProvider;\n    if (!aiProvider) {\n      const selected = await p.select({\n        message: \"AI provider\",\n        options: [\n          { value: \"anthropic\", label: AI_PROVIDERS.anthropic.label },\n          { value: \"openai\", label: AI_PROVIDERS.openai.label },\n          { value: \"openrouter\", label: AI_PROVIDERS.openrouter.label },\n        ],\n      });\n      if (p.isCancel(selected)) {\n        p.cancel(\"Cancelled.\");\n        process.exit(1);\n      }\n      aiProvider = selected as ProjectConfig[\"aiProvider\"];\n    }\n\n    // Resolve API keys\n    const apiKeys = await resolveApiKeys(aiProvider, parsed);\n\n    const config: ProjectConfig = {\n      projectName,\n      projectPath,\n      aiProvider,\n      database: \"sqlite\",\n      model: parsed.model,\n      quickstart: true,\n      apiKeys,\n    };\n\n    const s = p.spinner();\n\n    // Scaffold\n    s.start(\"Scaffolding project...\");\n    scaffoldProject(config);\n    writeEnvLocal(config);\n    s.stop(\"Scaffolded project\");\n\n    // Install deps\n    s.start(\"Installing dependencies...\");\n    try {\n      await installDeps(config.projectPath);\n      s.stop(\"Installed dependencies\");\n    } catch {\n      s.stop(\"Failed to install dependencies — run install manually\");\n      process.exit(1);\n    }\n\n    // Database setup\n    s.start(\"Setting up database...\");\n    try {\n      await runDbSetup(config.projectPath);\n      s.stop(\"Database ready\");\n    } catch (err) {\n      s.stop(\"Database setup failed\");\n      p.log.warn(\n        `Run ${pc.cyan(`cd ${projectName} && pnpm db:setup`)} manually`,\n      );\n    }\n\n    // Dev server\n    p.log.info(pc.green(\"Starting dev server...\"));\n    await runDevServer(config.projectPath);\n  } else {\n    // ── Existing non-quickstart flow ──\n    const isNonInteractive =\n      parsed.projectName && parsed.aiProvider && parsed.database;\n\n    let config: ProjectConfig | null;\n\n    if (isNonInteractive) {\n      config = {\n        projectName: parsed.projectName!,\n        projectPath: parsed.projectPath!,\n        aiProvider: parsed.aiProvider!,\n        database: parsed.database!,\n        model: parsed.model,\n      };\n      console.log(`Creating ${config.projectName}...`);\n    } else {\n      config = await runPrompts(parsed.projectName, {\n        aiProvider: parsed.aiProvider,\n        database: parsed.database,\n      });\n      if (config && parsed.model) {\n        config.model = parsed.model;\n      }\n    }\n\n    if (!config) {\n      process.exit(1);\n    }\n\n    if (isNonInteractive) {\n      scaffoldProject(config);\n      console.log(\"Scaffolded project\");\n\n      if (!parsed.skipInstall) {\n        console.log(\"Installing dependencies...\");\n        try {\n          await installDeps(config.projectPath);\n          console.log(\"Installed dependencies\");\n        } catch {\n          console.log(\n            \"Failed to install dependencies — run install manually\",\n          );\n        }\n      }\n\n      console.log(\n        `\\nNext steps:\\n  cd ${config.projectName}\\n  cp .env.example .env.local\\n  pnpm db:setup\\n  pnpm dev`,\n      );\n    } else {\n      const s = p.spinner();\n\n      s.start(\"Scaffolding project...\");\n      scaffoldProject(config);\n      s.stop(\"Scaffolded project\");\n\n      s.start(\"Installing dependencies...\");\n      try {\n        await installDeps(config.projectPath);\n        s.stop(\"Installed dependencies\");\n      } catch {\n        s.stop(\"Failed to install dependencies — run install manually\");\n      }\n\n      p.note(\n        [\n          `cd ${config.projectName}`,\n          `cp .env.example .env.local    ${pc.dim(\"# Add your API keys\")}`,\n          `pnpm db:setup                 ${pc.dim(\"# Initialize database\")}`,\n          `pnpm dev                      ${pc.dim(\"# Start development server\")}`,\n        ].join(\"\\n\"),\n        \"Next steps\",\n      );\n\n      p.outro(pc.green(\"Done!\"));\n    }\n  }\n}\n\nmain().catch(console.error);\n","import * as p from \"@clack/prompts\";\nimport pc from \"picocolors\";\nimport type { ProjectConfig } from \"./utils.js\";\nimport { AI_PROVIDERS, DB_CONFIGS, resolveProjectPath, projectExists } from \"./utils.js\";\n\nexport interface PromptOptions {\n  aiProvider?: ProjectConfig[\"aiProvider\"];\n  database?: ProjectConfig[\"database\"];\n  skipDatabase?: boolean;\n}\n\nexport async function runPrompts(\n  argName?: string,\n  options?: PromptOptions,\n): Promise<ProjectConfig | null> {\n  p.intro(pc.bgCyan(pc.black(\" Create Supyagent App \")));\n\n  const projectName = argName || await p.text({\n    message: \"Project name\",\n    placeholder: \"my-supyagent-app\",\n    defaultValue: \"my-supyagent-app\",\n    validate(value) {\n      if (!value) return \"Project name is required\";\n      if (!/^[a-z0-9][a-z0-9._-]*$/.test(value)) {\n        return \"Invalid project name (lowercase, alphanumeric, hyphens, dots)\";\n      }\n    },\n  }) as string;\n\n  if (p.isCancel(projectName)) {\n    p.cancel(\"Cancelled.\");\n    return null;\n  }\n\n  const projectPath = resolveProjectPath(projectName);\n\n  if (projectExists(projectPath)) {\n    p.cancel(`Directory \"${projectName}\" already exists.`);\n    return null;\n  }\n\n  let aiProvider: ProjectConfig[\"aiProvider\"];\n  if (options?.aiProvider) {\n    aiProvider = options.aiProvider;\n  } else {\n    const selected = await p.select({\n      message: \"AI provider\",\n      options: [\n        { value: \"anthropic\", label: AI_PROVIDERS.anthropic.label },\n        { value: \"openai\", label: AI_PROVIDERS.openai.label },\n        { value: \"openrouter\", label: AI_PROVIDERS.openrouter.label },\n      ],\n    }) as \"anthropic\" | \"openai\" | \"openrouter\";\n\n    if (p.isCancel(selected)) {\n      p.cancel(\"Cancelled.\");\n      return null;\n    }\n    aiProvider = selected;\n  }\n\n  let database: ProjectConfig[\"database\"];\n  if (options?.database || options?.skipDatabase) {\n    database = options?.database ?? \"sqlite\";\n  } else {\n    const selected = await p.select({\n      message: \"Database\",\n      options: [\n        { value: \"sqlite\", label: DB_CONFIGS.sqlite.label },\n        { value: \"postgres\", label: DB_CONFIGS.postgres.label },\n      ],\n    }) as \"sqlite\" | \"postgres\";\n\n    if (p.isCancel(selected)) {\n      p.cancel(\"Cancelled.\");\n      return null;\n    }\n    database = selected;\n  }\n\n  return { projectName, projectPath, aiProvider, database };\n}\n","import { existsSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\n\nexport function resolveProjectPath(name: string): string {\n  return resolve(process.cwd(), name);\n}\n\nexport function projectExists(path: string): boolean {\n  return existsSync(path);\n}\n\nexport interface ApiKeys {\n  supyagent?: string;\n  provider?: string;\n}\n\nexport interface ProjectConfig {\n  projectName: string;\n  projectPath: string;\n  aiProvider: \"anthropic\" | \"openai\" | \"openrouter\";\n  database: \"sqlite\" | \"postgres\";\n  model?: string;\n  quickstart?: boolean;\n  apiKeys?: ApiKeys;\n}\n\nexport const AI_PROVIDERS = {\n  anthropic: {\n    label: \"Anthropic (Claude)\",\n    package: \"@ai-sdk/anthropic\",\n    packageVersion: \"^3.0.0\",\n    import: `import { anthropic } from '@ai-sdk/anthropic'`,\n    model: `anthropic('claude-sonnet-4-6-20250620')`,\n    envKey: \"ANTHROPIC_API_KEY\",\n  },\n  openai: {\n    label: \"OpenAI (GPT)\",\n    package: \"@ai-sdk/openai\",\n    packageVersion: \"^3.0.0\",\n    import: `import { openai } from '@ai-sdk/openai'`,\n    model: `openai('gpt-4o')`,\n    envKey: \"OPENAI_API_KEY\",\n  },\n  openrouter: {\n    label: \"OpenRouter (any model)\",\n    package: \"@openrouter/ai-sdk-provider\",\n    packageVersion: \"^2.2.3\",\n    import: `import { createOpenRouter } from '@openrouter/ai-sdk-provider'`,\n    model: `createOpenRouter({ apiKey: process.env.OPENROUTER_API_KEY })('anthropic/claude-sonnet-4.6')`,\n    envKey: \"OPENROUTER_API_KEY\",\n  },\n} as const;\n\nexport const DB_CONFIGS = {\n  sqlite: {\n    label: \"SQLite (local dev)\",\n    provider: \"sqlite\",\n    url: \"file:./dev.db\",\n  },\n  postgres: {\n    label: \"PostgreSQL (production)\",\n    provider: \"postgresql\",\n    url: \"postgresql://user:password@localhost:5432/mydb\",\n  },\n} as const;\n\nexport function buildModelExpression(\n  provider: ProjectConfig[\"aiProvider\"],\n  customModelId?: string,\n): string {\n  const config = AI_PROVIDERS[provider];\n  if (!customModelId) return config.model;\n  switch (provider) {\n    case \"anthropic\":\n      return `anthropic('${customModelId}')`;\n    case \"openai\":\n      return `openai('${customModelId}')`;\n    case \"openrouter\":\n      return `createOpenRouter({ apiKey: process.env.OPENROUTER_API_KEY })('${customModelId}')`;\n  }\n}\n","import { mkdirSync, writeFileSync, readFileSync } from \"node:fs\";\nimport { join, dirname } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport { applyTemplate } from \"./template.js\";\nimport { AI_PROVIDERS, DB_CONFIGS, buildModelExpression, type ProjectConfig } from \"./utils.js\";\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\nconst TEMPLATES_DIR = join(__dirname, \"..\", \"templates\");\n\nfunction readTemplate(relativePath: string): string {\n  return readFileSync(join(TEMPLATES_DIR, relativePath), \"utf-8\");\n}\n\nfunction writeProject(projectPath: string, relativePath: string, content: string): void {\n  const fullPath = join(projectPath, relativePath);\n  mkdirSync(dirname(fullPath), { recursive: true });\n  writeFileSync(fullPath, content, \"utf-8\");\n}\n\nexport function scaffoldProject(config: ProjectConfig): void {\n  const { projectPath, projectName, aiProvider, database } = config;\n  const ai = AI_PROVIDERS[aiProvider];\n  const db = DB_CONFIGS[database];\n\n  const vars: Record<string, string> = {\n    projectName,\n    aiProviderPackage: ai.package,\n    aiProviderVersion: ai.packageVersion,\n    aiProviderImport: ai.import,\n    aiModel: buildModelExpression(aiProvider, config.model),\n    aiProviderEnvKey: ai.envKey,\n    dbProvider: db.provider,\n    dbUrl: db.url,\n  };\n\n  mkdirSync(projectPath, { recursive: true });\n\n  // ── Base files ──\n  writeProject(projectPath, \"next.config.ts\", readTemplate(\"base/next.config.ts\"));\n  writeProject(projectPath, \"tsconfig.json\", readTemplate(\"base/tsconfig.json\"));\n  writeProject(projectPath, \"tailwind.config.ts\", readTemplate(\"base/tailwind.config.ts\"));\n  writeProject(projectPath, \"postcss.config.js\", readTemplate(\"base/postcss.config.js\"));\n  writeProject(projectPath, \".gitignore\", readTemplate(\"base/gitignore\"));\n  writeProject(projectPath, \".npmrc\", readTemplate(\"base/.npmrc\"));\n  writeProject(projectPath, \"README.md\", applyTemplate(readTemplate(\"base/README.md.tmpl\"), vars));\n\n  // ── Source files ──\n  writeProject(projectPath, \"src/app/layout.tsx\", readTemplate(\"base/src/app/layout.tsx\"));\n  writeProject(projectPath, \"src/app/page.tsx\", readTemplate(\"base/src/app/page.tsx\"));\n  writeProject(projectPath, \"src/app/globals.css\", readTemplate(\"base/src/app/globals.css\"));\n  writeProject(projectPath, \"src/app/chat/page.tsx\", readTemplate(\"base/src/app/chat/page.tsx\"));\n  writeProject(projectPath, \"src/app/chat/[id]/page.tsx\", readTemplate(\"base/src/app/chat/[id]/page.tsx\"));\n\n  // API routes\n  writeProject(\n    projectPath,\n    \"src/app/api/chat/route.ts\",\n    applyTemplate(readTemplate(\"api-route/route.ts.tmpl\"), vars)\n  );\n  writeProject(projectPath, \"src/app/api/chats/route.ts\", readTemplate(\"base/src/app/api/chats/route.ts\"));\n  writeProject(projectPath, \"src/app/api/chats/[id]/route.ts\", readTemplate(\"base/src/app/api/chats/[id]/route.ts\"));\n\n  // Components\n  writeProject(projectPath, \"src/components/chat.tsx\", readTemplate(\"base/src/components/chat.tsx\"));\n  writeProject(projectPath, \"src/components/chat-sidebar.tsx\", readTemplate(\"base/src/components/chat-sidebar.tsx\"));\n  writeProject(projectPath, \"src/components/chat-message.tsx\", readTemplate(\"base/src/components/chat-message.tsx\"));\n  writeProject(projectPath, \"src/components/chat-input.tsx\", readTemplate(\"base/src/components/chat-input.tsx\"));\n\n  // Lib\n  writeProject(projectPath, \"src/lib/utils.ts\", readTemplate(\"base/src/lib/utils.ts\"));\n  writeProject(projectPath, \"src/lib/prisma.ts\", readTemplate(\"base/src/lib/prisma.ts\"));\n\n  // ── Prisma schema ──\n  writeProject(\n    projectPath,\n    \"prisma/schema.prisma\",\n    applyTemplate(readTemplate(\"prisma/schema.prisma.tmpl\"), vars)\n  );\n\n  // ── Env example ──\n  writeProject(\n    projectPath,\n    \".env.example\",\n    applyTemplate(readTemplate(\"env/.env.example.tmpl\"), vars)\n  );\n\n  // ── package.json ──\n  writeProject(\n    projectPath,\n    \"package.json\",\n    applyTemplate(readTemplate(\"package-json/package.json.tmpl\"), vars)\n  );\n}\n","/**\n * Replace {{variable}} placeholders in template content.\n */\nexport function applyTemplate(\n  content: string,\n  variables: Record<string, string>\n): string {\n  return content.replace(/\\{\\{(\\w+)\\}\\}/g, (match, key) => {\n    return key in variables ? variables[key] : match;\n  });\n}\n","import { detectPackageManager, installDependencies } from \"nypm\";\n\nexport async function installDeps(projectPath: string): Promise<void> {\n  const pm = await detectPackageManager(projectPath);\n  await installDependencies({\n    cwd: projectPath,\n    packageManager: pm?.name,\n  });\n}\n","import { writeFileSync } from \"node:fs\";\nimport { join } from \"node:path\";\nimport { execSync, spawn as nodeSpawn } from \"node:child_process\";\nimport { detectPackageManager } from \"nypm\";\nimport { AI_PROVIDERS, type ProjectConfig } from \"./utils.js\";\n\nexport function writeEnvLocal(config: ProjectConfig): void {\n  const { projectPath, aiProvider, apiKeys } = config;\n  const ai = AI_PROVIDERS[aiProvider];\n\n  const lines = [\n    \"# Supyagent — Get your API key at https://app.supyagent.com\",\n    `SUPYAGENT_API_KEY=${apiKeys?.supyagent ?? \"\"}`,\n    \"\",\n    \"# AI Provider\",\n    `${ai.envKey}=${apiKeys?.provider ?? \"\"}`,\n    \"\",\n    \"# Database\",\n    `DATABASE_URL=\"file:./dev.db\"`,\n    \"\",\n  ];\n\n  writeFileSync(join(projectPath, \".env.local\"), lines.join(\"\\n\"), \"utf-8\");\n}\n\nexport async function runDbSetup(projectPath: string): Promise<void> {\n  const pm = await detectPackageManager(projectPath);\n  const cmd = pm?.name ?? \"pnpm\";\n  execSync(`${cmd} run db:setup`, {\n    cwd: projectPath,\n    stdio: \"inherit\",\n    env: { ...process.env, DATABASE_URL: \"file:./dev.db\" },\n  });\n}\n\nexport async function runDevServer(projectPath: string): Promise<never> {\n  const pm = await detectPackageManager(projectPath);\n  const cmd = pm?.name ?? \"pnpm\";\n\n  const child = nodeSpawn(cmd, [\"dev\"], {\n    cwd: projectPath,\n    stdio: \"inherit\",\n  });\n\n  const forward = (signal: NodeJS.Signals) => {\n    child.kill(signal);\n  };\n\n  process.on(\"SIGINT\", forward);\n  process.on(\"SIGTERM\", forward);\n\n  return new Promise((_, reject) => {\n    child.on(\"close\", (code) => {\n      process.off(\"SIGINT\", forward);\n      process.off(\"SIGTERM\", forward);\n      process.exit(code ?? 0);\n    });\n    child.on(\"error\", reject);\n  });\n}\n"],"mappings":"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","names":["p","pc","writeFileSync","join","detectPackageManager","writeFileSync","join","detectPackageManager","pc"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-supyagent-app",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Create a supyagent-powered chatbot app",
   "type": "module",
   "bin": {

package/templates/api-route/route.ts.tmpl

@@ -1,4 +1,4 @@
-import { convertToModelMessages, streamText, type UIMessage } from 'ai';
+import { convertToModelMessages, streamText, stepCountIs, type UIMessage } from 'ai';
 {{aiProviderImport}};
 import { supyagent } from '@supyagent/sdk';
 import { createPrismaAdapter } from '@supyagent/sdk/prisma';
@@ -10,7 +10,7 @@ const adapter = createPrismaAdapter(prisma);
 export async function POST(req: Request) {
   const { messages, chatId }: { messages: UIMessage[]; chatId: string } = await req.json();
 
-  await adapter.saveChat(chatId, messages);
+  await adapter.saveChat(chatId, messages as any);
 
   const tools = await client.tools({ cache: 300 });
 
@@ -19,13 +19,13 @@ export async function POST(req: Request) {
     system: 'You are a helpful assistant. Use your tools when asked to interact with connected services.',
     messages: await convertToModelMessages(messages),
     tools,
-    maxSteps: 5,
+    stopWhen: stepCountIs(5),
   });
 
   return result.toUIMessageStreamResponse({
     originalMessages: messages,
     onFinish: async ({ messages: updatedMessages }) => {
-      await adapter.saveChat(chatId, updatedMessages);
+      await adapter.saveChat(chatId, updatedMessages as any);
     },
   });
 }

package/templates/base/gitignore

@@ -0,0 +1,33 @@
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/install-state.gz
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# prisma
+/prisma/dev.db
+/prisma/dev.db-journal

package/templates/base/postcss.config.js

@@ -1,7 +1,7 @@
 /** @type {import('postcss-load-config').Config} */
 const config = {
   plugins: {
-    tailwindcss: {},
+    "@tailwindcss/postcss": {},
   },
 };
 

package/templates/base/src/app/chat/[id]/page.tsx

@@ -23,5 +23,5 @@ export default function ChatPage({ params }: { params: Promise<{ id: string }> }
     );
   }
 
-  return <Chat chatId={id} initialMessages={initialMessages} />;
+  return <Chat key={id} chatId={id} initialMessages={initialMessages} />;
 }

package/templates/base/src/app/globals.css

@@ -1,10 +1,86 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@source "../node_modules/@supyagent/sdk/dist/*.js";
+@source "../node_modules/streamdown/dist/*.js";
 
 @layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 240 5.9% 10%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 240 10% 5.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 240 10% 5.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;
+  }
+}
+
+@theme inline {
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
   body {
-    @apply bg-zinc-950 text-zinc-100;
+    @apply bg-background text-foreground;
   }
 }
 
@@ -18,10 +94,11 @@
 }
 
 ::-webkit-scrollbar-thumb {
-  background: rgb(63 63 70);
+  background: hsl(var(--border));
   border-radius: 3px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background: rgb(82 82 91);
+  background: hsl(var(--muted-foreground) / 0.3);
 }
+

package/templates/base/src/app/layout.tsx

@@ -16,7 +16,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en" className="dark">
-      <body className={`${inter.className} bg-zinc-950 text-zinc-100 antialiased`}>
+      <body className={`${inter.className} bg-background text-foreground antialiased`}>
         {children}
       </body>
     </html>

package/templates/base/src/components/chat-input.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { ArrowUp, Square } from "lucide-react";
-import { useState } from "react";
-import type { FormEvent } from "react";
+import { useState, useRef, useEffect, useCallback } from "react";
+import type { FormEvent, KeyboardEvent } from "react";
 
 interface ChatInputProps {
   sendMessage: (message: { text: string }) => Promise<void>;
@@ -12,40 +12,59 @@ interface ChatInputProps {
 
 export function ChatInput({ sendMessage, isLoading, stop }: ChatInputProps) {
   const [input, setInput] = useState("");
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
+
+  const adjustHeight = useCallback(() => {
+    const textarea = textareaRef.current;
+    if (!textarea) return;
+    textarea.style.height = "auto";
+    textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
+  }, []);
+
+  useEffect(() => {
+    adjustHeight();
+  }, [input, adjustHeight]);
 
   const handleSubmit = (e: FormEvent) => {
     e.preventDefault();
-    if (!input.trim()) return;
+    if (!input.trim() || isLoading) return;
     sendMessage({ text: input });
     setInput("");
+    // Reset height
+    if (textareaRef.current) {
+      textareaRef.current.style.height = "auto";
+    }
+  };
+
+  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      if (input.trim() && !isLoading) {
+        handleSubmit(e as unknown as FormEvent);
+      }
+    }
   };
 
   return (
     <form
       onSubmit={handleSubmit}
-      className="relative flex items-end rounded-xl border border-zinc-800 bg-zinc-900 focus-within:border-zinc-700"
+      className="relative flex items-end rounded-xl border border-border bg-card focus-within:border-ring focus-within:ring-1 focus-within:ring-ring transition-colors"
     >
       <textarea
+        ref={textareaRef}
         value={input}
         onChange={(e) => setInput(e.target.value)}
+        onKeyDown={handleKeyDown}
         placeholder="Send a message..."
         rows={1}
-        className="flex-1 resize-none bg-transparent px-4 py-3 text-sm text-zinc-200 placeholder-zinc-500 outline-none"
-        onKeyDown={(e) => {
-          if (e.key === "Enter" && !e.shiftKey) {
-            e.preventDefault();
-            if (input.trim()) {
-              handleSubmit(e as unknown as FormEvent);
-            }
-          }
-        }}
+        className="flex-1 resize-none bg-transparent px-4 py-3 text-sm text-foreground placeholder-muted-foreground outline-none max-h-[200px]"
       />
       <div className="p-2">
         {isLoading ? (
           <button
             type="button"
             onClick={stop}
-            className="flex h-8 w-8 items-center justify-center rounded-lg bg-zinc-700 text-zinc-300 hover:bg-zinc-600 transition-colors"
+            className="flex h-8 w-8 items-center justify-center rounded-lg bg-muted text-muted-foreground hover:bg-accent hover:text-accent-foreground transition-colors"
           >
             <Square className="h-3.5 w-3.5" />
           </button>
@@ -53,7 +72,7 @@ export function ChatInput({ sendMessage, isLoading, stop }: ChatInputProps) {
           <button
             type="submit"
             disabled={!input.trim()}
-            className="flex h-8 w-8 items-center justify-center rounded-lg bg-zinc-200 text-zinc-900 disabled:opacity-30 disabled:cursor-not-allowed hover:bg-white transition-colors"
+            className="flex h-8 w-8 items-center justify-center rounded-lg bg-primary text-primary-foreground disabled:opacity-30 disabled:cursor-not-allowed hover:bg-primary/90 transition-colors"
           >
             <ArrowUp className="h-4 w-4" />
           </button>

package/templates/base/src/components/chat-message.tsx

@@ -1,44 +1,89 @@
 "use client";
 
 import type { UIMessage } from "ai";
-import { SupyagentToolCall, SupyagentToolResult } from "@supyagent/sdk/react";
+import { isToolUIPart } from "ai";
+import { SupyagentToolAction } from "@supyagent/sdk/react";
+import { useState } from "react";
+import { Streamdown } from "streamdown";
+import { Copy, Check } from "lucide-react";
+import { cn } from "@/lib/utils";
 
 interface ChatMessageProps {
   message: UIMessage;
 }
 
+function MarkdownContent({ text }: { text: string }) {
+  return (
+    <div className="text-sm text-foreground">
+      <Streamdown>{text}</Streamdown>
+    </div>
+  );
+}
+
+function CopyButton({ text }: { text: string }) {
+  const [copied, setCopied] = useState(false);
+
+  const handleCopy = () => {
+    navigator.clipboard.writeText(text).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    });
+  };
+
+  return (
+    <button
+      type="button"
+      onClick={handleCopy}
+      className="rounded-md p-1 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
+      title="Copy message"
+    >
+      {copied ? <Check className="h-3.5 w-3.5" /> : <Copy className="h-3.5 w-3.5" />}
+    </button>
+  );
+}
+
 export function ChatMessage({ message }: ChatMessageProps) {
   const isUser = message.role === "user";
+  const textContent = message.parts
+    .filter((part) => part.type === "text")
+    .map((part) => (part as any).text)
+    .join("\n");
 
   return (
-    <div className={`flex ${isUser ? "justify-end" : "justify-start"}`}>
+    <div className={cn("group flex", isUser ? "justify-end" : "justify-start")}>
       <div
-        className={`max-w-[85%] space-y-2 ${
+        className={cn(
+          "max-w-[85%] space-y-2",
           isUser
-            ? "rounded-2xl rounded-br-md bg-zinc-800 px-4 py-2.5"
-            : ""
-        }`}
+            ? "rounded-2xl rounded-br-md bg-secondary px-4 py-2.5"
+            : "w-full max-w-none"
+        )}
       >
         {message.parts.map((part, i) => {
           if (part.type === "text") {
-            return (
-              <p key={i} className="text-sm text-zinc-200 whitespace-pre-wrap">
-                {part.text}
-              </p>
-            );
+            if (isUser) {
+              return (
+                <p key={i} className="text-sm text-foreground whitespace-pre-wrap">
+                  {(part as any).text}
+                </p>
+              );
+            }
+            return <MarkdownContent key={i} text={(part as any).text} />;
           }
 
-          if (part.type === "tool-invocation") {
-            return (
-              <div key={i} className="space-y-2">
-                <SupyagentToolCall part={part as any} />
-                <SupyagentToolResult part={part as any} />
-              </div>
-            );
+          if (isToolUIPart(part)) {
+            return <SupyagentToolAction key={i} part={part as any} />;
           }
 
           return null;
         })}
+
+        {/* Message actions */}
+        {!isUser && textContent && (
+          <div className="opacity-0 group-hover:opacity-100 transition-opacity pt-1">
+            <CopyButton text={textContent} />
+          </div>
+        )}
       </div>
     </div>
   );

package/templates/base/src/components/chat-sidebar.tsx

@@ -1,8 +1,9 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useEffect, useState, useMemo } from "react";
 import { useRouter } from "next/navigation";
-import { MessageSquare, Plus, Trash2 } from "lucide-react";
+import { MessageSquare, Plus, Trash2, Search, PanelLeftClose, PanelLeft } from "lucide-react";
+import { cn } from "@/lib/utils";
 
 interface ChatSummary {
   id: string;
@@ -15,9 +16,24 @@ interface ChatSidebarProps {
   currentChatId: string;
 }
 
+function getDateGroup(dateStr: string): string {
+  const date = new Date(dateStr);
+  const now = new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffDays = Math.floor(diffMs / 86400000);
+
+  if (diffDays === 0) return "Today";
+  if (diffDays === 1) return "Yesterday";
+  if (diffDays < 7) return "Previous 7 days";
+  if (diffDays < 30) return "Previous 30 days";
+  return "Older";
+}
+
 export function ChatSidebar({ currentChatId }: ChatSidebarProps) {
   const router = useRouter();
   const [chats, setChats] = useState<ChatSummary[]>([]);
+  const [search, setSearch] = useState("");
+  const [collapsed, setCollapsed] = useState(false);
 
   useEffect(() => {
     fetch("/api/chats")
@@ -34,40 +50,108 @@ export function ChatSidebar({ currentChatId }: ChatSidebarProps) {
     }
   };
 
+  const filteredChats = useMemo(() => {
+    if (!search.trim()) return chats;
+    const q = search.toLowerCase();
+    return chats.filter((c) => c.title.toLowerCase().includes(q));
+  }, [chats, search]);
+
+  const groupedChats = useMemo(() => {
+    const groups: Record<string, ChatSummary[]> = {};
+    const order = ["Today", "Yesterday", "Previous 7 days", "Previous 30 days", "Older"];
+
+    for (const chat of filteredChats) {
+      const group = getDateGroup(chat.updatedAt || chat.createdAt);
+      if (!groups[group]) groups[group] = [];
+      groups[group].push(chat);
+    }
+
+    return order
+      .filter((g) => groups[g]?.length)
+      .map((g) => ({ label: g, chats: groups[g] }));
+  }, [filteredChats]);
+
+  if (collapsed) {
+    return (
+      <div className="flex h-full w-12 flex-col items-center border-r border-border bg-card py-3 gap-2">
+        <button
+          onClick={() => setCollapsed(false)}
+          className="rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
+        >
+          <PanelLeft className="h-4 w-4" />
+        </button>
+        <button
+          onClick={() => router.push("/chat")}
+          className="rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
+        >
+          <Plus className="h-4 w-4" />
+        </button>
+      </div>
+    );
+  }
+
   return (
-    <div className="flex h-full w-64 flex-col border-r border-zinc-800 bg-zinc-900/50">
-      <div className="flex items-center justify-between p-4">
-        <span className="text-sm font-medium text-zinc-300">Chats</span>
+    <div className="flex h-full w-64 flex-col border-r border-border bg-card">
+      <div className="flex items-center justify-between p-3">
+        <button
+          onClick={() => setCollapsed(true)}
+          className="rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
+        >
+          <PanelLeftClose className="h-4 w-4" />
+        </button>
+        <span className="text-sm font-medium text-foreground">Chats</span>
         <button
           onClick={() => router.push("/chat")}
-          className="rounded-md p-1.5 text-zinc-400 hover:bg-zinc-800 hover:text-zinc-200 transition-colors"
+          className="rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
         >
           <Plus className="h-4 w-4" />
         </button>
       </div>
 
+      {/* Search */}
+      <div className="px-3 pb-2">
+        <div className="flex items-center gap-2 rounded-lg border border-border bg-background px-2.5 py-1.5">
+          <Search className="h-3.5 w-3.5 text-muted-foreground shrink-0" />
+          <input
+            type="text"
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            placeholder="Search chats..."
+            className="flex-1 bg-transparent text-xs text-foreground placeholder-muted-foreground outline-none"
+          />
+        </div>
+      </div>
+
       <div className="flex-1 overflow-y-auto px-2">
-        {chats.map((chat) => (
-          <div
-            key={chat.id}
-            className={`group mb-1 flex items-center rounded-lg px-3 py-2 cursor-pointer transition-colors ${
-              chat.id === currentChatId
-                ? "bg-zinc-800 text-zinc-200"
-                : "text-zinc-400 hover:bg-zinc-800/50 hover:text-zinc-300"
-            }`}
-            onClick={() => router.push(`/chat/${chat.id}`)}
-          >
-            <MessageSquare className="mr-2 h-3.5 w-3.5 shrink-0" />
-            <span className="flex-1 truncate text-sm">{chat.title}</span>
-            <button
-              onClick={(e) => {
-                e.stopPropagation();
-                deleteChat(chat.id);
-              }}
-              className="ml-1 hidden rounded p-1 text-zinc-500 hover:bg-zinc-700 hover:text-zinc-300 group-hover:block"
-            >
-              <Trash2 className="h-3 w-3" />
-            </button>
+        {groupedChats.map((group) => (
+          <div key={group.label} className="mb-3">
+            <p className="px-3 py-1 text-xs font-medium text-muted-foreground">
+              {group.label}
+            </p>
+            {group.chats.map((chat) => (
+              <div
+                key={chat.id}
+                className={cn(
+                  "group mb-0.5 flex items-center rounded-lg px-3 py-2 cursor-pointer transition-colors",
+                  chat.id === currentChatId
+                    ? "bg-muted text-foreground"
+                    : "text-muted-foreground hover:bg-muted hover:text-foreground"
+                )}
+                onClick={() => router.push(`/chat/${chat.id}`)}
+              >
+                <MessageSquare className="mr-2 h-3.5 w-3.5 shrink-0" />
+                <span className="flex-1 truncate text-sm">{chat.title}</span>
+                <button
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    deleteChat(chat.id);
+                  }}
+                  className="ml-1 hidden rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground group-hover:block"
+                >
+                  <Trash2 className="h-3 w-3" />
+                </button>
+              </div>
+            ))}
           </div>
         ))}
       </div>

package/templates/base/src/components/chat.tsx

@@ -5,7 +5,8 @@ import { DefaultChatTransport, type UIMessage } from "ai";
 import { ChatMessage } from "./chat-message";
 import { ChatInput } from "./chat-input";
 import { ChatSidebar } from "./chat-sidebar";
-import { useRef, useEffect, useMemo } from "react";
+import { useRef, useEffect, useMemo, useState, useCallback } from "react";
+import { MessageSquare, ArrowDown } from "lucide-react";
 
 interface ChatProps {
   chatId: string;
@@ -25,23 +26,49 @@ export function Chat({ chatId, initialMessages }: ChatProps) {
   const { messages, sendMessage, status, stop } = useChat({
     id: chatId,
     transport,
-    initialMessages,
+    messages: initialMessages,
   });
 
   const isLoading = status === "submitted" || status === "streaming";
   const scrollRef = useRef<HTMLDivElement>(null);
+  const bottomRef = useRef<HTMLDivElement>(null);
+  const [isAtBottom, setIsAtBottom] = useState(true);
+
+  const scrollToBottom = useCallback(() => {
+    bottomRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, []);
 
   useEffect(() => {
-    if (scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    const el = scrollRef.current;
+    if (!el) return;
+
+    const handleScroll = () => {
+      const threshold = 100;
+      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight < threshold;
+      setIsAtBottom(atBottom);
+    };
+
+    el.addEventListener("scroll", handleScroll, { passive: true });
+    return () => el.removeEventListener("scroll", handleScroll);
+  }, []);
+
+  useEffect(() => {
+    if (isAtBottom) {
+      bottomRef.current?.scrollIntoView({ behavior: "smooth" });
     }
-  }, [messages]);
+  }, [messages, isAtBottom]);
+
+  const suggestions = [
+    "What integrations are connected?",
+    "Search my recent emails",
+    "What's on my calendar today?",
+  ];
 
   return (
     <div className="flex h-screen">
       <ChatSidebar currentChatId={chatId} />
 
-      <div className="flex flex-1 flex-col">
+      <div className="flex flex-1 flex-col relative">
         <div
           ref={scrollRef}
           className="flex-1 overflow-y-auto px-4 py-6"
@@ -49,23 +76,51 @@ export function Chat({ chatId, initialMessages }: ChatProps) {
           <div className="mx-auto max-w-3xl space-y-6">
             {messages.length === 0 && (
               <div className="flex h-full min-h-[60vh] items-center justify-center">
-                <div className="text-center">
-                  <h1 className="text-2xl font-semibold text-zinc-200">
+                <div className="text-center max-w-md">
+                  <div className="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-muted">
+                    <MessageSquare className="h-6 w-6 text-muted-foreground" />
+                  </div>
+                  <h1 className="text-xl font-semibold text-foreground">
                     Supyagent Chat
                   </h1>
-                  <p className="mt-2 text-sm text-zinc-500">
+                  <p className="mt-2 text-sm text-muted-foreground">
                     Ask me anything — I can use your connected integrations.
                   </p>
+                  <div className="mt-6 flex flex-wrap justify-center gap-2">
+                    {suggestions.map((suggestion) => (
+                      <button
+                        key={suggestion}
+                        type="button"
+                        onClick={() => sendMessage({ text: suggestion })}
+                        className="rounded-full border border-border bg-card px-3 py-1.5 text-xs text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
+                      >
+                        {suggestion}
+                      </button>
+                    ))}
+                  </div>
                 </div>
               </div>
             )}
             {messages.map((message) => (
               <ChatMessage key={message.id} message={message} />
             ))}
+            <div ref={bottomRef} />
           </div>
         </div>
 
-        <div className="border-t border-zinc-800 px-4 py-4">
+        {/* Scroll to bottom button */}
+        {!isAtBottom && messages.length > 0 && (
+          <button
+            type="button"
+            onClick={scrollToBottom}
+            className="absolute bottom-24 left-1/2 -translate-x-1/2 flex items-center gap-1.5 rounded-full border border-border bg-card px-3 py-1.5 text-xs text-muted-foreground shadow-lg hover:bg-muted transition-colors"
+          >
+            <ArrowDown className="h-3 w-3" />
+            Scroll to bottom
+          </button>
+        )}
+
+        <div className="border-t border-border px-4 py-4">
           <div className="mx-auto max-w-3xl">
             <ChatInput
               sendMessage={sendMessage}

package/templates/package-json/package.json.tmpl

@@ -16,22 +16,24 @@
     "@ai-sdk/react": "^3.0.0",
     "{{aiProviderPackage}}": "{{aiProviderVersion}}",
     "@prisma/client": "^6.2.0",
-    "@supyagent/sdk": "^0.1.4",
+    "@supyagent/sdk": "^0.1.7",
     "ai": "^6.0.0",
     "clsx": "^2.1.0",
     "lucide-react": "^0.468.0",
     "next": "^15.1.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "tailwind-merge": "^2.6.0"
+    "streamdown": "^2.0.0",
+    "tailwind-merge": "^2.6.0",
+    "use-stick-to-bottom": "^1.0.0"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.0.0",
     "@types/node": "^22.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "postcss": "^8.4.0",
     "prisma": "^6.2.0",
-    "tailwindcss": "^3.4.0",
+    "tailwindcss": "^4.0.0",
     "typescript": "^5.7.0"
   }
 }