# PMC Funder Discovery Tool

A React + Vite frontend (Tailwind, Noto Serif) that collects public media
station details and streams an Anthropic Managed Agent response back to the
browser through a Netlify Edge Function proxy.

## Setup

```bash
npm install
```

Add your Anthropic credentials (in `.env` for local dev, in the Netlify UI
for production):

```
ANTHROPIC_API_KEY=sk-ant-...
# Optional - if you've provisioned a Managed Agent in the Anthropic console:
ANTHROPIC_AGENT_ID=agent_...
# Optional - override the model:
ANTHROPIC_MODEL=claude-sonnet-4-5
```

## Run locally

```bash
npm run dev   # netlify dev (proxies Vite + functions on :8888)
```

Open http://localhost:8888.

## How streaming works

1. The browser POSTs the form to `/api/agent-proxy`.
2. A Netlify Edge Function (Deno runtime) creates an Anthropic Managed
   Agent session, opens the upstream SSE event stream, and sends the
   user message. It then tails the stream and re-opens it (with an
   `events.list` backfill, deduped by event id) whenever it drops mid
   session, until the session reports a terminal `session.status_*`
   event or a 20-minute wall-clock budget is hit.
3. Downstream to the browser the function emits newline-delimited JSON
   (`application/x-ndjson`) — `text`, `status`, `heartbeat`, `done`,
   `error` — one object per line.
4. The React app reads `response.body.getReader()`, splits on `\n`, and
   parses each line. `text` lines append to the brief; `status` lines
   drive a separate “what the agent is doing now” banner.
5. A `Thinking` flag stays `true` until the first chunk arrives, then
   flips to a streaming state with a pulsing cursor.

Edge Functions are required here — the previous v2 Node Function ran on
AWS Lambda and got killed at ~27 s, well before any reconnect could
fire. Edge Functions run on Deno Deploy with no streaming-duration cap
as long as the function keeps writing to the response body.

## Files

- [src/App.jsx](src/App.jsx) — form, NDJSON streaming reader, UI states.
- [netlify/edge-functions/agent-proxy.ts](netlify/edge-functions/agent-proxy.ts)
  — Managed Agent proxy with reconnect, backfill, and NDJSON wire
  protocol.