> ## Documentation Index
> Fetch the complete documentation index at: https://docs.soloent.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Interface Overview

> Understanding SoloEnt's three-panel workspace

SoloEnt uses a three-panel layout designed for efficient writing with AI assistance.

## Three-panel layout

<CardGroup cols={3}>
  <Card title="Left: Files" icon="folder-tree">
    Project structure and navigation
  </Card>

  <Card title="Center: Editor" icon="pen-to-square">
    Writing and editing workspace
  </Card>

  <Card title="Right: Agent" icon="robot">
    AI assistant and chat
  </Card>
</CardGroup>

<img src="https://mintcdn.com/soloent/cLH-buynGK5Y9DZl/assets/images/interface-overview.png?fit=max&auto=format&n=cLH-buynGK5Y9DZl&q=85&s=cd32760f779353ad7bc55518a059aa6e" alt="SoloEnt three-panel interface showing file manager on left, editor in center with chapter content, and Agent chat on right" width="2880" height="1802" data-path="assets/images/interface-overview.png" />

<Tip>
  Drag panel boundaries to adjust each section. Changes save automatically for your next session.
</Tip>

## File manager (Left panel)

Organize your writing project with standard folders:

* **World**: World-building, settings, background information
* **Characters**: Character profiles and development
* **Outline**: Story structure and plot points
* **Chapters**: Your actual written content
* **Custom**: Any additional documents you create

<Note>
  Keep files organized by category. This helps both you and the AI understand your project better.
</Note>

### File operations

* **Create**: Right-click folder → **New File**
* **Rename**: Right-click file → **Rename**
* **Move**: Drag and drop between folders
* **Delete**: Right-click file → **Delete**

## Editor (Center panel)

Your main writing workspace with essential features:

<CardGroup cols={2}>
  <Card title="Markdown support" icon="markdown">
    Write with standard Markdown formatting
  </Card>

  <Card title="Split view" icon="table-columns">
    Open multiple files side-by-side
  </Card>

  <Card title="Live preview" icon="eye">
    See formatted content in real-time
  </Card>

  <Card title="Auto-save" icon="floppy-disk">
    Changes save automatically
  </Card>
</CardGroup>

<Info>
  Learn more in the [Editor guide](../tips/Editor).
</Info>

## Agent (Right panel)

Your AI writing assistant with two modes:

<Tabs>
  <Tab title="Plan Mode">
    **For strategic thinking:**

    * Brainstorm ideas
    * Develop outlines
    * Research topics
    * Plan story arcs
  </Tab>

  <Tab title="Act Mode">
    **For content creation:**

    * Generate text
    * Rewrite passages
    * Expand sections
    * Edit and refine
  </Tab>
</Tabs>

### Using the Agent

<Steps>
  <Step title="Reference files">
    Drag a file from the project on the left into the chat to provide context.
  </Step>

  <Step title="Chat naturally">
    Ask questions or give instructions in plain language.
  </Step>

  <Step title="Switch modes">
    Toggle between Plan and Act modes based on your task.
  </Step>
</Steps>

<Info>
  Learn more in the [Plan Mode guide](../tips/plan-mode).
</Info>

## Layout presets

Click the layout icons in the top-right corner to quickly adjust your workspace:

| Preset           | Use Case                   |
| ---------------- | -------------------------- |
| **Editor focus** | Maximize writing space     |
| **Balanced**     | Equal space for all panels |
| **Agent focus**  | Expand AI chat area        |
| **Custom**       | Drag boundaries freely     |

<Tip>
  Switch layouts based on your current task. Use Agent focus for planning, Editor focus for writing.
</Tip>

## Next steps

<CardGroup cols={2}>
  <Card title="Log in" icon="right-to-bracket" href="./login">
    Sign in to get started
  </Card>

  <Card title="Language settings" icon="language" href="./language-settings">
    Set your preferred language
  </Card>

  <Card title="Theme settings" icon="palette" href="./theme-settings">
    Customize your color theme
  </Card>

  <Card title="API configuration" icon="key" href="./api-configuration">
    Configure your API keys
  </Card>
</CardGroup>