create-supyagent-app 0.1.0

package/dist/index.js

@@ -0,0 +1,223 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import * as p2 from "@clack/prompts";
+import pc2 from "picocolors";
+
+// src/prompts.ts
+import * as p from "@clack/prompts";
+import pc from "picocolors";
+
+// src/utils.ts
+import { existsSync } from "fs";
+import { resolve } from "path";
+function resolveProjectPath(name) {
+  return resolve(process.cwd(), name);
+}
+function projectExists(path) {
+  return existsSync(path);
+}
+var AI_PROVIDERS = {
+  anthropic: {
+    label: "Anthropic (Claude)",
+    package: "@ai-sdk/anthropic",
+    import: `import { anthropic } from '@ai-sdk/anthropic'`,
+    model: `anthropic('claude-sonnet-4-20250514')`,
+    envKey: "ANTHROPIC_API_KEY"
+  },
+  openai: {
+    label: "OpenAI (GPT)",
+    package: "@ai-sdk/openai",
+    import: `import { openai } from '@ai-sdk/openai'`,
+    model: `openai('gpt-4o')`,
+    envKey: "OPENAI_API_KEY"
+  },
+  openrouter: {
+    label: "OpenRouter (any model)",
+    package: "@ai-sdk/openrouter",
+    import: `import { openrouter } from '@ai-sdk/openrouter'`,
+    model: `openrouter('anthropic/claude-sonnet-4-20250514')`,
+    envKey: "OPENROUTER_API_KEY"
+  }
+};
+var DB_CONFIGS = {
+  sqlite: {
+    label: "SQLite (local dev)",
+    provider: "sqlite",
+    url: "file:./dev.db"
+  },
+  postgres: {
+    label: "PostgreSQL (production)",
+    provider: "postgresql",
+    url: "postgresql://user:password@localhost:5432/mydb"
+  }
+};
+
+// src/prompts.ts
+async function runPrompts(argName) {
+  p.intro(pc.bgCyan(pc.black(" Create Supyagent App ")));
+  const projectName = argName || await p.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 (p.isCancel(projectName)) {
+    p.cancel("Cancelled.");
+    return null;
+  }
+  const projectPath = resolveProjectPath(projectName);
+  if (projectExists(projectPath)) {
+    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;
+  }
+  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;
+  }
+  return { projectName, projectPath, aiProvider, database };
+}
+
+// src/scaffold.ts
+import { mkdirSync, writeFileSync, readFileSync } from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+
+// src/template.ts
+function applyTemplate(content, variables) {
+  return content.replace(/\{\{(\w+)\}\}/g, (match, key) => {
+    return key in variables ? variables[key] : match;
+  });
+}
+
+// src/scaffold.ts
+var __dirname = dirname(fileURLToPath(import.meta.url));
+var TEMPLATES_DIR = join(__dirname, "..", "templates");
+function readTemplate(relativePath) {
+  return readFileSync(join(TEMPLATES_DIR, relativePath), "utf-8");
+}
+function writeProject(projectPath, relativePath, content) {
+  const fullPath = join(projectPath, relativePath);
+  mkdirSync(dirname(fullPath), { recursive: true });
+  writeFileSync(fullPath, content, "utf-8");
+}
+function scaffoldProject(config) {
+  const { projectPath, projectName, aiProvider, database } = config;
+  const ai = AI_PROVIDERS[aiProvider];
+  const db = DB_CONFIGS[database];
+  const vars = {
+    projectName,
+    aiProviderPackage: ai.package,
+    aiProviderImport: ai.import,
+    aiModel: ai.model,
+    aiProviderEnvKey: ai.envKey,
+    dbProvider: db.provider,
+    dbUrl: db.url
+  };
+  mkdirSync(projectPath, { recursive: true });
+  writeProject(projectPath, "next.config.ts", readTemplate("base/next.config.ts"));
+  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, "README.md", applyTemplate(readTemplate("base/README.md.tmpl"), vars));
+  writeProject(projectPath, "src/app/layout.tsx", readTemplate("base/src/app/layout.tsx"));
+  writeProject(projectPath, "src/app/page.tsx", readTemplate("base/src/app/page.tsx"));
+  writeProject(projectPath, "src/app/globals.css", readTemplate("base/src/app/globals.css"));
+  writeProject(projectPath, "src/app/chat/page.tsx", readTemplate("base/src/app/chat/page.tsx"));
+  writeProject(projectPath, "src/app/chat/[id]/page.tsx", readTemplate("base/src/app/chat/[id]/page.tsx"));
+  writeProject(
+    projectPath,
+    "src/app/api/chat/route.ts",
+    applyTemplate(readTemplate("api-route/route.ts.tmpl"), vars)
+  );
+  writeProject(projectPath, "src/app/api/chats/route.ts", readTemplate("base/src/app/api/chats/route.ts"));
+  writeProject(projectPath, "src/app/api/chats/[id]/route.ts", readTemplate("base/src/app/api/chats/[id]/route.ts"));
+  writeProject(projectPath, "src/components/chat.tsx", readTemplate("base/src/components/chat.tsx"));
+  writeProject(projectPath, "src/components/chat-sidebar.tsx", readTemplate("base/src/components/chat-sidebar.tsx"));
+  writeProject(projectPath, "src/components/chat-message.tsx", readTemplate("base/src/components/chat-message.tsx"));
+  writeProject(projectPath, "src/components/chat-input.tsx", readTemplate("base/src/components/chat-input.tsx"));
+  writeProject(projectPath, "src/lib/utils.ts", readTemplate("base/src/lib/utils.ts"));
+  writeProject(projectPath, "src/lib/prisma.ts", readTemplate("base/src/lib/prisma.ts"));
+  writeProject(
+    projectPath,
+    "prisma/schema.prisma",
+    applyTemplate(readTemplate("prisma/schema.prisma.tmpl"), vars)
+  );
+  writeProject(
+    projectPath,
+    ".env.example",
+    applyTemplate(readTemplate("env/.env.example.tmpl"), vars)
+  );
+  writeProject(
+    projectPath,
+    "package.json",
+    applyTemplate(readTemplate("package-json/package.json.tmpl"), vars)
+  );
+}
+
+// src/post-install.ts
+import { detectPackageManager, installDependencies } from "nypm";
+async function installDeps(projectPath) {
+  const pm = await detectPackageManager(projectPath);
+  await installDependencies({
+    cwd: projectPath,
+    packageManager: pm?.name
+  });
+}
+
+// src/index.ts
+async function main() {
+  const argName = process.argv[2];
+  const config = await runPrompts(argName);
+  if (!config) {
+    process.exit(1);
+  }
+  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!"));
+}
+main().catch(console.error);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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\";\n\nasync function main() {\n  const argName = process.argv[2];\n  const config = await runPrompts(argName);\n\n  if (!config) {\n    process.exit(1);\n  }\n\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\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    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    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: \"@ai-sdk/openrouter\",\n    import: `import { openrouter } from '@ai-sdk/openrouter'`,\n    model: `openrouter('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    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, \"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"]}

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "create-supyagent-app",
+  "version": "0.1.0",
+  "description": "Create a supyagent-powered chatbot app",
+  "type": "module",
+  "bin": {
+    "create-supyagent-app": "./dist/index.js"
+  },
+  "files": ["dist", "templates"],
+  "scripts": {
+    "build": "tsup",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.8.0",
+    "nypm": "^0.4.0",
+    "picocolors": "^1.1.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.0",
+    "typescript": "^5.7.0"
+  },
+  "license": "MIT"
+}

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

@@ -0,0 +1,29 @@
+import { convertToModelMessages, streamText, type UIMessage } from 'ai';
+{{aiProviderImport}};
+import { supyagent } from '@supyagent/sdk';
+import { createPrismaAdapter } from '@supyagent/sdk/prisma';
+import { prisma } from '@/lib/prisma';
+
+const client = supyagent({ apiKey: process.env.SUPYAGENT_API_KEY! });
+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);
+
+  const tools = await client.tools({ cache: 300 });
+
+  const result = streamText({
+    model: {{aiModel}},
+    system: 'You are a helpful assistant. Use your tools when asked to interact with connected services.',
+    messages: convertToModelMessages(messages),
+    tools,
+    maxSteps: 5,
+    onFinish: async ({ response }) => {
+      await adapter.saveChat(chatId, [...messages, ...response.messages as unknown as UIMessage[]]);
+    },
+  });
+
+  return result.toUIMessageStreamResponse();
+}

package/templates/base/README.md.tmpl

@@ -0,0 +1,30 @@
+# {{projectName}}
+
+A chatbot powered by [Supyagent](https://supyagent.com) with connected integrations.
+
+## Setup
+
+```bash
+cp .env.example .env.local    # Add your API keys
+pnpm db:setup                 # Initialize database
+pnpm dev                      # Start development server
+```
+
+## Getting API Keys
+
+1. **Supyagent API Key**: Sign up at [app.supyagent.com](https://app.supyagent.com) and create an API key
+2. **AI Provider Key**: Get your key from your AI provider's dashboard
+
+## Features
+
+- Chat with an AI assistant that can use your connected integrations
+- Persistent chat history
+- Rich tool result visualization (emails, calendar events, Slack messages, etc.)
+
+## Stack
+
+- [Next.js](https://nextjs.org) — React framework
+- [Vercel AI SDK](https://sdk.vercel.ai) — AI integration
+- [Supyagent](https://supyagent.com) — Third-party service integrations
+- [Prisma](https://prisma.io) — Database ORM
+- [Tailwind CSS](https://tailwindcss.com) — Styling

package/templates/base/next.config.ts

@@ -0,0 +1,5 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {};
+
+export default nextConfig;

package/templates/base/postcss.config.js

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

package/templates/base/src/app/api/chats/[id]/route.ts

@@ -0,0 +1,23 @@
+import { prisma } from "@/lib/prisma";
+import { createPrismaAdapter } from "@supyagent/sdk/prisma";
+import { NextResponse } from "next/server";
+
+const adapter = createPrismaAdapter(prisma);
+
+export async function GET(
+  _req: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const { id } = await params;
+  const messages = await adapter.loadChat(id);
+  return NextResponse.json({ messages });
+}
+
+export async function DELETE(
+  _req: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const { id } = await params;
+  await adapter.deleteChat(id);
+  return NextResponse.json({ ok: true });
+}

package/templates/base/src/app/api/chats/route.ts

@@ -0,0 +1,10 @@
+import { prisma } from "@/lib/prisma";
+import { createPrismaAdapter } from "@supyagent/sdk/prisma";
+import { NextResponse } from "next/server";
+
+const adapter = createPrismaAdapter(prisma);
+
+export async function GET() {
+  const chats = await adapter.listChats();
+  return NextResponse.json({ chats });
+}

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

@@ -0,0 +1,33 @@
+"use client";
+
+import { use, useEffect, useState } from "react";
+import { Chat } from "@/components/chat";
+
+interface ChatMessage {
+  id: string;
+  role: string;
+  parts: Array<{ type: string; [key: string]: unknown }>;
+  metadata?: Record<string, unknown>;
+}
+
+export default function ChatPage({ params }: { params: Promise<{ id: string }> }) {
+  const { id } = use(params);
+  const [initialMessages, setInitialMessages] = useState<ChatMessage[] | null>(null);
+
+  useEffect(() => {
+    fetch(`/api/chats/${id}`)
+      .then((res) => (res.ok ? res.json() : { messages: [] }))
+      .then((data) => setInitialMessages(data.messages || []))
+      .catch(() => setInitialMessages([]));
+  }, [id]);
+
+  if (initialMessages === null) {
+    return (
+      <div className="flex h-screen items-center justify-center">
+        <div className="h-6 w-6 animate-spin rounded-full border-2 border-zinc-700 border-t-zinc-300" />
+      </div>
+    );
+  }
+
+  return <Chat chatId={id} initialMessages={initialMessages} />;
+}

package/templates/base/src/app/chat/page.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useEffect, useId } from "react";
+
+export default function NewChatPage() {
+  const router = useRouter();
+  const id = useId().replace(/:/g, "");
+
+  useEffect(() => {
+    // Generate a unique chat ID and redirect
+    const chatId = `chat_${id}_${Date.now().toString(36)}`;
+    router.replace(`/chat/${chatId}`);
+  }, [router, id]);
+
+  return (
+    <div className="flex h-screen items-center justify-center">
+      <div className="h-6 w-6 animate-spin rounded-full border-2 border-zinc-700 border-t-zinc-300" />
+    </div>
+  );
+}

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

@@ -0,0 +1,27 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  body {
+    @apply bg-zinc-950 text-zinc-100;
+  }
+}
+
+/* Scrollbar styling */
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgb(63 63 70);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: rgb(82 82 91);
+}

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

@@ -0,0 +1,24 @@
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import "./globals.css";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+  title: "Supyagent Chat",
+  description: "AI chat with connected integrations",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" className="dark">
+      <body className={`${inter.className} bg-zinc-950 text-zinc-100 antialiased`}>
+        {children}
+      </body>
+    </html>
+  );
+}

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

@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation";
+
+export default function Home() {
+  redirect("/chat");
+}

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

@@ -0,0 +1,62 @@
+"use client";
+
+import { ArrowUp, Square } from "lucide-react";
+import type { ChangeEvent, FormEvent } from "react";
+
+interface ChatInputProps {
+  input: string;
+  handleInputChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+  handleSubmit: (e: FormEvent<HTMLFormElement>) => void;
+  isLoading: boolean;
+  stop: () => void;
+}
+
+export function ChatInput({
+  input,
+  handleInputChange,
+  handleSubmit,
+  isLoading,
+  stop,
+}: ChatInputProps) {
+  return (
+    <form
+      onSubmit={handleSubmit}
+      className="relative flex items-end rounded-xl border border-zinc-800 bg-zinc-900 focus-within:border-zinc-700"
+    >
+      <textarea
+        value={input}
+        onChange={handleInputChange}
+        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<HTMLFormElement>);
+            }
+          }
+        }}
+      />
+      <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"
+          >
+            <Square className="h-3.5 w-3.5" />
+          </button>
+        ) : (
+          <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"
+          >
+            <ArrowUp className="h-4 w-4" />
+          </button>
+        )}
+      </div>
+    </form>
+  );
+}

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

@@ -0,0 +1,45 @@
+"use client";
+
+import type { UIMessage } from "ai";
+import { SupyagentToolCall, SupyagentToolResult } from "@supyagent/sdk/react";
+
+interface ChatMessageProps {
+  message: UIMessage;
+}
+
+export function ChatMessage({ message }: ChatMessageProps) {
+  const isUser = message.role === "user";
+
+  return (
+    <div className={`flex ${isUser ? "justify-end" : "justify-start"}`}>
+      <div
+        className={`max-w-[85%] space-y-2 ${
+          isUser
+            ? "rounded-2xl rounded-br-md bg-zinc-800 px-4 py-2.5"
+            : ""
+        }`}
+      >
+        {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 (part.type === "tool-invocation") {
+            return (
+              <div key={i} className="space-y-2">
+                <SupyagentToolCall part={part as Record<string, unknown>} />
+                <SupyagentToolResult part={part as Record<string, unknown>} />
+              </div>
+            );
+          }
+
+          return null;
+        })}
+      </div>
+    </div>
+  );
+}

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

@@ -0,0 +1,76 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+import { MessageSquare, Plus, Trash2 } from "lucide-react";
+
+interface ChatSummary {
+  id: string;
+  title: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+interface ChatSidebarProps {
+  currentChatId: string;
+}
+
+export function ChatSidebar({ currentChatId }: ChatSidebarProps) {
+  const router = useRouter();
+  const [chats, setChats] = useState<ChatSummary[]>([]);
+
+  useEffect(() => {
+    fetch("/api/chats")
+      .then((res) => res.json())
+      .then((data) => setChats(data.chats || []))
+      .catch(() => {});
+  }, [currentChatId]);
+
+  const deleteChat = async (id: string) => {
+    await fetch(`/api/chats/${id}`, { method: "DELETE" });
+    setChats((prev) => prev.filter((c) => c.id !== id));
+    if (id === currentChatId) {
+      router.push("/chat");
+    }
+  };
+
+  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>
+        <button
+          onClick={() => router.push("/chat")}
+          className="rounded-md p-1.5 text-zinc-400 hover:bg-zinc-800 hover:text-zinc-200 transition-colors"
+        >
+          <Plus className="h-4 w-4" />
+        </button>
+      </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>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}

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

@@ -0,0 +1,72 @@
+"use client";
+
+import { useChat } from "@ai-sdk/react";
+import { ChatMessage } from "./chat-message";
+import { ChatInput } from "./chat-input";
+import { ChatSidebar } from "./chat-sidebar";
+import { useRef, useEffect } from "react";
+
+interface ChatProps {
+  chatId: string;
+  initialMessages: Parameters<typeof useChat>[0] extends { initialMessages?: infer M } ? M : never;
+}
+
+export function Chat({ chatId, initialMessages }: ChatProps) {
+  const { messages, input, handleInputChange, handleSubmit, isLoading, stop } =
+    useChat({
+      api: "/api/chat",
+      body: { chatId },
+      initialMessages: initialMessages as Parameters<typeof useChat>[0]["initialMessages"],
+    });
+
+  const scrollRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }
+  }, [messages]);
+
+  return (
+    <div className="flex h-screen">
+      <ChatSidebar currentChatId={chatId} />
+
+      <div className="flex flex-1 flex-col">
+        <div
+          ref={scrollRef}
+          className="flex-1 overflow-y-auto px-4 py-6"
+        >
+          <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">
+                    Supyagent Chat
+                  </h1>
+                  <p className="mt-2 text-sm text-zinc-500">
+                    Ask me anything — I can use your connected integrations.
+                  </p>
+                </div>
+              </div>
+            )}
+            {messages.map((message) => (
+              <ChatMessage key={message.id} message={message} />
+            ))}
+          </div>
+        </div>
+
+        <div className="border-t border-zinc-800 px-4 py-4">
+          <div className="mx-auto max-w-3xl">
+            <ChatInput
+              input={input}
+              handleInputChange={handleInputChange}
+              handleSubmit={handleSubmit}
+              isLoading={isLoading}
+              stop={stop}
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

package/templates/base/src/lib/prisma.ts

@@ -0,0 +1,11 @@
+import { PrismaClient } from "@prisma/client";
+
+const globalForPrisma = globalThis as unknown as {
+  prisma: PrismaClient | undefined;
+};
+
+export const prisma = globalForPrisma.prisma ?? new PrismaClient();
+
+if (process.env.NODE_ENV !== "production") {
+  globalForPrisma.prisma = prisma;
+}

package/templates/base/src/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/templates/base/tailwind.config.ts

@@ -0,0 +1,15 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: [
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+    "./node_modules/@supyagent/sdk/dist/**/*.{js,mjs}",
+  ],
+  darkMode: "class",
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
+
+export default config;

package/templates/base/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [{ "name": "next" }],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

package/templates/env/.env.example.tmpl

@@ -0,0 +1,8 @@
+# Supyagent — Get your API key at https://app.supyagent.com
+SUPYAGENT_API_KEY=
+
+# AI Provider
+{{aiProviderEnvKey}}=
+
+# Database
+DATABASE_URL="{{dbUrl}}"

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

@@ -0,0 +1,37 @@
+{
+  "name": "{{projectName}}",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "db:generate": "prisma generate",
+    "db:push": "prisma db push",
+    "db:setup": "prisma generate && prisma db push",
+    "db:studio": "prisma studio"
+  },
+  "dependencies": {
+    "@ai-sdk/react": "^1.1.0",
+    "{{aiProviderPackage}}": "^1.1.0",
+    "@prisma/client": "^6.2.0",
+    "@supyagent/sdk": "^0.1.0",
+    "ai": "^4.1.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"
+  },
+  "devDependencies": {
+    "@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",
+    "typescript": "^5.7.0"
+  }
+}

package/templates/prisma/schema.prisma.tmpl

@@ -0,0 +1,28 @@
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "{{dbProvider}}"
+  url      = env("DATABASE_URL")
+}
+
+model Chat {
+  id        String    @id @default(cuid())
+  title     String    @default("New Chat")
+  createdAt DateTime  @default(now())
+  updatedAt DateTime  @updatedAt
+  messages  Message[]
+}
+
+model Message {
+  id        String   @id @default(cuid())
+  chatId    String
+  chat      Chat     @relation(fields: [chatId], references: [id], onDelete: Cascade)
+  role      String
+  parts     String
+  metadata  String?
+  createdAt DateTime @default(now())
+
+  @@index([chatId])
+}