> ## 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.

# Descripción de la interfaz

> Comprender el espacio de trabajo de tres paneles de SoloEnt

SoloEnt usa un diseño de tres paneles pensado para escribir de forma eficiente con ayuda de la IA.

## Diseño de tres paneles

<CardGroup cols={3}>
  <Card title="Izquierda: Archivos" icon="folder-tree">
    Estructura del proyecto y navegación
  </Card>

  <Card title="Centro: Editor" icon="pen-to-square">
    Espacio de escritura y edición
  </Card>

  <Card title="Derecha: Agent" icon="robot">
    Asistente de IA y 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="La interfaz de tres paneles de SoloEnt: el gestor de archivos a la izquierda, el editor en el centro con el contenido de un capítulo y el chat del Agent a la derecha" width="2880" height="1802" data-path="assets/images/interface-overview.png" />

<Tip>
  Arrastra los bordes de los paneles para ajustar cada sección. Los cambios se guardan automáticamente y se restauran en tu próxima sesión.
</Tip>

## Gestor de archivos (panel izquierdo)

Organiza tu proyecto de escritura con carpetas estándar:

* **World**: worldbuilding, ambientación, información de contexto
* **Characters**: perfiles y desarrollo de personajes
* **Outline**: estructura de la historia y puntos de la trama
* **Chapters**: tu contenido escrito real
* **Custom**: cualquier otro documento que crees

<Note>
  Mantén los archivos organizados por categoría. Esto ayuda tanto a ti como a la IA a entender mejor tu proyecto.
</Note>

### Operaciones con archivos

* **Crear**: clic derecho en la carpeta → **Nuevo archivo**
* **Renombrar**: clic derecho en el archivo → **Renombrar**
* **Mover**: arrastrar y soltar entre carpetas
* **Eliminar**: clic derecho en el archivo → **Eliminar**

## Editor (panel central)

Tu principal espacio de escritura con las funciones esenciales:

<CardGroup cols={2}>
  <Card title="Compatible con Markdown" icon="markdown">
    Escribe con el formato Markdown estándar
  </Card>

  <Card title="Vista dividida" icon="table-columns">
    Abre varios archivos en paralelo
  </Card>

  <Card title="Vista previa en vivo" icon="eye">
    Ve el contenido con formato en tiempo real
  </Card>

  <Card title="Autoguardado" icon="floppy-disk">
    Los cambios se guardan automáticamente
  </Card>
</CardGroup>

<Info>
  Más información en la [guía del Editor](../tips/Editor).
</Info>

## Agent (panel derecho)

Tu asistente de escritura con IA, con dos modos:

<Tabs>
  <Tab title="Modo Plan">
    **Para el pensamiento estratégico:**

    * Lluvia de ideas
    * Desarrollar esquemas
    * Investigar temas
    * Planificar los arcos de la historia
  </Tab>

  <Tab title="Modo Act">
    **Para la creación de contenido:**

    * Generar texto
    * Reescribir pasajes
    * Ampliar secciones
    * Editar y pulir
  </Tab>
</Tabs>

### Usar el Agent

<Steps>
  <Step title="Referenciar archivos">
    Arrastra un archivo del proyecto de la izquierda al chat para dar contexto.
  </Step>

  <Step title="Conversar con naturalidad">
    Haz preguntas o da instrucciones en lenguaje sencillo.
  </Step>

  <Step title="Cambiar de modo">
    Alterna entre los modos Plan y Act según tu tarea.
  </Step>
</Steps>

<Info>
  Más información en la [guía del Modo Plan](../tips/plan-mode).
</Info>

## Diseños predefinidos

Haz clic en los iconos de diseño de la esquina superior derecha para ajustar rápidamente tu espacio de trabajo:

| Preajuste                | Cuándo usarlo                        |
| ------------------------ | ------------------------------------ |
| **Enfoque en el editor** | Maximizar el espacio de escritura    |
| **Equilibrado**          | Espacio igual para todos los paneles |
| **Enfoque en el Agent**  | Ampliar el área del chat de IA       |
| **Personalizado**        | Arrastrar los bordes libremente      |

<Tip>
  Cambia de diseño según tu tarea actual. Usa Enfoque en el Agent para planificar y Enfoque en el editor para escribir.
</Tip>

## Próximos pasos

<CardGroup cols={2}>
  <Card title="Iniciar sesión" icon="right-to-bracket" href="./login">
    Inicia sesión para empezar
  </Card>

  <Card title="Configuración de idioma" icon="language" href="./language-settings">
    Configura tu idioma preferido
  </Card>

  <Card title="Configuración de tema" icon="palette" href="./theme-settings">
    Personaliza tu tema de color
  </Card>

  <Card title="Configuración de API" icon="key" href="./api-configuration">
    Configura tus claves API
  </Card>
</CardGroup>