Harden RC9 UX and performance states

frontend/src/hooks/useCoverageResolver.ts

@@ -1,6 +1,10 @@
 import { useEffect, useState } from 'react'
 import { externalApi } from '../services/api'
 import type { CoverageResolveResponse, VectorSelectionBBox } from '../types'
+import {
+  COVERAGE_RESPONSE_BUDGET_MS,
+  exceedsPerformanceBudget,
+} from '../lib/performanceBudget'
 
 interface CoverageResolverOptions {
   projectId: string | null
@@ -11,18 +15,22 @@ export function useCoverageResolver({ projectId, bbox }: CoverageResolverOptions
   const [coverage, setCoverage] = useState<CoverageResolveResponse | null>(null)
   const [loadingCoverage, setLoadingCoverage] = useState(false)
   const [coverageError, setCoverageError] = useState<string | null>(null)
+  const [coverageDurationMs, setCoverageDurationMs] = useState<number | null>(null)
 
   useEffect(() => {
     if (!projectId || !bbox) {
       setCoverage(null)
       setCoverageError(null)
       setLoadingCoverage(false)
+      setCoverageDurationMs(null)
       return
     }
     let cancelled = false
     const timer = window.setTimeout(() => {
+      const startedAt = Date.now()
       setLoadingCoverage(true)
       setCoverageError(null)
+      setCoverageDurationMs(null)
       externalApi.resolveCoverage({
         projectId,
         bbox: {
@@ -45,6 +53,7 @@ export function useCoverageResolver({ projectId, bbox }: CoverageResolverOptions
         })
         .finally(() => {
           if (!cancelled) {
+            setCoverageDurationMs(Date.now() - startedAt)
             setLoadingCoverage(false)
           }
         })
@@ -59,5 +68,10 @@ export function useCoverageResolver({ projectId, bbox }: CoverageResolverOptions
     coverage,
     loadingCoverage,
     coverageError,
+    coverageDurationMs,
+    coverageBudgetExceeded: exceedsPerformanceBudget(
+      coverageDurationMs,
+      COVERAGE_RESPONSE_BUDGET_MS,
+    ),
   }
 }