feat: resolve observer project page round default and add selector

The observer full project page used to call getProjectDetail without
a round, getting cross-round contaminated stats. It now resolves a
default — the currently OPEN round the project is in, falling back
to the most recently CLOSED one — and renders a selector chip in
the score card whenever the project participated in more than one
candidate round. Initial selection respects the ?round= query param.

A new observer procedure (getProjectRoundsForObserver) returns the
project's open or closed rounds for the picker.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/observer/observer-project-detail.tsx

@@ -1,5 +1,6 @@
 'use client'
 
+import { useEffect, useState } from 'react'
 import Link from 'next/link'
 import type { Route } from 'next'
 import { useRouter } from 'next/navigation'
@@ -44,15 +45,41 @@ import {
 } from 'lucide-react'
 import { cn, formatDate, formatDateOnly } from '@/lib/utils'
 
-export function ObserverProjectDetail({ projectId }: { projectId: string }) {
+export function ObserverProjectDetail({
+  projectId,
+  initialRoundId,
+}: {
+  projectId: string
+  initialRoundId?: string
+}) {
   const router = useRouter()
+  const [activeRoundId, setActiveRoundId] = useState<string | undefined>(initialRoundId)
+
+  // Resolve a default round when none is set: prefer the currently OPEN round
+  // the project participates in, fall back to the most recently CLOSED one.
+  const { data: roundCandidates } = trpc.analytics.getProjectRoundsForObserver.useQuery(
+    { projectId },
+  )
+  useEffect(() => {
+    if (activeRoundId || !roundCandidates) return
+    const active = roundCandidates.find((r) => r.status === 'ROUND_ACTIVE')
+    if (active) {
+      setActiveRoundId(active.id)
+      return
+    }
+    const closed = [...roundCandidates]
+      .filter((r) => r.status === 'ROUND_CLOSED')
+      .sort((a, b) => b.sortOrder - a.sortOrder)[0]
+    if (closed) setActiveRoundId(closed.id)
+  }, [roundCandidates, activeRoundId])
+
   const { data, isLoading } = trpc.analytics.getProjectDetail.useQuery(
-    { id: projectId },
+    { id: projectId, roundId: activeRoundId },
     { refetchInterval: 30_000 },
   )
   const { data: flags } = trpc.settings.getFeatureFlags.useQuery()
 
-  const roundId = data?.assignments?.[0]?.roundId as string | undefined
+  const roundId = activeRoundId ?? (data?.assignments?.[0]?.roundId as string | undefined)
   const { data: activeForm } = trpc.evaluation.getStageForm.useQuery(
     { roundId: roundId ?? '', category: data?.project?.competitionCategory },
     { enabled: !!roundId },
@@ -223,6 +250,19 @@ export function ObserverProjectDetail({ projectId }: { projectId: string }) {
                     {stats.yesPercentage.toFixed(0)}% recommended
                   </p>
                 )}
+                {roundCandidates && roundCandidates.length > 1 && (
+                  <div className="mt-3 w-full">
+                    <select
+                      className="w-full rounded border bg-background px-2 py-1 text-xs"
+                      value={activeRoundId ?? ''}
+                      onChange={(e) => setActiveRoundId(e.target.value)}
+                    >
+                      {roundCandidates.map((r) => (
+                        <option key={r.id} value={r.id}>{r.name}</option>
+                      ))}
+                    </select>
+                  </div>
+                )}
               </div>
             </CardContent>
           </Card>