---
title: "Editor interface"
description: "Learn about the Alpacon code editor interface. Understand the VS Code-like editing environment, file explorer, clipboard support, and dark mode features."
---

> Full documentation index: https://docs.alpacax.com/llms.txt

# Editor interface

The Alpacon Editor provides a VS Code-like editing environment directly in your browser. Once connected, the editor loads as a full-screen interface where you can browse, edit, and manage files on the remote server.

## Editor layout

The editor interface includes:

- **File explorer**: Browse and navigate the server's file system
- **Editor tabs**: Open multiple files simultaneously with tab navigation
- **Code editor**: Full-featured editor with syntax highlighting
- **Integrated terminal**: Run commands directly within the editor

## Clipboard support

The editor supports clipboard operations between your local machine and the remote server:

- **Copy**: Select text in the editor and copy to your local clipboard
- **Paste**: Paste content from your local clipboard into the editor

Clipboard access is enabled through browser permissions. If prompted, allow clipboard access for the editor to work properly.

## Dark mode

The editor automatically adapts to your system or Alpacon theme preference:

- **Light mode**: Light background with dark text
- **Dark mode**: Dark background with light text

The theme switches automatically when you change your Alpacon theme setting.

## Full-screen experience

The editor opens in a new browser tab and uses the full window area. This provides maximum screen space for code editing.

## Related docs

- [Connect to editor](/use/work-sessions/editor/connect/)
- [Editor sessions](/use/work-sessions/editor/sessions/)

Source: https://docs.alpacax.com/use/work-sessions/editor/interface/