Phase 2 • Interactive Workspace Shell
Static frontend upgraded into a more complete IDE-style workspace.
Explore projects and files, switch editor tabs, inspect terminal, preview, and logs panels, and monitor mock run activity while the shell gracefully hydrates from /api/status when available.
Editor
workspace/README.md
Bottom panel
Terminal / Preview / Logs
Responsive shell with file explorer, editor tabs, run stream, and API-backed status summary.
- Selectable files and tabs
- Run cards with fake live progress
- Status fallback when /api/status is absent
Workspace
Interactive navigation
Projects, folders, files, and open tabs are coordinated through lightweight static JavaScript for a deployable shell.
Operations
Bottom utility panels
Terminal, logs, and preview surfaces simulate the full workbench shape expected from future backend and sandbox integration.
Platform
Status-aware frontend
The UI attempts to load /api/status, updates live indicators when available, and degrades cleanly to local defaults if not.
Routes
Use index.html as the public entry, or jump directly into workspace.html.
The root stays useful as an overview and live demo, while the dedicated route mirrors the watchdog's expected workspace shell path.