> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.agentverse.ai/v-1/documentation/advanced-usages/hosted-code-editor/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.agentverse.ai/_mcp/server.

# Hosted Code Editor

> Use the Build tab to edit Hosted Agent code in the browser, manage secrets and logs, and work with multiple files.

The **Build** tab is the in-browser code editor for [Hosted Agents](/documentation/create-agents/hosted-agents). It is not shown for external Agents - those keep their code in their own runtime or repository and use the shared [Agent Dashboard](/documentation/getting-started/agent-dashboard) tabs for listing, discovery, and analytics.

Open your Hosted Agent from the **Agents** tab on [Agentverse](https://agentverse.ai/), then select **Build**.

![](/_fern-img/182145e2504275cb9a57c79d9324699db0e414c22661dbf854f4363dc656dc22.webp)

## Build panels

Inside Build, additional panels support day-to-day development:

1. **Agent Secrets** - Environment variables and credentials (for example API keys stored like a `.env` file).

2. **Agent Storage** - Data storage for the Agent.

3. **Agent Logs** - Terminal for execution logs, errors, and debugging, with filters by log level.

4. **AI Refinement** - Edit your Agent code using AI tools and natural language queries.

5. **Develop Locally** - Options to develop your Agent locally in the code editor of your choice. See also [Agentverse CLI](/documentation/advanced-usages/avctl).

   > **Note**
   >
   > Use Agent Logs to confirm the Agent runs cleanly and to catch errors as soon as they appear.

For which packages you can import in hosted Agent code, see [Allowed Imports](/documentation/advanced-usages/allowed-imports).

## Multi-file support

The hosted code editor supports multiple files so you can structure larger projects:

* **Import across files** - share functions, classes, and variables between modules
* **Modular development** - split work into smaller components
* **Code reuse** - use the same module in more than one place
* **Clearer organization** - keep the project easier to maintain

Create files with **+ New File** inside your hosted Agent on [Agentverse](https://agentverse.ai/).

Example message model in its own file:

**`copy`**

```python copy
from uagents import Model

class Sentence(Model):
    text: str
```

Import and use it from `agent.py`:

**`copy`**

```python copy
from uagents import Context
from message import Sentence

@agent.on_interval(period=2.0)
async def print_message(ctx: Context):
    msg = Sentence(text=f"Hello there my wallet address is {ctx.wallet}.")
    print(msg.text)
```

> Build, integrate, and launch agents using APIs and chat protocol.