Realtime WebMCP testing app for beta previews.
This project demonstrates a production-style browser workflow where an agent can invoke in-page tools and immediately update live UI state.
triage_live_incidentbroadcast_status_update
- Streams realtime events in the UI
- Updates KPIs continuously (
Open Incidents,Resolved Today,P95 Latency,Customer Impact) - Accepts tool calls from Model Context Tool Inspector
- Returns structured JSON via
respondWith(...) - Supports human-in-the-loop operation through visible UI updates
See REQUIREMENTS.md for full setup matrix.
Quick requirements:
- Chrome build with WebMCP testing support enabled
chrome://flags-> enable WebMCP for testing- Model Context Tool Inspector
- Python 3.9+ (for local static server)
git clone https://github.com/vijaychauhanseo/webmcp-pulseops-live.git
cd webmcp-pulseops-live
python3 -m http.server 8080Open: http://localhost:8080/index.html
{
"service": "Payments",
"severity": "Sev-1",
"symptom": "Card auth timeout above 12%",
"impact": "High"
}Expected result:
- Tool output panel returns incident payload
- Realtime stream appends a new incident event
- KPI cards reflect changed impact/latency/open incidents
{
"audience": "Customers",
"tone": "Calm",
"facts": "Mitigation in progress and latency has started trending down"
}Expected result:
- Tool output panel returns message draft payload
- Realtime stream appends comms event
index.html-> WebMCP declarative tool forms + UI shellstyles.css-> realtime dashboard design systemscript.js-> stream engine, KPI logic, tool handlersassets/pulseops-realtime-screenshot.png-> app screenshot
- If tools show activated but no response, hard refresh and re-run.
- Ensure
toolautosubmitis present and extension has page access. - This app is intentionally frontend-only for fast WebMCP prototyping.
MIT (see LICENSE).