Skip to main content

​
Browser demo

The ECP Graph Editor is a standalone Vite/React app that composes the browser runtime host with harnesses and model providers. It is a reference application, not the runtime package itself. Live demo: https://executioncontrolprotocol.github.io/browser-demo/ Source: executioncontrolprotocol-browser-demo

​
Three layers

Apps bind providers and harnesses. Do not put demo UI types (such as provider mode) into the runtime host package.

​
Try the hosted demo

  1. Open https://executioncontrolprotocol.github.io/browser-demo/ in Chrome (recommended).
  2. Complete the first-run provider modal.
  3. Chat with the assistant; use the panels for Fluent, JSON, TOON, Mermaid, run, and validation.
Default path: Chrome AI + nano (EQL) harness — on-device, no local daemon.

​
Ollama with ecp up

For local models and the coding (Fluent/TS) harness:
  1. Install and start Ollama; pull a model (for example qwen2.5-coder:1.5b).
  2. Install the ECP CLI, then:
ecp up starts a loopback daemon (default http://127.0.0.1:3090) and opens the hosted demo with ?token= and ?bridge= so pairing is automatic.
Hosted HTTPS pages need Chromium (Chrome/Edge) for Private Network Access to the loopback bridge. Local Vite works in more browsers.

​
Run the demo locally

Open the URL Vite prints (default http://localhost:5173). Optional: copy .env.example to .env for Supabase prompt logging.

​
What you see in the UI

  • Docked chat driven by harness evaluate + provider generate
  • Manifest / code panels: Fluent, JSON, TOON, Mermaid
  • Run and validation against the demo environment
Provider choice, harness pairing, vault secrets, and persistence are covered in Demo providers and configuration.

​
Next steps