feat: v1 — persistent shell, model gateway, artifact improvements (#1462)

Author: dancer

.env.example

@@ -1,24 +1,15 @@
-# Generate a random secret: https://generate-secret.vercel.app/32 or `openssl rand -base64 32`
-BETTER_AUTH_SECRET=****
-BETTER_AUTH_URL=****
+# generate a random secret: https://generate-secret.vercel.app/32 or `openssl rand -base64 32`
+AUTH_SECRET=****
 
-# The following keys below are automatically created and
-# added to your environment when you deploy on Vercel
-
-# Instructions to create an AI Gateway API key here: https://vercel.com/ai-gateway 
-# API key required for non-Vercel deployments
-# For Vercel deployments, OIDC tokens are used automatically
+# required for non-vercel deployments, vercel uses OIDC automatically
 # https://vercel.com/ai-gateway
 AI_GATEWAY_API_KEY=****
 
-
-# Instructions to create a Vercel Blob Store here: https://vercel.com/docs/vercel-blob
+# https://vercel.com/docs/vercel-blob
 BLOB_READ_WRITE_TOKEN=****
 
-# Instructions to create a PostgreSQL database here: https://vercel.com/docs/postgres
+# https://vercel.com/docs/postgres
 POSTGRES_URL=****
 
-
-# Instructions to create a Redis store here:
 # https://vercel.com/docs/redis
 REDIS_URL=****

.github/workflows/lint.yml

@@ -13,7 +13,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.12.3
+          version: 10.32.1
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v4
         with:

.gitignore

@@ -1,46 +1,27 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
 node_modules
 .pnp
 .pnp.js
-
-# testing
 coverage
-
-# next.js
 .next/
 out/
 build
-
-# misc
 .DS_Store
 *.pem
-
-# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 .pnpm-debug.log*
-
-
-# local env files
 .env.local
 .env.development.local
 .env.test.local
 .env.production.local
-
-# turbo
 .turbo
-
 .env
 .vercel
 .env*.local
-
-# Playwright
 /test-results/
 /playwright-report/
 /blob-report/
 /playwright/*
-
-next-env.d.ts
+next-env.d.ts
+tsconfig.tsbuildinfo

README.md

@@ -36,7 +36,7 @@
 
 ## Model Providers
 
-This template uses the [Vercel AI Gateway](https://vercel.com/docs/ai-gateway) to access multiple AI models through a unified interface. The default model is [OpenAI](https://openai.com) GPT-4.1 Mini, with support for Anthropic, Google, and xAI models.
+This template uses the [Vercel AI Gateway](https://vercel.com/docs/ai-gateway) to access multiple AI models through a unified interface. Models are configured in `lib/ai/models.ts` with per-model provider routing. Included models: Mistral, Moonshot, DeepSeek, OpenAI, and xAI.
 
 ### AI Gateway Authentication
 

app/(auth)/actions.ts

@@ -1,7 +1,10 @@
 "use server";
 
 import { z } from "zod";
-import { auth } from "@/lib/auth";
+
+import { createUser, getUser } from "@/lib/db/queries";
+
+import { signIn } from "./auth";
 
 const authFormSchema = z.object({
   email: z.string().email(),
@@ -22,11 +25,10 @@ export const login = async (
       password: formData.get("password"),
     });
 
-    await auth.api.signInEmail({
-      body: {
-        email: validatedData.email,
-        password: validatedData.password,
-      },
+    await signIn("credentials", {
+      email: validatedData.email,
+      password: validatedData.password,
+      redirect: false,
     });
 
     return { status: "success" };
@@ -59,29 +61,24 @@ export const register = async (
       password: formData.get("password"),
     });
 
-    const result = await auth.api.signUpEmail({
-      body: {
-        email: validatedData.email,
-        password: validatedData.password,
-        name: validatedData.email,
-      },
-    });
+    const [user] = await getUser(validatedData.email);
 
-    if (!result) {
-      return { status: "failed" };
+    if (user) {
+      return { status: "user_exists" } as RegisterActionState;
     }
+    await createUser(validatedData.email, validatedData.password);
+    await signIn("credentials", {
+      email: validatedData.email,
+      password: validatedData.password,
+      redirect: false,
+    });
 
     return { status: "success" };
   } catch (error) {
     if (error instanceof z.ZodError) {
       return { status: "invalid_data" };
     }
 
-    const message = error instanceof Error ? error.message : "";
-    if (message.includes("already exists") || message.includes("UNIQUE")) {
-      return { status: "user_exists" };
-    }
-
     return { status: "failed" };
   }
 };

app/(auth)/api/auth/[...nextauth]/route.ts

@@ -0,0 +1 @@
+export { GET, POST } from "@/app/(auth)/auth";

app/(auth)/api/auth/guest/route.ts

@@ -0,0 +1,26 @@
+import { NextResponse } from "next/server";
+import { getToken } from "next-auth/jwt";
+import { signIn } from "@/app/(auth)/auth";
+import { isDevelopmentEnvironment } from "@/lib/constants";
+
+export async function GET(request: Request) {
+  const { searchParams } = new URL(request.url);
+  const rawRedirect = searchParams.get("redirectUrl") || "/";
+  const redirectUrl =
+    rawRedirect.startsWith("/") && !rawRedirect.startsWith("//")
+      ? rawRedirect
+      : "/";
+
+  const token = await getToken({
+    req: request,
+    secret: process.env.AUTH_SECRET,
+    secureCookie: !isDevelopmentEnvironment,
+  });
+
+  if (token) {
+    const base = process.env.NEXT_PUBLIC_BASE_PATH ?? "";
+    return NextResponse.redirect(new URL(`${base}/`, request.url));
+  }
+
+  return signIn("guest", { redirect: true, redirectTo: redirectUrl });
+}

app/(auth)/auth.config.ts

@@ -0,0 +1,14 @@
+import type { NextAuthConfig } from "next-auth";
+
+const base = process.env.NEXT_PUBLIC_BASE_PATH ?? "";
+
+export const authConfig = {
+  basePath: "/api/auth",
+  trustHost: true,
+  pages: {
+    signIn: `${base}/login`,
+    newUser: `${base}/`,
+  },
+  providers: [],
+  callbacks: {},
+} satisfies NextAuthConfig;

app/(auth)/auth.ts

@@ -0,0 +1,99 @@
+import { compare } from "bcrypt-ts";
+import NextAuth, { type DefaultSession } from "next-auth";
+import type { DefaultJWT } from "next-auth/jwt";
+import Credentials from "next-auth/providers/credentials";
+import { DUMMY_PASSWORD } from "@/lib/constants";
+import { createGuestUser, getUser } from "@/lib/db/queries";
+import { authConfig } from "./auth.config";
+
+export type UserType = "guest" | "regular";
+
+declare module "next-auth" {
+  interface Session extends DefaultSession {
+    user: {
+      id: string;
+      type: UserType;
+    } & DefaultSession["user"];
+  }
+
+  interface User {
+    id?: string;
+    email?: string | null;
+    type: UserType;
+  }
+}
+
+declare module "next-auth/jwt" {
+  interface JWT extends DefaultJWT {
+    id: string;
+    type: UserType;
+  }
+}
+
+export const {
+  handlers: { GET, POST },
+  auth,
+  signIn,
+  signOut,
+} = NextAuth({
+  ...authConfig,
+  providers: [
+    Credentials({
+      credentials: {
+        email: { label: "Email", type: "email" },
+        password: { label: "Password", type: "password" },
+      },
+      async authorize(credentials) {
+        const email = String(credentials.email ?? "");
+        const password = String(credentials.password ?? "");
+        const users = await getUser(email);
+
+        if (users.length === 0) {
+          await compare(password, DUMMY_PASSWORD);
+          return null;
+        }
+
+        const [user] = users;
+
+        if (!user.password) {
+          await compare(password, DUMMY_PASSWORD);
+          return null;
+        }
+
+        const passwordsMatch = await compare(password, user.password);
+
+        if (!passwordsMatch) {
+          return null;
+        }
+
+        return { ...user, type: "regular" };
+      },
+    }),
+    Credentials({
+      id: "guest",
+      credentials: {},
+      async authorize() {
+        const [guestUser] = await createGuestUser();
+        return { ...guestUser, type: "guest" };
+      },
+    }),
+  ],
+  callbacks: {
+    jwt({ token, user }) {
+      if (user) {
+        token.id = user.id as string;
+        token.type = user.type;
+      }
+
+      return token;
+    },
+    session({ session, token }) {
+      if (session.user) {
+        session.user.id = token.id;
+        session.user.type = token.type;
+      }
+
+      return session;
+    },
+  },
+});

app/(auth)/layout.tsx

@@ -0,0 +1,43 @@
+import { ArrowLeftIcon } from "lucide-react";
+import Link from "next/link";
+import { SparklesIcon, VercelIcon } from "@/components/chat/icons";
+import { Preview } from "@/components/chat/preview";
+
+export default function AuthLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="flex h-dvh w-screen bg-sidebar">
+      <div className="flex w-full flex-col bg-background p-8 xl:w-[600px] xl:shrink-0 xl:rounded-r-2xl xl:border-r xl:border-border/40 md:p-16">
+        <Link
+          className="flex w-fit items-center gap-1.5 text-[13px] text-muted-foreground transition-colors hover:text-foreground"
+          href="/"
+        >
+          <ArrowLeftIcon className="size-3.5" />
+          Back
+        </Link>
+        <div className="mx-auto flex w-full max-w-md flex-1 flex-col justify-center gap-10">
+          <div className="flex flex-col gap-2">
+            <div className="mb-2 flex size-9 items-center justify-center rounded-lg bg-muted/60 text-muted-foreground ring-1 ring-border/50">
+              <SparklesIcon size={14} />
+            </div>
+            {children}
+          </div>
+        </div>
+      </div>
+
+      <div className="hidden flex-1 flex-col overflow-hidden pl-12 xl:flex">
+        <div className="flex items-center gap-1.5 pt-8 text-[13px] text-muted-foreground/50">
+          Powered by
+          <VercelIcon size={14} />
+          <span className="font-medium text-muted-foreground">AI Gateway</span>
+        </div>
+        <div className="flex-1 pt-4">
+          <Preview />
+        </div>
+      </div>
+    </div>
+  );
+}