@chat-js/cli 0.1.2 → 0.1.3

package/dist/index.js

@@ -3914,7 +3914,7 @@ var {
 // package.json
 var package_default = {
   name: "@chat-js/cli",
-  version: "0.1.2",
+  version: "0.1.3",
   description: "CLI for creating and extending ChatJS apps",
   license: "Apache-2.0",
   repository: {
@@ -18660,179 +18660,6 @@ ${l}
   }
 } }).prompt();
 
-// ../../apps/chat/lib/config-requirements.ts
-var gatewayEnvRequirements = {
-  openrouter: {
-    options: [["OPENROUTER_API_KEY"]],
-    description: "OPENROUTER_API_KEY"
-  },
-  openai: {
-    options: [["OPENAI_API_KEY"]],
-    description: "OPENAI_API_KEY"
-  },
-  vercel: {
-    options: [["AI_GATEWAY_API_KEY"], ["VERCEL_OIDC_TOKEN"]],
-    description: "AI_GATEWAY_API_KEY or VERCEL_OIDC_TOKEN"
-  },
-  "openai-compatible": {
-    options: [["OPENAI_COMPATIBLE_BASE_URL", "OPENAI_COMPATIBLE_API_KEY"]],
-    description: "OPENAI_COMPATIBLE_BASE_URL, OPENAI_COMPATIBLE_API_KEY"
-  }
-};
-var featureEnvRequirements = {
-  webSearch: {
-    options: [["TAVILY_API_KEY"], ["FIRECRAWL_API_KEY"]],
-    description: "TAVILY_API_KEY or FIRECRAWL_API_KEY"
-  },
-  deepResearch: {
-    options: [["TAVILY_API_KEY"], ["FIRECRAWL_API_KEY"]],
-    description: "TAVILY_API_KEY or FIRECRAWL_API_KEY"
-  },
-  urlRetrieval: {
-    options: [["FIRECRAWL_API_KEY"]],
-    description: "FIRECRAWL_API_KEY"
-  },
-  mcp: {
-    options: [["MCP_ENCRYPTION_KEY"]],
-    description: "MCP_ENCRYPTION_KEY"
-  },
-  sandbox: {
-    options: [
-      ["VERCEL_OIDC_TOKEN"],
-      ["VERCEL_TEAM_ID", "VERCEL_PROJECT_ID", "VERCEL_TOKEN"]
-    ],
-    description: "VERCEL_OIDC_TOKEN (auto on Vercel) or VERCEL_TEAM_ID + VERCEL_PROJECT_ID + VERCEL_TOKEN"
-  },
-  imageGeneration: {
-    options: [["BLOB_READ_WRITE_TOKEN"]],
-    description: "BLOB_READ_WRITE_TOKEN"
-  },
-  attachments: {
-    options: [["BLOB_READ_WRITE_TOKEN"]],
-    description: "BLOB_READ_WRITE_TOKEN"
-  }
-};
-var authEnvRequirements = {
-  google: {
-    options: [["AUTH_GOOGLE_ID", "AUTH_GOOGLE_SECRET"]],
-    description: "AUTH_GOOGLE_ID, AUTH_GOOGLE_SECRET"
-  },
-  github: {
-    options: [["AUTH_GITHUB_ID", "AUTH_GITHUB_SECRET"]],
-    description: "AUTH_GITHUB_ID, AUTH_GITHUB_SECRET"
-  },
-  vercel: {
-    options: [["VERCEL_APP_CLIENT_ID", "VERCEL_APP_CLIENT_SECRET"]],
-    description: "VERCEL_APP_CLIENT_ID, VERCEL_APP_CLIENT_SECRET"
-  }
-};
-
-// ../../apps/chat/lib/env-schema.ts
-var serverEnvSchema = {
-  DATABASE_URL: exports_external.string().min(1).describe("Postgres connection string"),
-  AUTH_SECRET: exports_external.string().min(1).describe("NextAuth.js secret for signing session tokens"),
-  BLOB_READ_WRITE_TOKEN: exports_external.string().optional().describe("Vercel Blob storage token for file uploads"),
-  AUTH_GOOGLE_ID: exports_external.string().optional().describe("Google OAuth client ID"),
-  AUTH_GOOGLE_SECRET: exports_external.string().optional().describe("Google OAuth client secret"),
-  AUTH_GITHUB_ID: exports_external.string().optional().describe("GitHub OAuth app client ID"),
-  AUTH_GITHUB_SECRET: exports_external.string().optional().describe("GitHub OAuth app client secret"),
-  VERCEL_APP_CLIENT_ID: exports_external.string().optional().describe("Vercel OAuth integration client ID"),
-  VERCEL_APP_CLIENT_SECRET: exports_external.string().optional().describe("Vercel OAuth integration client secret"),
-  AI_GATEWAY_API_KEY: exports_external.string().optional().describe("Vercel AI Gateway API key"),
-  VERCEL_OIDC_TOKEN: exports_external.string().optional().describe("Vercel OIDC token (auto-set on Vercel deployments)"),
-  OPENROUTER_API_KEY: exports_external.string().optional().describe("OpenRouter API key"),
-  OPENAI_COMPATIBLE_BASE_URL: exports_external.string().url().optional().describe("Base URL for OpenAI-compatible provider"),
-  OPENAI_COMPATIBLE_API_KEY: exports_external.string().optional().describe("API key for OpenAI-compatible provider"),
-  OPENAI_API_KEY: exports_external.string().optional().describe("OpenAI API key"),
-  CRON_SECRET: exports_external.string().optional().describe("Secret for cleanup cron job endpoint"),
-  REDIS_URL: exports_external.string().optional().describe("Redis URL for resumable streams"),
-  TAVILY_API_KEY: exports_external.string().optional().describe("Tavily API key for web search"),
-  EXA_API_KEY: exports_external.string().optional().describe("Exa API key for web search"),
-  FIRECRAWL_API_KEY: exports_external.string().optional().describe("Firecrawl API key for web search and URL retrieval"),
-  MCP_ENCRYPTION_KEY: exports_external.union([exports_external.string().length(44), exports_external.literal("")]).optional().describe("Encryption key for MCP server credentials (base64, 44 chars)"),
-  VERCEL_TEAM_ID: exports_external.string().optional().describe("Vercel team ID for sandbox (non-Vercel deployments)"),
-  VERCEL_PROJECT_ID: exports_external.string().optional().describe("Vercel project ID for sandbox (non-Vercel deployments)"),
-  VERCEL_TOKEN: exports_external.string().optional().describe("Vercel API token for sandbox (non-Vercel deployments)"),
-  VERCEL_SANDBOX_RUNTIME: exports_external.string().optional().describe("Vercel sandbox runtime identifier"),
-  APP_URL: exports_external.url().optional().describe("App URL for non-Vercel deployments (full URL including https://)"),
-  VERCEL_URL: exports_external.string().optional().describe("Auto-set by Vercel platform")
-};
-
-// src/types.ts
-var FEATURE_KEYS = [
-  "sandbox",
-  "webSearch",
-  "urlRetrieval",
-  "deepResearch",
-  "mcp",
-  "imageGeneration",
-  "attachments",
-  "followupSuggestions"
-];
-
-// src/helpers/env-checklist.ts
-function extractEnvDescriptions() {
-  const result = new Map;
-  for (const [key, schema] of Object.entries(serverEnvSchema)) {
-    const desc = schema.description;
-    if (desc) {
-      result.set(key, desc);
-    }
-  }
-  return result;
-}
-var envDescriptions = extractEnvDescriptions();
-function requirementToEntries(requirement) {
-  const oneOfGroup = requirement.options.length > 1 ? requirement.options.map((group) => group.map(String).join("+")).join("|") : undefined;
-  return requirement.options.map((group) => {
-    const description = group.map((v) => {
-      const varName = String(v);
-      return envDescriptions.get(varName) ?? varName;
-    }).join(", ");
-    return {
-      vars: group.map(String).join(" + "),
-      description: description || requirement.description,
-      oneOfGroup
-    };
-  });
-}
-function collectEnvChecklist(input) {
-  const entries = [];
-  entries.push({
-    vars: "AUTH_SECRET",
-    description: envDescriptions.get("AUTH_SECRET") ?? "AUTH_SECRET"
-  });
-  entries.push({
-    vars: "DATABASE_URL",
-    description: envDescriptions.get("DATABASE_URL") ?? "DATABASE_URL"
-  });
-  const gwReq = gatewayEnvRequirements[input.gateway];
-  const gwEntries = requirementToEntries(gwReq);
-  entries.push(...gwEntries);
-  const featureItems = [];
-  const seen = new Set;
-  for (const feature of FEATURE_KEYS) {
-    if (!input.features[feature])
-      continue;
-    const requirement = featureEnvRequirements[feature];
-    if (!requirement)
-      continue;
-    if (seen.has(requirement.description))
-      continue;
-    seen.add(requirement.description);
-    featureItems.push(...requirementToEntries(requirement));
-  }
-  entries.push(...featureItems);
-  const authItems = [];
-  for (const provider of Object.keys(authEnvRequirements)) {
-    if (!input.auth[provider])
-      continue;
-    authItems.push(...requirementToEntries(authEnvRequirements[provider]));
-  }
-  entries.push(...authItems);
-  return entries;
-}
-
 // ../../apps/chat/lib/ai/gateway-model-defaults.ts
 var multiProviderDefaults = {
   providerOrder: ["openai", "google", "anthropic"],
@@ -19283,6 +19110,179 @@ async function ensureTargetEmpty(targetDir) {
   }
 }
 
+// ../../apps/chat/lib/config-requirements.ts
+var gatewayEnvRequirements = {
+  openrouter: {
+    options: [["OPENROUTER_API_KEY"]],
+    description: "OPENROUTER_API_KEY"
+  },
+  openai: {
+    options: [["OPENAI_API_KEY"]],
+    description: "OPENAI_API_KEY"
+  },
+  vercel: {
+    options: [["AI_GATEWAY_API_KEY"], ["VERCEL_OIDC_TOKEN"]],
+    description: "AI_GATEWAY_API_KEY or VERCEL_OIDC_TOKEN"
+  },
+  "openai-compatible": {
+    options: [["OPENAI_COMPATIBLE_BASE_URL", "OPENAI_COMPATIBLE_API_KEY"]],
+    description: "OPENAI_COMPATIBLE_BASE_URL, OPENAI_COMPATIBLE_API_KEY"
+  }
+};
+var featureEnvRequirements = {
+  webSearch: {
+    options: [["TAVILY_API_KEY"], ["FIRECRAWL_API_KEY"]],
+    description: "TAVILY_API_KEY or FIRECRAWL_API_KEY"
+  },
+  deepResearch: {
+    options: [["TAVILY_API_KEY"], ["FIRECRAWL_API_KEY"]],
+    description: "TAVILY_API_KEY or FIRECRAWL_API_KEY"
+  },
+  urlRetrieval: {
+    options: [["FIRECRAWL_API_KEY"]],
+    description: "FIRECRAWL_API_KEY"
+  },
+  mcp: {
+    options: [["MCP_ENCRYPTION_KEY"]],
+    description: "MCP_ENCRYPTION_KEY"
+  },
+  sandbox: {
+    options: [
+      ["VERCEL_OIDC_TOKEN"],
+      ["VERCEL_TEAM_ID", "VERCEL_PROJECT_ID", "VERCEL_TOKEN"]
+    ],
+    description: "VERCEL_OIDC_TOKEN (auto on Vercel) or VERCEL_TEAM_ID + VERCEL_PROJECT_ID + VERCEL_TOKEN"
+  },
+  imageGeneration: {
+    options: [["BLOB_READ_WRITE_TOKEN"]],
+    description: "BLOB_READ_WRITE_TOKEN"
+  },
+  attachments: {
+    options: [["BLOB_READ_WRITE_TOKEN"]],
+    description: "BLOB_READ_WRITE_TOKEN"
+  }
+};
+var authEnvRequirements = {
+  google: {
+    options: [["AUTH_GOOGLE_ID", "AUTH_GOOGLE_SECRET"]],
+    description: "AUTH_GOOGLE_ID, AUTH_GOOGLE_SECRET"
+  },
+  github: {
+    options: [["AUTH_GITHUB_ID", "AUTH_GITHUB_SECRET"]],
+    description: "AUTH_GITHUB_ID, AUTH_GITHUB_SECRET"
+  },
+  vercel: {
+    options: [["VERCEL_APP_CLIENT_ID", "VERCEL_APP_CLIENT_SECRET"]],
+    description: "VERCEL_APP_CLIENT_ID, VERCEL_APP_CLIENT_SECRET"
+  }
+};
+
+// ../../apps/chat/lib/env-schema.ts
+var serverEnvSchema = {
+  DATABASE_URL: exports_external.string().min(1).describe("Postgres connection string"),
+  AUTH_SECRET: exports_external.string().min(1).describe("NextAuth.js secret for signing session tokens"),
+  BLOB_READ_WRITE_TOKEN: exports_external.string().optional().describe("Vercel Blob storage token for file uploads"),
+  AUTH_GOOGLE_ID: exports_external.string().optional().describe("Google OAuth client ID"),
+  AUTH_GOOGLE_SECRET: exports_external.string().optional().describe("Google OAuth client secret"),
+  AUTH_GITHUB_ID: exports_external.string().optional().describe("GitHub OAuth app client ID"),
+  AUTH_GITHUB_SECRET: exports_external.string().optional().describe("GitHub OAuth app client secret"),
+  VERCEL_APP_CLIENT_ID: exports_external.string().optional().describe("Vercel OAuth integration client ID"),
+  VERCEL_APP_CLIENT_SECRET: exports_external.string().optional().describe("Vercel OAuth integration client secret"),
+  AI_GATEWAY_API_KEY: exports_external.string().optional().describe("Vercel AI Gateway API key"),
+  VERCEL_OIDC_TOKEN: exports_external.string().optional().describe("Vercel OIDC token (auto-set on Vercel deployments)"),
+  OPENROUTER_API_KEY: exports_external.string().optional().describe("OpenRouter API key"),
+  OPENAI_COMPATIBLE_BASE_URL: exports_external.string().url().optional().describe("Base URL for OpenAI-compatible provider"),
+  OPENAI_COMPATIBLE_API_KEY: exports_external.string().optional().describe("API key for OpenAI-compatible provider"),
+  OPENAI_API_KEY: exports_external.string().optional().describe("OpenAI API key"),
+  CRON_SECRET: exports_external.string().optional().describe("Secret for cleanup cron job endpoint"),
+  REDIS_URL: exports_external.string().optional().describe("Redis URL for resumable streams"),
+  TAVILY_API_KEY: exports_external.string().optional().describe("Tavily API key for web search"),
+  EXA_API_KEY: exports_external.string().optional().describe("Exa API key for web search"),
+  FIRECRAWL_API_KEY: exports_external.string().optional().describe("Firecrawl API key for web search and URL retrieval"),
+  MCP_ENCRYPTION_KEY: exports_external.union([exports_external.string().length(44), exports_external.literal("")]).optional().describe("Encryption key for MCP server credentials (base64, 44 chars)"),
+  VERCEL_TEAM_ID: exports_external.string().optional().describe("Vercel team ID for sandbox (non-Vercel deployments)"),
+  VERCEL_PROJECT_ID: exports_external.string().optional().describe("Vercel project ID for sandbox (non-Vercel deployments)"),
+  VERCEL_TOKEN: exports_external.string().optional().describe("Vercel API token for sandbox (non-Vercel deployments)"),
+  VERCEL_SANDBOX_RUNTIME: exports_external.string().optional().describe("Vercel sandbox runtime identifier"),
+  APP_URL: exports_external.url().optional().describe("App URL for non-Vercel deployments (full URL including https://)"),
+  VERCEL_URL: exports_external.string().optional().describe("Auto-set by Vercel platform")
+};
+
+// src/types.ts
+var FEATURE_KEYS = [
+  "sandbox",
+  "webSearch",
+  "urlRetrieval",
+  "deepResearch",
+  "mcp",
+  "imageGeneration",
+  "attachments",
+  "followupSuggestions"
+];
+
+// src/helpers/env-checklist.ts
+function extractEnvDescriptions() {
+  const result = new Map;
+  for (const [key, schema] of Object.entries(serverEnvSchema)) {
+    const desc = schema.description;
+    if (desc) {
+      result.set(key, desc);
+    }
+  }
+  return result;
+}
+var envDescriptions = extractEnvDescriptions();
+function requirementToEntries(requirement) {
+  const oneOfGroup = requirement.options.length > 1 ? requirement.options.map((group) => group.map(String).join("+")).join("|") : undefined;
+  return requirement.options.map((group) => {
+    const description = group.map((v) => {
+      const varName = String(v);
+      return envDescriptions.get(varName) ?? varName;
+    }).join(", ");
+    return {
+      vars: group.map(String).join(" + "),
+      description: description || requirement.description,
+      oneOfGroup
+    };
+  });
+}
+function collectEnvChecklist(input) {
+  const entries = [];
+  entries.push({
+    vars: "AUTH_SECRET",
+    description: envDescriptions.get("AUTH_SECRET") ?? "AUTH_SECRET"
+  });
+  entries.push({
+    vars: "DATABASE_URL",
+    description: envDescriptions.get("DATABASE_URL") ?? "DATABASE_URL"
+  });
+  const gwReq = gatewayEnvRequirements[input.gateway];
+  const gwEntries = requirementToEntries(gwReq);
+  entries.push(...gwEntries);
+  const featureItems = [];
+  const seen = new Set;
+  for (const feature of FEATURE_KEYS) {
+    if (!input.features[feature])
+      continue;
+    const requirement = featureEnvRequirements[feature];
+    if (!requirement)
+      continue;
+    if (seen.has(requirement.description))
+      continue;
+    seen.add(requirement.description);
+    featureItems.push(...requirementToEntries(requirement));
+  }
+  entries.push(...featureItems);
+  const authItems = [];
+  for (const provider of Object.keys(authEnvRequirements)) {
+    if (!input.auth[provider])
+      continue;
+    authItems.push(...requirementToEntries(authEnvRequirements[provider]));
+  }
+  entries.push(...authItems);
+  return entries;
+}
+
 // src/helpers/prompts.ts
 var FEATURE_DEFAULTS = {
   sandbox: false,
@@ -20878,9 +20878,17 @@ var create = new Command().name("create").description("scaffold a new ChatJS cha
     const envEntries = collectEnvChecklist({ gateway, features, auth });
     Le("Your ChatJS app is ready!");
     logger.info("Next steps:");
-    logger.log(`  cd ${highlighter.info(projectName)}`);
-    logger.log(`  Copy ${highlighter.info(".env.example")} to ${highlighter.info(".env.local")} and fill in the values below`);
-    logger.log(`  ${highlighter.info(`${packageManager} run dev`)}`);
+    logger.break();
+    logger.log(`  ${highlighter.dim("1.")} cd ${highlighter.info(projectName)}`);
+    logger.log(`  ${highlighter.dim("2.")} Copy ${highlighter.info(".env.example")} to ${highlighter.info(".env.local")} and fill in the values below`);
+    if (!installNow) {
+      logger.log(`  ${highlighter.dim("3.")} ${highlighter.info(`${packageManager} install`)}`);
+      logger.log(`  ${highlighter.dim("4.")} ${highlighter.info(`${packageManager} run db:push`)}`);
+      logger.log(`  ${highlighter.dim("5.")} ${highlighter.info(`${packageManager} run dev`)}`);
+    } else {
+      logger.log(`  ${highlighter.dim("3.")} ${highlighter.info(`${packageManager} run db:push`)}`);
+      logger.log(`  ${highlighter.dim("4.")} ${highlighter.info(`${packageManager} run dev`)}`);
+    }
     logger.break();
     printEnvChecklist(envEntries);
   } catch (error48) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chat-js/cli",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "CLI for creating and extending ChatJS apps",
   "license": "Apache-2.0",
   "repository": {

package/templates/chat-app/app/api/dev-login/route.ts

@@ -30,11 +30,18 @@ async function serializeSignedCookie(
   const signedValue = encodeURIComponent(`${value}.${base64Sig}`);
 
   let cookie = `${name}=${signedValue}`;
-  if (opt.path) cookie += `; Path=${opt.path}`;
-  if (opt.expires) cookie += `; Expires=${opt.expires.toUTCString()}`;
-  if (opt.httpOnly) cookie += "; HttpOnly";
-  if (opt.sameSite)
+  if (opt.path) {
+    cookie += `; Path=${opt.path}`;
+  }
+  if (opt.expires) {
+    cookie += `; Expires=${opt.expires.toUTCString()}`;
+  }
+  if (opt.httpOnly) {
+    cookie += "; HttpOnly";
+  }
+  if (opt.sameSite) {
     cookie += `; SameSite=${opt.sameSite.charAt(0).toUpperCase() + opt.sameSite.slice(1)}`;
+  }
   return cookie;
 }
 

package/templates/chat-app/biome.jsonc

@@ -0,0 +1,26 @@
+{
+  "extends": ["ultracite/core", "ultracite/react", "ultracite/next"],
+  "files": {
+    "includes": [
+      "**/*",
+      "!.next",
+      "!.next",
+      "!.devtools",
+      "!.devtools",
+      "!components/ui",
+      "!components/ai-elements",
+      "!components/streamdown",
+      "!components/stick-to-bottom",
+      "!lib/utils.ts",
+      "!hooks/use-mobile.ts"
+    ]
+  },
+  "linter": {
+    "rules": {
+      "suspicious": {
+        /* Needs more work to fix */
+        "noExplicitAny": "off"
+      }
+    }
+  }
+}

package/templates/chat-app/components/chat-sync.tsx

@@ -35,9 +35,6 @@ export function ChatSync({
 
   const lastMessage = threadInitialMessages.at(-1);
   const isLastMessagePartial = !!lastMessage?.metadata?.activeStreamId;
-  const transportFetch = Object.assign(fetchWithErrorHandlers, {
-    preconnect: fetch.preconnect,
-  }) satisfies typeof fetch;
 
   // Backstop: if we remount ChatSync (e.g. threadEpoch changes), ensure the prior
   // in-flight stream is aborted and we don't replay old deltas.
@@ -65,7 +62,8 @@ export function ChatSync({
     resume: isLastMessagePartial,
     transport: new DefaultChatTransport({
       api: "/api/chat",
-      fetch: transportFetch,
+      // @ts-expect-error CI has a stricter global fetch type (includes preconnect).
+      fetch: fetchWithErrorHandlers,
       prepareSendMessagesRequest({ messages, id: requestId, body }) {
         setAutoResume(true);
 

package/templates/chat-app/components/followup-suggestions.tsx

@@ -63,20 +63,28 @@ function FollowUpSuggestions({
     <div className={cn("mt-2 mb-2 flex flex-col gap-2", className)}>
       <div className="font-medium text-muted-foreground text-xs">Related</div>
       <Suggestions className="gap-1.5">
-        {suggestions.map((s) => (
-          <Suggestion
-            className="h-7 text-muted-foreground hover:text-foreground"
-            key={s}
-            onClick={handleClick}
-            size="sm"
-            suggestion={s}
-            type="button"
-            variant="ghost"
-          >
-            {s}
-            <PlusIcon className="size-3 opacity-70" />
-          </Suggestion>
-        ))}
+        {(() => {
+          const seen = new Map<string, number>();
+          return suggestions.map((s) => {
+            const count = seen.get(s) ?? 0;
+            seen.set(s, count + 1);
+            const key = count === 0 ? s : `${s}-${count}`;
+            return (
+              <Suggestion
+                className="h-7 text-muted-foreground hover:text-foreground"
+                key={key}
+                onClick={handleClick}
+                size="sm"
+                suggestion={s}
+                type="button"
+                variant="ghost"
+              >
+                {s}
+                <PlusIcon className="size-3 opacity-70" />
+              </Suggestion>
+            );
+          });
+        })()}
       </Suggestions>
     </div>
   );

package/templates/chat-app/components/image-editor.tsx

@@ -1,5 +1,5 @@
-import { cn } from "@/lib/utils";
 import { Loader2 } from "lucide-react";
+import { cn } from "@/lib/utils";
 
 type ImageEditorProps = {
   title: string;

package/templates/chat-app/components/part/weather.tsx

@@ -1,10 +1,10 @@
 "use client";
 
-import { cn } from "@/lib/utils";
 import { format, isWithinInterval } from "date-fns";
 import { useIsMobile } from "@/hooks/use-mobile";
 import type { WeatherAtLocation } from "@/lib/ai/tools/get-weather";
 import type { ChatMessage } from "@/lib/ai/types";
+import { cn } from "@/lib/utils";
 
 const SAMPLE = {
   latitude: 37.763_283,

package/templates/chat-app/components/social-auth-providers.tsx

@@ -8,6 +8,7 @@ import { config } from "@/lib/config";
 function GoogleIcon({ className }: { className?: string }) {
   return (
     <svg className={className} viewBox="0 0 24 24">
+      <title>Google</title>
       <path
         d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z"
         fill="#4285F4"
@@ -31,6 +32,7 @@ function GoogleIcon({ className }: { className?: string }) {
 function VercelIcon({ className }: { className?: string }) {
   return (
     <svg className={className} fill="currentColor" viewBox="0 0 24 24">
+      <title>Vercel</title>
       <path d="M12 1L24 22H0L12 1z" />
     </svg>
   );

package/templates/chat-app/components/toolbar.tsx

@@ -1,7 +1,6 @@
 "use client";
 import type { UseChatHelpers } from "@ai-sdk/react";
 import { useChatActions, type useChatStoreApi } from "@ai-sdk-tools/store";
-import { cn } from "@/lib/utils";
 import { ArrowUp, Square } from "lucide-react";
 import {
   AnimatePresence,
@@ -28,6 +27,7 @@ import {
 } from "@/components/ui/tooltip";
 import type { ChatMessage } from "@/lib/ai/types";
 import type { ArtifactKind } from "@/lib/artifacts/artifact-kind";
+import { cn } from "@/lib/utils";
 import { useChatInput } from "@/providers/chat-input-provider";
 import { artifactDefinitions } from "./artifact-panel";
 import type {

package/templates/chat-app/lib/env-schema.ts

@@ -12,10 +12,7 @@ import { z } from "zod";
  */
 export const serverEnvSchema = {
   // Required core
-  DATABASE_URL: z
-    .string()
-    .min(1)
-    .describe("Postgres connection string"),
+  DATABASE_URL: z.string().min(1).describe("Postgres connection string"),
   AUTH_SECRET: z
     .string()
     .min(1)
@@ -28,18 +25,12 @@ export const serverEnvSchema = {
     .describe("Vercel Blob storage token for file uploads"),
 
   // Authentication providers (enable in chat.config.ts)
-  AUTH_GOOGLE_ID: z
-    .string()
-    .optional()
-    .describe("Google OAuth client ID"),
+  AUTH_GOOGLE_ID: z.string().optional().describe("Google OAuth client ID"),
   AUTH_GOOGLE_SECRET: z
     .string()
     .optional()
     .describe("Google OAuth client secret"),
-  AUTH_GITHUB_ID: z
-    .string()
-    .optional()
-    .describe("GitHub OAuth app client ID"),
+  AUTH_GITHUB_ID: z.string().optional().describe("GitHub OAuth app client ID"),
   AUTH_GITHUB_SECRET: z
     .string()
     .optional()
@@ -62,10 +53,7 @@ export const serverEnvSchema = {
     .string()
     .optional()
     .describe("Vercel OIDC token (auto-set on Vercel deployments)"),
-  OPENROUTER_API_KEY: z
-    .string()
-    .optional()
-    .describe("OpenRouter API key"),
+  OPENROUTER_API_KEY: z.string().optional().describe("OpenRouter API key"),
   OPENAI_COMPATIBLE_BASE_URL: z
     .string()
     .url()
@@ -75,10 +63,7 @@ export const serverEnvSchema = {
     .string()
     .optional()
     .describe("API key for OpenAI-compatible provider"),
-  OPENAI_API_KEY: z
-    .string()
-    .optional()
-    .describe("OpenAI API key"),
+  OPENAI_API_KEY: z.string().optional().describe("OpenAI API key"),
 
   // Optional cleanup cron job secret
   CRON_SECRET: z
@@ -87,18 +72,12 @@ export const serverEnvSchema = {
     .describe("Secret for cleanup cron job endpoint"),
 
   // Optional features (enable in chat.config.ts)
-  REDIS_URL: z
-    .string()
-    .optional()
-    .describe("Redis URL for resumable streams"),
+  REDIS_URL: z.string().optional().describe("Redis URL for resumable streams"),
   TAVILY_API_KEY: z
     .string()
     .optional()
     .describe("Tavily API key for web search"),
-  EXA_API_KEY: z
-    .string()
-    .optional()
-    .describe("Exa API key for web search"),
+  EXA_API_KEY: z.string().optional().describe("Exa API key for web search"),
   FIRECRAWL_API_KEY: z
     .string()
     .optional()
@@ -130,11 +109,10 @@ export const serverEnvSchema = {
   APP_URL: z
     .url()
     .optional()
-    .describe("App URL for non-Vercel deployments (full URL including https://)"),
+    .describe(
+      "App URL for non-Vercel deployments (full URL including https://)"
+    ),
 
   // Vercel platform (auto-set by Vercel)
-  VERCEL_URL: z
-    .string()
-    .optional()
-    .describe("Auto-set by Vercel platform"),
+  VERCEL_URL: z.string().optional().describe("Auto-set by Vercel platform"),
 };