fix: version guard uses static file, members table shows project name with round badge

Version guard:
- Replace API route with prebuild-generated public/build-id.json
- Captures build ID on first load, only notifies on mismatch
- Fixes false positive refresh prompts from env mismatch

Members table (applicants):
- Show project name + round badge instead of round name + state
- Red badge for rejected, gray for withdrawn, green for passed,
  outline for active rounds
- Include projectName in applicantRoundInfo from backend

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

.gitignore

@@ -61,3 +61,4 @@ build-output.txt
 
 # Private keys and secrets
 private/
+public/build-id.json

next.config.ts

@@ -2,9 +2,6 @@ import type { NextConfig } from 'next'
 
 const nextConfig: NextConfig = {
   output: 'standalone',
-  env: {
-    NEXT_PUBLIC_BUILD_ID: Date.now().toString(),
-  },
   serverExternalPackages: ['@prisma/client', 'minio'],
   typescript: {
     // We run tsc --noEmit separately before each push

package.json

@@ -5,6 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "next dev --turbopack",
+    "prebuild": "node -e \"require('fs').writeFileSync('public/build-id.json', JSON.stringify({buildId: Date.now().toString()}))\"",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",

src/app/api/version/route.ts

@@ -1,7 +0,0 @@
-import { NextResponse } from 'next/server'
-
-export const dynamic = 'force-static'
-
-export function GET() {
-  return NextResponse.json({ buildId: process.env.NEXT_PUBLIC_BUILD_ID })
-}

src/components/admin/members-content.tsx

@@ -428,20 +428,19 @@ export function MembersContent() {
                       <div>
                         {user.role === 'APPLICANT' ? (
                           (() => {
-                            const info = (user as unknown as { applicantRoundInfo?: { roundName: string; state: string } | null }).applicantRoundInfo
+                            const info = (user as unknown as { applicantRoundInfo?: { projectName: string; roundName: string; state: string } | null }).applicantRoundInfo
                             if (!info) return <span className="text-sm text-muted-foreground">-</span>
                             const stateColor = info.state === 'REJECTED' ? 'destructive' as const
                               : info.state === 'WITHDRAWN' ? 'secondary' as const
                               : info.state === 'PASSED' ? 'success' as const
-                              : 'default' as const
-                            const stateLabel = info.state === 'IN_PROGRESS' ? 'Active'
-                              : info.state === 'PENDING' ? 'Pending'
-                              : info.state === 'COMPLETED' ? 'Completed'
+                              : 'outline' as const
+                            const stateLabel = info.state === 'REJECTED' ? 'Rejected'
+                              : info.state === 'WITHDRAWN' ? 'Withdrawn'
                               : info.state === 'PASSED' ? 'Passed'
-                              : info.state
+                              : info.roundName
                             return (
                               <div className="flex flex-col gap-0.5">
-                                <span className="text-sm">{info.roundName}</span>
+                                <span className="text-sm font-medium truncate max-w-[200px]">{info.projectName}</span>
                                 <Badge variant={stateColor} className="w-fit text-[10px] px-1.5 py-0">
                                   {stateLabel}
                                 </Badge>
@@ -543,25 +542,24 @@ export function MembersContent() {
                   </div>
                   <div className="flex items-center justify-between text-sm">
                     <span className="text-muted-foreground">
-                      {user.role === 'APPLICANT' ? 'Current Round' : 'Assignments'}
+                      {user.role === 'APPLICANT' ? 'Project' : 'Assignments'}
                     </span>
                     <span>
                       {user.role === 'APPLICANT' ? (
                         (() => {
-                          const info = (user as unknown as { applicantRoundInfo?: { roundName: string; state: string } | null }).applicantRoundInfo
+                          const info = (user as unknown as { applicantRoundInfo?: { projectName: string; roundName: string; state: string } | null }).applicantRoundInfo
                           if (!info) return <span className="text-muted-foreground">-</span>
                           const stateColor = info.state === 'REJECTED' ? 'destructive' as const
                             : info.state === 'WITHDRAWN' ? 'secondary' as const
                             : info.state === 'PASSED' ? 'success' as const
-                            : 'default' as const
-                          const stateLabel = info.state === 'IN_PROGRESS' ? 'Active'
-                            : info.state === 'PENDING' ? 'Pending'
-                            : info.state === 'COMPLETED' ? 'Completed'
+                            : 'outline' as const
+                          const stateLabel = info.state === 'REJECTED' ? 'Rejected'
+                            : info.state === 'WITHDRAWN' ? 'Withdrawn'
                             : info.state === 'PASSED' ? 'Passed'
-                            : info.state
+                            : info.roundName
                           return (
-                            <span className="flex items-center gap-1.5">
-                              <span>{info.roundName}</span>
+                            <span className="flex flex-col items-end gap-0.5">
+                              <span className="truncate max-w-[160px]">{info.projectName}</span>
                               <Badge variant={stateColor} className="text-[10px] px-1.5 py-0">
                                 {stateLabel}
                               </Badge>

src/components/shared/version-guard.tsx

@@ -3,7 +3,9 @@
 import { useEffect, useRef } from 'react'
 import { toast } from 'sonner'
 
-const CLIENT_BUILD_ID = process.env.NEXT_PUBLIC_BUILD_ID
+// Capture the build ID when this module first loads (from the current deployment's JS bundle).
+// On subsequent fetches of /build-id.json, if the value differs, a new deploy happened.
+let initialBuildId: string | null = null
 
 export function VersionGuard() {
   const notified = useRef(false)
@@ -12,10 +14,19 @@ export function VersionGuard() {
     async function checkVersion() {
       if (notified.current) return
       try {
-        const res = await fetch('/api/version', { cache: 'no-store' })
+        const res = await fetch('/build-id.json?t=' + Date.now())
         if (!res.ok) return
         const { buildId } = await res.json()
-        if (buildId && CLIENT_BUILD_ID && buildId !== CLIENT_BUILD_ID) {
+        if (!buildId) return
+
+        // First load — capture the build ID
+        if (initialBuildId === null) {
+          initialBuildId = buildId
+          return
+        }
+
+        // Subsequent checks — compare
+        if (buildId !== initialBuildId) {
           notified.current = true
           toast('A new version is available', {
             description: 'Refresh to get the latest updates.',
@@ -31,6 +42,9 @@ export function VersionGuard() {
       }
     }
 
+    // Initial check (captures build ID)
+    checkVersion()
+
     // Check on tab focus (covers users returning to stale tabs)
     window.addEventListener('focus', checkVersion)
 

src/server/routers/user.ts

@@ -299,7 +299,7 @@ export const userRouter = router({
 
       // For APPLICANT users, attach their project's current round info
       const applicantIds = users.filter((u) => u.role === 'APPLICANT').map((u) => u.id)
-      const applicantRoundMap = new Map<string, { roundName: string; state: string } | null>()
+      const applicantRoundMap = new Map<string, { projectName: string; roundName: string; state: string } | null>()
 
       if (applicantIds.length > 0) {
         // Find each applicant's project, then the latest round state
@@ -342,11 +342,13 @@ export const userRouter = router({
             if (!applicantIds.includes(uid)) continue
             if (latestTerminal && !latestActive) {
               applicantRoundMap.set(uid, {
+                projectName: proj.title,
                 roundName: latestTerminal.round.name,
                 state: latestTerminal.state,
               })
             } else if (latest) {
               applicantRoundMap.set(uid, {
+                projectName: proj.title,
                 roundName: latest.round.name,
                 state: latest.state,
               })