chore(web): Upgrade to next 16

CHANGELOG.md

@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 - Upgraded Vercel AI SDK from v5 to v6. [#969](https://github.com/sourcebot-dev/sourcebot/pull/969)
 - Added support for using bearer tokens with anthropic. [#967](https://github.com/sourcebot-dev/sourcebot/pull/967)
+- Updated to Next.JS 16. [#970](https://github.com/sourcebot-dev/sourcebot/pull/970)
 
 ## [4.13.1] - 2026-02-28
 

packages/web/eslint.config.mjs

@@ -0,0 +1,51 @@
+import nextCoreWebVitals from 'eslint-config-next/core-web-vitals';
+import tseslint from 'typescript-eslint';
+import tanstackQuery from '@tanstack/eslint-plugin-query';
+
+const config = [
+    ...nextCoreWebVitals,
+    ...tseslint.configs.recommended,
+    ...tanstackQuery.configs['flat/recommended'],
+    {
+        rules: {
+            // New react-hooks v7 rules disabled as too strict for this codebase's existing patterns.
+            // `set-state-in-effect` flags a very common legitimate pattern (reading external state
+            // into local state on mount / dependency change). `incompatible-library` produces false
+            // positives against @tanstack/react-table and similar libraries.
+            'react-hooks/set-state-in-effect': 'off',
+            'react-hooks/incompatible-library': 'off',
+            // `preserve-manual-memoization` is only relevant when the React Compiler is enabled.
+            'react-hooks/preserve-manual-memoization': 'off',
+            // `immutability` produces false positives for recursive useCallback patterns and
+            // intentional module-level regex lastIndex resets.
+            'react-hooks/immutability': 'off',
+
+            'react-hooks/exhaustive-deps': 'warn',
+            'no-unused-vars': 'off',
+            'no-extra-semi': 'off',
+        },
+    },
+    {
+        files: ['**/*.ts', '**/*.tsx'],
+        rules: {
+            '@typescript-eslint/no-unused-vars': [
+                'warn',
+                {
+                    argsIgnorePattern: '^_',
+                    varsIgnorePattern: '^_',
+                    caughtErrorsIgnorePattern: '^_',
+                },
+            ],
+        },
+    },
+    {
+        // Replaces .eslintignore
+        ignores: [
+            'src/components/**',
+            'next-env.d.ts',
+            'src/proto/**',
+        ],
+    },
+];
+
+export default config;

packages/web/next.config.mjs

@@ -54,8 +54,6 @@ const nextConfig = {
 
 export default withSentryConfig(nextConfig, {
     // For all available options, see:
-    // https://www.npmjs.com/package/@sentry/webpack-plugin#options
-
     org: process.env.SENTRY_ORG,
     project: process.env.SENTRY_WEBAPP_PROJECT,
     authToken: process.env.SENTRY_SMUAT,
@@ -70,23 +68,9 @@ export default withSentryConfig(nextConfig, {
     // Upload a larger set of source maps for prettier stack traces (increases build time)
     widenClientFileUpload: true,
 
-    // Automatically annotate React components to show their full name in breadcrumbs and session replay
-    reactComponentAnnotation: {
-        enabled: true,
-    },
-
     // Route browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.
     // This can increase your server load as well as your hosting bill.
     // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-
     // side errors will fail.
     tunnelRoute: "/monitoring",
-
-    // Automatically tree-shake Sentry logger statements to reduce bundle size
-    disableLogger: true,
-
-    // Enables automatic instrumentation of Vercel Cron Monitors. (Does not yet work with App Router route handlers.)
-    // See the following for more information:
-    // https://docs.sentry.io/product/crons/
-    // https://vercel.com/docs/cron-jobs
-    automaticVercelMonitors: true,
 });

packages/web/package.json

@@ -92,7 +92,7 @@
     "@replit/codemirror-lang-solidity": "^6.0.2",
     "@replit/codemirror-lang-svelte": "^6.0.0",
     "@replit/codemirror-vim": "^6.2.1",
-    "@sentry/nextjs": "^9",
+    "@sentry/nextjs": "^10.40.0",
     "@shopify/lang-jsonc": "^1.0.0",
     "@sourcebot/codemirror-lang-tcl": "^1.0.12",
     "@sourcebot/db": "workspace:*",
@@ -151,7 +151,7 @@
     "linguist-languages": "^9.3.1",
     "lucide-react": "^0.517.0",
     "micromatch": "^4.0.8",
-    "next": "15.5.10",
+    "next": "16.1.6",
     "next-auth": "^5.0.0-beta.30",
     "next-navigation-guard": "^0.2.0",
     "next-themes": "^0.3.0",
@@ -163,9 +163,9 @@
     "posthog-node": "^5.24.15",
     "pretty-bytes": "^6.1.1",
     "psl": "^1.15.0",
-    "react": "^19.2.1",
+    "react": "19.2.4",
     "react-device-detect": "^2.2.3",
-    "react-dom": "^19.2.1",
+    "react-dom": "19.2.4",
     "react-hook-form": "^7.53.0",
     "react-hotkeys-hook": "^4.5.1",
     "react-icons": "^5.3.0",
@@ -202,28 +202,29 @@
     "@types/node": "^20",
     "@types/nodemailer": "^6.4.17",
     "@types/psl": "^1.1.3",
-    "@types/react": "19.2.1",
-    "@types/react-dom": "19.2.1",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.40.0",
     "@typescript-eslint/parser": "^8.40.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8",
-    "eslint-config-next": "15.5.0",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.6",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "jsdom": "^25.0.1",
     "npm-run-all": "^4.1.5",
     "postcss": "^8",
     "react-email": "^5.1.0",
     "tailwindcss": "^3.4.1",
     "tsx": "^4.19.2",
     "typescript": "^5",
+    "typescript-eslint": "^8.56.1",
     "vite-tsconfig-paths": "^5.1.3",
     "vitest": "^2.1.5",
     "vitest-mock-extended": "^3.1.0"
   },
   "resolutions": {
-    "@types/react": "19.2.1",
-    "@types/react-dom": "19.2.1"
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3"
   }
 }

packages/web/src/app/[domain]/chat/[id]/opengraph-image.tsx

@@ -118,7 +118,6 @@ export default async function Image({ params }: ImageProps) {
                         }}
                     >
                         {/* Avatar */}
-                        {/* eslint-disable-next-line @next/next/no-img-element */}
                         <img
                             src={creatorImage ?? `${env.AUTH_URL}/placeholder_avatar.png`}
                             alt="Avatar"
@@ -165,7 +164,6 @@ export default async function Image({ params }: ImageProps) {
                         >
                             sourcebot.dev
                         </span>
-                        {/* eslint-disable-next-line @next/next/no-img-element */}
                         <img
                             src={`${env.AUTH_URL}/sb_logo_dark_small.png`}
                             alt="Sourcebot"

packages/web/src/app/[domain]/components/navigationMenu/trialIndicator.tsx

@@ -33,6 +33,7 @@ export const TrialIndicator = ({ subscription }: Props) => {
             <div className="flex items-center gap-2 px-3 py-1.5 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-700 rounded-full text-blue-700 dark:text-blue-400 text-xs font-medium hover:bg-blue-100 dark:hover:bg-blue-900/30 transition-colors cursor-pointer">
                 <span className="inline-block w-2 h-2 bg-blue-400 dark:bg-blue-500 rounded-full"></span>
                 <span>
+                    {/* eslint-disable-next-line react-hooks/purity -- Date.now() during render is intentional for displaying remaining trial days */}
                     {Math.ceil((subscription.nextBillingDate * 1000 - Date.now()) / (1000 * 60 * 60 * 24))} days left in trial
                 </span>
             </div>

packages/web/src/app/error.tsx

@@ -29,7 +29,7 @@ export default function Error({ error, reset }: { error: Error & { digest?: stri
                     statusCode: serviceError.statusCode,
                 }
             }
-        /* eslint-disable no-empty */
+         
         } catch {}
 
         return {

packages/web/src/app/page.tsx

@@ -1,10 +1,21 @@
 import { auth } from "@/auth";
 import { redirect } from "next/navigation";
 import { SINGLE_TENANT_ORG_DOMAIN } from "@/lib/constants";
-import { getOrgFromDomain } from "@/data/org";
+import { prisma } from "@/prisma";
+
+// @note: we were hitting `PrismaClientInitializationError` errors during
+// build time. Next.js performs a static generation probe on all pages during
+// `next build`, running each page component to determine if it's static or
+// dynamic. `force-dynamic` skips the probe entirely so this page is always
+// rendered at request time.
+export const dynamic = 'force-dynamic';
 
 export default async function Page() {
-    const org = await getOrgFromDomain(SINGLE_TENANT_ORG_DOMAIN);
+    const org = await prisma.org.findUnique({
+        where: {
+            domain: SINGLE_TENANT_ORG_DOMAIN
+        }
+    });
 
     if (!org || !org.isOnboarded) {
         return redirect("/onboard");

packages/web/src/data/org.ts

@@ -2,18 +2,11 @@ import 'server-only';
 import { prisma } from '@/prisma';
 
 export const getOrgFromDomain = async (domain: string) => {
-    try {
-        const org = await prisma.org.findUnique({
-            where: {
-                domain: domain
-            }
-        });
+    const org = await prisma.org.findUnique({
+        where: {
+            domain: domain
+        }
+    });
 
-        return org;
-    } catch (error) {
-        // During build time we won't be able to access the database, so we catch and return null in this case
-        // so that we can statically build pages that hit the DB (ex. to check if the org is onboarded)
-        console.error('Error fetching org from domain:', error);
-        return null;
-    }
+    return org;
 }

packages/web/src/features/chat/components/chatThread/answerCard.tsx

@@ -38,6 +38,7 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
     traceId,
 }, forwardedRef) => {
     const markdownRendererRef = useRef<HTMLDivElement>(null);
+    // eslint-disable-next-line react-hooks/refs -- ref.current is passed to a custom hook, not used directly in render output
     const { tocItems, activeId } = useExtractTOCItems({ target: markdownRendererRef.current });
     const [isTOCButtonToggled, setIsTOCButtonToggled] = useState(false);
     const { toast } = useToast();

packages/web/src/lib/utils.ts

@@ -44,7 +44,7 @@ export const createInviteLink = (baseUrl: string, inviteLinkId?: string | null):
  */
 export const createPathWithQueryParams = (path: string, ...queryParams: [string, string | null][]) => {
     // Filter out undefined values
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+     
     queryParams = queryParams.filter(([_key, value]) => value !== null);
 
     if (queryParams.length === 0) {

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

@@ -2,7 +2,7 @@ import { NextResponse } from 'next/server'
 import type { NextRequest } from 'next/server'
 import { SINGLE_TENANT_ORG_DOMAIN } from '@/lib/constants'
 
-export async function middleware(request: NextRequest) {
+export async function proxy(request: NextRequest) {
     const url = request.nextUrl.clone();
 
     if (

packages/web/tsconfig.json

@@ -14,7 +14,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {