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

# Conversaciones en el móvil

> La bandeja como una app de mensajería: pantallas, gestos y paneles en móviles y tablets

En un móvil, **CRM → Conversaciones** funciona como una app de mensajería: una cosa a la vez
— la bandeja, un hilo, los detalles de un contacto — y cada menú, filtro y confirmación es un
panel que puedes deslizar hacia abajo. No falta nada de la página de escritorio; está
reorganizado para el pulgar y el teclado en pantalla.

Abre `dashboard.dialtu.com` en el navegador del móvil e inicia sesión como siempre. En un
móvil aterrizas directamente en la bandeja. Para tenerla a un toque, añade la página a la
pantalla de inicio desde el menú de compartir del navegador.

<Note>
  El diseño móvil se activa por debajo de **768 px** de ancho. Entre **768 y 1023 px**
  (tablets) la bandeja se queda junto al hilo; a partir de **1024 px** ves la página de
  escritorio de tres paneles.
</Note>

## Las tres pantallas

<Steps>
  <Step title="Bandeja">
    La lista de conversaciones. Toca una fila para abrirla.
  </Step>

  <Step title="Hilo">
    Los mensajes, el redactor y, en la cabecera, quién gestiona la conversación. Toca el
    nombre, la franja de sesión o el botón **ⓘ** para abrir los detalles del contacto.
  </Step>

  <Step title="Detalles del contacto">
    Todo lo que muestra el panel derecho del escritorio: contacto, atención humana,
    Salesflow, etiquetas, automatizaciones activas, Actividad y Notas.
  </Step>
</Steps>

**‹** en la cabecera, o el gesto de atrás del propio móvil, siempre vuelve una pantalla. Cada
pantalla tiene su propia dirección, así que un enlace o una notificación pueden abrir un hilo
directamente; desde ahí, Atrás te lleva igualmente a la bandeja.

| Pantalla              | Dirección                                 |
| --------------------- | ----------------------------------------- |
| Bandeja               | `/conversations`                          |
| Hilo                  | `/conversations/<id del cliente>`         |
| Detalles del contacto | `/conversations/<id del cliente>/details` |

## La bandeja

<Frame caption="La bandeja: ≡ abre el menú de la app; la insignia del doble check cuenta las conversaciones con mensajes sin leer">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-01-inbox.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=df81e024b71100f19b536bc5d70b55e1" width="390" alt="Bandeja en el móvil: cabecera con el botón de menú, el título Conversaciones, el indicador En vivo, el botón de marcar todo como leído con una insignia y el botón de añadir cliente; un campo de búsqueda y un botón de filtro; las pestañas Todas, Mi bandeja y No leídas; una lista de conversaciones con avatares, insignias de canal, nombres, vistas previas, horas y contadores de no leídos" data-path="images/es/conversations/mobile-01-inbox.png" />
</Frame>

La cabecera lleva el menú de la app (**≡**), el indicador **En vivo** / **Sin conexión**,
**Marcar todo como leído** (su insignia cuenta las conversaciones con mensajes sin leer) y
**Añadir cliente**. Debajo, la búsqueda, el botón de filtro y las pestañas
**Todas · Mi bandeja · No leídas**.

Cada fila muestra el avatar con la insignia del canal (verde WhatsApp, azul SMS, morado voz),
el nombre en negrita cuando hay mensajes sin leer, un chip **Transferir** / **Revisar** /
**Nuevo** cuando corresponde, la hora, y después el icono de gestión (robot = responde la IA,
persona = responde alguien del equipo), el último mensaje, las iniciales del responsable y el
contador de no leídos. El número de teléfono pasa a la cabecera del hilo.

### Gestos

| Gesto                           | Qué ocurre                                                                                                                                     |
| ------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| **Tocar** una fila              | Abre el hilo y la marca como leída                                                                                                             |
| **Deslizar a la izquierda**     | Muestra **Leída** y **No leída**. Sigue deslizando a lo largo de toda la fila para marcarla como leída sin abrirla                             |
| **Mantener pulsado**            | Abre el menú de la fila: abrir, marcar como leída o no leída, **Tomar el control** (cuando la IA lleva la sesión) y abrir la ficha del cliente |
| **Tocar el filtro**             | Abre el panel de filtros                                                                                                                       |
| **Tocar una pestaña**           | Cambia entre Todas, Mi bandeja y No leídas                                                                                                     |
| **Llegar al final de la lista** | Carga conversaciones más antiguas                                                                                                              |

<Frame caption="Desliza una fila a la izquierda para Leída / No leída; un deslizamiento completo la marca como leída">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-02-swipe.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=88154ef98bbb34e94c1d8e6b8d48632b" width="390" alt="La fila de Lucía Ferrer deslizada a la izquierda, mostrando un botón morado Leída y un botón gris No leída" data-path="images/es/conversations/mobile-02-swipe.png" />
</Frame>

<Frame caption="Mantén pulsada una fila para ver su menú">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-03-long-press.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=b72bbfe301eaf49cadeadf0979a61343" width="390" alt="Un panel inferior titulado Nora Bennett con su número de teléfono y las opciones Abrir conversación, Marcar como leída y Abrir ficha del cliente" data-path="images/es/conversations/mobile-03-long-press.png" />
</Frame>

El panel de filtros tiene los mismos cuatro controles que el menú de escritorio:
**Etiquetas**, **Asignado a** y **Etapa del pipeline** abren su propia lista, y
**Necesita atención** es un interruptor. Los filtros se aplican mientras los cambias;
**Aplicar** cierra el panel y **Cancelar** restaura lo que tenías.

<Frame caption="El panel de filtros">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-04-filter-sheet.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=b561a380243c16d28a3941861f36ed0d" width="390" alt="Un panel inferior titulado Filtrar por con las filas Etiquetas, Asignado a y Etapa del pipeline, un interruptor Necesita atención y los botones Cancelar y Aplicar" data-path="images/es/conversations/mobile-04-filter-sheet.png" />
</Frame>

### Actualizaciones en vivo

La lista se actualiza en tiempo real. Si se pierde la conexión, **En vivo** pasa a
**Sin conexión** y bajo la cabecera aparece una franja *Conexión perdida — reconectando…*
hasta que se recupera. Cuando llega actividad nueva mientras has bajado en la lista, flota
sobre ella una píldora **conversaciones con actividad nueva**: tócala para volver arriba con
la lista al día.

## El hilo

<Frame caption="Un hilo de SMS que gestiona alguien del equipo: la cabecera, la franja de sesión, los mensajes y el redactor">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-05-thread.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=eba6b200ed3f81f451fd7e46ba1d37d1" width="390" alt="Pantalla de hilo en el móvil: flecha atrás, avatar, Lucía Ferrer y su número, un botón de acciones y un botón de información; una franja con Sesión SMS, Gestión humana, Lumina y Soporte de pedidos; burbujas de cliente y agente, una tarjeta de herramienta y una nota del sistema; un aviso ámbar Estás gestionando esta conversación con el botón Devolver a la IA; una fila de entrada con el chip de SMS, un botón más, el campo Mensaje y un botón de enviar" data-path="images/es/conversations/mobile-05-thread.png" />
</Frame>

| Control                               | Qué hace                         |
| ------------------------------------- | -------------------------------- |
| **‹**                                 | Vuelve a la bandeja              |
| **Nombre, número o franja de sesión** | Abre los detalles del contacto   |
| **⋯**                                 | El panel de acciones (más abajo) |
| **ⓘ**                                 | Abre los detalles del contacto   |

La franja de sesión es la cabecera de sesión del escritorio en una sola línea: canal, quién
gestiona, motor, agente y, en las llamadas, dirección, estado, duración y disposición.
Deslízala de lado si es más larga que la pantalla.

Los mensajes se ven exactamente igual que en el escritorio: el cliente a la izquierda, la IA y
tu equipo a la derecha, las ejecuciones de herramientas como tarjetas y las notas del sistema
como píldoras centradas. Sube para cargar mensajes anteriores; mientras estás arriba aparece
un botón **ir al último** con el contador de no leídos. En WhatsApp, toca la pequeña flecha de
respuesta junto a un mensaje para citarlo en tu respuesta.

<Frame caption="El panel de acciones ⋯">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-06-actions-sheet.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=b1a8e6d21231d05cfe7480f0421ba579" width="390" alt="Un panel inferior titulado Acciones con un campo de búsqueda y las filas Finalizar sesión en rojo, Devolver a la IA, Marcar como no leída, Editar nombre del cliente, Copiar número y Abrir ficha del cliente" data-path="images/es/conversations/mobile-06-actions-sheet.png" />
</Frame>

El panel de acciones reúne lo que en el escritorio vive en varios sitios:
**Finalizar sesión**, **Tomar el control** o **Devolver a la IA** (según corresponda),
**Marcar como no leída**, **Editar nombre del cliente**, **Copiar número** y
**Abrir ficha del cliente**. Se puede buscar.

## El redactor

El redactor es una fila de aviso y una fila de entrada. El aviso dice quién gestiona la
conversación y lleva el único botón que lo cambia; la fila de entrada tiene el chip de canal,
**+**, el campo de mensaje y **micrófono** o **enviar**.

<Frame caption="Gestión humana en WhatsApp: el micrófono aparece mientras el campo está vacío">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-07-composer-open.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=aa363998ec47688ac1265793291a8d88" width="390" alt="Un hilo de WhatsApp con un aviso ámbar Estás gestionando esta conversación — la IA ha dejado de responder y el botón Devolver a la IA, sobre una fila de entrada con el chip verde de WhatsApp, un botón más, un campo Mensaje vacío y un botón de micrófono" data-path="images/es/conversations/mobile-07-composer-open.png" />
</Frame>

| Control                                                  | Qué hace                                                                                                                                                                        |
| -------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Chip de canal** (verde WhatsApp, azul SMS, morado voz) | Abre **Responder por**: elige WhatsApp, SMS o Voz y, en WhatsApp, el número desde el que envías. Sustituye las pestañas de canal y los selectores Desde / Para del escritorio   |
| **+**                                                    | Abre **Más**: foto o vídeo, documento, mensajes predefinidos, mensajes programados, programar un mensaje                                                                        |
| **Campo de mensaje**                                     | Crece hasta cinco líneas. Escribe `/` para tus atajos de mensajes predefinidos. En el móvil, Intro añade una línea: envía con el botón (Ctrl / ⌘ + Intro con un teclado físico) |
| **Micrófono**                                            | En WhatsApp, mientras el campo está vacío: toca para grabar una nota de voz y luego envíala o descártala                                                                        |
| **Enviar**                                               | Sustituye al micrófono en cuanto hay texto o un adjunto                                                                                                                         |

<Frame caption="Responder por: el canal y el número de envío">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-08-channel-sheet.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=33188b8de1a4f76bf97de807315b3582" width="390" alt="Un panel inferior titulado Responder por que lista WhatsApp con la cuenta de envío, SMS y Voz, y después una sección Enviando desde con tres números de teléfono, el seleccionado marcado" data-path="images/es/conversations/mobile-08-channel-sheet.png" />
</Frame>

<Frame caption="Más: adjuntos, mensajes predefinidos y programados">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-09-more-sheet.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=6c6c76ed0492effb5fe67fada707adc7" width="390" alt="Un panel inferior titulado Más con las filas Foto o vídeo, Documento, Mensajes predefinidos, Mensajes programados y Programar mensaje" data-path="images/es/conversations/mobile-09-more-sheet.png" />
</Frame>

<Frame caption="Escribiendo: el campo crece y Enviar sustituye al micrófono">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-10-typing.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=9cd72e6ed660fb3d19550d8fd0eafcc2" width="390" alt="El redactor con un mensaje de tres líneas escrito en el campo y un botón morado de enviar a la derecha" data-path="images/es/conversations/mobile-10-typing.png" />
</Frame>

### Quién gestiona

* **Gestiona la IA**: un aviso morado con **Tomar el control**. El campo está cerrado hasta
  que tomas el control.
* **Gestión humana**: un aviso ámbar con **Devolver a la IA** (o **Que la IA tome el
  control** cuando la sesión nunca tuvo agente).
* **Sin sesión**: un botón **Iniciar chat de WhatsApp**, o el campo del mensaje inicial e
  **Iniciar chat SMS** en SMS.

La ventana de 24 horas de WhatsApp funciona como en el escritorio: cuando se ha cerrado, una
fila ámbar sustituye al campo y **Enviar una plantilla** es la única forma de escribir.

<Frame caption="Gestiona la IA con la ventana de 24 horas cerrada">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-12-take-over-window-closed.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=eda0c34ea92c24788981b8d8953e4b79" width="390" alt="Un hilo de WhatsApp con un aviso morado Sesión activa (manejo por IA) y el botón Tomar control, y debajo una fila ámbar Ventana de 24 h cerrada — solo plantillas con el botón Enviar una plantilla; la fila de entrada solo muestra el chip de canal y el botón más" data-path="images/es/conversations/mobile-12-take-over-window-closed.png" />
</Frame>

### Finalizar una sesión

**⋯ → Finalizar sesión** pregunta cómo se le comunica al cliente que la conversación ha
terminado: un mensaje de cierre genérico, uno escrito por la IA, uno que escribes tú, o
finalizar sin mensaje. Las sesiones de SMS se cierran sin mensaje de cierre.

<Frame caption="Finalizar sesión: la elección del mensaje de cierre">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-11-end-session-sheet.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=1a4828edaa90772bdc9a3c3976f6375e" width="390" alt="Un panel inferior titulado ¿Finalizar la sesión? con las opciones Mensaje de cierre genérico, Que la IA escriba el mensaje de cierre, Escribir mi propio mensaje y Solo finalizar la sesión, además de Cancelar y un botón rojo Finalizar sesión" data-path="images/es/conversations/mobile-11-end-session-sheet.png" />
</Frame>

### Llamadas

Elige **Voz** en el panel de canal, o abre una llamada anterior desde Actividad: la
transcripción muestra arriba el resumen de la IA y la grabación, y el redactor pasa a ser el
selector de agente, los **ajustes de llamada** e **Iniciar llamada**.

<Frame caption="Una llamada completada abierta desde Actividad, con el redactor de voz debajo">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-15-voice-call.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=4c21f374b8dfe4913b0845b9fae458f4" width="390" alt="La pantalla de hilo de una llamada: franja con Llamada entrante, Completada, duración y Agent Sarah; una tarjeta de resumen de la llamada; la transcripción con burbujas de agente, cliente y herramientas; abajo un selector de agente, un botón de ajustes y un botón Iniciar llamada" data-path="images/es/conversations/mobile-15-voice-call.png" />
</Frame>

## Detalles del contacto

<Frame caption="Los detalles del contacto en su propia pantalla">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-13-details.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=bd1664f78ba9d7f69953c77e0e73846e" width="390" alt="Pantalla de detalles del contacto: flecha atrás, Lucía Ferrer, botones de regenerar memoria y abrir ficha del cliente; tarjetas con el teléfono y un enlace Llamar y el correo, Mantener con atención humana con un interruptor, Salesflow con Añadir al pipeline, Etiquetas, Automatizaciones activas con una sesión SMS, y las pestañas Actividad y Notas con un botón de filtro" data-path="images/es/conversations/mobile-13-details.png" />
</Frame>

Toca el número de teléfono para llamar desde el móvil. Los dos botones de la cabecera
regeneran la memoria de la IA y abren la ficha completa del cliente. **Mantener con atención
humana** es un interruptor. **Salesflow**, **Etiquetas** y **Automatizaciones activas** se
comportan como en el escritorio; toca una sesión bajo Automatizaciones activas para abrirla.

En **Actividad**, toca cualquier llamada o chat anterior para abrir su transcripción en el
hilo; la pantalla de detalles se cierra sola. El botón de filtro abre el periodo, el tipo, el
agente y la etiqueta de disposición como un panel.

<Frame caption="El panel de filtro de Actividad">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-14-activity-filter-sheet.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=d391659243cd26e5b41eeae736f2764a" width="390" alt="Un panel inferior titulado Filtrar actividad con los chips de periodo 7 días, 30 días, 90 días y Todo, los chips de tipo Todos, Llamadas, WhatsApp y SMS, una lista de agentes con Todos los agentes marcado, y los botones Cancelar y Aplicar" data-path="images/es/conversations/mobile-14-activity-filter-sheet.png" />
</Frame>

## Paneles

Cada menú, filtro y confirmación se abre como un panel desde la parte inferior de la
pantalla. Ciérralo **arrastrando su asa hacia abajo**, **tocando fuera de él** o pulsando
**Atrás** en el móvil: Atrás cierra primero el panel y nunca sale del hilo, así que el mensaje
que estabas escribiendo sigue ahí.

## Tablets

Entre 768 y 1023 px la bandeja se queda a la izquierda y el hilo ocupa el resto; no hay flecha
atrás. Los detalles del contacto se deslizan desde la derecha: toca fuera para cerrarlos, o
toca un elemento de Actividad para abrir esa sesión detrás.

<Frame caption="Una tablet: la bandeja junto al hilo">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-16-tablet.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=e0c5fc17f1e28d222c79f37bd03fdb9a" width="600" alt="Diseño de tablet con la lista de la bandeja en una columna de 320 píxeles a la izquierda y el hilo de SMS con su redactor a la derecha" data-path="images/es/conversations/mobile-16-tablet.png" />
</Frame>

<Frame caption="Los detalles del contacto se deslizan sobre el hilo en una tablet">
  <img src="https://mintcdn.com/dialtu-0be120d3/SIqudOIolBlv0Yx7/images/es/conversations/mobile-17-tablet-details.png?fit=max&auto=format&n=SIqudOIolBlv0Yx7&q=85&s=4b4fab64b3ce334c2c449b4b736f9d7a" width="600" alt="El mismo diseño de tablet atenuado, con el panel de detalles del contacto entrando desde el borde derecho" data-path="images/es/conversations/mobile-17-tablet-details.png" />
</Frame>

## Relacionado

<CardGroup cols={2}>
  <Card title="La bandeja de Conversaciones" icon="inbox" href="/es/sms-agents/conversations">
    Estados, tomar el control y devolverlo, en la página de escritorio.
  </Card>

  <Card title="Asignación" icon="user-check" href="/es/salesflow/assignment">
    Cómo llegan las conversaciones a Mi bandeja.
  </Card>
</CardGroup>
