Revert Vercel dashboard tracker, add HF Space HTML pipeline tracker

The pipeline tracker belongs on the HF Space status page (where you
monitor runs), not on the Vercel frontend (where donors see the demo).

HF Space root page now shows:
- Live progress bar with step name while pipeline runs (auto-refreshes 5s)
- Last run result (status, zones, triggers, duration) when idle

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

frontend/src/lib/api.ts

@@ -313,29 +313,6 @@ export function usePipelineStats() {
   })
 }
 
-export interface PipelineStatus {
-  running: boolean
-  current_step: string | null
-  current_step_index: number
-  total_steps: number
-  last_result: {
-    run_id: string
-    status: string
-    zones_processed: number
-    triggers_found: number
-    duration_s: number
-  } | null
-  last_run: string | null
-}
-
-export function usePipelineStatus() {
-  return useQuery<PipelineStatus>({
-    queryKey: ['pipeline-status'],
-    queryFn: () => fetchJson('/api/pipeline/status'),
-    refetchInterval: 5000,  // poll every 5s while running
-  })
-}
-
 export function useEnrolled() {
   return useQuery<EnrolledResponse>({
     queryKey: ['enrolled'],

frontend/src/pages/Dashboard.tsx

@@ -4,23 +4,13 @@ import { Satellite, Thermometer, SlidersHorizontal, ChevronDown, ChevronRight, A
 import MetricCard from '../components/MetricCard'
 import StatusBadge from '../components/StatusBadge'
 import { LoadingSpinner, ErrorState } from '../components/LoadingState'
-import { usePipelineStats, usePipelineRuns, useTriggers, usePipelineStatus } from '../lib/api'
+import { usePipelineStats, usePipelineRuns, useTriggers } from '../lib/api'
 import { REGION } from '../regionConfig'
 
-const STEP_LABELS: Record<string, string> = {
-  ingest: 'Collecting climate data',
-  heal: 'Fixing data issues',
-  downscale: 'Adjusting for urban heat',
-  predict: 'Forecasting heat danger',
-  explain: 'Writing alert messages',
-  notify: 'Notifying workers',
-}
-
 export default function Dashboard() {
   const stats = usePipelineStats()
   const runs = usePipelineRuns()
   const triggers = useTriggers()
-  const pipelineStatus = usePipelineStatus()
   const [showRuns, setShowRuns] = useState(false)
 
   if (stats.isLoading) return <LoadingSpinner />
@@ -43,36 +33,6 @@ export default function Dashboard() {
         <p className="page-caption">{REGION.heroCaption}</p>
       </div>
 
-      {/* Pipeline running banner */}
-      {pipelineStatus.data?.running && (
-        <div className="mb-6 rounded-[10px] flex items-center gap-4" style={{
-          background: 'linear-gradient(135deg, rgba(21,101,192,0.06) 0%, rgba(42,157,143,0.04) 100%)',
-          border: '1px solid rgba(21,101,192,0.15)',
-          padding: '14px 20px',
-        }}>
-          <div className="w-2.5 h-2.5 rounded-full flex-shrink-0" style={{
-            background: '#1565C0',
-            boxShadow: '0 0 0 3px rgba(21,101,192,0.2)',
-            animation: 'pulse 2s infinite',
-          }} />
-          <div className="flex-1">
-            <div className="text-sm font-sans font-medium" style={{ color: '#1565C0' }}>
-              Pipeline running — step {pipelineStatus.data.current_step_index}/{pipelineStatus.data.total_steps}:{' '}
-              {STEP_LABELS[pipelineStatus.data.current_step ?? ''] ?? pipelineStatus.data.current_step}
-            </div>
-            <div className="mt-1.5 w-full h-1.5 rounded-full bg-warm-border overflow-hidden">
-              <div
-                className="h-full rounded-full transition-all duration-500"
-                style={{
-                  width: `${(pipelineStatus.data.current_step_index / pipelineStatus.data.total_steps) * 100}%`,
-                  background: '#1565C0',
-                }}
-              />
-            </div>
-          </div>
-        </div>
-      )}
-
       {/* Danger banner — shows when there are active triggers */}
       {activeTriggers.length > 0 && (
         <div className="danger-banner">

frontend/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/App.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/Layout.tsx","./src/components/LoadingState.tsx","./src/components/MetricCard.tsx","./src/components/Sidebar.tsx","./src/components/StatusBadge.tsx","./src/lib/api.ts","./src/lib/tour.ts","./src/pages/Dashboard.tsx","./src/pages/Notifications.tsx","./src/pages/Pipeline.tsx","./src/pages/ProgramDesigner.tsx","./src/pages/Zones.tsx"],"version":"5.6.3"}
+{"root":["./src/App.tsx","./src/main.tsx","./src/regionConfig.ts","./src/vite-env.d.ts","./src/components/Layout.tsx","./src/components/LoadingState.tsx","./src/components/MetricCard.tsx","./src/components/Sidebar.tsx","./src/components/StatusBadge.tsx","./src/lib/api.ts","./src/lib/tour.ts","./src/pages/Dashboard.tsx","./src/pages/Notifications.tsx","./src/pages/Pipeline.tsx","./src/pages/ProgramDesigner.tsx","./src/pages/Zones.tsx"],"version":"5.6.3"}

src/api.py

@@ -884,6 +884,44 @@ def _start_scheduler():
 
 # ── Status page (lightweight, no React build needed) ─────────────────────
 
+_STEP_NAMES = {
+    "ingest": "Collecting climate data",
+    "heal": "Fixing data issues",
+    "downscale": "Adjusting for urban heat",
+    "predict": "Forecasting heat danger",
+    "explain": "Writing alert messages",
+    "notify": "Notifying workers",
+}
+
+
+def _pipeline_tracker_html() -> str:
+    """Generate HTML for the pipeline tracker banner."""
+    ps = _pipeline_status
+    if ps["running"] and ps.get("current_step"):
+        step = ps["current_step"]
+        idx = ps.get("current_step_index", 0)
+        total = ps.get("total_steps", 6)
+        label = _STEP_NAMES.get(step, step)
+        pct = int((idx / total) * 100) if total else 0
+        return f"""
+        <div class="pipeline-banner">
+          <div class="step-label">Pipeline running — step {idx}/{total}: {label}</div>
+          <div class="bar-bg"><div class="bar-fill" style="width:{pct}%"></div></div>
+        </div>"""
+    elif ps.get("last_result"):
+        r = ps["last_result"]
+        status = r.get("status", "unknown")
+        dur = r.get("duration_s", 0)
+        zones = r.get("zones_processed", 0)
+        triggers = r.get("triggers_found", 0)
+        color = "#2a9d8f" if status == "ok" else "#e63946"
+        return f"""
+        <div class="pipeline-done" style="border-color:{color}22">
+          <div class="label" style="color:{color}">Last run: {status.upper()} — {zones} zones, {triggers} triggers, {dur:.0f}s</div>
+        </div>"""
+    return ""
+
+
 @app.get("/", response_class=HTMLResponse)
 async def status_page():
     """Simple status dashboard for the HF Space operator."""
@@ -914,6 +952,7 @@ async def status_page():
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta http-equiv="refresh" content="5">
 <title>Heat Risk Engine — API Status</title>
 <style>
   * {{ margin: 0; padding: 0; box-sizing: border-box; }}
@@ -936,12 +975,20 @@ async def status_page():
   .link {{ color: #d4a019; text-decoration: none; font-weight: 600; }}
   .link:hover {{ text-decoration: underline; }}
   .footer {{ margin-top: 32px; padding-top: 16px; border-top: 1px solid #e0dcd5; font-size: 0.75rem; color: #aaa; }}
+  .pipeline-banner {{ background: linear-gradient(135deg, rgba(21,101,192,0.06), rgba(42,157,143,0.04)); border: 1px solid rgba(21,101,192,0.15); border-radius: 8px; padding: 14px 16px; margin-bottom: 20px; }}
+  .pipeline-banner .step-label {{ font-size: 0.85rem; font-weight: 600; color: #1565C0; }}
+  .pipeline-banner .bar-bg {{ width: 100%; height: 6px; background: #e0dcd5; border-radius: 3px; margin-top: 8px; overflow: hidden; }}
+  .pipeline-banner .bar-fill {{ height: 100%; background: #1565C0; border-radius: 3px; transition: width 0.5s; }}
+  .pipeline-done {{ background: rgba(42,157,143,0.06); border: 1px solid rgba(42,157,143,0.15); border-radius: 8px; padding: 14px 16px; margin-bottom: 20px; }}
+  .pipeline-done .label {{ font-size: 0.85rem; font-weight: 600; color: #2a9d8f; }}
 </style>
 </head>
 <body>
   <h1>Heat Risk Engine <span class="status">Running</span></h1>
   <p class="subtitle">API backend for the Climate Risk Engine — <a class="link" href="https://climate-risk-engine.vercel.app" target="_blank">Open Frontend</a></p>
 
+  {_pipeline_tracker_html()}
+
   <div class="grid">
     <div class="card">
       <div class="label">Zones</div>

tests/eval_results/heat_predictor_eval.json

@@ -1,33 +1,33 @@
 {
   "NBO-KIB": {
     "city": "Nairobi",
-    "auroc": 0.723,
-    "precision": 0.447,
-    "recall": 0.765,
+    "auroc": 0.868,
+    "precision": 0.808,
+    "recall": 0.548,
     "n_samples": 328,
     "positive_rate": 0.351
   },
   "DAR-JAN": {
     "city": "Dar es Salaam",
-    "auroc": 0.155,
-    "precision": 0.027,
-    "recall": 0.017,
+    "auroc": 0.138,
+    "precision": 0.029,
+    "recall": 0.009,
     "n_samples": 328,
     "positive_rate": 0.351
   },
   "KLA-BWA": {
     "city": "Kampala",
-    "auroc": 0.335,
-    "precision": 0.254,
-    "recall": 0.383,
+    "auroc": 0.322,
+    "precision": 0.303,
+    "recall": 0.235,
     "n_samples": 328,
     "positive_rate": 0.351
   },
   "KGL-NYA": {
     "city": "Kigali",
-    "auroc": 0.674,
-    "precision": 0.41,
-    "recall": 0.713,
+    "auroc": 0.795,
+    "precision": 0.726,
+    "recall": 0.6,
     "n_samples": 328,
     "positive_rate": 0.351
   }