TL Studio
A local browser-based development workspace where you can edit code yourself and work alongside an AI agent — without making the agent a bolt-on chat panel.
src/
app.ts
styles.css
SEARCH
TERMINAL
editor: true,
terminal: true,
agent: firstClass,
cloud: optional
};
Reading project…
✓ files
✓ tools
✓ session
Why I built it
I wanted the coding-agent workflow to live in a real local workspace instead of forcing the user to bounce between an editor, a terminal, a browser preview and a separate agent surface.
The direction is simple: the user and the agent share the same project, tools and context, while the product remains local-first and provider-flexible.
What it already does
File explorer, Monaco editing, project search, changes and external-change reconciliation.
Provider selection, local tool execution, sessions, permissions, cancellation and live activity.
Run project commands and inspect output or a live app without leaving the workspace.
Custom provider API keys are owned locally by TL Studio rather than stored in browser storage.
Stable releases and a one-command npm launcher for getting into a project quickly.
Want the real details?
The repository is the source of truth for releases, architecture and setup.