Portal
A web UI for OpenCode - an open-source flexible coding agent that enables remote codebase modification through a secure web interface.
in-progress
OpenCode Docker Tailscale xterm VPS Coding Agent Web UI
Overview
Portal is a web UI for OpenCode, an open-source flexible coding agent. It can be deployed on a VPS alongside your codebase and OpenCode, connected securely through Tailscale. This enables you to prompt and make changes to your codebase remotely through a web interface.
iPhonevpn
IPHONE 15
10.8.0.2
Tailscalevpn
TAILSCALE
100.x tailnet
VPSvpn
DEV-SERVER-VPS
95.142.xx.xx
OpenCode Servervpn
OPENCODE SERVER
10.0.0.5
Technical Architecture
The Portal architecture ensures secure and isolated codebase modification:
- Docker Container Isolation: The codebase runs in an isolated Docker container, preventing mishaps and ensuring system safety
- In-browser Terminal: Uses xterm connected to the Docker socket for real-time terminal access
- Tailscale Networking: Provides secure, encrypted networking to access the VPS remotely
- Deployment Flow: Deploy on VPS → Connect via Tailscale → Prompt OpenCode → Changes made in isolated Docker container → View terminal via xterm
Features
- Web-based Interface: Access OpenCode coding agent through any web browser
- VPS Deployment: Deploy alongside your codebase on any VPS
- Secure Tailscale Connectivity: Encrypted networking for remote access
- Docker Container Isolation: Safe execution environment prevents system damage
- In-browser Terminal: Real-time terminal access via xterm + Docker socket
- Remote Codebase Modification: Make changes to your code through natural language prompts
Tech Stack
- OpenCode: The underlying coding agent that processes prompts and modifies code
- Docker: Container isolation for safe codebase execution
- Tailscale: Secure networking for VPS access
- xterm: In-browser terminal emulator
- Docker Socket: Connects terminal to container environment
Status
Currently in active development.