@chat-js/cli 0.1.4 → 0.2.1

package/templates/chat-app/package.json

@@ -11,8 +11,8 @@
     "analyze": "next experimental-analyze",
     "start": "next start",
     "prod": "bun run build && bun run start",
-    "lint": "bunx ultracite@6.3.3 check",
-    "format": "bunx ultracite@6.3.3 fix",
+    "lint": "bunx ultracite@7.2.3 check",
+    "format": "bunx ultracite@7.2.3 fix",
     "check-env": "bun scripts/check-env.ts",
     "db:generate": "drizzle-kit generate",
     "db:migrate": "export VERCEL_ENV=production && bash scripts/with-db.sh bunx tsx lib/db/migrate.ts",
@@ -31,8 +31,8 @@
     "eval:dev": "evalite watch",
     "eval:serve": "evalite serve",
     "skiller:apply": "bunx skiller@latest apply",
-    "test": "bun test:playwright && bun test:unit",
-    "test:playwright": "export PLAYWRIGHT=True && bunx playwright test --workers=4",
+    "test": "bun test:e2e && bun test:unit",
+    "test:e2e": "export PLAYWRIGHT=True && bunx playwright test --workers=4",
     "test:unit": "vitest run",
     "test:types": "rm -rf .next/dev/types && next typegen . && tsc --noEmit",
     "ai:devtools": "bunx @ai-sdk/devtools",
@@ -40,15 +40,15 @@
   },
   "dependencies": {
     "@ai-sdk-tools/store": "1.2.0",
-    "@ai-sdk/anthropic": "3.0.0",
-    "@ai-sdk/devtools": "0.0.1",
-    "@ai-sdk/gateway": "3.0.39",
-    "@ai-sdk/google": "3.0.0",
-    "@ai-sdk/mcp": "1.0.0",
-    "@ai-sdk/openai": "3.0.0",
-    "@ai-sdk/openai-compatible": "^2.0.28",
-    "@ai-sdk/provider": "3.0.0",
-    "@ai-sdk/react": "3.0.1",
+    "@ai-sdk/anthropic": "^3.0.46",
+    "@ai-sdk/devtools": "^0.0.15",
+    "@ai-sdk/gateway": "3.0.53",
+    "@ai-sdk/google": "^3.0.30",
+    "@ai-sdk/mcp": "^1.0.21",
+    "@ai-sdk/openai": "^3.0.30",
+    "@ai-sdk/openai-compatible": "^2.0.30",
+    "@ai-sdk/provider": "3.0.8",
+    "@ai-sdk/react": "^3.0.99",
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-python": "^6.1.6",
     "@codemirror/state": "^6.5.0",
@@ -88,7 +88,7 @@
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
-    "@streamdown/code": "^1.0.2",
+    "@streamdown/code": "^1.0.3",
     "@streamdown/math": "^1.0.2",
     "@streamdown/mermaid": "^1.0.2",
     "@t3-oss/env-nextjs": "^0.13.8",
@@ -104,7 +104,7 @@
     "@vercel/otel": "^2.1.0",
     "@vercel/sandbox": "^1.0.2",
     "@vercel/speed-insights": "^1.3.1",
-    "ai": "6.0.1",
+    "ai": "6.0.97",
     "better-auth": "^1.4.3",
     "browser-image-compression": "^2.0.2",
     "class-variance-authority": "^0.7.1",
@@ -179,7 +179,7 @@
     "tsx": "^4.19.1",
     "tw-animate-css": "^1.3.7",
     "typescript": "5.8.3",
-    "ultracite": "6.3.3",
+    "ultracite": "7.2.3",
     "vite-tsconfig-paths": "^6.1.1",
     "vitest": "^4.0.0"
   }

package/templates/chat-app/playwright.config.ts

@@ -53,11 +53,11 @@ export default defineConfig({
   projects: [
     {
       name: "setup:auth",
-      testMatch: /auth.setup.ts/,
+      testMatch: /auth.setup.e2e.ts/,
     },
     {
       name: "setup:reasoning",
-      testMatch: /reasoning.setup.ts/,
+      testMatch: /reasoning.setup.e2e.ts/,
       dependencies: ["setup:auth"],
       use: {
         ...devices["Desktop Chrome"],
@@ -66,7 +66,7 @@ export default defineConfig({
     },
     {
       name: "chat",
-      testMatch: /chat.test.ts/,
+      testMatch: /chat.e2e.ts/,
       dependencies: ["setup:auth"],
       use: {
         ...devices["Desktop Chrome"],
@@ -75,7 +75,7 @@ export default defineConfig({
     },
     {
       name: "reasoning",
-      testMatch: /reasoning.test.ts/,
+      testMatch: /reasoning.e2e.ts/,
       dependencies: ["setup:reasoning"],
       use: {
         ...devices["Desktop Chrome"],
@@ -84,7 +84,7 @@ export default defineConfig({
     },
     {
       name: "artifacts",
-      testMatch: /artifacts.test.ts/,
+      testMatch: /artifacts.e2e.ts/,
       dependencies: ["setup:auth"],
       use: {
         ...devices["Desktop Chrome"],

package/templates/chat-app/providers/chat-id-provider.tsx

@@ -16,14 +16,14 @@ import {
   parseChatIdFromPathname,
 } from "./parse-chat-id-from-pathname";
 
-type ChatIdContextType = {
+interface ChatIdContextType {
+  confirmChatId: (chatId: string) => void;
   id: string;
-  type: ChatIdType;
-  source: ParsedChatIdFromPathname["source"];
   isPersisted: boolean;
-  confirmChatId: (chatId: string) => void;
   refreshChatID: () => void;
-};
+  source: ParsedChatIdFromPathname["source"];
+  type: ChatIdType;
+}
 
 const ChatIdContext = createContext<ChatIdContextType | undefined>(undefined);
 

package/templates/chat-app/providers/chat-input-provider.tsx

@@ -17,35 +17,35 @@ import type { Attachment, UiToolName } from "@/lib/ai/types";
 import { useChatModels } from "./chat-models-provider";
 import { useDefaultModel, useModelChange } from "./default-model-provider";
 
-type ChatInputContextType = {
-  editorRef: React.RefObject<LexicalChatInputRef | null>;
-  selectedTool: UiToolName | null;
-  setSelectedTool: Dispatch<SetStateAction<UiToolName | null>>;
+interface ChatInputContextType {
   attachments: Attachment[];
-  setAttachments: Dispatch<SetStateAction<Attachment[]>>;
-  selectedModelId: AppModelId;
-  handleModelChange: (modelId: AppModelId) => Promise<void>;
+  editorRef: React.RefObject<LexicalChatInputRef | null>;
+  getInitialInput: () => string;
   getInputValue: () => string;
   handleInputChange: (value: string) => void;
-  getInitialInput: () => string;
-  isEmpty: boolean;
+  handleModelChange: (modelId: AppModelId) => Promise<void>;
   handleSubmit: (submitFn: () => void, isEditMode?: boolean) => void;
+  isEmpty: boolean;
   isProjectContext: boolean;
-};
+  selectedModelId: AppModelId;
+  selectedTool: UiToolName | null;
+  setAttachments: Dispatch<SetStateAction<Attachment[]>>;
+  setSelectedTool: Dispatch<SetStateAction<UiToolName | null>>;
+}
 
 const ChatInputContext = createContext<ChatInputContextType | undefined>(
   undefined
 );
 
-type ChatInputProviderProps = {
+interface ChatInputProviderProps {
   children: ReactNode;
+  initialAttachments?: Attachment[];
   initialInput?: string;
   initialTool?: UiToolName | null;
-  initialAttachments?: Attachment[];
-  overrideModelId?: AppModelId; // For message editing where we want to use the original model
-  localStorageEnabled?: boolean;
   isProjectContext?: boolean;
-};
+  localStorageEnabled?: boolean;
+  overrideModelId?: AppModelId; // For message editing where we want to use the original model
+}
 
 export function ChatInputProvider({
   children,

package/templates/chat-app/providers/chat-models-provider.tsx

@@ -16,11 +16,11 @@ import {
 import { useSession } from "@/providers/session-provider";
 import { useTRPC } from "@/trpc/react";
 
-type ChatModelsContextType = {
-  models: AppModelDefinition[];
+interface ChatModelsContextType {
   allModels: AppModelDefinition[];
   getModelById: (modelId: string) => AppModelDefinition | undefined;
-};
+  models: AppModelDefinition[];
+}
 
 const ChatModelsContext = createContext<ChatModelsContextType | undefined>(
   undefined

package/templates/chat-app/providers/default-model-provider.tsx

@@ -11,19 +11,19 @@ import {
 import { toast } from "sonner";
 import type { AppModelId } from "@/lib/ai/app-models";
 
-type DefaultModelContextType = {
-  defaultModel: AppModelId;
+interface DefaultModelContextType {
   changeModel: (modelId: AppModelId) => Promise<void>;
-};
+  defaultModel: AppModelId;
+}
 
 const DefaultModelContext = createContext<DefaultModelContextType | undefined>(
   undefined
 );
 
-type DefaultModelClientProviderProps = {
+interface DefaultModelClientProviderProps {
   children: ReactNode;
   defaultModel: AppModelId;
-};
+}
 
 export function DefaultModelProvider({
   children,

package/templates/chat-app/providers/parse-chat-id-from-pathname.test.ts

@@ -7,6 +7,8 @@ describe("parseChatIdFromPathname", () => {
       expect(parseChatIdFromPathname("/share/abc-123")).toEqual({
         type: "chat",
         id: "abc-123",
+        source: "share",
+        projectId: null,
       });
     });
 
@@ -14,6 +16,8 @@ describe("parseChatIdFromPathname", () => {
       expect(parseChatIdFromPathname("/share/abc-123-def-456")).toEqual({
         type: "chat",
         id: "abc-123-def-456",
+        source: "share",
+        projectId: null,
       });
     });
   });
@@ -23,6 +27,8 @@ describe("parseChatIdFromPathname", () => {
       expect(parseChatIdFromPathname("/project/proj-123")).toEqual({
         type: "provisional",
         id: null,
+        source: "project",
+        projectId: "proj-123",
       });
     });
 
@@ -32,6 +38,8 @@ describe("parseChatIdFromPathname", () => {
       ).toEqual({
         type: "chat",
         id: "chat-456",
+        source: "project",
+        projectId: "proj-123",
       });
     });
   });
@@ -41,6 +49,8 @@ describe("parseChatIdFromPathname", () => {
       expect(parseChatIdFromPathname("/chat/chat-789")).toEqual({
         type: "chat",
         id: "chat-789",
+        source: "chat",
+        projectId: null,
       });
     });
   });
@@ -50,6 +60,8 @@ describe("parseChatIdFromPathname", () => {
       expect(parseChatIdFromPathname("/")).toEqual({
         type: "provisional",
         id: null,
+        source: "home",
+        projectId: null,
       });
     });
 
@@ -57,6 +69,8 @@ describe("parseChatIdFromPathname", () => {
       expect(parseChatIdFromPathname(null)).toEqual({
         type: "provisional",
         id: null,
+        source: "home",
+        projectId: null,
       });
     });
 
@@ -64,6 +78,8 @@ describe("parseChatIdFromPathname", () => {
       expect(parseChatIdFromPathname("/settings")).toEqual({
         type: "provisional",
         id: null,
+        source: "home",
+        projectId: null,
       });
     });
   });

package/templates/chat-app/providers/session-provider.tsx

@@ -4,10 +4,10 @@ import { createContext, useContext, useMemo } from "react";
 import type { Session } from "@/lib/auth";
 import authClient from "@/lib/auth-client";
 
-type SessionContextValue = {
+interface SessionContextValue {
   data: Session | null;
   isPending: boolean;
-};
+}
 
 const SessionContext = createContext<SessionContextValue | undefined>(
   undefined

package/templates/chat-app/scripts/check-env.ts

@@ -9,6 +9,7 @@ import type { GatewayType } from "../lib/ai/gateways/registry";
 import { generatedForGateway } from "../lib/ai/models.generated";
 import { config } from "../lib/config";
 import {
+  aiToolEnvRequirements,
   authEnvRequirements,
   featureEnvRequirements,
   gatewayEnvRequirements,
@@ -16,11 +17,14 @@ import {
   isRequirementSatisfied,
 } from "../lib/config-requirements";
 
-type ValidationError = { feature: string; missing: string[] };
+interface ValidationError {
+  feature: string;
+  missing: string[];
+}
 
 function validateGatewayKey(env: NodeJS.ProcessEnv): ValidationError | null {
   // Prevent TS from narrowing to the current literal config value.
-  const gateway = (() => config.models.gateway as GatewayType)();
+  const gateway = (() => config.ai.gateway as GatewayType)();
   const requirement = gatewayEnvRequirements[gateway];
   const missing = getMissingRequirement(requirement, env);
   if (!missing) {
@@ -62,6 +66,33 @@ function validateFeatures(env: NodeJS.ProcessEnv): ValidationError[] {
   return errors;
 }
 
+function validateAiTools(env: NodeJS.ProcessEnv): ValidationError[] {
+  const errors: ValidationError[] = [];
+
+  const toolEntries = Object.entries(aiToolEnvRequirements) as [
+    keyof typeof aiToolEnvRequirements,
+    NonNullable<
+      (typeof aiToolEnvRequirements)[keyof typeof aiToolEnvRequirements]
+    >,
+  ][];
+
+  for (const [tool, requirement] of toolEntries) {
+    const toolConfig = config.ai.tools[tool];
+    if (!(requirement && "enabled" in toolConfig && toolConfig.enabled)) {
+      continue;
+    }
+    const missing = getMissingRequirement(requirement, env);
+    if (missing) {
+      errors.push({
+        feature: `ai.tools.${tool}`,
+        missing: [missing],
+      });
+    }
+  }
+
+  return errors;
+}
+
 function validateAuthentication(env: NodeJS.ProcessEnv): ValidationError[] {
   const errors: ValidationError[] = [];
 
@@ -119,10 +150,10 @@ function validateBaseUrl(env: NodeJS.ProcessEnv): ValidationError | null {
 }
 
 function checkGatewaySnapshot(): string | null {
-  if (config.models.gateway === generatedForGateway) {
+  if (config.ai.gateway === generatedForGateway) {
     return null;
   }
-  return `models.generated.ts was built for "${generatedForGateway}" but config uses "${config.models.gateway}". Run \`bun fetch:models\` to update the fallback snapshot.`;
+  return `models.generated.ts was built for "${generatedForGateway}" but config uses "${config.ai.gateway}". Run \`bun fetch:models\` to update the fallback snapshot.`;
 }
 
 function checkEnv(): void {
@@ -131,6 +162,7 @@ function checkEnv(): void {
   const errors = [
     ...(baseUrlError ? [baseUrlError] : []),
     ...validateFeatures(env),
+    ...validateAiTools(env),
     ...validateAuthentication(env),
   ];
 

package/templates/chat-app/tests/artifacts.e2e.ts

@@ -0,0 +1,7 @@
+import { expect, test } from "@playwright/test";
+
+test("chat page loads for artifacts session", async ({ page }) => {
+  await page.goto("/");
+  await expect(page).toHaveURL("/");
+  await expect(page.getByRole("textbox")).toBeVisible();
+});

package/templates/chat-app/tests/auth.setup.e2e.ts

@@ -0,0 +1,10 @@
+import path from "node:path";
+import { test as setup } from "@playwright/test";
+
+const authFile = path.resolve("playwright/.auth/session.json");
+
+setup("authenticate", async ({ page }) => {
+  await page.goto("/api/dev-login");
+  await page.waitForURL("/");
+  await page.context().storageState({ path: authFile });
+});

package/templates/chat-app/tests/chat.e2e.ts

@@ -0,0 +1,7 @@
+import { expect, test } from "@playwright/test";
+
+test("chat page loads", async ({ page }) => {
+  await page.goto("/");
+  await expect(page).toHaveURL("/");
+  await expect(page.getByRole("textbox")).toBeVisible();
+});

package/templates/chat-app/tests/reasoning.e2e.ts

@@ -0,0 +1,7 @@
+import { expect, test } from "@playwright/test";
+
+test("chat page loads for reasoning session", async ({ page }) => {
+  await page.goto("/");
+  await expect(page).toHaveURL("/");
+  await expect(page.getByRole("textbox")).toBeVisible();
+});

package/templates/chat-app/tests/reasoning.setup.e2e.ts

@@ -0,0 +1,10 @@
+import path from "node:path";
+import { test as setup } from "@playwright/test";
+
+const reasoningFile = path.resolve("playwright/.reasoning/session.json");
+
+setup("authenticate for reasoning", async ({ page }) => {
+  await page.goto("/api/dev-login");
+  await page.waitForURL("/");
+  await page.context().storageState({ path: reasoningFile });
+});

package/templates/chat-app/trpc/routers/chat.router.ts

@@ -295,7 +295,7 @@ export const chatRouter = createTRPCRouter({
     )
     .mutation(async ({ input }) => {
       const { text: title } = await generateText({
-        model: await getLanguageModel(config.models.defaults.title),
+        model: await getLanguageModel(config.ai.workflows.title),
         system: `\n
         - you will generate a short title based on the first message a user begins a conversation with
         - ensure it is not more than 80 characters long

package/templates/chat-app/trpc/routers/mcp.router.ts

@@ -26,7 +26,7 @@ import { createTRPCRouter, protectedProcedure } from "@/trpc/init";
 const log = createModuleLogger("mcp.router");
 
 function assertMcpEnabled() {
-  if (!config.features.mcp) {
+  if (!config.ai.tools.mcp.enabled) {
     throw new TRPCError({
       code: "PRECONDITION_FAILED",
       message: "MCP integration disabled",
@@ -113,7 +113,7 @@ async function getConnectorWithPermission({
 
 export const mcpRouter = createTRPCRouter({
   list: protectedProcedure.query(async ({ ctx }) => {
-    if (!config.features.mcp) {
+    if (!config.ai.tools.mcp.enabled) {
       return [];
     }
     return await getMcpConnectorsByUserId({ userId: ctx.user.id });
@@ -125,7 +125,7 @@ export const mcpRouter = createTRPCRouter({
    * Still includes enabled/disabled state so UI can show toggles.
    */
   listConnected: protectedProcedure.query(async ({ ctx }) => {
-    if (!config.features.mcp) {
+    if (!config.ai.tools.mcp.enabled) {
       return [];
     }
     const connectors = await getMcpConnectorsByUserId({ userId: ctx.user.id });

package/templates/chat-app/vitest.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    exclude: ["**/node_modules/**", "**/*.e2e.ts"],
+  },
+});

package/templates/chat-app/next-env.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.