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

# La agenda

> Vistas, filtros, tarjetas, arrastrar para mover, redimensionar y el detalle de la cita

**Calendario → Agenda** es el calendario en sí. Los administradores y quienes tienen *Ver todos* ven el **Calendario en Vivo** — todos los profesionales, una columna cada uno. Con *Ver propio* ves **Mi Calendario**.

## La cabecera

La fila del título muestra el mes, el nombre de tu empresa y tres cifras en vivo para el rango visible:

| Cifra                | Qué es                                                                                                                          |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------- |
| **WSAA**             | Tasa de éxito de acciones autónomas — citas agendadas por IA que no se cancelaron, sobre todas las agendadas por IA en el rango |
| **Reservas**         | Citas agendadas hoy                                                                                                             |
| **Reprogramaciones** | Citas movidas hoy                                                                                                               |

El engranaje abre la configuración.

## Vistas y disposición

<Frame caption="Vista Semana con la cuadrícula horaria">
  <img src="https://mintcdn.com/dialtu-0be120d3/UOZbFHLJBbw6lMHl/images/es/calendario/agenda-semana.png?fit=max&auto=format&n=UOZbFHLJBbw6lMHl&q=85&s=b94256ca570ef5de866a5f2221c09cda" alt="Vista Semana del 14 al 20 de septiembre de 2026 con la cuadrícula horaria, citas de varios profesionales apiladas, chips +2 más y un bloque Ocupado — Google Calendar el miércoles." width="2880" height="1800" data-path="images/es/calendario/agenda-semana.png" />
</Frame>

| Control                                           | Qué hace                                                                                                                 |
| ------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
| **Día / Semana / Mes**                            | Día muestra una columna por profesional y una tira de 7 días; Semana es una cuadrícula horaria; Mes son celdas por fecha |
| Cuadrícula / Lista                                | Semana y Día también se pueden ver como lista de tarjetas. Oculto en Mes                                                 |
| **Hoy**, flechas                                  | Saltar a hoy, moverse un periodo                                                                                         |
| **Ver las 24 horas / Ajustar al horario laboral** | Abajo a la izquierda. Por defecto la cuadrícula se ajusta al horario laboral más cualquier cita fuera de él              |

<Frame caption="Vista Mes con chips de color por servicio">
  <img src="https://mintcdn.com/dialtu-0be120d3/UOZbFHLJBbw6lMHl/images/es/calendario/agenda-mes.png?fit=max&auto=format&n=UOZbFHLJBbw6lMHl&q=85&s=d227472141d785c8b584d0dd21fba90b" alt="Vista Mes de septiembre de 2026 con las citas como chips de color por servicio en cada día, indicadores +N más y el día 17 resaltado como hoy." width="2880" height="1800" data-path="images/es/calendario/agenda-mes.png" />
</Frame>

<Frame caption="Vista lista de la semana con tarjetas por día">
  <img src="https://mintcdn.com/dialtu-0be120d3/UOZbFHLJBbw6lMHl/images/es/calendario/agenda-lista.png?fit=max&auto=format&n=UOZbFHLJBbw6lMHl&q=85&s=b2029d1be48418016a2143cc4b36a37f" alt="Vista Semana en modo lista del 14 al 20 de septiembre, con tarjetas por día que muestran hora, cliente, servicio, tipo de cita e iniciales del profesional, incluyendo citas canceladas tachadas." width="2880" height="1800" data-path="images/es/calendario/agenda-lista.png" />
</Frame>

Todo lo que eliges queda en la URL (`?view=`, `?date=`, `?service=`, `?staff=`), así que un enlace abre exactamente la misma vista.

<Note>
  La vista inicial depende del permiso: Admin y Ver todos abren **Día**; Ver propio abre **Semana**.
</Note>

## Filtros

<Frame caption="Filtro de personal para elegir profesionales">
  <img src="https://mintcdn.com/dialtu-0be120d3/UOZbFHLJBbw6lMHl/images/es/calendario/filtro-equipo.png?fit=max&auto=format&n=UOZbFHLJBbw6lMHl&q=85&s=a51a15c5058e96aa47ba7dca25c6cf13" alt="Desplegable Personal abierto en la vista Día con la opción Todo el Equipo y las casillas de cada profesional; solo Dr. Andrés Rojas y Dra. Camila Torres están marcados, con el servicio Dermatología filtrado." width="2880" height="1800" data-path="images/es/calendario/filtro-equipo.png" />
</Frame>

* **Todos los servicios** — un servicio a la vez, o todos.
* **Personal** — marca los profesionales que quieras. Solo Admin y Ver todos.

Con Ver propio no hay filtros: solo ves tu calendario.

## Leer una tarjeta

Cada tarjeta lleva el **color de su servicio**. Muestra la hora de inicio, el título y debajo el servicio y el tipo de cita. En las vistas de equipo un chip lleva las iniciales del profesional.

| Marca                               | Significado                                                            |
| ----------------------------------- | ---------------------------------------------------------------------- |
| Punto gris **Manual**               | Agendada a mano desde la agenda                                        |
| Tarjeta atenuada                    | **Cancelada** o **No asistió**                                         |
| Tarjeta *Ocupado — Google Calendar* | Tiempo bloqueado en el Google Calendar del profesional. No es una cita |
| Marca de solapamiento               | La cita choca con un bloque ocupado de Google                          |
| **+N más**                          | Demasiadas tarjetas en un bloque — clic para listarlas                 |

Pasa el cursor sobre una tarjeta pequeña para ver el resumen.

<Frame caption="Tooltip con el resumen de la cita al pasar el cursor">
  <img src="https://mintcdn.com/dialtu-0be120d3/UOZbFHLJBbw6lMHl/images/es/calendario/evento-tooltip.png?fit=max&auto=format&n=UOZbFHLJBbw6lMHl&q=85&s=543e6c39fa698a852c05a408f5defd82" alt="Tooltip flotante sobre la cita Santiago Mejía · Control de seguimiento mostrando el teléfono +573002555002, CUÁNDO 5:00 p. m. – 5:15 p. m., PROFESIONAL Dr. Felipe Velasquez, SERVICIO Control de seguimiento y TIPO DE CITA Call." width="2880" height="1800" data-path="images/es/calendario/evento-tooltip.png" />
</Frame>

## Mover y redimensionar con el ratón

En las cuadrículas de Día y Semana puedes arrastrar una tarjeta a otra hora, y en Día a la columna de otro profesional. Toma el borde superior o inferior para cambiar el inicio o el fin.

<Frame caption="Arrastra una tarjeta para cambiarla de hora">
  <img src="https://mintcdn.com/dialtu-0be120d3/UOZbFHLJBbw6lMHl/images/es/calendario/evento-arrastrar.png?fit=max&auto=format&n=UOZbFHLJBbw6lMHl&q=85&s=1f012ecb457a44b699ab854625066a08" alt="Vista Día con la tarjeta &#x22;Valentina Ríos · Cardiología&#x22; arrastrándose hacia abajo en la columna de Dr. Felipe Velasquez, con borde morado y una etiqueta negra con la nueva hora bajo el puntero" width="2880" height="1800" data-path="images/es/calendario/evento-arrastrar.png" />
</Frame>

<Frame caption="Redimensionando una cita desde el borde inferior">
  <img src="https://mintcdn.com/dialtu-0be120d3/UOZbFHLJBbw6lMHl/images/es/calendario/evento-redimensionar.png?fit=max&auto=format&n=UOZbFHLJBbw6lMHl&q=85&s=ba96b2d17066683c258eea56ce27926b" alt="Vista Día con la cita Valentina Ríos · Cardiología estirada desde su borde inferior hasta las 4:45 p. m., resaltada en morado y con la etiqueta flotante 2:00 p. m. – 4:45 p. m." width="2880" height="1800" data-path="images/es/calendario/evento-redimensionar.png" />
</Frame>

* Se ajusta a **15 minutos**; duración mínima **15 minutos**.
* La vista Mes solo mueve la **fecha**; ahí no se redimensiona.
* Pulsa **Escape** a mitad del arrastre para devolver la tarjeta a su sitio.
* La tarjeta se mueve al instante; si el servidor lo rechaza (el horario ya estaba ocupado, el profesional no está disponible), vuelve atrás con el motivo.

<Note>
  Solo puedes mover una tarjeta si eres Admin o el profesional de esa cita: *Solo puedes gestionar tus propias citas.*
</Note>

## Acciones con clic derecho

<Frame caption="Menú contextual con acciones rápidas de la cita">
  <img src="https://mintcdn.com/dialtu-0be120d3/UOZbFHLJBbw6lMHl/images/es/calendario/evento-menu-contextual.png?fit=max&auto=format&n=UOZbFHLJBbw6lMHl&q=85&s=64c6af4fe11bbf1d2f52afba23c5075e" alt="Menú contextual sobre la cita Valentina Ríos · Cardiología (2:00–2:45 p. m.) con las opciones Enviar recordatorio por WhatsApp, Marcar como confirmada, Reprogramar y Cancelar cita." width="2880" height="1800" data-path="images/es/calendario/evento-menu-contextual.png" />
</Frame>

| Acción                               | Qué hace                            |
| ------------------------------------ | ----------------------------------- |
| **Enviar recordatorio por WhatsApp** | Envía el recordatorio ahora, a mano |
| **Marcar como confirmada**           | Estado *Reservada* → *Confirmada*   |
| **Reprogramar**                      | Abre el flujo de reprogramación     |
| **Cancelar cita**                    | Abre la confirmación de cancelación |

Una cita cerrada muestra *Esta cita está cerrada.*

## El detalle de la cita

Haz clic en una tarjeta.

<Frame caption="Detalle completo de una cita reservada">
  <img src="https://mintcdn.com/dialtu-0be120d3/UOZbFHLJBbw6lMHl/images/es/calendario/evento-detalle.png?fit=max&auto=format&n=UOZbFHLJBbw6lMHl&q=85&s=6ac6533f2af5782f170f4a6cd3a6d932" alt="Modal de detalle de la cita Renata Guzmán · Consulta general del jue 17 de sept 09:00–09:30 a. m., con las secciones Cliente, Detalles (Video call, Dr. Felipe Velasquez, Reservado por IA · WhatsApp), Notas, Datos de la cita (Motivo de consulta, EPS / Aseguradora) y los botones Cancelar cita y Reprogramar." width="2880" height="1800" data-path="images/es/calendario/evento-detalle.png" />
</Frame>

| Bloque               | Qué contiene                                                                                                         |
| -------------------- | -------------------------------------------------------------------------------------------------------------------- |
| Cabecera             | Chip del servicio, estado (**Reservada / Confirmada / Cancelada / Cancelación tardía / No asistió**), título, cuándo |
| **Cliente**          | Nombre, teléfono, correo, **Abrir** → la ficha del cliente en el CRM                                                 |
| **Detalles**         | **Tipo de cita**, **Profesional**, **Reservado por** (*Manualmente*, *IA · WhatsApp*, *Vía API*), **Creado**         |
| **Notas**            | Lo que dijo el cliente, cuando la agendó una IA                                                                      |
| **Datos de la cita** | Las respuestas a las preguntas adicionales del agente, con su etiqueta                                               |
| **Ver conversación** | Solo en citas de IA — abre el chat                                                                                   |

### Reprogramar

<Frame caption="Reprogramar una cita eligiendo día y horario">
  <img src="https://mintcdn.com/dialtu-0be120d3/UOZbFHLJBbw6lMHl/images/es/calendario/evento-reprogramar.png?fit=max&auto=format&n=UOZbFHLJBbw6lMHl&q=85&s=49e683e2356268b550bc6e9ccd600e82" alt="Modal de reprogramación de Renata Guzmán · Consulta general con la sección Nueva fecha y hora, el día VI 18 seleccionado, Profesional Dr. Felipe Velasquez (actual), Duración 30 min, los chips de Horarios disponibles 9:30 a. m. y 10:00 a. m., la casilla Mantener el mismo profesional y los botones Cancelar y Confirmar." width="2880" height="1800" data-path="images/es/calendario/evento-reprogramar.png" />
</Frame>

Elige una **Nueva fecha y hora** entre los horarios realmente libres, opcionalmente otro **Profesional** (solo Admin, miembros del mismo servicio) y una **Duración** en pasos de 15 minutos hasta 4 horas. **Mantener el mismo profesional** viene activado; si lo desactivas, la cita pasa a cualquier miembro disponible del servicio cuando el actual está ocupado.

### Cancelar

<Frame caption="Confirmación para cancelar una cita">
  <img src="https://mintcdn.com/dialtu-0be120d3/UOZbFHLJBbw6lMHl/images/es/calendario/evento-cancelar.png?fit=max&auto=format&n=UOZbFHLJBbw6lMHl&q=85&s=530957ba35fd16beafe83f2c9205093b" alt="Modal de la cita Renata Guzmán · Consulta general con el aviso rojo ¿Cancelar esta cita? El horario queda libre y el cliente se queda sin reserva, los datos del cliente, y los botones Mantenerla y Cancelar cita." width="2880" height="1800" data-path="images/es/calendario/evento-cancelar.png" />
</Frame>

*¿Cancelar esta cita? El horario queda libre y el cliente se queda sin reserva.* → **Mantenerla** o **Cancelar cita**. Si cae dentro de la ventana de cancelación tardía del servicio, queda registrada como **cancelación tardía**.

## Qué no existe

* **Editar** título, notas, cliente o servicio después de agendar.
* **Marcar como no asistió** desde la interfaz (el estado existe; solo lo pone la API).
* **Un historial de cambios** de la cita.
* **Imprimir o exportar** la agenda.

## Siguiente paso

<Card title="Agendar una cita a mano" icon="plus" href="/es/calendar/new-event">
  La ventana Nuevo Evento.
</Card>
