🐛 Fix build: Add geist font package, upgrade Next.js security patch

sheikhcoders · claude · sheikhcoders · commit 822c53aa0d09 · 2025-12-05T13:00:44.000+06:00
- Add geist font package to dependencies - Upgrade Next.js to 15.1.7 (security patch) - Fix font imports in layout.tsx - Update ai-sdk packages to latest 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@ai-sdk/google": "^1.2.0",
     "@ai-sdk/groq": "^1.2.0",
+    "@ai-sdk/react": "^1.2.0",
     "@radix-ui/react-avatar": "^1.1.2",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-dropdown-menu": "^2.1.4",
@@ -27,8 +28,9 @@
     "ai": "^4.3.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "geist": "^1.3.1",
     "lucide-react": "^0.468.0",
-    "next": "15.1.0",
+    "next": "15.1.7",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-markdown": "^9.0.1",
@@ -42,7 +44,7 @@
     "@types/react-dom": "^19.0.0",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.16.0",
-    "eslint-config-next": "15.1.0",
+    "eslint-config-next": "15.1.7",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.16",
     "typescript": "^5.7.2"
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,16 +1,25 @@
 import type { Metadata, Viewport } from "next";
-import { GeistSans } from "geist/font/sans";
-import { GeistMono } from "geist/font/mono";
+import { Geist, Geist_Mono } from "next/font/google";
 import { Toaster } from "@/components/ui/toaster";
 import { ThemeProvider } from "@/components/providers/theme-provider";
 import "./globals.css";
 
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
 export const metadata: Metadata = {
   title: "Computer-Using Agent",
   description:
-    "An AI-powered agent that can perform tasks on your behalf using free LLM providers.",
+    "An AI agent designed to interact with graphical user interfaces (GUIs) by perceiving screen content, reasoning about tasks, and performing actions.",
   authors: [{ name: "sheikhcoders" }],
-  keywords: ["AI", "agent", "LLM", "Groq", "Gemini", "computer use"],
+  keywords: ["AI", "agent", "CUA", "computer use", "GUI automation", "Groq", "Gemini"],
 };
 
 // Viewport with safe areas for mobile
@@ -34,7 +43,7 @@ export default function RootLayout({
     <html
       lang="en"
       suppressHydrationWarning
-      className={`${GeistSans.variable} ${GeistMono.variable}`}
+      className={`${geistSans.variable} ${geistMono.variable}`}
     >
       <body className="min-h-screen bg-background font-sans antialiased">
         <ThemeProvider
