Workspace
Code editor
View and manually edit your project's source code directly in the Startbase code editor.
The built-in code editor gives you direct access to your project's underlying codebase. You can inspect files, make targeted edits, and troubleshoot issues without switching tools or exporting your project.
What you can do
- Browse your full project file structure
- Search across files and jump to specific components
- Inspect and edit files directly with syntax highlighting
- Right-click files in the tree to rename, copy, or delete them
- Format code, copy file content, and download files
- Reference files in chat to make targeted edits faster and clearer
Type @ or click the reference file button in the code editor to mention specific files in chat. For example: @src/components/UserProfile.tsx add a loading state here
Good to know
- Changes made in the editor immediately affect your project and live preview
- The AI is aware of your manual edits in subsequent prompts
- Manual editing is not required when building in Agent mode; it's for fine-tuning