AI IDE
AI Features

AI Features

IDE includes powerful AI capabilities integrated directly into the editor. Get help with coding, debugging, and understanding code without leaving your workflow.

AI Chat

Open the chat panel to have a conversation with AI about your code.

Open: Cmd/Ctrl + Shift + A

Features

  • Ask questions about your codebase
  • Get explanations for complex code
  • Request code suggestions
  • Debug issues with AI assistance

Tips

  • Select code before asking to include it as context
  • Reference files by name: “Look at the auth.js file”
  • Ask follow-up questions to refine answers

Inline AI

Get AI help directly in your code with inline editing.

Activate: Cmd/Ctrl + I

How to Use

  1. Select code (or place cursor where you want changes)
  2. Press Cmd/Ctrl + I
  3. Describe what you want
  4. Review and accept/reject the suggestion

Example Prompts

  • “Add error handling”
  • “Refactor to use async/await”
  • “Add TypeScript types”
  • “Optimize this function”
  • “Add documentation comments”

Right-Click AI Actions

Right-click on selected code for quick AI actions:

ActionWhat It Does
Explain CodeGet a plain-English explanation
Improve CodeSuggestions for better code
Add DocumentationGenerate docstrings/comments
Generate TestsCreate unit tests
Find BugsIdentify potential issues

Agent Mode

For larger tasks that span multiple files, use Agent Mode.

Capabilities

  • Multi-file refactoring
  • Feature implementation across files
  • Codebase-wide bug fixes
  • Test generation for modules

How to Use

  1. Open AI Chat
  2. Describe the larger task
  3. Agent analyzes your codebase
  4. Review and approve changes per file

Best For

  • “Rename this class across all files”
  • “Add logging to all API endpoints”
  • “Convert this module to TypeScript”
  • “Add error handling throughout”

AI Completions

As you type, AI suggests completions inline.

  • Suggestions appear in gray text
  • Press Tab to accept
  • Keep typing to dismiss

Model Selection

Choose which AI model to use:

  1. Open AI Chat
  2. Click the model dropdown
  3. Select your preferred model

Available models depend on your configuration.

Tips for Best Results

Be Specific 

Good: "Add try-catch around the API call and log errors"
Less effective: "Handle errors"

Provide Context 

Good: "This is a React component that fetches user data. Add loading states."
Less effective: "Add loading"

Iterate

Ask follow-up questions:

  • “Make it also handle network errors”
  • “Add TypeScript types to that”
  • “Now add tests for it”
Getting StartedKeyboard Shortcuts