AI Code Editor

The built-in code editor is powered by Monaco (the same engine as VS Code) with integrated AI assistance.

Opening the Editor

• Dashboard → Editor — Start with a blank workspace
• Open in Editor — From any mission output to continue editing

Keyboard Shortcuts

Quick Actions

The AI chat panel includes one-click actions:

• Complete — AI completes your code from the cursor position
• Explain — Get a plain-English explanation of selected code
• Fix — Auto-fix errors and bugs in the current file
• Refactor — Improve code structure without changing behavior
• Review — Get a code review with suggestions
• Generate — Write new code from a description

Tool-Powered Actions (Pro)

• Search Web — Search the internet for documentation, solutions, or references
• Browse URL — Fetch and analyze a specific web page

Chat Panel

Open the side panel to have a conversation with the AI:

1. Type your request in the chat input
2. The AI responds with code and explanations
3. Code blocks are auto-applied to the active file (except for review/explain)

Example Prompts

``` Add input validation to the createUser function using Zod ```

``` Write unit tests for the PaymentService class ```

``` Refactor this component to use React hooks instead of class state ```

Model Selection

Use the model selector dropdown to choose which AI model powers the editor:

• Free models — Gemini Flash, Llama 3.3 (no API cost)
• Premium models — Claude Sonnet, GPT-4o (better quality, uses API credits)

File Explorer

The left sidebar shows your project files as a tree. You can:

• Click files to open them
• Create new files
• Delete files
• Export the entire project as ZIP

Plan Limits

When you hit your limit, switch to a free model or upgrade your plan.