Documentation / The IDE
The interface
Title bar, rails, chat, editor and bottom panel. Everyday tools in view; everything else, one click away.
Yuli's interface is organized into three zones and puts what you use every day first. Everything else is one click away, with a name and a line that says what it's for.
┌─────────────────────────── Title bar ───────────────────────────┐
├────────────────────────── Project tabs ─────────────────────────┤
│ Left │ Project │ Chat │ Editor │ Right │
│ rail │ │ │ │ rail │
│ ├──────────┴───────────────┴──────────────────────┤ │
│ │ Bottom panel │ │
└─────────────────────────── Status bar ──────────────────────────┘
| Zone | What's there |
|---|---|
| Left: the project | Files, Git and the agent configuration. |
| Center: the conversation | The chat with the AI: Yuli Platform, Claude Code, Kiro, Codex or Antigravity. |
| Right: the work | The editor and its tabs: files, AI changes, REST Client, Web Studio, diagrams and tools. |
Title bar
| Part | Contents |
|---|---|
| Left | The ☰ button (Show menu). Collapsed, it shows the active project; expanded, the File, Edit, View, Project, Agent, Git, Tools, Window and Help menus. |
| Center | The agent capsule. When the agent is working, it tells you what it's doing (“The AI is working”, “Your Claude Code is working”, or how many agents and tasks). One click takes you to the chat. |
| Right | Light or dark theme toggle, token usage and the window buttons. |
Double-click the bar to maximize the window.
Project tabs
Below it, one tab per open project. From there you open another project, move it to a new window or use Split view: see two projects at once. Switch tabs with Ctrl+Alt+PageDown and Ctrl+Alt+PageUp.
Left rail
| Button | Purpose | Shortcut |
|---|---|---|
| Project | Shows or hides the project panel. | Alt+1 |
| Web Studio | Design, preview, architecture and full app. | Alt+Shift+W |
| Database | Connections, schemas, SQL and PL/SQL. | Alt+Shift+D |
| More tools | Opens the sheet with everything else. | — |
In More tools:
| Tool | Purpose | Shortcut |
|---|---|---|
| Remote repositories (MCP) | Connected GitHub and GitLab. | Alt+2 |
| Background tasks | What the AI does while you work. | Alt+Shift+B |
| Requirements | Rule → code → test traceability. | Alt+Shift+R |
| Containers | Docker and Kubernetes. | Alt+Shift+K |
| Remote development | WSL, SSH and dev containers. | Alt+Shift+O |
| CI/CD | Jenkins, GitHub Actions, GitLab CI and CloudBees. | Alt+Shift+J |
At the bottom of the rail, the button to show or hide the bottom panel.
Right rail
At the top, the Editor column:
- Editor: shows, hides or focuses the editor (
Ctrl+Shift+C). - AI changes: pending changes and history (
Ctrl+Alt+R). Shows a counter when there are changes to review.
In More tools:
| Tool | Purpose |
|---|---|
| REST Client | Test and debug HTTP requests (Alt+9). |
| Diagrams | How the system connects (Ctrl+Alt+D). |
| Governance Center | Quality contract, gates, sensitive data, design and delivery. |
| Security Center | Findings and secrets. |
| Modernization | Migrations and versions. |
| Characterization tests | Tests that pin down current behavior before you change it. |
| Remote environments | Variables and profiles. |
| APIGEE | Token, keys and contracts. |
At the bottom of the rail, the button to show or hide the chat (Ctrl+Alt+I).
Whatever you open from “More tools” moves up to the rail while you use it. That way you always see where you are without thirty icons in view.
Bottom panel
| Tab | Purpose | Shortcut |
|---|---|---|
| Terminal | Integrated terminal. | Alt+Shift+F12 |
| Run | Application output, with links to the code. | Alt+4 |
| Problems | Project errors and warnings. | Alt+6 |
| Tests | Test explorer and results. | Alt+5 |
| Quality | Grade, measurement and metrics. | — |
Under More: Sync (Alt+8), Maven / Gradle / Ant (Alt+7), Code Intelligence (Alt+0), Spring, Inspections, Containers and JVM. A tab you open from “More” stays on the bar while you use it.
Alt+F12 shows or hides the panel; Shift+Esc hides it.
Start screen
With nothing open, the editor asks “What do you want to do?” and offers four paths:
- Ask the AI: it plans the work, does it and verifies it.
- Open a file: search by name or pick one from the project.
- Design a screen: Web Studio draws the interface live and turns it into code.
- Run and test: starts the application and shows tests and problems.
Status bar
Shows session usage, the tokens of the current task, the project size, the quality grade, the Java engine status, resources (RAM and CPU) and CI status. One click expands it with the details.
Zen mode
Ctrl+Shift+F12 leaves only the editor. Press it again to bring the panels back.