Code Editor (IDE)

The IDE panel provides a browser-based code editor for viewing and editing your Terraform configuration files.

• Click the 'IDE' tab in the right panel

1. 1

   File Tree Navigation

   • Browse the workspace file structure in the left sidebar of the IDE panel
   • Click a file to open it in the editor
   • Supported file types: .tf, .tfvars, .json, .yaml, .sh, and more
2. 2

   Syntax Highlighting

   • Powered by Shiki syntax highlighter
   • Supports HCL (Terraform), JSON, YAML, Bash, and many other languages
   • Color-coded keywords, strings, variables, and comments
3. 3

   Viewing AI-Generated Code

   • When the AI writes Terraform code, it appears in the IDE automatically
   • Review the generated code before running Terraform commands
   • Hover over resources to see tooltips and documentation
4. 4

   Editing Files

   • Click into the editor to position your cursor
   • Make changes directly in the browser
   • Changes are saved automatically
5. 5

   IDE Header Toolbar

   • File name display
   • Save button (if manual save is required)
   • Format button: Auto-format the file using terraform fmt
   • Close file button
6. 6

   Multi-File Support

   • Open multiple files in the IDE
   • Switch between files using the file tree or open tabs

• main.tf: Primary resource definitions
• variables.tf: Input variable declarations
• outputs.tf: Output value definitions
• terraform.tfvars: Variable values (do not commit sensitive values)
• providers.tf: Provider configuration
• versions.tf: Required provider versions