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

# The agenda

> Views, filters, cards, drag to move, resize, and the appointment detail

**Calendar → Agenda** is the calendar itself. Admins and View-All users see **Live Calendar** — every professional, one column each. View-Own users see **My Calendar**.

## The header band

The title row shows the month, your company name, and three live numbers for the visible range:

| Number          | What it is                                                                                                                |
| --------------- | ------------------------------------------------------------------------------------------------------------------------- |
| **WSAA**        | Autonomous Actions Success Rate — AI-booked appointments that were not cancelled, over all AI-booked appointments in view |
| **Bookings**    | Appointments booked today                                                                                                 |
| **Reschedules** | Appointments moved today                                                                                                  |

The gear icon opens Settings.

## Views and layout

<Frame caption="Week view with the current-time marker">
  <img src="https://mintcdn.com/dialtu-0be120d3/4ZUrsSjBIO2Dd9Ez/images/en/calendar/agenda-week.png?fit=max&auto=format&n=4ZUrsSjBIO2Dd9Ez&q=85&s=4a79cf8f12e8fafdbe913f1ee67e8cc7" alt="Live Calendar week view for Sep 14 – Sep 20, 2026 with a time grid from 7 AM to 6 PM, today (Fri 18) highlighted, overlapping bookings collapsed into '+2 more' pills, a grey 'Busy — Google Calendar' block on Wednesday, and a 'Show all 24 hours' link." width="2880" height="1800" data-path="images/en/calendar/agenda-week.png" />
</Frame>

| Control                                      | What it does                                                                                           |
| -------------------------------------------- | ------------------------------------------------------------------------------------------------------ |
| **Day / Week / Month**                       | Day shows one column per professional and a 7-day chip strip; Week is a time grid; Month is date cells |
| **Grid / List** toggle                       | Week and Day can also render as a list of cards. Hidden in Month                                       |
| **Today**, arrows                            | Jump to today, move one period                                                                         |
| **Show all 24 hours / Fit to working hours** | Bottom-left. The default fits the grid to working hours plus any appointment outside them              |

<Frame caption="Month view with color-coded service chips">
  <img src="https://mintcdn.com/dialtu-0be120d3/4ZUrsSjBIO2Dd9Ez/images/en/calendar/agenda-month.png?fit=max&auto=format&n=4ZUrsSjBIO2Dd9Ez&q=85&s=bb1abd3bd6bc170070f5af1de878b2e2" alt="Live Calendar month view for September 2026 with the Today, Day, Week, Month toggles, All services and Staff 5 filters, and colored event chips on Sep 14–24 such as Emma Johnson General consultation, Logan White Cardiology and Mia Jackson Dermatology with '+16 more' overflow on the 17th." width="2880" height="1800" data-path="images/en/calendar/agenda-month.png" />
</Frame>

<Frame caption="Week as a list of appointment cards">
  <img src="https://mintcdn.com/dialtu-0be120d3/4ZUrsSjBIO2Dd9Ez/images/en/calendar/agenda-list.png?fit=max&auto=format&n=4ZUrsSjBIO2Dd9Ez&q=85&s=db42e00521edf426fd2f7d71d45eb831" alt="Live Calendar list view for Sep 14 – Sep 20, 2026 with columns per weekday showing stacked appointment cards such as Emma Johnson General consultation In-Person, Noah Davis Pediatrics and struck-through cancelled events like Olivia Brown Dermatology, each tagged with the provider initials." width="2880" height="1800" data-path="images/en/calendar/agenda-list.png" />
</Frame>

Everything you choose is in the URL (`?view=`, `?date=`, `?service=`, `?staff=`), so a link opens the exact same view.

<Note>
  The default view depends on your permission: Admin and View All open **Day**; View Own opens **Week**.
</Note>

## Filters

<Frame caption="Filtering the calendar by staff member">
  <img src="https://mintcdn.com/dialtu-0be120d3/4ZUrsSjBIO2Dd9Ez/images/en/calendar/filter-staff.png?fit=max&auto=format&n=4ZUrsSjBIO2Dd9Ez&q=85&s=128a6babc64885a2be2ff93c262dc801" alt="Live Calendar day view filtered to Dermatology with the 'Staff 2' dropdown open showing an All Team checkbox and Dr. Emily Carter, Dr. Felipe Velasquez, Dr. James Reed unchecked while Dr. Michael Brooks and Dr. Sarah Mitchell are checked, leaving only their two columns visible." width="2880" height="1800" data-path="images/en/calendar/filter-staff.png" />
</Frame>

* **All services** — one service at a time, or all.
* **Staff** — tick any number of professionals. Admin and View All only.

View-Own users have no filters: they only ever see their own calendar.

## Reading a card

Each card is painted with its **service's colour**. It shows the start time, the title, and the service and appointment type underneath. On team views a chip carries the professional's initials.

| Marker                                | Meaning                                                                |
| ------------------------------------- | ---------------------------------------------------------------------- |
| Grey dot **Manual**                   | Booked by hand from the agenda                                         |
| Faded card                            | **Cancelled** or **No-show**                                           |
| Card reading *Busy — Google Calendar* | Time blocked on the professional's Google Calendar. Not an appointment |
| Overlap badge                         | The appointment collides with a Google busy span                       |
| **+N more**                           | Too many cards in one block — click to list them                       |

Hover a card for the **When** and **Service** tooltip.

<Frame caption="Hover tooltip with appointment summary">
  <img src="https://mintcdn.com/dialtu-0be120d3/4ZUrsSjBIO2Dd9Ez/images/en/calendar/event-tooltip.png?fit=max&auto=format&n=4ZUrsSjBIO2Dd9Ez&q=85&s=64c7ba02e42e079d00cd97ca8eb01ea4" alt="Live Calendar day view with a hover tooltip for 'Liam Williams · Follow-up check' showing the phone +12125550102, When 5:00 PM – 5:15 PM, Provider Dr. Felipe Velasquez, Service Follow-up check and Appointment type Call." width="2880" height="1800" data-path="images/en/calendar/event-tooltip.png" />
</Frame>

## Move and resize with the mouse

In Day and Week grids you can drag a card to a new time, and in Day view to another professional's column. Grab the top or bottom edge to change the start or end.

<Frame caption="Dragging an event to a new time">
  <img src="https://mintcdn.com/dialtu-0be120d3/4ZUrsSjBIO2Dd9Ez/images/en/calendar/event-drag.png?fit=max&auto=format&n=4ZUrsSjBIO2Dd9Ez&q=85&s=7c64c8a37004c474279efb36d7293616" alt="Live Calendar day view for Thursday, September 17, 2026 with the 'Emma J…' event card outlined in purple being dragged up Dr. Felipe Velasquez's column to around 10:30 AM, a black '10:30 AM – 11:15 AM' time badge below it, and the other providers' bookings such as 10:30 AM Benjamin Clark Pediatrics still in place." width="2880" height="1800" data-path="images/en/calendar/event-drag.png" />
</Frame>

<Frame caption="Resizing an event to change its duration">
  <img src="https://mintcdn.com/dialtu-0be120d3/4ZUrsSjBIO2Dd9Ez/images/en/calendar/event-resize.png?fit=max&auto=format&n=4ZUrsSjBIO2Dd9Ez&q=85&s=68744e24b28cd154b8844b316dbbb7bf" alt="Live Calendar day view with the 'Emma Johnson · Cardiology' event in Dr. Felipe Velasquez's column outlined in purple and stretched from 2:00 PM down to 4:45 PM, with a black '2:00 PM – 4:45 PM' badge showing the new duration during the resize." width="2880" height="1800" data-path="images/en/calendar/event-resize.png" />
</Frame>

* Snaps to **15 minutes**; minimum duration **15 minutes**.
* Month view only moves the **date**; no resize there.
* Press **Escape** mid-drag to put the card back.
* The card moves immediately; if the backend refuses (the slot was taken, the professional isn't available), it snaps back with the reason.

<Note>
  You can only move a card if you're an Admin or the appointment's own professional: *You can only manage your own appointments.*
</Note>

## Right-click actions

<Frame caption="Right-click actions on a calendar event">
  <img src="https://mintcdn.com/dialtu-0be120d3/4ZUrsSjBIO2Dd9Ez/images/en/calendar/event-context-menu.png?fit=max&auto=format&n=4ZUrsSjBIO2Dd9Ez&q=85&s=ea602e83ceee0b353ce6d00f55a9becd" alt="Live Calendar day view with a right-click context menu open on 'Emma Johnson · Cardiology 2:00 PM – 2:45 PM' offering Send WhatsApp reminder, Mark as confirmed, Reschedule and Cancel event." width="2880" height="1800" data-path="images/en/calendar/event-context-menu.png" />
</Frame>

| Action                     | What it does                    |
| -------------------------- | ------------------------------- |
| **Send WhatsApp reminder** | Sends the reminder now, by hand |
| **Mark as confirmed**      | Status *Booked* → *Confirmed*   |
| **Reschedule**             | Opens the reschedule flow       |
| **Cancel event**           | Opens the cancel confirmation   |

A closed appointment shows *This appointment is closed.*

## The appointment detail

Click a card.

<Frame caption="Appointment detail with client and intake data">
  <img src="https://mintcdn.com/dialtu-0be120d3/4ZUrsSjBIO2Dd9Ez/images/en/calendar/event-detail.png?fit=max&auto=format&n=4ZUrsSjBIO2Dd9Ez&q=85&s=a884fd1d805e1886bbd51cf9f6d7241d" alt="Event detail modal for 'Amelia Thompson · General consultation' tagged GENERAL CONSULTATION and Booked, Thu, Sep 17 09:00–09:30 AM America/New_York, with the client card (+12125550115, amelia.thompson@vitalis.example, Open link), details (Video call, Dr. Felipe Velasquez, AI · WhatsApp, created Sep 18 05:19 PM), notes 'Three episodes this week; no fever.', appointment data (Reason for visit: Recurring migraines, Insurance: UnitedHealthcare), and 'Cancel event' / 'Reschedule' buttons." width="2880" height="1800" data-path="images/en/calendar/event-detail.png" />
</Frame>

| Block                 | What's in it                                                                                            |
| --------------------- | ------------------------------------------------------------------------------------------------------- |
| Header                | Service chip, status (**Booked / Confirmed / Cancelled / Late cancellation / No-show**), title, when    |
| **Client**            | Name, phone, email, **Open** → the client's CRM page                                                    |
| **Details**           | **Appointment Type**, **Provider**, **Booked by** (*Manually*, *AI · WhatsApp*, *Via API*), **Created** |
| **Notes**             | What the customer said, when an AI booked it                                                            |
| **Appointment data**  | The answers to the agent's extra questions, labelled                                                    |
| **View conversation** | Only for AI bookings — opens the chat                                                                   |

### Reschedule

<Frame caption="Rescheduling an appointment to a new slot">
  <img src="https://mintcdn.com/dialtu-0be120d3/4ZUrsSjBIO2Dd9Ez/images/en/calendar/event-reschedule.png?fit=max&auto=format&n=4ZUrsSjBIO2Dd9Ez&q=85&s=656979fd5b279981adf6d21c0373446b" alt="Reschedule panel inside the 'Amelia Thompson · General consultation' modal (GENERAL CONSULTATION, Booked, Thu, Sep 17 09:00–09:30 AM America/New_York) with a 'New date & time' day picker where MO 21 is selected, Professional 'Dr. Felipe Velasquez (current)', Duration 30 min, Available times chips 9:00 AM through 11:30 AM every 30 min, a checked 'Keep the same provider' box, ID #109 and Cancel / Confirm buttons." width="2880" height="1800" data-path="images/en/calendar/event-reschedule.png" />
</Frame>

Pick a **New date & time** from the real free slots, optionally another **Professional** (Admin only, members of the same service) and a **Duration** in 15-minute steps up to 4 hours. **Keep the same provider** is on by default; off, the booking moves to any available member of the service if the current one is busy.

### Cancel

<Frame caption="Confirming an appointment cancellation">
  <img src="https://mintcdn.com/dialtu-0be120d3/4ZUrsSjBIO2Dd9Ez/images/en/calendar/event-cancel.png?fit=max&auto=format&n=4ZUrsSjBIO2Dd9Ez&q=85&s=9bce66fe650dc7e02e5cf06a65cdb222" alt="Event detail modal for 'Amelia Thompson · General consultation' on Thu, Sep 17 09:00–09:30 AM America/New_York showing a red confirmation banner 'Cancel this appointment? The slot is freed and the client keeps no booking.', the client card with +12125550115 and amelia.thompson@vitalis.example, details (Video call, Dr. Felipe Velasquez, AI · WhatsApp), notes, and 'Keep it' / 'Cancel appointment' buttons." width="2880" height="1800" data-path="images/en/calendar/event-cancel.png" />
</Frame>

*Cancel this appointment? The slot is freed and the client keeps no booking.* → **Keep it** or **Cancel appointment**. If it's inside the service's late-cancellation window, it's recorded as a **late cancellation**.

## What doesn't exist

* **Editing** title, notes, client or service after booking.
* **Mark as no-show** from the UI (the status exists; only the API sets it).
* **A change history** on the appointment.
* **Printing or exporting** the agenda.

## Next step

<Card title="Book an appointment by hand" icon="plus" href="/en/calendar/new-event">
  The New Event window.
</Card>
