Apariencia y teclado
La interfaz web tiene un tema oscuro y uno claro, un tamaño de texto que puedes cambiar, un punto de estado que te indica si el relay responde y una disposición que alterna entre una barra lateral fija y un panel deslizable. Todo ello se guarda en tu navegador, así que cada dispositivo tiene su propio aspecto. Esta página también enumera los atajos de teclado.
Tema #
Abre Settings → General (Ajustes → General) y elige Dark (Oscuro) o Light (Claro) en Theme (Tema). El oscuro es el predeterminado. La elección se guarda en el navegador que usas: otro navegador u otro dispositivo conserva la suya. No hay opción para seguir el ajuste del sistema.
La app instalada también sigue el tema. Con Light, el icono de la app, el icono de la pestaña del navegador y el logotipo de la interfaz cambian al juego claro, y el fondo de arranque de la app y el color de la barra de herramientas pasan a blanco.
El menú ⋯ tiene el mismo interruptor como una entrada, ☀️ Day mode (Modo Día) o 🌙 Night
mode (Modo Noche), con el nombre del modo al que cambias. Nuevo en 0.9.11 Está
ahí siempre que has iniciado sesión, con o sin una conversación abierta. En la
vista compartida de solo lectura, que no
tiene ajustes, es la única entrada del menú.
Tamaño del texto #
Text scaling (Escala del texto) en Settings → General escala todo el texto de la interfaz, incluida la transcripción. Ofrece del 50 % al 150 % en pasos del 10 %. El valor predeterminado es 100 %.
Dos gestos también lo ajustan, en el mismo rango del 50 % al 150 %:
- Mantén pulsado Ctrl (o Cmd en un Mac) y gira la rueda del ratón. Un giro lento cambia el tamaño en un 1 %, uno rápido en más.
- Pellizca con dos dedos en una pantalla táctil.
Mientras lo haces se muestra una pequeña insignia con el porcentaje. Tras un
gesto, el desplegable muestra el valor intermedio, como 73%. Ambos gestos se
ignoran sobre una imagen en el visor de archivos,
donde hacen zoom en la imagen. El valor se guarda por navegador. Mientras lo
cambias, el mensaje que estabas leyendo se queda en su sitio.
El punto de estado del relay #
El punto está en la parte superior de la lista de conversaciones, con el texto CLI online (CLI en línea) o CLI offline (CLI sin conexión) al lado. Pasa el puntero sobre él para ver una información sobre herramientas. En un teléfono la lista es un panel deslizable que suele estar cerrado, así que las barras del botón ☰ toman el mismo color.
| Color | Información sobre herramientas | Significado |
|---|---|---|
| Gris | Web relay unreachable |
El navegador no tiene conexión con el relay. |
| Verde | Web relay reachable |
El relay responde. |
| Verde | Web relay reachable; CLI offline |
El relay responde, pero su lado de agente está sin conexión. Un banner dice «CLI is offline — messages will queue until it reconnects». |
| Ámbar | Web relay reachable via Cloudflare Tunnel |
El relay responde y además es accesible desde internet a través de su túnel de Cloudflare. |
| Verde | Web relay reachable; Cloudflare tunnel disconnected |
El túnel está configurado pero no conectado. El punto se queda en verde porque el relay en sí responde. La información sobre herramientas añade el error cuando lo hay. |
| Verde | Web relay reachable; Cloudflare tunnel off: cloudflared is not installed |
El túnel está configurado, pero falta cloudflared. El texto de error del propio relay puede sustituir la última parte. |
Cuando la CLI está en línea, la información sobre herramientas termina con
cuántos workers de sesión están procesando, degradados o esperando una
pregunta, en ese orden de prioridad: por ejemplo 2 session workers processing.
Las informaciones sobre herramientas de CLI sin conexión de la tabla conservan
el color del punto, así que el punto es ámbar cuando el túnel está conectado.
Disposición #
Escritorio #
La lista de conversaciones está fija a la izquierda. El botón ☰, Toggle conversations sidebar (Mostrar u ocultar la barra lateral de conversaciones), la pliega y la abre, y el navegador recuerda cuál de las dos. Arrastra el divisor entre la lista y el chat para cambiar su tamaño, del 10 % al 50 % del ancho de la ventana. El ancho se recuerda por separado para ventanas en vertical y en horizontal.
Teléfono #
Con 680 píxeles de ancho de ventana o menos, la lista se convierte en un panel deslizable sobre el chat que ocupa el 92 % del ancho. ☰ lo abre, y un toque en la zona oscurecida de fuera lo cierra. El tamaño del texto sigue el ancho de la pantalla dentro de un rango fijo, y tu Text scaling lo multiplica.
Diferencias por debajo de 680 píxeles:
- La tecla Enter del teclado en pantalla añade una línea. Envías con el botón Send (Enviar).
- Tras un envío, el área de redacción suelta el teclado. En una pantalla más ancha conserva el foco.
En horizontal en un teléfono (una pantalla táctil con una altura de 500 píxeles o menos), el tamaño del texto se basa en el lado corto de la pantalla, así que el teclado en pantalla no encoge el texto.
Teclado #
En un Mac, Cmd sustituye a Ctrl. Nada de esto se puede reasignar.
| Dónde | Tecla | Qué hace |
|---|---|---|
| Área de redacción | Ctrl+Enter | Envía el mensaje. |
| Área de redacción | Enter, Shift+Enter | Añade una línea nueva. |
Menús / y @ |
↑, ↓ | Mueven el resaltado. ↑ en la fila superior lo quita. |
Menús / y @ |
Tab | Acepta la fila resaltada, o la superior. |
Menús / y @ |
Enter | Acepta una fila a la que te moviste con las flechas. Si no, es una línea nueva. |
Menús / y @ |
Esc | Cierra el menú. |
| Tarjeta de pregunta, campo de texto | Ctrl+Enter | Envía la respuesta. |
| Filtro de la lista de conversaciones | Esc | Borra el filtro. |
| Búsqueda de mensajes | Enter | Ejecuta la búsqueda. |
| Búsqueda de mensajes | Esc | Cierra la búsqueda. |
| Edición del título | Enter | Guarda el título. |
| Edición del título | Esc | Cancela. |
| Explorador de archivos, renombrar o nueva carpeta | Enter | Confirma el nombre. |
| Explorador de archivos, renombrar o nueva carpeta | Esc | Cancela. |
| Explorador de archivos, confirmación de eliminación | Enter | Confirma la eliminación. |
| Menú Change CWD (Cambiar la carpeta de trabajo) | ↑, ↓, Home, End | Mueven el resaltado. |
| Menú Change CWD | Enter, Space | Abren el menú o eligen la carpeta resaltada. |
| Menú Change CWD | Esc, Alt+↑, Tab | Cierran el menú sin elegir. Las teclas de letra saltan a una carpeta que coincida. |
| Campos de repositorio y rama en la nube (conversación nueva) | ↑, ↓, Enter, Esc | Recorren las sugerencias, toman la resaltada, cierran la lista. |
| Fila de subagent en la transcripción | Enter, Space | La pliegan o despliegan (cuando la fila tiene el foco). |
| Visor de archivos | →, ← | Archivo siguiente o anterior de la galería. |
| Visor de archivos | Esc | Cierra el visor. |
| Pestañas de Settings | ←, →, ↑, ↓, Home, End | Pasan a otra pestaña y la abren. |
| Menús contextuales | ↑, ↓, Esc | Recorren las entradas o cierran el menú. |
Menú ⋯ |
Esc | Lo cierra. |
| Otras ventanas | Esc | Cierra la de más arriba: el visor de archivos, el visor de subagents, la ventana de cambios de Git y su diff, el editor de imágenes, el selector de emojis, el explorador de archivos y los cuadros de diálogo como Suspend host (Suspender el host). |
Los detalles de las teclas del área de redacción están en El área de redacción. Para las tarjetas de pregunta consulta Tarjetas de pregunta, y para la búsqueda La transcripción.
Idioma #
La interfaz web está en inglés. No tiene ajuste de idioma.