IDE Features

Editor & file explorer

The left sidebar is the file explorer. Click any file to open it in a tab. Right-click a folder to create new files or folders. Files with unsaved changes show a dot indicator on their tab.

Save — saves the current file (and all modified files if multiple are dirty). Glows accent color when there are unsaved changes
Revert (↩ icon) — discards unsaved changes and restores the last saved git commit
History (clock icon) — opens version history showing all past commits with one-click restore
Checking files in the explorer adds them as context for AI responses
Files with emojis and special characters are handled correctly (full UTF-8 support)

A collapsible projects sidebar sits on the far left of the IDE on desktop. Click the Layers icon to expand it and browse all your projects without leaving the IDE. Clicking a project navigates to it instantly — the full IDE reloads for that project.

Status dot per project — green (ready), amber (building), red (failed), grey (unknown)
Project initials avatar for quick visual identification
Highlights the currently active project
New project button at the bottom links to the Dashboard
Sidebar state persists across sessions via localStorage

Split view & terminal

Use the panel mode tabs at the bottom of the IDE (Split / Editor / Terminal / Inspect) to switch layout. Split view shows the editor on top and terminal below — drag the divider to resize.

NoteTerminal access requires the Max plan. The terminal runs a real shell via WebSocket — you can run npm commands, inspect files, and more.

Dev preview

Every project gets a live dev preview URL (prev-xxxxxx.aicodesit.app) served from an isolated container. The preview refreshes automatically when you save files. Navigate to specific paths using the address bar, or open the preview in a new tab via the Links button (green icon in the header).

The preview correctly handles multi-page sites — navigating to /about or /admin-dashboard loads the actual page, not a redirect to the homepage.

NoteThe dev preview starts on-demand. First load may take 10–30 seconds while the container boots.

History & revert

Every file save is automatically committed to git. Click the History button (clock icon) in the header to browse past commits. Click any commit to restore your project to that exact state.

Full git history — every save creates a timestamped snapshot
One-click restore — click any commit to roll back instantly
Per-file revert — click the ↩ button to discard unsaved changes for the current file only

Mobile IDE

The IDE is fully usable on mobile devices. A bottom navigation bar lets you switch between Files, Editor, Terminal, Preview, and AI tabs. The header compresses to show only essential controls.