@fayz-ai/plugin-agenda 0.1.7 → 0.2.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { setAgendaTenantId, getAgendaTenantId } from './chunk-3LJKZQK4.js';
-import React11, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
-import { getSupabaseClientOptional, registerTranslations, createSafeDataProvider, usePluginRuntimeOptional, useTranslation, getActiveTenantId, getCurrentLocale } from '@fayz-ai/core';
+import React12, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
+import { getSupabaseClientOptional, registerTranslations, createSafeDataProvider, usePluginRuntimeOptional, useTranslation, getActiveTenantId, getCurrentLocale, formatCurrency } from '@fayz-ai/core';
 import { createPluginContext, setScheduleBlockConfig, getScheduleBlockConfig, PluginSettingsPanel, dedup, SettingsGroup, ToggleRow, SelectRow, usePluginPrefs, PersonLink, CrudFormPage, CrudDetailPage } from '@fayz-ai/saas';
 import FullCalendar from '@fullcalendar/react';
 import dayGridPlugin from '@fullcalendar/daygrid';
@@ -67,23 +67,47 @@ var DEFAULT_BOOKING_TYPES = [
     requiresClient: false
   }
 ];
+var SIMPLE_EVENT_BOOKING_TYPES = [
+  {
+    id: "event",
+    label: "Event",
+    icon: "Calendar",
+    color: "#6366f1",
+    fields: { title: true, client: false, professional: false, services: false, location: false, status: false },
+    requiresServices: false,
+    requiresClient: false
+  }
+];
 function resolveConfig(options) {
+  const simple = options?.eventMode === "simple";
+  const bookingTypes = options?.bookingTypes ?? (simple ? SIMPLE_EVENT_BOOKING_TYPES : DEFAULT_BOOKING_TYPES);
+  const capabilities = {
+    title: bookingTypes.some((bt) => bt.fields.title === true),
+    client: bookingTypes.some((bt) => bt.fields.client),
+    professional: bookingTypes.some((bt) => bt.fields.professional),
+    services: bookingTypes.some((bt) => bt.fields.services),
+    location: bookingTypes.some((bt) => bt.fields.location),
+    status: bookingTypes.some((bt) => bt.fields.status)
+  };
   return {
     modules: {
-      workingHours: options?.modules?.workingHours !== false,
-      confirmations: options?.modules?.confirmations !== false,
-      conflictDetection: options?.modules?.conflictDetection !== false,
+      // Off-unless-explicit in simple mode (`?? !simple`); default-on in full.
+      workingHours: options?.modules?.workingHours ?? !simple,
+      confirmations: options?.modules?.confirmations ?? !simple,
+      conflictDetection: options?.modules?.conflictDetection ?? !simple,
       dragAndDrop: options?.modules?.dragAndDrop !== false,
       locationSelection: options?.modules?.locationSelection === true,
       financial: options?.modules?.financial ?? !!options?.financialBridge
     },
+    simpleMode: simple,
+    capabilities,
     labels: { ...DEFAULT_LABELS, ...options?.labels },
     currency: { ...DEFAULT_CURRENCY, ...options?.currency },
     bookingKind: options?.bookingKind ?? "appointment",
     orderKind: options?.orderKind ?? "service_order",
     scheduleKind: options?.scheduleKind ?? "working_hours",
     statuses: options?.statuses ?? DEFAULT_STATUSES,
-    bookingTypes: options?.bookingTypes ?? DEFAULT_BOOKING_TYPES,
+    bookingTypes,
     businessHours: options?.businessHours ?? { startTime: "07:00", endTime: "21:00" },
     slotDuration: options?.slotDuration ?? 30,
     professionalKind: options?.professionalKind ?? "staff",
@@ -91,6 +115,8 @@ function resolveConfig(options) {
     autoCreateOrder: options?.autoCreateOrder !== false,
     locations: options?.locations ?? [],
     confirmationChannels: options?.confirmationChannels ?? [],
+    cancellationDetails: options?.cancellationDetails,
+    onBookingCreated: options?.onBookingCreated,
     contactLookup: options?.contactLookup,
     clientEntityDef: options?.clientEntityDef,
     serviceLookup: options?.serviceLookup,
@@ -418,7 +444,7 @@ function toDateLocale(locale) {
 }
 function MiniCalendar({ selectedDate, onDateSelect, onMonthChange }) {
   const locale = getCurrentLocale();
-  const [viewMonth, setViewMonth] = React11.useState(() => new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
+  const [viewMonth, setViewMonth] = React12.useState(() => new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
   const monthLabel = viewMonth.toLocaleDateString(toDateLocale(locale), { month: "long", year: "numeric" });
   const dayLabels = DAY_LABELS[locale] ?? DAY_LABELS.en;
   const weeks = useMemo(() => {
@@ -707,7 +733,7 @@ var ICON_COLORS = {
   bank_transfer: "text-warning",
   check: "text-muted-foreground"
 };
-function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPaymentChange, formatCurrency, inline }) {
+function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPaymentChange, formatCurrency: formatCurrency2, inline }) {
   const t = useTranslation();
   const config = useAgendaConfig();
   const bridge = config.financialBridge;
@@ -789,7 +815,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
     !loading && isPaid && justPaid && /* @__PURE__ */ jsxs("div", { className: "text-center py-8 space-y-2 animate-in fade-in zoom-in-95 duration-300", children: [
       /* @__PURE__ */ jsx("div", { className: "flex h-14 w-14 mx-auto items-center justify-center rounded-full bg-success/10 animate-bounce", style: { animationDuration: "600ms", animationIterationCount: "2" }, children: /* @__PURE__ */ jsx(Check, { className: "h-7 w-7 text-success" }) }),
       /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-success", children: t("agenda.payment.checkoutComplete") }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatCurrency(detail.totalAmount) })
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatCurrency2(detail.totalAmount) })
     ] }),
     !loading && detail && detail.status !== "none" && !justPaid && /* @__PURE__ */ jsxs("div", { className: "space-y-3 animate-in fade-in duration-300", children: [
       detail.movements.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: detail.movements.map((mov) => {
@@ -821,21 +847,21 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
             ] }),
             isPartial && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-warning/10 px-2 py-0.5 text-[10px] font-medium text-warning", children: [
               "! ",
-              formatCurrency(mov.paidAmount),
+              formatCurrency2(mov.paidAmount),
               "/",
-              formatCurrency(mov.amount)
+              formatCurrency2(mov.amount)
             ] }),
             isOverdue && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-[10px] font-medium text-destructive", children: [
               "! ",
               t("agenda.payment.overdue")
             ] }),
             mov.status === "pending" && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: t("agenda.payment.pending") }),
-            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: formatCurrency(mov.paidAmount || mov.amount) })
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: formatCurrency2(mov.paidAmount || mov.amount) })
           ] })
         ] }, mov.id);
       }) }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm px-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("agenda.payment.total") }),
-        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatCurrency(detail.totalAmount) })
+        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatCurrency2(detail.totalAmount) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         detail.referenceNumber && /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-mono text-muted-foreground", children: [
@@ -860,12 +886,12 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
         /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t("agenda.payment.serviceSummary") }),
         /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: services.map((svc, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm py-1", children: [
           /* @__PURE__ */ jsx("span", { className: "truncate", children: svc.name }),
-          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: formatCurrency(svc.price) })
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: formatCurrency2(svc.price) })
         ] }, i)) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm font-semibold pt-2 border-t", children: [
         /* @__PURE__ */ jsx("span", { children: t("agenda.payment.total") }),
-        /* @__PURE__ */ jsx("span", { children: formatCurrency(orderTotal) })
+        /* @__PURE__ */ jsx("span", { children: formatCurrency2(orderTotal) })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t("agenda.payment.paymentMethod") }),
@@ -940,7 +966,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
                 children: Array.from({ length: 12 }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsxs("option", { value: n, children: [
                   n,
                   "x ",
-                  n > 1 ? formatCurrency(orderTotal / n) : ""
+                  n > 1 ? formatCurrency2(orderTotal / n) : ""
                 ] }, n))
               }
             )
@@ -969,7 +995,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
           onClick: handleCheckout,
           disabled: processing || !selectedTypeId,
           className: "w-full rounded-lg bg-primary border border-primary py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset disabled:opacity-40 transition-colors",
-          children: processing ? t("agenda.payment.checkingOut") : `${t("agenda.payment.checkout")} ${formatCurrency(orderTotal)}`
+          children: processing ? t("agenda.payment.checkingOut") : `${t("agenda.payment.checkout")} ${formatCurrency2(orderTotal)}`
         }
       )
     ] })
@@ -1232,7 +1258,7 @@ function LocationSelect({ value, onChange, locations }) {
     )) })
   ] });
 }
-function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose, onCreated }) {
+function AppointmentModal({ open, mode, bookingId, prefill, initialTab, externalSource, onClose, onCreated }) {
   const t = useTranslation();
   const locale = getCurrentLocale();
   const config = useAgendaConfig();
@@ -1245,8 +1271,10 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
   const agendaDateRange = useAgendaStore((s) => s.dateRange);
   const professionals = useAgendaStore((s) => s.professionals);
   const storeLocations = useAgendaStore((s) => s.locations);
+  const defaultBookingType = config.bookingTypes[0]?.id ?? "appointment";
   const [loading, setLoading] = useState(mode === "edit");
-  const [bookingType, setBookingType] = useState(prefill?.kind ?? "appointment");
+  const [bookingType, setBookingType] = useState(prefill?.kind ?? defaultBookingType);
+  const [title, setTitle] = useState("");
   const [clientId, setClientId] = useState(prefill?.clientId ?? "");
   const [clientSearch, setClientSearch] = useState("");
   const [clientPhone, setClientPhone] = useState("");
@@ -1291,6 +1319,10 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
   const [clientData, setClientData] = useState(null);
   const [clientDataLoading, setClientDataLoading] = useState(false);
   const [clientEditing, setClientEditing] = useState(false);
+  const [cancellationReasons, setCancellationReasons] = useState([]);
+  const [cancellationReasonId, setCancellationReasonId] = useState("");
+  const [cancellationNotes, setCancellationNotes] = useState("");
+  const [cancellationReasonsLoading, setCancellationReasonsLoading] = useState(false);
   const activeType = config.bookingTypes.find((bt) => bt.id === bookingType) ?? config.bookingTypes[0];
   useEffect(() => {
     if (!open) return;
@@ -1311,7 +1343,8 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
     setNewClientPhone("");
     setNewClientEmail("");
     setCreatingClient(false);
-    setBookingType(prefill?.kind ?? "appointment");
+    setBookingType(prefill?.kind ?? defaultBookingType);
+    setTitle("");
     setEditingDate(false);
     setEditingTime(false);
     setConfirmingDelete(false);
@@ -1323,6 +1356,9 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
     setClientData(null);
     setClientDataLoading(false);
     setClientEditing(false);
+    setCancellationReasonId("");
+    setCancellationNotes("");
+    setCancellationReasonsLoading(false);
     setModalTab(initialTab || "appointment");
     if (!prefill?.professionalId && professionals.length === 1) setProfessionalId(professionals[0].id);
     setDate(() => {
@@ -1345,7 +1381,8 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
         setLoading(false);
         return;
       }
-      setBookingType(b.kind ?? "appointment");
+      setBookingType(b.kind ?? defaultBookingType);
+      setTitle(b.clientName ?? "");
       setClientId(b.clientId ?? "");
       setClientSearch(b.clientName ?? "");
       setProfessionalId(b.professionalId ?? "");
@@ -1367,6 +1404,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
       setEditPaymentStatus(b.paymentStatus ?? "none");
       const svcSnap = b.services ? b.services.map((s) => ({ id: s.serviceId ?? "", dur: s.durationMinutes, price: s.price })) : [];
       initialSnapshot.current = JSON.stringify({
+        title: b.clientName ?? "",
         clientId: b.clientId ?? "",
         professionalId: b.professionalId ?? "",
         locationId: b.locationId ?? "",
@@ -1374,6 +1412,8 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
         startTime: `${String(new Date(b.startsAt).getHours()).padStart(2, "0")}:${String(new Date(b.startsAt).getMinutes()).padStart(2, "0")}`,
         status: b.status,
         notes: b.notes ?? "",
+        cancellationReasonId: "",
+        cancellationNotes: "",
         services: svcSnap
       });
       setLoading(false);
@@ -1398,6 +1438,11 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
       setClientDataLoading(false);
     }).catch(() => setClientDataLoading(false));
   }, [modalTab, clientId]);
+  useEffect(() => {
+    if (!open || status !== "cancelled" || !config.cancellationDetails || cancellationReasons.length > 0) return;
+    setCancellationReasonsLoading(true);
+    config.cancellationDetails.listReasons().then((reasons) => setCancellationReasons(reasons)).catch(() => setCancellationReasons([])).finally(() => setCancellationReasonsLoading(false));
+  }, [open, status, config.cancellationDetails, cancellationReasons.length]);
   useEffect(() => {
     if (!open || !config.serviceLookup) return;
     const lookup = config.serviceLookup;
@@ -1497,10 +1542,11 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
           locationId: locationId || void 0,
           startsAt,
           notes: notes || void 0,
+          title: activeType.fields.title ? title.trim() : void 0,
           services: services.map((s) => ({ serviceId: s.serviceId, name: s.name, durationMinutes: s.durationMinutes, price: s.price }))
         });
         onClose();
-        onCreated?.(newBooking.id);
+        onCreated?.(newBooking.id, externalSource);
       } else if (bookingId) {
         await updateBooking(bookingId, {
           clientId,
@@ -1509,8 +1555,17 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
           startsAt,
           notes: notes || void 0,
           status,
+          title: activeType.fields.title ? title.trim() : void 0,
           services: services.map((s) => ({ serviceId: s.serviceId, name: s.name, durationMinutes: s.durationMinutes, price: s.price }))
         });
+        if (status === "cancelled" && config.cancellationDetails && cancellationReasonId) {
+          await config.cancellationDetails.saveCancellationDetails({
+            bookingId,
+            reasonId: cancellationReasonId,
+            notes: cancellationNotes.trim() || void 0,
+            cancelledAt: (/* @__PURE__ */ new Date()).toISOString()
+          });
+        }
         onClose();
       }
     } catch {
@@ -1528,12 +1583,15 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
     setDeleting(false);
   }
   const isPaidBooking = editPaymentStatus === "paid";
+  const selectedCancellationReason = cancellationReasons.find((reason) => reason.id === cancellationReasonId);
+  const needsCancellationReason = mode === "edit" && status === "cancelled" && !!config.cancellationDetails;
+  const needsCancellationNotes = needsCancellationReason && !!selectedCancellationReason?.requiresNotes;
   const formSnapshot = useMemo(
-    () => JSON.stringify({ clientId, professionalId, locationId, date, startTime, status, notes, services: services.map((s) => ({ id: s.serviceId, dur: s.durationMinutes, price: s.price })) }),
-    [clientId, professionalId, locationId, date, startTime, status, notes, services]
+    () => JSON.stringify({ title, clientId, professionalId, locationId, date, startTime, status, notes, cancellationReasonId, cancellationNotes, services: services.map((s) => ({ id: s.serviceId, dur: s.durationMinutes, price: s.price })) }),
+    [title, clientId, professionalId, locationId, date, startTime, status, notes, cancellationReasonId, cancellationNotes, services]
   );
   const isDirty = mode === "create" || formSnapshot !== initialSnapshot.current;
-  const canSubmit = (!activeType.requiresClient || clientId) && (!activeType.fields.professional || professionalId) && (!activeType.requiresServices || services.length > 0) && !conflict && !saving;
+  const canSubmit = (!activeType.fields.title || title.trim()) && (!activeType.requiresClient || clientId) && (!activeType.fields.professional || professionalId) && (!activeType.requiresServices || services.length > 0) && (!needsCancellationReason || !!cancellationReasonId) && (!needsCancellationNotes || !!cancellationNotes.trim()) && !conflict && !saving;
   const showTabs = config.bookingTypes.length > 1;
   return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (v) => {
     if (!v) onClose();
@@ -1708,6 +1766,20 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
             /* @__PURE__ */ jsx("div", { className: "h-8 flex-1 rounded-lg bg-muted animate-pulse" })
           ] }, i)) }),
           !loading && /* @__PURE__ */ jsxs(Fragment, { children: [
+            activeType.fields.title && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1", children: [
+              /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "text",
+                  value: title,
+                  onChange: (e) => setTitle(e.target.value),
+                  placeholder: t("agenda.appointment.addTitle"),
+                  autoFocus: mode === "create",
+                  className: "w-full flex-1 rounded-input border border-input bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2.5 py-1.5 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-ring"
+                }
+              )
+            ] }),
             activeType.fields.client && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1", children: [
               /* @__PURE__ */ jsx(User, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
               /* @__PURE__ */ jsx("div", { className: "flex-1", children: clientId && !quickCreate ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md bg-muted/30 px-2.5 py-1.5 text-sm", children: [
@@ -1920,6 +1992,37 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
               /* @__PURE__ */ jsx(CircleDot, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
               /* @__PURE__ */ jsx(StatusSelect, { value: status, onChange: setStatus, statuses: config.statuses, bookingDate: date })
             ] }),
+            needsCancellationReason && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 py-1", children: [
+              /* @__PURE__ */ jsx(Ban, { className: "h-4 w-4 mt-2 text-muted-foreground shrink-0" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    value: cancellationReasonId,
+                    onChange: (event) => setCancellationReasonId(event.target.value),
+                    disabled: cancellationReasonsLoading,
+                    className: "w-full rounded-input border border-input bg-card px-2.5 py-1.5 text-sm shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring",
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "", children: cancellationReasonsLoading ? t("agenda.cancellation.loadingReasons") : t("agenda.cancellation.selectReason") }),
+                      cancellationReasons.map((reason) => /* @__PURE__ */ jsxs("option", { value: reason.id, children: [
+                        reason.label,
+                        reason.requiresNotes ? " *" : ""
+                      ] }, reason.id))
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "textarea",
+                  {
+                    value: cancellationNotes,
+                    onChange: (event) => setCancellationNotes(event.target.value),
+                    placeholder: needsCancellationNotes ? t("agenda.cancellation.notesRequired") : t("agenda.cancellation.notesOptional"),
+                    rows: 2,
+                    className: "w-full rounded-input border border-input bg-card px-2.5 py-1.5 text-sm resize-none shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring"
+                  }
+                )
+              ] })
+            ] }),
             !showNotes ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1", children: [
               /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
               /* @__PURE__ */ jsx(
@@ -2234,7 +2337,7 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
       /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ jsx("span", { className: "mt-1.5 h-3 w-3 rounded shrink-0", style: { backgroundColor: color } }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx(PersonLink, { personId: booking.clientId, name: booking.clientName ?? "Unknown", className: "text-base" }),
+          config.capabilities.client ? /* @__PURE__ */ jsx(PersonLink, { personId: booking.clientId, name: booking.clientName ?? "Unknown", className: "text-base" }) : /* @__PURE__ */ jsx("p", { className: "text-base font-medium truncate", children: booking.clientName || t("agenda.appointment.untitled") }),
           /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground mt-0.5", children: [
             fmtDate(booking.startsAt),
             " \xB7 ",
@@ -2254,7 +2357,7 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
           ] })
         ] }, svc.id)) })
       ] }),
-      booking.professionalName && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      config.capabilities.professional && booking.professionalName && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsx(User, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
         /* @__PURE__ */ jsx("span", { className: "text-sm", children: booking.professionalName })
       ] }),
@@ -2305,7 +2408,7 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
           )
         ] });
       })(),
-      /* @__PURE__ */ jsx("div", { className: "pt-2 border-t fayz-glass-divider", children: /* @__PURE__ */ jsx(
+      config.capabilities.status && /* @__PURE__ */ jsx("div", { className: "pt-2 border-t fayz-glass-divider", children: /* @__PURE__ */ jsx(
         PopoverStatusSelect,
         {
           value: booking.status,
@@ -2422,7 +2525,7 @@ function EventContextMenu({ booking, position, onClose, onEdit }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "border-t px-4 py-3", children: [
+    config.capabilities.status && /* @__PURE__ */ jsxs("div", { className: "border-t px-4 py-3", children: [
       /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t("agenda.contextMenu.changeStatus") }),
       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: config.statuses.map((s) => {
         const available = isStatusAvailable(s, booking.startsAt);
@@ -2446,6 +2549,66 @@ function EventContextMenu({ booking, position, onClose, onEdit }) {
     ] })
   ] }) });
 }
+function startOfDay(d) {
+  const x = new Date(d);
+  x.setHours(0, 0, 0, 0);
+  return x;
+}
+function timeLabel(iso) {
+  const d = new Date(iso);
+  return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+}
+function AgendaMobileList({ bookings, statusColors, currencyCode, onSelect }) {
+  const t = useTranslation();
+  const locale = getCurrentLocale() === "pt-BR" ? "pt-BR" : "en";
+  const groups = useMemo(() => {
+    const todayStart = startOfDay(/* @__PURE__ */ new Date()).getTime();
+    const sorted = bookings.filter((b) => !!b.startsAt).slice().sort((a, b) => a.startsAt < b.startsAt ? -1 : a.startsAt > b.startsAt ? 1 : 0);
+    const map = /* @__PURE__ */ new Map();
+    for (const b of sorted) {
+      const day = startOfDay(new Date(b.startsAt));
+      if (day.getTime() < todayStart) continue;
+      const key = day.toISOString().slice(0, 10);
+      const list = map.get(key) ?? [];
+      list.push(b);
+      map.set(key, list);
+    }
+    return Array.from(map.entries()).map(([key, items]) => ({ key, date: /* @__PURE__ */ new Date(key + "T00:00:00"), items }));
+  }, [bookings]);
+  function dayLabel(date) {
+    const today = startOfDay(/* @__PURE__ */ new Date());
+    const diff = Math.round((startOfDay(date).getTime() - today.getTime()) / 864e5);
+    if (diff === 0) return t("agenda.list.today");
+    if (diff === 1) return t("agenda.list.tomorrow");
+    return date.toLocaleDateString(locale, { weekday: "long", day: "numeric", month: "long" });
+  }
+  if (groups.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col items-center justify-center px-6 py-16 text-center text-muted-foreground", children: /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("agenda.list.empty") }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-3 py-3 space-y-5", children: groups.map((g) => /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h3", { className: "px-1 pb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: dayLabel(g.date) }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: g.items.map((b) => {
+      const color = statusColors[b.status] ?? "#6b7280";
+      const hasAmount = typeof b.orderTotal === "number" && b.orderTotal > 0;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => onSelect(b),
+          className: "flex w-full items-center gap-3 rounded-lg border bg-card px-3 py-2.5 text-left shadow-sm transition-colors active:bg-muted/50",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 shrink-0 rounded-full", style: { backgroundColor: color } }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-foreground", children: b.clientName ?? "\u2014" }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: timeLabel(b.startsAt) })
+            ] }),
+            hasAmount && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-semibold tabular-nums text-foreground", children: formatCurrency(b.orderTotal, currencyCode) })
+          ]
+        },
+        b.id
+      );
+    }) })
+  ] }, g.key)) });
+}
 function bookingToEvent(booking, statusColors) {
   const color = statusColors[booking.status] ?? "#6b7280";
   const serviceNames = booking.services?.map((s) => s.name).join(", ") ?? "";
@@ -2568,11 +2731,37 @@ function CalendarSkeleton({ profCount = 2 }) {
     ] }, h)) })
   ] });
 }
-var VIEW_OPTIONS = [
+var RESOURCE_VIEW_OPTIONS = [
   { key: "resourceTimeGridDay", labelKey: "agenda.calendar.viewDay" },
   { key: "resourceTimeGridWeek", labelKey: "agenda.calendar.viewWeek" },
   { key: "dayGridMonth", labelKey: "agenda.calendar.viewMonth" }
 ];
+var PLAIN_VIEW_OPTIONS = [
+  { key: "timeGridDay", labelKey: "agenda.calendar.viewDay" },
+  { key: "timeGridWeek", labelKey: "agenda.calendar.viewWeek" },
+  { key: "dayGridMonth", labelKey: "agenda.calendar.viewMonth" },
+  { key: "listMonth", labelKey: "agenda.calendar.viewList" }
+];
+var MOBILE_LIST_VIEW = "__mobileList__";
+function viewForNoResources(view) {
+  return view.startsWith("resource") ? "dayGridMonth" : view;
+}
+function viewForResources(view) {
+  if (view === "timeGridWeek") return "resourceTimeGridWeek";
+  if (view === "timeGridDay") return "resourceTimeGridDay";
+  return view;
+}
+function useIsMobile() {
+  const [isMobile, setIsMobile] = useState(() => typeof window !== "undefined" && window.matchMedia("(max-width: 767px)").matches);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia("(max-width: 767px)");
+    const onChange = () => setIsMobile(mq.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, []);
+  return isMobile;
+}
 function CalendarView() {
   injectCalendarStyles();
   const config = useAgendaConfig();
@@ -2605,6 +2794,18 @@ function CalendarView() {
   const _openModal = useAgendaStore((s) => s.openAppointmentModal);
   const closeModal = useAgendaStore((s) => s.closeAppointmentModal);
   const modalState = useAgendaStore((s) => s.appointmentModal);
+  const isMobile = useIsMobile();
+  const resourceCapable = professionals.length > 0;
+  const viewOptions = resourceCapable ? RESOURCE_VIEW_OPTIONS : PLAIN_VIEW_OPTIONS;
+  const [mobileView, setMobileView] = useState(MOBILE_LIST_VIEW);
+  const mobileViewOptions = useMemo(
+    () => [
+      ...viewOptions.filter((o) => o.key !== "listMonth"),
+      { key: MOBILE_LIST_VIEW, labelKey: "agenda.calendar.viewList" }
+    ],
+    [viewOptions]
+  );
+  const mobileGridActive = isMobile && mobileView !== MOBILE_LIST_VIEW;
   const [selectedBooking, setSelectedBooking] = useState(null);
   const [popoverAnchor, setPopoverAnchor] = useState(null);
   const [popoverVisible, _setPopoverVisible] = useState(false);
@@ -2644,6 +2845,24 @@ function CalendarView() {
     fetchSchedules();
     if (config.modules.locationSelection) fetchLocations();
   }, []);
+  useEffect(() => {
+    const api = calendarRef.current?.getApi();
+    if (!api) return;
+    if (!resourceCapable && currentView.startsWith("resource")) {
+      api.changeView("dayGridMonth");
+    } else if (resourceCapable && (currentView === "timeGridWeek" || currentView === "timeGridDay")) {
+      api.changeView(viewForResources(currentView));
+    }
+  }, [resourceCapable, currentView]);
+  useEffect(() => {
+    if (!isMobile) return;
+    const start = /* @__PURE__ */ new Date();
+    start.setHours(0, 0, 0, 0);
+    start.setDate(start.getDate() - 1);
+    const end = new Date(start);
+    end.setDate(end.getDate() + 91);
+    fetchBookings({ start: start.toISOString(), end: end.toISOString() });
+  }, [isMobile, fetchBookings]);
   const resources = useMemo(() => {
     const filtered = selectedProfIds.length > 0 ? professionals.filter((p) => selectedProfIds.includes(p.id)) : professionals;
     return filtered.map((p) => ({
@@ -2668,6 +2887,8 @@ function CalendarView() {
     [schedules, professionals, visibleRange, effectiveBusinessHours, locationMap]
   );
   const events = useMemo(() => [...bookingEvents, ...availabilityEvents], [bookingEvents, availabilityEvents]);
+  const storedView = prefs.get("calendarView");
+  const effectiveInitialView = resourceCapable ? viewForResources(storedView) : viewForNoResources(storedView);
   const handleDatesSet = useCallback((arg) => {
     setCalendarTitle(arg.view.title);
     setView(arg.view.type);
@@ -2784,12 +3005,12 @@ function CalendarView() {
       const locId = schedule?.locationId ?? schedule?.metadata?.locationId;
       openModal("create", { prefill: { startsAt: arg.startStr, endsAt: arg.endStr, professionalId, locationId: locId || void 0 } });
     };
-    if (!schedule) {
+    if (config.modules.workingHours && !schedule) {
       setScheduleConfirm({ onConfirm: proceed });
       return;
     }
     proceed();
-  }, [openModal, findScheduleForSlot]);
+  }, [openModal, findScheduleForSlot, config.modules.workingHours]);
   const handleEventDrop = useCallback(async (arg) => {
     const booking = arg.event.extendedProps.booking;
     try {
@@ -2802,6 +3023,12 @@ function CalendarView() {
     calendarRef.current?.getApi().changeView(v);
     prefs.set("calendarView", v);
   }, [prefs]);
+  const handleMobileViewChange = useCallback((v) => {
+    setMobileView(v);
+    if (v === MOBILE_LIST_VIEW) return;
+    setView(v);
+    calendarRef.current?.getApi()?.changeView(v);
+  }, [setView]);
   const handlePrev = useCallback(() => calendarRef.current?.getApi().prev(), []);
   const handleNext = useCallback(() => calendarRef.current?.getApi().next(), []);
   const handleToday = useCallback(() => {
@@ -2887,8 +3114,21 @@ function CalendarView() {
   }, [applyResourceStriping, currentView, visibleRange, bookings]);
   useEffect(() => {
     function handleOpenBooking(e) {
-      const bookingId = e.detail?.bookingId;
-      if (bookingId) openModal("edit", { bookingId });
+      const detail = e.detail ?? {};
+      const externalSource = detail.source ? { type: String(detail.source), id: detail.waitlistId, waitlistId: detail.waitlistId } : void 0;
+      if (detail.bookingId) {
+        openModal("edit", { bookingId: detail.bookingId, externalSource });
+        return;
+      }
+      openModal("create", {
+        prefill: detail.prefill ?? {
+          clientId: detail.clientId,
+          professionalId: detail.professionalId,
+          locationId: detail.locationId,
+          startsAt: detail.startsAt
+        },
+        externalSource
+      });
     }
     window.addEventListener("agenda:open-booking", handleOpenBooking);
     return () => window.removeEventListener("agenda:open-booking", handleOpenBooking);
@@ -2962,110 +3202,135 @@ function CalendarView() {
         }
       ),
       /* @__PURE__ */ jsx(MiniCalendar, { selectedDate, onDateSelect: handleMiniDateSelect }),
-      /* @__PURE__ */ jsx("div", { className: "h-px bg-border my-4" }),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => setProfSectionOpen((p) => !p),
-          className: "flex items-center justify-between w-full text-xs font-medium text-muted-foreground hover:text-foreground py-1 transition-colors",
-          children: [
-            /* @__PURE__ */ jsx("span", { children: "Agendas" }),
-            /* @__PURE__ */ jsx(ChevronDown, { className: `h-3.5 w-3.5 transition-transform ${profSectionOpen ? "" : "-rotate-90"}` })
-          ]
-        }
-      ),
-      profSectionOpen && /* @__PURE__ */ jsx("div", { className: "mt-1.5 space-y-0.5", children: professionals.map((prof) => {
-        const active = selectedProfIds.length === 0 || selectedProfIds.includes(prof.id);
-        return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2.5 rounded px-1 py-1 cursor-pointer hover:bg-muted/50 transition-colors", children: [
-          /* @__PURE__ */ jsx("span", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border-2 transition-colors ${active ? "border-primary bg-primary" : "border-muted-foreground/30"}`, children: active && /* @__PURE__ */ jsx("svg", { className: "h-2.5 w-2.5 text-primary-foreground", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-          /* @__PURE__ */ jsx("span", { className: `text-xs truncate ${active ? "text-foreground" : "text-muted-foreground"}`, children: prof.name }),
-          /* @__PURE__ */ jsx("input", { type: "checkbox", className: "sr-only", checked: active, onChange: () => toggleProfessional(prof.id) })
-        ] }, prof.id);
-      }) }),
-      /* @__PURE__ */ jsx("div", { className: "h-px bg-border my-4" }),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => setStatusSectionOpen((p) => !p),
-          className: "flex items-center justify-between w-full text-xs font-medium text-muted-foreground hover:text-foreground py-1 transition-colors",
-          children: [
-            /* @__PURE__ */ jsx("span", { children: "Status" }),
-            /* @__PURE__ */ jsx(ChevronDown, { className: `h-3.5 w-3.5 transition-transform ${statusSectionOpen ? "" : "-rotate-90"}` })
-          ]
-        }
-      ),
-      statusSectionOpen && /* @__PURE__ */ jsx("div", { className: "mt-1.5 space-y-0.5", children: config.statuses.map((st) => {
-        const active = selectedStatuses.length === 0 || selectedStatuses.includes(st.value);
-        return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2.5 rounded px-1 py-1 cursor-pointer hover:bg-muted/50 transition-colors", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border-2 transition-colors",
-              style: { borderColor: active ? st.color : st.color + "40", backgroundColor: active ? st.color : "transparent" },
-              children: active && /* @__PURE__ */ jsx("svg", { className: "h-2.5 w-2.5 text-white", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: `text-xs ${active ? "text-foreground" : "text-muted-foreground"}`, children: st.label }),
-          /* @__PURE__ */ jsx("input", { type: "checkbox", className: "sr-only", checked: active, onChange: () => toggleStatus(st.value) })
-        ] }, st.value);
-      }) })
+      config.capabilities.professional && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "h-px bg-border my-4" }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setProfSectionOpen((p) => !p),
+            className: "flex items-center justify-between w-full text-xs font-medium text-muted-foreground hover:text-foreground py-1 transition-colors",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: "Agendas" }),
+              /* @__PURE__ */ jsx(ChevronDown, { className: `h-3.5 w-3.5 transition-transform ${profSectionOpen ? "" : "-rotate-90"}` })
+            ]
+          }
+        ),
+        profSectionOpen && /* @__PURE__ */ jsx("div", { className: "mt-1.5 space-y-0.5", children: professionals.map((prof) => {
+          const active = selectedProfIds.length === 0 || selectedProfIds.includes(prof.id);
+          return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2.5 rounded px-1 py-1 cursor-pointer hover:bg-muted/50 transition-colors", children: [
+            /* @__PURE__ */ jsx("span", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border-2 transition-colors ${active ? "border-primary bg-primary" : "border-muted-foreground/30"}`, children: active && /* @__PURE__ */ jsx("svg", { className: "h-2.5 w-2.5 text-primary-foreground", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+            /* @__PURE__ */ jsx("span", { className: `text-xs truncate ${active ? "text-foreground" : "text-muted-foreground"}`, children: prof.name }),
+            /* @__PURE__ */ jsx("input", { type: "checkbox", className: "sr-only", checked: active, onChange: () => toggleProfessional(prof.id) })
+          ] }, prof.id);
+        }) })
+      ] }),
+      config.capabilities.status && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "h-px bg-border my-4" }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setStatusSectionOpen((p) => !p),
+            className: "flex items-center justify-between w-full text-xs font-medium text-muted-foreground hover:text-foreground py-1 transition-colors",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: "Status" }),
+              /* @__PURE__ */ jsx(ChevronDown, { className: `h-3.5 w-3.5 transition-transform ${statusSectionOpen ? "" : "-rotate-90"}` })
+            ]
+          }
+        ),
+        statusSectionOpen && /* @__PURE__ */ jsx("div", { className: "mt-1.5 space-y-0.5", children: config.statuses.map((st) => {
+          const active = selectedStatuses.length === 0 || selectedStatuses.includes(st.value);
+          return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2.5 rounded px-1 py-1 cursor-pointer hover:bg-muted/50 transition-colors", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border-2 transition-colors",
+                style: { borderColor: active ? st.color : st.color + "40", backgroundColor: active ? st.color : "transparent" },
+                children: active && /* @__PURE__ */ jsx("svg", { className: "h-2.5 w-2.5 text-white", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: `text-xs ${active ? "text-foreground" : "text-muted-foreground"}`, children: st.label }),
+            /* @__PURE__ */ jsx("input", { type: "checkbox", className: "sr-only", checked: active, onChange: () => toggleStatus(st.value) })
+          ] }, st.value);
+        }) })
+      ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-w-0 overflow-hidden", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 h-12 shrink-0 border-b", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: () => openModal("create"),
-              className: "md:hidden flex h-8 w-8 items-center justify-center rounded-full bg-primary text-primary-foreground",
-              children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: handleToday,
-              className: "rounded-md border px-3 py-1 text-sm font-medium hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
-              children: t("agenda.toolbar.today")
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
-            /* @__PURE__ */ jsx("button", { onClick: handlePrev, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) }),
-            /* @__PURE__ */ jsx("button", { onClick: handleNext, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) })
+      /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-b", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pl-4 pr-14 md:px-4 h-12", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => openModal("create"),
+                className: "md:hidden flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground",
+                children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: `${mobileGridActive ? "flex" : "hidden"} md:flex items-center gap-3`, children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: handleToday,
+                  className: "rounded-md border px-3 py-1 text-sm font-medium hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
+                  children: t("agenda.toolbar.today")
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+                /* @__PURE__ */ jsx("button", { onClick: handlePrev, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) }),
+                /* @__PURE__ */ jsx("button", { onClick: handleNext, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("h1", { className: "text-base sm:text-lg font-normal truncate", children: isMobile && !mobileGridActive ? t("agenda.calendar.viewAgenda") : calendarTitle })
           ] }),
-          /* @__PURE__ */ jsx("h1", { className: "text-base sm:text-lg font-normal truncate", children: calendarTitle })
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+            /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center gap-1", children: viewOptions.map((opt) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => handleViewChange(opt.key),
+                className: `rounded-md px-3 py-1 text-sm transition-colors ${currentView === opt.key ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:bg-muted/50"}`,
+                children: t(opt.labelKey)
+              },
+              opt.key
+            )) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                onClick: () => window.location.hash = "/settings/agenda",
+                title: "Agenda Settings",
+                className: "ml-1",
+                children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" })
+              }
+            )
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx("div", { className: "hidden sm:flex items-center gap-1", children: VIEW_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: () => handleViewChange(opt.key),
-              className: `rounded-md px-3 py-1 text-sm transition-colors ${currentView === opt.key ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:bg-muted/50"}`,
-              children: t(opt.labelKey)
-            },
-            opt.key
-          )) }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              onClick: () => window.location.hash = "/settings/agenda",
-              title: "Agenda Settings",
-              className: "ml-1",
-              children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" })
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsx("div", { className: "flex md:hidden items-center gap-1 overflow-x-auto px-3 pb-2", children: mobileViewOptions.map((opt) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handleMobileViewChange(opt.key),
+            className: `shrink-0 rounded-md px-3 py-1 text-sm transition-colors ${mobileView === opt.key ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:bg-muted/50"}`,
+            children: t(opt.labelKey)
+          },
+          opt.key
+        )) })
       ] }),
-      professionalsLoading && professionals.length === 0 ? /* @__PURE__ */ jsx(CalendarSkeleton, { profCount: 2 }) : /* @__PURE__ */ jsx("div", { ref: wrapperRef, className: "flex-1 overflow-hidden agenda-calendar", children: /* @__PURE__ */ jsx(
+      isMobile && !mobileGridActive ? /* @__PURE__ */ jsx(
+        AgendaMobileList,
+        {
+          bookings,
+          statusColors,
+          currencyCode: config.currency.code,
+          onSelect: (b) => openModal("edit", { bookingId: b.id })
+        }
+      ) : professionalsLoading && professionals.length === 0 ? /* @__PURE__ */ jsx(CalendarSkeleton, { profCount: 2 }) : /* @__PURE__ */ jsx("div", { ref: wrapperRef, className: "flex-1 overflow-hidden agenda-calendar", children: /* @__PURE__ */ jsx(
         FullCalendar,
         {
           ref: calendarRef,
           plugins: [dayGridPlugin, timeGridPlugin, resourceTimeGridPlugin, interactionPlugin, listPlugin],
-          initialView: prefs.get("calendarView") === "timeGridWeek" ? "resourceTimeGridWeek" : prefs.get("calendarView"),
+          initialView: mobileGridActive ? mobileView : effectiveInitialView,
           schedulerLicenseKey: "CC-Attribution-NonCommercial-NoDerivatives",
-          resources,
+          resources: resourceCapable ? resources : void 0,
           events,
           headerToolbar: false,
           locale: fcLocale,
@@ -3155,8 +3420,14 @@ function CalendarView() {
         bookingId: modalState.bookingId,
         prefill: modalState.prefill,
         initialTab: modalState.initialTab,
+        externalSource: modalState.externalSource,
         onClose: closeModal,
-        onCreated: (newId) => {
+        onCreated: (newId, source) => {
+          if (config.onBookingCreated) {
+            void Promise.resolve(config.onBookingCreated({ bookingId: newId, source })).catch((error) => {
+              console.error("Failed to run agenda booking-created bridge", error);
+            });
+          }
           setTimeout(() => {
             const booking = bookings.find((b) => b.id === newId);
             if (!booking) return;
@@ -3182,7 +3453,7 @@ function CalendarView() {
 function AgendaPage({ config, provider: provider2, store }) {
   const runtime = usePluginRuntimeOptional();
   const tenantId = runtime?.context.tenant?.id;
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     setAgendaTenantId(tenantId);
     return () => setAgendaTenantId(void 0);
   }, [tenantId]);
@@ -3297,7 +3568,8 @@ async function hydrateCanonicalBookings(core, bookings) {
       locationId: booking.location_id,
       metadata: booking.metadata ?? {},
       clientId: booking.party_id,
-      clientName: client?.name ?? null,
+      // Simple events (no party) fall back to the title stored in metadata.
+      clientName: client?.name ?? booking.metadata?.title ?? null,
       clientPhone: client?.phone ?? null,
       clientEmail: client?.email ?? null,
       clientAvatarUrl: client?.avatar_url ?? null,
@@ -3375,6 +3647,7 @@ function createSupabaseAgendaProvider() {
         const { data: person } = await core.from("persons").select("name").eq("id", input.clientId).single();
         contactName = person?.name;
       }
+      const eventTitle = input.title?.trim() || void 0;
       const { data: order, error: orderErr } = await core.from("orders").insert({
         tenant_id: tenantId,
         kind: input.kind ?? "appointment",
@@ -3388,7 +3661,8 @@ function createSupabaseAgendaProvider() {
         metadata: {
           source: "agenda",
           ...serviceNames ? { serviceNames, itemsSummary: serviceNames } : {},
-          ...contactName ? { contactName } : {}
+          ...contactName ? { contactName } : {},
+          ...eventTitle ? { title: eventTitle } : {}
         }
       }).select("id").single();
       if (orderErr) throw orderErr;
@@ -3406,7 +3680,8 @@ function createSupabaseAgendaProvider() {
         metadata: {
           source: "agenda",
           ...serviceNames ? { serviceNames, itemsSummary: serviceNames } : {},
-          ...contactName ? { contactName } : {}
+          ...contactName ? { contactName } : {},
+          ...eventTitle ? { title: eventTitle } : {}
         }
       }).select("id").single();
       if (bookingErr) throw bookingErr;
@@ -3431,11 +3706,14 @@ function createSupabaseAgendaProvider() {
     },
     async updateBooking(id, data) {
       const { core } = getClients();
-      const { data: existing, error: existingErr } = await core.from("bookings").select("id, order_id, starts_at, assignee_id").eq("id", id).single();
+      const { data: existing, error: existingErr } = await core.from("bookings").select("id, order_id, starts_at, assignee_id, metadata").eq("id", id).single();
       if (existingErr) throw existingErr;
       const updates = {};
       if (data.startsAt) updates.starts_at = data.startsAt;
       if (data.endsAt) updates.ends_at = data.endsAt;
+      if (data.title !== void 0) {
+        updates.metadata = { ...existing?.metadata ?? {}, title: data.title };
+      }
       if (data.status) {
         updates.status = data.status;
       }
@@ -3841,10 +4119,11 @@ function createSampleSchedules() {
   }
   return schedules;
 }
-function createMockAgendaProvider() {
-  const bookings = createSampleBookings();
-  const schedules = createSampleSchedules();
-  const professionals = [...SAMPLE_PROFESSIONALS];
+function createMockAgendaProvider(options) {
+  const seed = options?.seed;
+  const bookings = seed?.bookings ? [...seed.bookings] : createSampleBookings();
+  const schedules = seed?.schedules ? [...seed.schedules] : createSampleSchedules();
+  const professionals = seed?.professionals ? [...seed.professionals] : [...SAMPLE_PROFESSIONALS];
   return {
     async getLocations() {
       return [];
@@ -3879,7 +4158,7 @@ function createMockAgendaProvider() {
         locationId: input.locationId ?? null,
         metadata: {},
         clientId: input.clientId,
-        clientName: "New Client",
+        clientName: input.title?.trim() || "New Client",
         clientPhone: null,
         clientEmail: null,
         clientAvatarUrl: null,
@@ -3925,6 +4204,7 @@ function createMockAgendaProvider() {
         ...existing,
         ...data.startsAt && { startsAt: data.startsAt },
         ...data.endsAt && { endsAt: data.endsAt },
+        ...data.title !== void 0 && { clientName: data.title },
         ...data.status && { status: data.status },
         ...data.notes !== void 0 && { notes: data.notes ?? null },
         ...data.professionalId && { professionalId: data.professionalId },
@@ -4233,7 +4513,7 @@ function createAgendaStore(provider2, financialBridge) {
       set({ selectedDate: date });
     },
     openAppointmentModal(mode, options) {
-      set({ appointmentModal: { open: true, mode, bookingId: options?.bookingId, prefill: options?.prefill, initialTab: options?.initialTab } });
+      set({ appointmentModal: { open: true, mode, bookingId: options?.bookingId, prefill: options?.prefill, initialTab: options?.initialTab, externalSource: options?.externalSource } });
     },
     closeAppointmentModal() {
       set((state) => ({ appointmentModal: { ...state.appointmentModal, open: false } }));
@@ -4424,8 +4704,12 @@ var en = {
   "agenda.calendar.today": "Today",
   "agenda.calendar.viewAgenda": "Agenda",
   "agenda.calendar.viewDay": "Day",
+  "agenda.calendar.viewList": "List",
   "agenda.calendar.viewMonth": "Month",
   "agenda.calendar.viewWeek": "Week",
+  "agenda.list.today": "Today",
+  "agenda.list.tomorrow": "Tomorrow",
+  "agenda.list.empty": "No upcoming items",
   "agenda.confirmations.confirmed": "Confirmed:",
   "agenda.confirmations.empty": "No pending confirmations",
   "agenda.confirmations.emptySubtitle": "All upcoming appointments have been confirmed",
@@ -4436,6 +4720,10 @@ var en = {
   "agenda.confirmations.call": "Call",
   "agenda.confirmations.markConfirmed": "Mark Confirmed",
   "agenda.confirmations.markCancelled": "Mark Cancelled",
+  "agenda.cancellation.loadingReasons": "Loading reasons...",
+  "agenda.cancellation.notesOptional": "Cancellation notes (optional)",
+  "agenda.cancellation.notesRequired": "Cancellation notes required",
+  "agenda.cancellation.selectReason": "Select cancellation reason",
   "agenda.contextMenu.changeStatus": "Change status",
   "agenda.contextMenu.delete": "Delete",
   "agenda.contextMenu.edit": "Edit",
@@ -4536,7 +4824,11 @@ var en = {
   "agenda.appointment.addNotes": "Add notes",
   "agenda.appointment.duration": "Duration (minutes)",
   "agenda.appointment.price": "Price",
+  "agenda.appointment.title": "Title",
+  "agenda.appointment.addTitle": "Add a title",
+  "agenda.appointment.untitled": "(no title)",
   "agenda.bookingType.appointment": "Appointment",
+  "agenda.bookingType.event": "Event",
   "agenda.bookingType.task": "Task",
   "agenda.bookingType.out_of_office": "Out of Office",
   "agenda.bookingType.block": "Block",
@@ -4632,8 +4924,12 @@ var ptBR = {
   "agenda.calendar.today": "Hoje",
   "agenda.calendar.viewAgenda": "Agenda",
   "agenda.calendar.viewDay": "Dia",
+  "agenda.calendar.viewList": "Lista",
   "agenda.calendar.viewMonth": "M\xEAs",
   "agenda.calendar.viewWeek": "Semana",
+  "agenda.list.today": "Hoje",
+  "agenda.list.tomorrow": "Amanh\xE3",
+  "agenda.list.empty": "Nenhum item pr\xF3ximo",
   "agenda.confirmations.confirmed": "Confirmado:",
   "agenda.confirmations.empty": "Nenhuma confirma\xE7\xE3o pendente",
   "agenda.confirmations.emptySubtitle": "Todos os agendamentos futuros foram confirmados",
@@ -4644,6 +4940,10 @@ var ptBR = {
   "agenda.confirmations.call": "Ligar",
   "agenda.confirmations.markConfirmed": "Marcar Confirmado",
   "agenda.confirmations.markCancelled": "Marcar Cancelado",
+  "agenda.cancellation.loadingReasons": "Carregando motivos...",
+  "agenda.cancellation.notesOptional": "Observa\xE7\xF5es do cancelamento (opcional)",
+  "agenda.cancellation.notesRequired": "Observa\xE7\xF5es do cancelamento obrigat\xF3rias",
+  "agenda.cancellation.selectReason": "Selecionar motivo do cancelamento",
   "agenda.contextMenu.changeStatus": "Alterar status",
   "agenda.contextMenu.delete": "Excluir",
   "agenda.contextMenu.edit": "Editar",
@@ -4744,7 +5044,11 @@ var ptBR = {
   "agenda.appointment.addNotes": "Adicionar observa\xE7\xF5es",
   "agenda.appointment.duration": "Dura\xE7\xE3o (minutos)",
   "agenda.appointment.price": "Pre\xE7o",
+  "agenda.appointment.title": "T\xEDtulo",
+  "agenda.appointment.addTitle": "Adicionar um t\xEDtulo",
+  "agenda.appointment.untitled": "(sem t\xEDtulo)",
   "agenda.bookingType.appointment": "Agendamento",
+  "agenda.bookingType.event": "Evento",
   "agenda.bookingType.task": "Tarefa",
   "agenda.bookingType.out_of_office": "Aus\xEAncia",
   "agenda.bookingType.block": "Bloqueio",
@@ -5180,6 +5484,7 @@ function createAgendaPlugin(options) {
     () => createMockAgendaProvider()
   );
   const store = createAgendaStore(provider2, options?.financialBridge);
+  const registries = [...agendaRegistries, ...options?.settingsRegistries ?? []];
   setScheduleBlockConfig({
     defaults: config.scheduleBlockDefaults,
     showServices: !!config.serviceLookup,
@@ -5195,7 +5500,7 @@ function createAgendaPlugin(options) {
       return locations;
     } : void 0
   });
-  const PageComponent = () => React11.createElement(AgendaPage, { config, provider: provider2, store });
+  const PageComponent = () => React12.createElement(AgendaPage, { config, provider: provider2, store });
   return {
     id: "agenda",
     name: config.labels.pageTitle,
@@ -5295,18 +5600,18 @@ function createAgendaPlugin(options) {
         permission: { feature: "appointments", action: "read" }
       }
     ],
-    registries: agendaRegistries,
+    registries,
     settings: [
       {
         id: "agenda",
         label: "Agenda",
         icon: "Calendar",
-        // Standard layout: General | Integrations (Google Calendar addon) | Properties (holidays).
+        // Standard layout: General | Integrations (Google Calendar addon) | Properties.
         component: (() => {
-          const AgendaSettingsTab = () => React11.createElement(PluginSettingsPanel, {
+          const AgendaSettingsTab = () => React12.createElement(PluginSettingsPanel, {
             title: "Agenda",
-            generalSettings: React11.createElement(AgendaGeneralSettings),
-            registries: agendaRegistries,
+            generalSettings: React12.createElement(AgendaGeneralSettings),
+            registries,
             hostPluginId: "agenda",
             routeBase: "/settings/agenda"
           });
@@ -5321,6 +5626,6 @@ function createAgendaPlugin(options) {
   };
 }
 
-export { bookingToEvent2 as bookingToEvent, computeCommissionAmount, createAgendaPlugin, createFinancialBridge, createGoogleCalendarPlugin, createGoogleCalendarProvider, eventToBookingPatch, googleCalendarConnector };
+export { bookingToEvent2 as bookingToEvent, computeCommissionAmount, createAgendaPlugin, createFinancialBridge, createGoogleCalendarPlugin, createGoogleCalendarProvider, createMockAgendaProvider, eventToBookingPatch, googleCalendarConnector };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map