Redesign UI with dark Vercel shadcn system

Author: Jing-yilin

bun.lock

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "radix-nova",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "rtl": false,
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "menuColor": "default",
+  "menuAccent": "subtle",
+  "registries": {}
+}

components.json

@@ -43,7 +43,7 @@ export const appendMessages = mutation({
     const identity = await ctx.auth.getUserIdentity()
     if (!identity) throw new Error("Not authenticated")
 
-    const session = await ctx.db.get(args.sessionId)
+    const session = await ctx.db.get("chatSessions", args.sessionId)
     if (!session || session.tokenIdentifier !== identity.tokenIdentifier) {
       throw new Error("Session not found")
     }
@@ -57,7 +57,7 @@ export const appendMessages = mutation({
     if (args.title) {
       patch.title = args.title
     }
-    await ctx.db.patch(args.sessionId, patch)
+    await ctx.db.patch("chatSessions", args.sessionId, patch)
     return null
   },
 })
@@ -68,7 +68,7 @@ export const get = query({
     const identity = await ctx.auth.getUserIdentity()
     if (!identity) return null
 
-    const session = await ctx.db.get(args.sessionId)
+    const session = await ctx.db.get("chatSessions", args.sessionId)
     if (!session || session.tokenIdentifier !== identity.tokenIdentifier) {
       return null
     }
@@ -128,9 +128,9 @@ export const remove = mutation({
     const identity = await ctx.auth.getUserIdentity()
     if (!identity) throw new Error("Not authenticated")
 
-    const session = await ctx.db.get(args.sessionId)
+    const session = await ctx.db.get("chatSessions", args.sessionId)
     if (session && session.tokenIdentifier === identity.tokenIdentifier) {
-      await ctx.db.delete(args.sessionId)
+      await ctx.db.delete("chatSessions", args.sessionId)
     }
     return null
   },

convex/chatSessions.ts

@@ -15,6 +15,7 @@ const eslintConfig = defineConfig([
     "build/**",
     "next-env.d.ts",
     "convex/_generated/**",
+    ".agents/**",
   ]),
   // Convex recommended rules (includes no-old-registered-function-syntax,
   // require-args-validator, explicit-table-ids, no-filter-in-query,
@@ -38,7 +39,9 @@ const eslintConfig = defineConfig([
     languageOptions: {
       parser: tsParser,
       parserOptions: {
-        projectService: true,
+        projectService: {
+          allowDefaultProject: ["vitest.config.ts"],
+        },
         tsconfigRootDir: import.meta.dirname,
       },
     },

eslint.config.mjs

@@ -17,14 +17,20 @@
     "@clerk/themes": "^2.4.57",
     "@daytona/sdk": "^0.167.0",
     "@lobehub/icons": "^5.4.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "convex": "^1.35.1",
     "lucide-react": "^1.11.0",
     "next": "16.2.4",
     "node-polyfill-webpack-plugin": "^4.1.0",
+    "radix-ui": "^1.4.3",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "react-markdown": "^10.1.0",
     "rehype-highlight": "^7.0.2",
+    "shadcn": "^4.4.0",
+    "tailwind-merge": "^3.5.0",
+    "tw-animate-css": "^1.4.0",
     "unenv": "^1.10.0"
   },
   "devDependencies": {

package.json

@@ -18,7 +18,6 @@ vi.mock("@/lib/providers/check-credit", () => ({
 }))
 
 const mockCreateSession = vi.fn().mockResolvedValue("test-session-id")
-const mockAppendMessages = vi.fn().mockResolvedValue(null)
 
 vi.mock("convex/react", () => ({
   useMutation: () => mockCreateSession,