Interface Overview

The Kodezi Code interface is designed to be simple, clean, and easy to navigate. This page helps you understand each part of the workspace so you can work comfortably and make full use of all features available.

File Explorer (Left Sidebar)

The File Explorer allows you to organize and manage your project files. You can:

• Create folders
• Add new files
• Rename or delete items
• Navigate through your project structure

This panel helps you keep everything organized and gives the AI a clear view of how your project is structured.

Code Editor (Center Panel)

The Code Editor is where you write and edit your code. It includes:

• Syntax highlighting for multiple languages
• Smart indentation and formatting
• Real-time error detection
• Multi-tab support so you can work on several files at once

The editor is fully integrated with the AI system, allowing you to get help, suggestions, and improvements directly in your workflow.

AI Assistant Panel (Right Sidebar)

This panel provides all AI-powered tools, including:

• Debug: detects and fixes issues
• Optimize: improves performance and readability
• Explain: breaks down code in simple language
• Generate: creates new code from your instructions

You can select any code in the editor, choose an AI action, and apply changes instantly.

Terminal (Bottom Panel)

The built-in terminal allows you to run commands without leaving the browser. You can:

• Install packages
• Run scripts
• Start development servers
• View logs and outputs instantly

It behaves just like a regular command-line environment and integrates seamlessly with your project files.

Toolbar (Top Panel)

The toolbar gives quick access to essential actions such as:

• Running code
• Performing analysis
• Triggering AI actions
• Opening tools
• Switching between Kodezi applications

This helps you move quickly between different parts of your workflow.

Putting It All Together

Each part of the interface works together to give you a complete, streamlined development experience. With the File Explorer, Editor, AI Panel, Terminal, and Toolbar all in one place, you can build, test, and improve your project efficiently.

Continue with Build Your First Project to start writing real code inside the IDE.