Studio — Dev Server, Monaco & GitHub

A built-in code workspace with Monaco editor, dev-server orchestration, GitHub repo cloning, and an agent that ships features end-to-end.

The workspace

File tree — virtualized for repos with 100k+ files. Search, expand/collapse, hidden-file toggle.
Monaco editor — VS Code's editor: language services, multi-cursor, find/replace, go-to-definition, IntelliSense for JS/TS/PHP.
Tab bar — pinning, ordering, dirty indicators, close-with-confirmation for unsaved files.
Terminal — full xterm.js shell at the project root, shared with the SSH module's theme.

Dev-server orchestration

Studio knows about common dev servers and starts/stops them as managed processes:

npm run dev / vite for Node projects.
php artisan serve + npm run dev for Laravel.
flutter run for Flutter projects.
django-admin runserver for Django.

Each server runs in a managed PTY with status (starting · running · failed · stopped), live log tail, port detection, and one-click open-in-browser.

GitHub integration

Clone any public repo by URL — credentials prompted only for private repos.
Branch switcher in the status bar.
Inline diff viewer for staged + unstaged changes.
One-click commit + push (with optional --no-verify opt-in).

Agent-driven feature shipping

The Studio Agent reads the file tree, edits files via diff patches, runs tests, fixes failures, and finally commits — all while you watch the activity feed. You approve every write before it lands; nothing happens silently.

Project scaffolding

Choose a template (Laravel · Next.js · Vite + React · Express · FastAPI · Flutter) and the agent runs the scaffolding command, sets up .env, installs dependencies, and opens the entry file ready to run.