Upgrade Next.js to version 16

packages/agent-core/src/lib/messages.ts

@@ -212,7 +212,7 @@ const preProcessMessageContent = async (content: Message['content'], workerId: s
       for (const cc of c.toolResult.content) {
         if (cc.image?.source?.bytes != null) {
           const bytes = cc.image.source.bytes;
-          const hash = Buffer.from(await crypto.subtle.digest('SHA-256', bytes)).toString('hex');
+          const hash = Buffer.from(await crypto.subtle.digest('SHA-256', new Uint8Array(bytes))).toString('hex');
           const s3Key = `${workerId}/${hash}.${cc.image.format}`;
           await writeBytesToKey(s3Key, bytes);
           const newContent = cc.image.source as any;

packages/webapp/next.config.ts

@@ -5,15 +5,14 @@ import path from 'path';
 const nextConfig: NextConfig = {
   output: 'standalone',
   outputFileTracingRoot: path.join(__dirname, '../../'),
-  eslint: {
-    ignoreDuringBuilds: true,
-  },
   experimental: {
     webpackBuildWorker: true,
     parallelServerBuildTraces: true,
     parallelServerCompiles: true,
     serverActions: {
-      allowedOrigins: ['localhost:3011', process.env.ALLOWED_ORIGIN_HOST!],
+      allowedOrigins: ['localhost:3011', process.env.ALLOWED_ORIGIN_HOST].filter(
+        (origin): origin is string => !!origin
+      ),
     },
   },
   typescript: {

packages/webapp/package.json

@@ -11,7 +11,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@aws-amplify/adapter-nextjs": "1.6.2",
+    "@aws-amplify/adapter-nextjs": "1.7.1",
     "@aws-sdk/client-lambda": "^3.799.0",
     "@aws-sdk/client-ssm": "^3.812.0",
     "@aws-sdk/s3-request-presigner": "^3.824.0",
@@ -33,8 +33,8 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.488.0",
-    "next": "^15.5.9",
-    "next-intl": "^4.1.0",
+    "next": "^16.1.6",
+    "next-intl": "^4.8.0",
     "next-safe-action": "^8.0.8",
     "next-themes": "^0.4.6",
     "react": "^19.0.0",
@@ -56,7 +56,7 @@
     "@types/react-dom": "^19",
     "@types/react-syntax-highlighter": "^15.5.13",
     "eslint": "^9",
-    "eslint-config-next": "15.3.0",
+    "eslint-config-next": "^16.1.6",
     "prettier": "^3.5.3",
     "tailwindcss": "^4",
     "typescript": "^5"

packages/webapp/src/middleware.ts → packages/webapp/src/proxy.ts

@@ -6,7 +6,7 @@ import { runWithAmplifyServerContext } from '@/lib/amplifyServerUtils';
 // This file is critical for webapp authentication mechanism.
 // DO NOT remove any existing logic if you are not sure!
 
-export async function middleware(request: NextRequest) {
+export async function proxy(request: NextRequest) {
   const response = NextResponse.next();
 
   const authenticated = await runWithAmplifyServerContext({
@@ -30,7 +30,6 @@ export async function middleware(request: NextRequest) {
 }
 
 export const config = {
-  runtime: 'nodejs',
   matcher: [
     /*
      * Match all request paths except for the ones starting with:

packages/webapp/tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,17 +15,27 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
         "name": "next"
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }