The Studio
The Studio is the browser-based IDE in Cendriix — a full development environment powered by Cendra AI. It combines a professional code editor, an integrated terminal running in a gVisor sandbox, AI-assisted coding tools, and source control in a single surface.
Opening a project
Navigate to Studio in the sidebar (G X). The landing page shows three tabs:
| Tab | Description |
|---|---|
| Repositories | All connected repos from GitHub, GitLab, Bitbucket, and Azure DevOps. Search and filter by name. Click a repo to open it in the IDE. |
| Drafts | Resume in-progress edits. Draft repos created from templates appear here. |
| Tool Discovery | Browse SDAH tools available to your workspace. |
To start a new project from scratch, click + New Repository and pick a template (React, Node, Python, etc.).
IDE layout
Once a project is open, the Studio presents five zones:
┌───────────────────────────────────────────────────┐
│ Toolbar — repo name, branch, panel toggles │
├──────────┬─────────────────────┬──────────────────┤
│ │ Breadcrumb bar │ │
│ File │ ────────────────── │ Right panel │
│ Explorer│ Code editor │ (Cendra / Git / │
│ │ (tabs, CodeMirror) │ Agent / Lens) │
│ │ │ │
├──────────┴─────────────────────┴──────────────────┤
│ Terminal (multi-tab, split view) │
├───────────────────────────────────────────────────┤
│ Status bar — file info, cursor, language, toggles│
└───────────────────────────────────────────────────┘| Zone | Toggle | Description |
|---|---|---|
| File Explorer | Ctrl+B | Tree view of the repository with search, icons, context menu, and context pinning. |
| Code Editor | — | Tabbed CodeMirror 6 editor with syntax highlighting, bracket matching, code folding, find/replace, inline AI edit, and more. |
| Right Panel | toolbar buttons | Contextual panel: Cendra AI chat, Source Control, AI Code Lens, or Agent Mode. |
| Terminal | Ctrl+` | Multi-tab terminal connected to a gVisor Devbox sandbox with error detection & auto-fix. |
| Status Bar | — | Current line/column, file language, encoding, file size, branch, CI status, Ghost Text toggle, AI Lens toggle. |
Toolbar
The toolbar at the top provides quick access to all IDE features:
| Button | Description |
|---|---|
| Explorer | Toggle the file tree sidebar |
| Source Control | Open the Git Operations dropdown — branch management, commit, push, stash, and 17 total operations |
| Cendra AI | Open the Cendra chat panel scoped to your current file with slash commands and @ mentions |
| Agent Mode | Launch Cendra’s autonomous coding agent |
| AI Code Lens | Toggle the AI code analysis panel |
| AI Refactor | Refactor selected code via Cendra (select code first) |
| Notifications | View system and agent notifications |
| Time Travel | Browse file edit history with timeline scrubbing |
| Terminal | Toggle the terminal panel |
| Run Task | Run npm scripts or Makefile targets from a dropdown |
| Recent Files | Quick access dropdown of recently opened files |
| Bookmarks | Jump to saved file+line locations |
| Settings | Open the Settings panel to customize font, theme, tab size, and more |
| Full Screen | Enter immersive full-screen mode (F11) |
Status bar
The status bar at the bottom of the IDE shows contextual information:
| Section | Content |
|---|---|
| Left | Branch badge (e.g. main), modified file count, Save All button, Discard All button, file size |
| Center | Live Coding toggle, Ghost Text toggle, AI Lens toggle |
| Right | Line/column position, language, encoding, CI badge (CI: pass / CI: fail / CI: unknown), Devbox connection status |
The branch badge updates in real time when you create or switch branches. The CI badge shows the pipeline status for the current branch.
Command palette
Press Ctrl+Shift+P to open the command palette. Type > to search commands, or just start typing to search files by name (Ctrl+P also opens file search mode).
Available commands include toggling panels, opening Git, starting Agent Mode, AI Refactor, AI Test Generator, AI Search, Find & Replace, Inline AI Edit, Git operations (file history, branch compare, cherry-pick, revert), closing tabs, and more. Over 30 commands are available.
Multi-repo workspace
When multiple repositories are open in a workspace, a repo-switcher dropdown appears in the toolbar. Each repo has its own file tree, editor state, and Devbox terminal session. Switch between repos instantly — up to 5 repos per workspace.
Full-screen mode
Press F11 to enter distraction-free full-screen mode. The main sidebar and header collapse, giving the editor maximum screen real estate. Press F11 again to exit.
Welcome screen
When no file is open, Studio shows a welcome screen with:
- Quick actions — open Cendra AI or run AI Code Lens with one click
- Recent files — the last 10 files you edited in this session
- Keyboard shortcuts — a reference card for the most common shortcuts
What makes it unique
The Studio is not just another browser IDE — it is the human interface to the Cendriix autonomous engineering platform:
| Capability | Description |
|---|---|
| Agent Mode with Devbox | Cendra executes code in a real isolated container — runs, tests, and iterates autonomously |
| Terminal error auto-fix | Errors detected in terminal output → one-click Cendra fix |
| Cross-repo context pinning | Pin files as persistent context for Cendra across conversations |
| AI-annotated diffs | Smart Diff explains why changes were made, not just what lines changed |
| PR Review → Fix loop | Review findings become one-click fixes directly in the IDE |
| Slash commands | 7 quick commands: /run, /edit, /explain, /test, /fix, /doc, /error |
| Live Coding animation | Watch Cendra write code character-by-character in the editor |
| Cortex grounding | Cendra is grounded in your org’s knowledge graph, not just the current file |