Editor

When a project is open, the main workspace includes the file tree, code editor, terminal, and dependency panels.

File tree

• Browse and open files in the project. Only editable paths (e.g. under src/, certain config files) can be opened for editing; others are read-only or excluded.
• Click a file to open it in the code editor. The editor shows one file at a time.

Code editor

• CodeMirror with TypeScript support (syntax, basic intelligence). Theme and keybindings follow the app defaults.
• Search — Find in file; history and undo/redo are available.
• Edits are saved to disk. The app manages which paths are writable to keep the project structure intact.

Terminal

• Install — Run bun install in the project (e.g. after adding or removing dependencies).
• Run — Start the dev server (e.g. bun run dev). Logs stream in the terminal; you can stop the process from the app.
• Build — Run the project build (e.g. bun run build) to produce bundles for deployment.

Install runs automatically when you open a project if dependencies aren’t installed yet.

Dependencies

• Add — Search the npm registry and add packages to dependencies (or optionally devDependencies). Uses Bun to modify package.json and run install.
• Remove — Remove non-core dependencies. Core dependencies (defined by the starter template) are kept.

Dependency changes are reflected in the terminal output and in the file tree once package.json is updated.

Layout

• The AI edits panel can be shown alongside or instead of the code view, depending on layout and view mode.
• Deploy and Embed actions are available from the terminal/deploy area when you’re signed in and the project is deployable.