@fayz-ai/plugin-agenda 0.1.8 → 0.2.1

package/dist/index.js

@@ -1,6 +1,8 @@
-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 { createSupabaseAgendaProvider, createMockAgendaProvider } from './chunk-U6VTLOHN.js';
+export { createMockAgendaProvider } from './chunk-U6VTLOHN.js';
+import { setAgendaTenantId } from './chunk-3LJKZQK4.js';
+import React12, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
+import { getSupabaseClientOptional, registerTranslations, createSafeDataProvider, usePluginRuntimeOptional, useTranslation, 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 +69,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 +117,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 +446,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 +735,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 +817,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 +849,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 +888,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 +968,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 +997,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 +1260,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 +1273,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 +1321,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 +1345,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 +1358,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 +1383,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 +1406,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 +1414,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 +1440,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 +1544,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 +1557,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 +1585,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();
@@ -1654,8 +1714,8 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
           onCancel: () => setClientEditing(false),
           onSubmit: async (data) => {
             try {
-              const { getSupabaseClientOptional: getSupabaseClientOptional4 } = await import('@fayz-ai/core');
-              const supabase = getSupabaseClientOptional4();
+              const { getSupabaseClientOptional: getSupabaseClientOptional3 } = await import('@fayz-ai/core');
+              const supabase = getSupabaseClientOptional3();
               if (!supabase) return;
               const dbData = {};
               for (const [k, v] of Object.entries(data)) {
@@ -1708,6 +1768,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: [
@@ -1802,10 +1876,10 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
                     onClick: async () => {
                       setCreatingClient(true);
                       try {
-                        const { getSupabaseClientOptional: getSupabaseClientOptional4 } = await import('@fayz-ai/core');
-                        const { getAgendaTenantId: getAgendaTenantId2 } = await import('./tenant-LAUWVUYB.js');
-                        const supabase = getSupabaseClientOptional4();
-                        const tenantId = getAgendaTenantId2();
+                        const { getSupabaseClientOptional: getSupabaseClientOptional3 } = await import('@fayz-ai/core');
+                        const { getAgendaTenantId } = await import('./tenant-LAUWVUYB.js');
+                        const supabase = getSupabaseClientOptional3();
+                        const tenantId = getAgendaTenantId();
                         if (!supabase || !tenantId) throw new Error("Not initialized");
                         const { data: personRow, error: personError } = await supabase.schema("saas_core").from("persons").insert({
                           tenant_id: tenantId,
@@ -1920,6 +1994,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 +2339,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 +2359,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 +2410,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 +2527,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 +2551,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 +2733,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 +2796,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 +2847,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 +2889,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 +3007,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 +3025,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 +3116,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 +3204,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 +3422,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,862 +3455,12 @@ 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]);
   return /* @__PURE__ */ jsx(AgendaContextProvider, { config, provider: provider2, store, children: /* @__PURE__ */ jsx(CalendarView, {}) });
 }
-function getTenantId() {
-  return getAgendaTenantId() ?? getActiveTenantId();
-}
-function snakeToCamel(obj) {
-  const result = {};
-  for (const [key, value] of Object.entries(obj)) {
-    result[key.replace(/_([a-z])/g, (_, c) => c.toUpperCase())] = value;
-  }
-  return result;
-}
-function getClients() {
-  const supabase = getSupabaseClientOptional();
-  if (!supabase) throw new Error("Supabase not initialized");
-  return { core: supabase.schema("saas_core"), pub: supabase };
-}
-function mapBooking(row) {
-  return snakeToCamel(row);
-}
-function mapSchedule(row) {
-  return snakeToCamel(row);
-}
-function addMinutes(iso, minutes) {
-  const d = new Date(iso);
-  d.setMinutes(d.getMinutes() + minutes);
-  return d.toISOString();
-}
-function unique(values) {
-  return Array.from(new Set(values.filter((value) => !!value)));
-}
-function indexById(rows) {
-  return new Map((rows ?? []).filter((row) => row?.id).map((row) => [row.id, row]));
-}
-function groupBy(rows, getKey) {
-  const grouped = /* @__PURE__ */ new Map();
-  for (const row of rows) {
-    const key = getKey(row);
-    if (!key) continue;
-    grouped.set(key, [...grouped.get(key) ?? [], row]);
-  }
-  return grouped;
-}
-function getDurationMinutes(startsAt, endsAt) {
-  if (!endsAt) return null;
-  return Math.round((new Date(endsAt).getTime() - new Date(startsAt).getTime()) / 6e4);
-}
-function mergeBookings(viewBookings, canonicalBookings) {
-  const canonicalIds = new Set(canonicalBookings.map((booking) => booking.id));
-  const canonicalOrderIds = new Set(canonicalBookings.map((booking) => booking.orderId).filter(Boolean));
-  const merged = [
-    ...canonicalBookings,
-    ...viewBookings.filter((booking) => {
-      if (canonicalIds.has(booking.id)) return false;
-      if (booking.orderId && canonicalOrderIds.has(booking.orderId)) return false;
-      if (canonicalOrderIds.has(booking.id)) return false;
-      return true;
-    })
-  ];
-  return merged.sort((a, b) => new Date(a.startsAt).getTime() - new Date(b.startsAt).getTime());
-}
-async function hydrateCanonicalBookings(core, bookings) {
-  const personIds = unique(bookings.flatMap((booking) => [booking.party_id, booking.assignee_id]));
-  const locationIds = unique(bookings.map((booking) => booking.location_id));
-  const orderIds = unique(bookings.map((booking) => booking.order_id));
-  unique(bookings.map((booking) => booking.id));
-  const [
-    { data: persons, error: personsError },
-    { data: locations, error: locationsError },
-    { data: orders, error: ordersError },
-    { data: items, error: itemsError }
-  ] = await Promise.all([
-    personIds.length ? core.from("persons").select("id, name, phone, email, avatar_url").in("id", personIds) : Promise.resolve({ data: [], error: null }),
-    locationIds.length ? core.from("locations").select("id, name").in("id", locationIds) : Promise.resolve({ data: [], error: null }),
-    orderIds.length ? core.from("orders").select("id, total, status").in("id", orderIds) : Promise.resolve({ data: [], error: null }),
-    orderIds.length ? core.from("order_items").select("id, order_id, service_id, name, duration_minutes, unit_price, assignee_id, sort_order").in("order_id", orderIds) : Promise.resolve({ data: [], error: null })
-  ]);
-  if (personsError) throw personsError;
-  if (locationsError) throw locationsError;
-  if (ordersError) throw ordersError;
-  if (itemsError) throw itemsError;
-  const personsById = indexById(persons);
-  const locationsById = indexById(locations);
-  const ordersById = indexById(orders);
-  const itemsByOrderId = groupBy(items ?? [], (item) => item.order_id);
-  return bookings.map((booking) => {
-    const client = booking.party_id ? personsById.get(booking.party_id) : null;
-    const professional = booking.assignee_id ? personsById.get(booking.assignee_id) : null;
-    const location = booking.location_id ? locationsById.get(booking.location_id) : null;
-    const order = booking.order_id ? ordersById.get(booking.order_id) : null;
-    const bookingItems = ((booking.order_id ? itemsByOrderId.get(booking.order_id) : null) ?? []).sort((a, b) => (a.sort_order ?? 0) - (b.sort_order ?? 0)).map((item) => ({
-      id: item.id,
-      serviceId: item.service_id,
-      name: item.name,
-      durationMinutes: item.duration_minutes,
-      price: item.unit_price,
-      assigneeId: item.assignee_id
-    }));
-    const itemDuration = bookingItems.reduce((sum, item) => sum + (item.durationMinutes ?? 0), 0);
-    return {
-      id: booking.id,
-      tenantId: booking.tenant_id,
-      kind: booking.kind,
-      startsAt: booking.starts_at,
-      endsAt: booking.ends_at,
-      status: booking.status,
-      notes: booking.notes,
-      orderId: booking.order_id,
-      locationId: booking.location_id,
-      metadata: booking.metadata ?? {},
-      clientId: booking.party_id,
-      clientName: client?.name ?? null,
-      clientPhone: client?.phone ?? null,
-      clientEmail: client?.email ?? null,
-      clientAvatarUrl: client?.avatar_url ?? null,
-      professionalId: booking.assignee_id,
-      professionalName: professional?.name ?? null,
-      professionalAvatarUrl: professional?.avatar_url ?? null,
-      locationName: location?.name ?? null,
-      orderTotal: order?.total ?? null,
-      orderStatus: order?.status ?? null,
-      services: bookingItems.length ? bookingItems : null,
-      totalDurationMinutes: itemDuration || getDurationMinutes(booking.starts_at, booking.ends_at),
-      createdAt: booking.created_at,
-      updatedAt: booking.updated_at
-    };
-  });
-}
-async function getCanonicalBookings(core, query) {
-  let q = core.from("bookings").select("id, tenant_id, kind, starts_at, ends_at, status, notes, order_id, location_id, metadata, party_id, assignee_id, created_at, updated_at").gte("starts_at", query.dateRange.start).lte("starts_at", query.dateRange.end);
-  if (query.kind) q = q.eq("kind", query.kind);
-  if (query.statuses?.length) q = q.in("status", query.statuses);
-  if (query.professionalIds?.length) q = q.in("assignee_id", query.professionalIds);
-  if (query.locationId) q = q.eq("location_id", query.locationId);
-  const { data, error } = await q.order("starts_at", { ascending: true });
-  if (error) throw error;
-  return hydrateCanonicalBookings(core, data ?? []);
-}
-async function getCanonicalBookingById(core, id) {
-  const columns = "id, tenant_id, kind, starts_at, ends_at, status, notes, order_id, location_id, metadata, party_id, assignee_id, created_at, updated_at";
-  let { data, error } = await core.from("bookings").select(columns).eq("id", id).maybeSingle();
-  if (error) throw error;
-  if (!data) {
-    const fallback = await core.from("bookings").select(columns).eq("order_id", id).maybeSingle();
-    if (fallback.error) throw fallback.error;
-    data = fallback.data;
-  }
-  if (!data) return null;
-  const [booking] = await hydrateCanonicalBookings(core, [data]);
-  return booking ?? null;
-}
-function createSupabaseAgendaProvider() {
-  return {
-    // v_bookings is in public schema (PostgREST default)
-    async getBookings(query) {
-      const { core, pub } = getClients();
-      let q = pub.from("v_bookings").select("*").gte("starts_at", query.dateRange.start).lte("starts_at", query.dateRange.end);
-      if (query.kind) q = q.eq("kind", query.kind);
-      if (query.statuses?.length) q = q.in("status", query.statuses);
-      if (query.professionalIds?.length) q = q.in("professional_id", query.professionalIds);
-      if (query.locationId) q = q.eq("location_id", query.locationId);
-      q = q.order("starts_at", { ascending: true });
-      const { data, error } = await q;
-      if (error) throw error;
-      const viewBookings = (data ?? []).map(mapBooking);
-      const canonicalBookings = await getCanonicalBookings(core, query);
-      return mergeBookings(viewBookings, canonicalBookings);
-    },
-    async getBookingById(id) {
-      const { core, pub } = getClients();
-      const { data, error } = await pub.from("v_bookings").select("*").eq("id", id).maybeSingle();
-      if (error) throw error;
-      if (data) return mapBooking(data);
-      return getCanonicalBookingById(core, id);
-    },
-    async createBooking(input) {
-      const { core } = getClients();
-      const tenantId = getTenantId();
-      if (!tenantId) throw new Error("No active tenant");
-      const hasServices = input.services.length > 0;
-      const totalDuration = input.services.reduce((sum, s) => sum + s.durationMinutes, 0);
-      const totalPrice = input.services.reduce((sum, s) => sum + s.price, 0);
-      const endsAt = addMinutes(input.startsAt, totalDuration || 30);
-      const serviceNames = input.services.map((s) => s.name).join(", ");
-      let contactName;
-      if (input.clientId) {
-        const { data: person } = await core.from("persons").select("name").eq("id", input.clientId).single();
-        contactName = person?.name;
-      }
-      const { data: order, error: orderErr } = await core.from("orders").insert({
-        tenant_id: tenantId,
-        kind: input.kind ?? "appointment",
-        status: "scheduled",
-        party_id: input.clientId || null,
-        assignee_id: input.professionalId,
-        location_id: input.locationId ?? null,
-        subtotal: totalPrice,
-        total: totalPrice,
-        notes: input.notes ?? null,
-        metadata: {
-          source: "agenda",
-          ...serviceNames ? { serviceNames, itemsSummary: serviceNames } : {},
-          ...contactName ? { contactName } : {}
-        }
-      }).select("id").single();
-      if (orderErr) throw orderErr;
-      const { data: booking, error: bookingErr } = await core.from("bookings").insert({
-        tenant_id: tenantId,
-        kind: input.kind ?? "appointment",
-        party_id: input.clientId || null,
-        assignee_id: input.professionalId,
-        location_id: input.locationId ?? null,
-        order_id: order.id,
-        starts_at: input.startsAt,
-        ends_at: endsAt,
-        status: "scheduled",
-        notes: input.notes ?? null,
-        metadata: {
-          source: "agenda",
-          ...serviceNames ? { serviceNames, itemsSummary: serviceNames } : {},
-          ...contactName ? { contactName } : {}
-        }
-      }).select("id").single();
-      if (bookingErr) throw bookingErr;
-      if (hasServices) {
-        const orderItems = input.services.map((s, i) => ({
-          order_id: order.id,
-          service_id: s.serviceId,
-          name: s.name,
-          quantity: 1,
-          unit_price: s.price,
-          total: s.price,
-          sort_order: i,
-          duration_minutes: s.durationMinutes,
-          assignee_id: s.assigneeId ?? input.professionalId
-        }));
-        const { error: oiErr } = await core.from("order_items").insert(orderItems);
-        if (oiErr) throw oiErr;
-      }
-      const createdBooking = await this.getBookingById(booking.id);
-      if (!createdBooking) throw new Error("Created booking did not resolve from agenda read model");
-      return createdBooking;
-    },
-    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();
-      if (existingErr) throw existingErr;
-      const updates = {};
-      if (data.startsAt) updates.starts_at = data.startsAt;
-      if (data.endsAt) updates.ends_at = data.endsAt;
-      if (data.status) {
-        updates.status = data.status;
-      }
-      if (data.notes !== void 0) updates.notes = data.notes;
-      if (data.professionalId) updates.assignee_id = data.professionalId;
-      if (data.clientId) updates.party_id = data.clientId;
-      if (data.locationId) updates.location_id = data.locationId;
-      if (data.services) {
-        const totalDuration = data.services.reduce((s, svc) => s + svc.durationMinutes, 0);
-        data.services.reduce((s, svc) => s + svc.price, 0);
-        const startsAt = data.startsAt ?? existing?.starts_at;
-        if (startsAt) {
-          const ends = new Date(new Date(startsAt).getTime() + totalDuration * 6e4);
-          updates.ends_at = ends.toISOString();
-        }
-      }
-      const effectiveAssigneeId = data.professionalId ?? existing?.assignee_id ?? null;
-      const { error } = await core.from("bookings").update(updates).eq("id", id);
-      if (error) throw error;
-      const orderId = existing?.order_id;
-      if (orderId) {
-        const orderUpdates = {};
-        if (data.notes !== void 0) orderUpdates.notes = data.notes;
-        if (data.professionalId) orderUpdates.assignee_id = data.professionalId;
-        if (data.clientId) orderUpdates.party_id = data.clientId;
-        if (data.locationId) orderUpdates.location_id = data.locationId;
-        if (data.services) {
-          const totalPrice = data.services.reduce((s, svc) => s + svc.price, 0);
-          orderUpdates.subtotal = totalPrice;
-          orderUpdates.total = totalPrice;
-        }
-        if (Object.keys(orderUpdates).length > 0) {
-          const { error: orderErr } = await core.from("orders").update(orderUpdates).eq("id", orderId);
-          if (orderErr) throw orderErr;
-        }
-        if (data.services) {
-          await core.from("order_items").delete().eq("order_id", orderId);
-          if (data.services.length > 0) {
-            const items = data.services.map((svc, idx) => ({
-              order_id: orderId,
-              service_id: svc.serviceId || null,
-              name: svc.name,
-              quantity: 1,
-              unit_price: svc.price,
-              total: svc.price,
-              sort_order: idx,
-              duration_minutes: svc.durationMinutes,
-              assignee_id: svc.assigneeId ?? effectiveAssigneeId
-            }));
-            const { error: itemErr } = await core.from("order_items").insert(items);
-            if (itemErr) throw itemErr;
-          }
-        }
-      }
-      return await this.getBookingById(id);
-    },
-    async deleteBooking(id) {
-      const { core, pub } = getClients();
-      const { data: booking, error: bookingErr } = await core.from("bookings").select("order_id").eq("id", id).single();
-      if (bookingErr) throw bookingErr;
-      const orderId = booking?.order_id;
-      const { count, error: movementErr } = orderId ? await pub.from("financial_movements").select("id", { count: "exact", head: true }).eq("invoice_id", orderId) : { count: 0, error: null };
-      if (movementErr) throw movementErr;
-      if (orderId && (count ?? 0) > 0) {
-        await pub.from("financial_movements").update({ status: "cancelled" }).eq("invoice_id", orderId);
-        await core.from("orders").update({ status: "cancelled" }).eq("id", orderId);
-        const { error } = await core.from("bookings").update({ status: "cancelled" }).eq("id", id);
-        if (error) throw error;
-      } else {
-        if (orderId) {
-          await pub.from("financial_movements").delete().eq("invoice_id", orderId);
-        }
-        const { error } = await core.from("bookings").delete().eq("id", id);
-        if (error) throw error;
-        if (orderId) {
-          const { error: orderErr } = await core.from("orders").delete().eq("id", orderId);
-          if (orderErr) throw orderErr;
-        }
-      }
-    },
-    async updateBookingStatus(id, status) {
-      return this.updateBooking(id, { status });
-    },
-    async checkConflict(params) {
-      const { core } = getClients();
-      let q = core.from("bookings").select("id", { count: "exact", head: true }).eq("assignee_id", params.assigneeId).eq("kind", "appointment").not("status", "in", '("cancelled","no_show")').not("starts_at", "is", null).lt("starts_at", params.endsAt).gt("ends_at", params.startsAt);
-      if (params.excludeBookingId) {
-        q = q.neq("id", params.excludeBookingId);
-      }
-      const { count, error } = await q;
-      if (error) throw error;
-      return (count ?? 0) > 0;
-    },
-    async getAvailableSlots(params) {
-      const { pub } = getClients();
-      const { data, error } = await pub.rpc("get_available_slots", {
-        p_tenant_id: getTenantId(),
-        p_assignee_id: params.assigneeId,
-        p_date: params.date,
-        p_duration_minutes: params.durationMinutes,
-        p_slot_interval: params.slotInterval ?? 30
-      });
-      if (error) throw error;
-      return (data ?? []).map((row) => ({ start: row.slot_start, end: row.slot_end }));
-    },
-    async getSchedules(professionalId) {
-      const { core } = getClients();
-      let q = core.from("schedules").select("*").eq("kind", "working_hours");
-      if (professionalId) q = q.eq("assignee_id", professionalId);
-      q = q.order("day_of_week").order("starts_at");
-      const { data, error } = await q;
-      if (error) throw error;
-      return (data ?? []).map(mapSchedule);
-    },
-    async saveSchedule(input) {
-      const { core } = getClients();
-      const tenantId = getTenantId();
-      if (!tenantId) throw new Error("No active tenant");
-      const { data, error } = await core.from("schedules").insert({
-        tenant_id: tenantId,
-        kind: "working_hours",
-        assignee_id: input.assigneeId,
-        location_id: input.locationId ?? null,
-        day_of_week: input.dayOfWeek ?? null,
-        specific_date: input.specificDate ?? null,
-        starts_at: input.startsAt,
-        ends_at: input.endsAt,
-        is_active: input.isActive !== false,
-        metadata: input.metadata ?? {}
-      }).select("*").single();
-      if (error) throw error;
-      return mapSchedule(data);
-    },
-    async deleteSchedule(id) {
-      const { core } = getClients();
-      const { error } = await core.from("schedules").delete().eq("id", id);
-      if (error) throw error;
-    },
-    async getProfessionals() {
-      const { core } = getClients();
-      const { data, error } = await core.from("persons").select("id, name, avatar_url, is_active").eq("kind", "staff").eq("is_active", true).order("name");
-      if (error) throw error;
-      return (data ?? []).map((p) => ({
-        id: p.id,
-        name: p.name,
-        avatarUrl: p.avatar_url,
-        locationId: null,
-        locationName: null,
-        isActive: p.is_active
-      }));
-    },
-    async getLocations() {
-      const { core } = getClients();
-      const { data, error } = await core.from("locations").select("id, name").eq("is_active", true).order("name");
-      if (error) throw error;
-      return (data ?? []).map((l) => ({ id: l.id, name: l.name }));
-    },
-    async getConfirmationsPending(daysAhead = 2) {
-      const { pub } = getClients();
-      const now2 = (/* @__PURE__ */ new Date()).toISOString();
-      const cutoff = /* @__PURE__ */ new Date();
-      cutoff.setDate(cutoff.getDate() + daysAhead);
-      const { data, error } = await pub.from("v_bookings").select("*").eq("status", "scheduled").gte("starts_at", now2).lte("starts_at", cutoff.toISOString()).order("starts_at");
-      if (error) throw error;
-      return (data ?? []).map(mapBooking);
-    },
-    async sendConfirmation(bookingId, channel) {
-      const { core } = getClients();
-      const { data: booking } = await core.from("bookings").select("metadata").eq("id", bookingId).single();
-      const metadata = booking?.metadata ?? {};
-      const confirmations = metadata.confirmations ?? [];
-      confirmations.push({ channel, sentAt: (/* @__PURE__ */ new Date()).toISOString(), status: "sent" });
-      await core.from("bookings").update({ metadata: { ...metadata, confirmations } }).eq("id", bookingId);
-    },
-    async completeBooking(bookingId) {
-      const { core } = getClients();
-      const { data: existing, error: existingErr } = await core.from("bookings").select("order_id").eq("id", bookingId).single();
-      if (existingErr) throw existingErr;
-      const { error } = await core.from("bookings").update({ status: "completed" }).eq("id", bookingId);
-      if (error) throw error;
-      const orderId = existing?.order_id;
-      const booking = await this.getBookingById(bookingId);
-      if (!booking) throw new Error("Booking not found");
-      return { booking, orderId: orderId ?? bookingId };
-    }
-  };
-}
-
-// src/data/mock.ts
-var nextId = 1;
-function uid() {
-  return `mock-${nextId++}`;
-}
-function now() {
-  return (/* @__PURE__ */ new Date()).toISOString();
-}
-function addMinutes2(date, minutes) {
-  const d = new Date(date);
-  d.setMinutes(d.getMinutes() + minutes);
-  return d.toISOString();
-}
-function timeOverlaps(aStart, aEnd, bStart, bEnd) {
-  return aStart < bEnd && aEnd > bStart;
-}
-var SAMPLE_PROFESSIONALS = [
-  { id: "prof-1", name: "Ana Silva", avatarUrl: null, locationId: "loc-1", locationName: "Main Branch", isActive: true },
-  { id: "prof-2", name: "Carlos Santos", avatarUrl: null, locationId: "loc-1", locationName: "Main Branch", isActive: true },
-  { id: "prof-3", name: "Maria Oliveira", avatarUrl: null, locationId: "loc-1", locationName: "Main Branch", isActive: true }
-];
-function createSampleBookings() {
-  const today = /* @__PURE__ */ new Date();
-  const year = today.getFullYear();
-  const month = today.getMonth();
-  const day = today.getDate();
-  function dt(hour, minute = 0) {
-    return new Date(year, month, day, hour, minute).toISOString();
-  }
-  return [
-    {
-      id: "bk-1",
-      tenantId: "mock",
-      kind: "appointment",
-      startsAt: dt(9, 0),
-      endsAt: dt(10, 30),
-      status: "confirmed",
-      notes: null,
-      orderId: "ord-1",
-      locationId: "loc-1",
-      metadata: {},
-      clientId: "cl-1",
-      clientName: "Sarah Johnson",
-      clientPhone: "(11) 99999-1111",
-      clientEmail: "sarah@email.com",
-      clientAvatarUrl: null,
-      professionalId: "prof-1",
-      professionalName: "Ana Silva",
-      professionalAvatarUrl: null,
-      locationName: "Main Branch",
-      orderTotal: 250,
-      orderStatus: "draft",
-      services: [{ id: "bi-1", serviceId: "svc-1", name: "Balayage", durationMinutes: 90, price: 250, assigneeId: "prof-1" }],
-      totalDurationMinutes: 90,
-      createdAt: now(),
-      updatedAt: now()
-    },
-    {
-      id: "bk-2",
-      tenantId: "mock",
-      kind: "appointment",
-      startsAt: dt(10, 0),
-      endsAt: dt(11, 0),
-      status: "scheduled",
-      notes: null,
-      orderId: "ord-2",
-      locationId: "loc-1",
-      metadata: {},
-      clientId: "cl-2",
-      clientName: "Emily Carter",
-      clientPhone: "(11) 99999-2222",
-      clientEmail: "emily@email.com",
-      clientAvatarUrl: null,
-      professionalId: "prof-2",
-      professionalName: "Carlos Santos",
-      professionalAvatarUrl: null,
-      locationName: "Main Branch",
-      orderTotal: 80,
-      orderStatus: "draft",
-      services: [{ id: "bi-2", serviceId: "svc-2", name: "Haircut", durationMinutes: 60, price: 80, assigneeId: "prof-2" }],
-      totalDurationMinutes: 60,
-      createdAt: now(),
-      updatedAt: now()
-    },
-    {
-      id: "bk-3",
-      tenantId: "mock",
-      kind: "appointment",
-      startsAt: dt(14, 0),
-      endsAt: dt(15, 0),
-      status: "confirmed",
-      notes: "First visit",
-      orderId: "ord-3",
-      locationId: "loc-1",
-      metadata: {},
-      clientId: "cl-3",
-      clientName: "Rachel Kim",
-      clientPhone: "(11) 99999-3333",
-      clientEmail: null,
-      clientAvatarUrl: null,
-      professionalId: "prof-3",
-      professionalName: "Maria Oliveira",
-      professionalAvatarUrl: null,
-      locationName: "Main Branch",
-      orderTotal: 120,
-      orderStatus: "draft",
-      services: [{ id: "bi-3", serviceId: "svc-3", name: "Facial Treatment", durationMinutes: 60, price: 120, assigneeId: "prof-3" }],
-      totalDurationMinutes: 60,
-      createdAt: now(),
-      updatedAt: now()
-    },
-    {
-      id: "bk-4",
-      tenantId: "mock",
-      kind: "appointment",
-      startsAt: dt(11, 0),
-      endsAt: dt(12, 0),
-      status: "scheduled",
-      notes: null,
-      orderId: "ord-4",
-      locationId: "loc-1",
-      metadata: {},
-      clientId: "cl-4",
-      clientName: "Jessica Lima",
-      clientPhone: "(11) 99999-4444",
-      clientEmail: null,
-      clientAvatarUrl: null,
-      professionalId: "prof-1",
-      professionalName: "Ana Silva",
-      professionalAvatarUrl: null,
-      locationName: "Main Branch",
-      orderTotal: 60,
-      orderStatus: "draft",
-      services: [{ id: "bi-4", serviceId: "svc-4", name: "Manicure", durationMinutes: 60, price: 60, assigneeId: "prof-1" }],
-      totalDurationMinutes: 60,
-      createdAt: now(),
-      updatedAt: now()
-    },
-    {
-      id: "bk-5",
-      tenantId: "mock",
-      kind: "appointment",
-      startsAt: dt(15, 30),
-      endsAt: dt(17, 0),
-      status: "confirmed",
-      notes: null,
-      orderId: "ord-5",
-      locationId: "loc-1",
-      metadata: {},
-      clientId: "cl-5",
-      clientName: "Amanda Wright",
-      clientPhone: "(11) 99999-5555",
-      clientEmail: "amanda@email.com",
-      clientAvatarUrl: null,
-      professionalId: "prof-2",
-      professionalName: "Carlos Santos",
-      professionalAvatarUrl: null,
-      locationName: "Main Branch",
-      orderTotal: 350,
-      orderStatus: "draft",
-      services: [
-        { id: "bi-5", serviceId: "svc-1", name: "Highlights", durationMinutes: 60, price: 200, assigneeId: "prof-2" },
-        { id: "bi-6", serviceId: "svc-2", name: "Haircut", durationMinutes: 30, price: 150, assigneeId: "prof-2" }
-      ],
-      totalDurationMinutes: 90,
-      createdAt: now(),
-      updatedAt: now()
-    }
-  ];
-}
-function createSampleSchedules() {
-  const schedules = [];
-  for (const prof of SAMPLE_PROFESSIONALS) {
-    for (let day = 1; day <= 5; day++) {
-      schedules.push({
-        id: uid(),
-        tenantId: "mock",
-        kind: "working_hours",
-        assigneeId: prof.id,
-        locationId: prof.locationId,
-        dayOfWeek: day,
-        specificDate: null,
-        startsAt: "08:00",
-        endsAt: "12:00",
-        isActive: true,
-        metadata: {}
-      });
-      schedules.push({
-        id: uid(),
-        tenantId: "mock",
-        kind: "working_hours",
-        assigneeId: prof.id,
-        locationId: prof.locationId,
-        dayOfWeek: day,
-        specificDate: null,
-        startsAt: "13:00",
-        endsAt: "18:00",
-        isActive: true,
-        metadata: {}
-      });
-    }
-    schedules.push({
-      id: uid(),
-      tenantId: "mock",
-      kind: "working_hours",
-      assigneeId: prof.id,
-      locationId: prof.locationId,
-      dayOfWeek: 6,
-      specificDate: null,
-      startsAt: "08:00",
-      endsAt: "14:00",
-      isActive: true,
-      metadata: {}
-    });
-  }
-  return schedules;
-}
-function createMockAgendaProvider() {
-  const bookings = createSampleBookings();
-  const schedules = createSampleSchedules();
-  const professionals = [...SAMPLE_PROFESSIONALS];
-  return {
-    async getLocations() {
-      return [];
-    },
-    async getBookings(query) {
-      return bookings.filter((b) => {
-        if (query.kind && b.kind !== query.kind) return false;
-        if (query.statuses?.length && !query.statuses.includes(b.status)) return false;
-        if (query.professionalIds?.length && !query.professionalIds.includes(b.professionalId ?? "")) return false;
-        if (query.locationId && b.locationId !== query.locationId) return false;
-        if (query.dateRange) {
-          if (b.startsAt > query.dateRange.end || (b.endsAt ?? b.startsAt) < query.dateRange.start) return false;
-        }
-        return true;
-      });
-    },
-    async getBookingById(id) {
-      return bookings.find((b) => b.id === id) ?? null;
-    },
-    async createBooking(input) {
-      const totalDuration = input.services.reduce((sum, s) => sum + s.durationMinutes, 0);
-      const totalPrice = input.services.reduce((sum, s) => sum + s.price, 0);
-      const booking = {
-        id: uid(),
-        tenantId: "mock",
-        kind: input.kind ?? "appointment",
-        startsAt: input.startsAt,
-        endsAt: addMinutes2(input.startsAt, totalDuration || 30),
-        status: "scheduled",
-        notes: input.notes ?? null,
-        orderId: input.services.length > 0 ? uid() : null,
-        locationId: input.locationId ?? null,
-        metadata: {},
-        clientId: input.clientId,
-        clientName: "New Client",
-        clientPhone: null,
-        clientEmail: null,
-        clientAvatarUrl: null,
-        professionalId: input.professionalId,
-        professionalName: professionals.find((p) => p.id === input.professionalId)?.name ?? "Unknown",
-        professionalAvatarUrl: null,
-        locationName: null,
-        orderTotal: totalPrice,
-        orderStatus: "draft",
-        services: input.services.map((s) => ({
-          id: uid(),
-          serviceId: s.serviceId,
-          name: s.name,
-          durationMinutes: s.durationMinutes,
-          price: s.price,
-          assigneeId: s.assigneeId ?? input.professionalId
-        })),
-        totalDurationMinutes: totalDuration,
-        createdAt: now(),
-        updatedAt: now()
-      };
-      bookings.push(booking);
-      return booking;
-    },
-    async updateBooking(id, data) {
-      const idx = bookings.findIndex((b) => b.id === id);
-      if (idx === -1) throw new Error("Booking not found");
-      const existing = bookings[idx];
-      const serviceUpdates = {};
-      if (data.services) {
-        serviceUpdates.services = data.services.map((s) => ({
-          id: uid(),
-          serviceId: s.serviceId,
-          name: s.name,
-          durationMinutes: s.durationMinutes,
-          price: s.price,
-          assigneeId: s.assigneeId ?? existing.professionalId ?? ""
-        }));
-        serviceUpdates.totalDurationMinutes = data.services.reduce((sum, s) => sum + s.durationMinutes, 0);
-        serviceUpdates.orderTotal = data.services.reduce((sum, s) => sum + s.price, 0);
-      }
-      const updated = {
-        ...existing,
-        ...data.startsAt && { startsAt: data.startsAt },
-        ...data.endsAt && { endsAt: data.endsAt },
-        ...data.status && { status: data.status },
-        ...data.notes !== void 0 && { notes: data.notes ?? null },
-        ...data.professionalId && { professionalId: data.professionalId },
-        ...data.clientId && { clientId: data.clientId },
-        ...data.locationId && { locationId: data.locationId },
-        ...serviceUpdates,
-        updatedAt: now()
-      };
-      bookings[idx] = updated;
-      return updated;
-    },
-    async deleteBooking(id) {
-      const idx = bookings.findIndex((b) => b.id === id);
-      if (idx !== -1) bookings.splice(idx, 1);
-    },
-    async updateBookingStatus(id, status) {
-      const idx = bookings.findIndex((b) => b.id === id);
-      if (idx === -1) throw new Error("Booking not found");
-      bookings[idx] = { ...bookings[idx], status, updatedAt: now() };
-      return bookings[idx];
-    },
-    async checkConflict(params) {
-      return bookings.some((b) => {
-        if (params.excludeBookingId && b.id === params.excludeBookingId) return false;
-        if (b.professionalId !== params.assigneeId) return false;
-        if (b.status === "cancelled" || b.status === "no_show") return false;
-        return timeOverlaps(b.startsAt, b.endsAt ?? b.startsAt, params.startsAt, params.endsAt);
-      });
-    },
-    async getAvailableSlots(params) {
-      const date = new Date(params.date);
-      const dayOfWeek = date.getDay();
-      const interval = params.slotInterval ?? 30;
-      const daySchedules = schedules.filter(
-        (s) => s.assigneeId === params.assigneeId && s.isActive && (s.dayOfWeek === dayOfWeek || s.specificDate === params.date)
-      );
-      const slots = [];
-      for (const sched of daySchedules) {
-        const [startH, startM] = sched.startsAt.split(":").map(Number);
-        const [endH, endM] = sched.endsAt.split(":").map(Number);
-        const schedStart = new Date(date);
-        schedStart.setHours(startH, startM, 0, 0);
-        const schedEnd = new Date(date);
-        schedEnd.setHours(endH, endM, 0, 0);
-        let slotStart = new Date(schedStart);
-        while (true) {
-          const slotEnd = new Date(slotStart.getTime() + params.durationMinutes * 6e4);
-          if (slotEnd > schedEnd) break;
-          const startIso = slotStart.toISOString();
-          const endIso = slotEnd.toISOString();
-          const hasConflict = bookings.some((b) => {
-            if (b.professionalId !== params.assigneeId) return false;
-            if (b.status === "cancelled" || b.status === "no_show") return false;
-            return timeOverlaps(b.startsAt, b.endsAt ?? b.startsAt, startIso, endIso);
-          });
-          if (!hasConflict) {
-            slots.push({ start: startIso, end: endIso });
-          }
-          slotStart = new Date(slotStart.getTime() + interval * 6e4);
-        }
-      }
-      return slots;
-    },
-    async getSchedules(professionalId) {
-      if (professionalId) return schedules.filter((s) => s.assigneeId === professionalId);
-      return [...schedules];
-    },
-    async saveSchedule(input) {
-      const schedule = {
-        id: uid(),
-        tenantId: "mock",
-        kind: "working_hours",
-        assigneeId: input.assigneeId,
-        locationId: input.locationId ?? null,
-        dayOfWeek: input.dayOfWeek ?? null,
-        specificDate: input.specificDate ?? null,
-        startsAt: input.startsAt,
-        endsAt: input.endsAt,
-        isActive: input.isActive !== false,
-        metadata: input.metadata ?? {}
-      };
-      schedules.push(schedule);
-      return schedule;
-    },
-    async deleteSchedule(id) {
-      const idx = schedules.findIndex((s) => s.id === id);
-      if (idx !== -1) schedules.splice(idx, 1);
-    },
-    async getProfessionals() {
-      return [...professionals];
-    },
-    async getConfirmationsPending(daysAhead = 2) {
-      const cutoff = /* @__PURE__ */ new Date();
-      cutoff.setDate(cutoff.getDate() + daysAhead);
-      return bookings.filter(
-        (b) => b.status === "scheduled" && new Date(b.startsAt) <= cutoff && new Date(b.startsAt) >= /* @__PURE__ */ new Date()
-      );
-    },
-    async sendConfirmation(bookingId, channel) {
-      const booking = bookings.find((b) => b.id === bookingId);
-      if (!booking) throw new Error("Booking not found");
-      const confirmations = booking.metadata.confirmations ?? [];
-      confirmations.push({ channel, sentAt: now(), status: "sent" });
-      booking.metadata = { ...booking.metadata, confirmations };
-    },
-    async completeBooking(bookingId) {
-      const idx = bookings.findIndex((b) => b.id === bookingId);
-      if (idx === -1) throw new Error("Booking not found");
-      bookings[idx] = { ...bookings[idx], status: "completed", updatedAt: now() };
-      return { booking: bookings[idx], orderId: bookings[idx].orderId ?? "" };
-    }
-  };
-}
 function getCurrentBookingQuery(state, dateRange = state.dateRange) {
   return {
     dateRange,
@@ -4233,7 +3656,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 +3847,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 +3863,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 +3967,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 +4067,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 +4083,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 +4187,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 +4627,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 +4643,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,
@@ -5203,6 +4651,9 @@ function createAgendaPlugin(options) {
     version: "1.0.0",
     scope: options?.scope ?? "universal",
     verticalId: options?.verticalId,
+    // Booking/scheduling is business-ops (clinic, salon, services) — targets
+    // the saas/admin Panel world, not the ecommerce storefront.
+    scaffolds: ["saas"],
     defaultEnabled: true,
     dependencies: [],
     declaredFeatures: [
@@ -5295,18 +4746,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"
           });