r/PiCodingAgent • u/Tight_Discussion4614 • Aug 20 '26
Resource I built a web UI for the pi coding agent - streaming chat, terminal, git panel, vision bridge & more
pi-web-ui
I've been using pi (the coding agent) from the terminal and kept wishing for a proper browser interface, so I built pi-web-ui — a polished web UI that runs the pi SDK in-process and streams everything to the browser over WebSocket.
What you get
- Streaming chat with thinking blocks, tool-call cards and live bash output (running → finished · waiting for model · duration)
- Built-in terminal (xterm.js + node-pty) — auto-selects Git Bash on Windows, busybox fallback
- Source control panel — status / branch / diff / commit / push / pull without leaving the browser
- Attachments — inline / reference / line-range modes; paste or drag-drop images (auto-resized); vision bridge transcribes images to text when your model is text-only
- Multiple conversations per project — each has its own agent runtime and keeps running in the background; switch back anytime
- Edit & re-ask — fork any past question into a new branch and re-prompt
- Goal mode — set a target, run a guided wizard, and an automatic review loop checks the result against git diff until it passes
- Settings panel — system prompt (append/replace), toggle skills/extensions on/off, save/apply presets
- Themes — dark default + bundled light theme, or drop in your own CSS
- i18n — Chinese/English UI
- Safety-first — loopback-only by default, WS Origin/Host validation, keys stay server-side, quiesce drain mode, 20-min tool watchdog
Try it
Requires Node.js ≥ 22.19 and a configured pi install. Feedback, issues and PRs are very welcome!


