@fayz-ai/plugin-agenda 0.1.8 → 0.2.1

package/dist/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
+var chunkGAJVIEXM_cjs = require('./chunk-GAJVIEXM.cjs');
 var chunkSYDBDI3Q_cjs = require('./chunk-SYDBDI3Q.cjs');
-var React11 = require('react');
+var React12 = require('react');
 var core = require('@fayz-ai/core');
 var saas = require('@fayz-ai/saas');
 var FullCalendar = require('@fullcalendar/react');
@@ -19,7 +20,7 @@ var vanilla = require('zustand/vanilla');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React11__default = /*#__PURE__*/_interopDefault(React11);
+var React12__default = /*#__PURE__*/_interopDefault(React12);
 var FullCalendar__default = /*#__PURE__*/_interopDefault(FullCalendar);
 var dayGridPlugin__default = /*#__PURE__*/_interopDefault(dayGridPlugin);
 var timeGridPlugin__default = /*#__PURE__*/_interopDefault(timeGridPlugin);
@@ -80,23 +81,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",
@@ -104,6 +129,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,
@@ -431,10 +458,10 @@ function toDateLocale(locale) {
 }
 function MiniCalendar({ selectedDate, onDateSelect, onMonthChange }) {
   const locale = core.getCurrentLocale();
-  const [viewMonth, setViewMonth] = React11__default.default.useState(() => new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
+  const [viewMonth, setViewMonth] = React12__default.default.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 = React11.useMemo(() => {
+  const weeks = React12.useMemo(() => {
     const year = viewMonth.getFullYear();
     const month = viewMonth.getMonth();
     const firstDay = new Date(year, month, 1);
@@ -505,14 +532,14 @@ function SearchCombobox({
   loading,
   onFocus: onFocusProp
 }) {
-  const [open, setOpen] = React11.useState(false);
-  const [activeIndex, setActiveIndex] = React11.useState(-1);
-  const [expanded, setExpanded] = React11.useState(!inlineLabel);
-  const [dropRect, setDropRect] = React11.useState(null);
-  const inputRef = React11.useRef(null);
-  const wrapperRef = React11.useRef(null);
-  const listRef = React11.useRef(null);
-  React11.useEffect(() => {
+  const [open, setOpen] = React12.useState(false);
+  const [activeIndex, setActiveIndex] = React12.useState(-1);
+  const [expanded, setExpanded] = React12.useState(!inlineLabel);
+  const [dropRect, setDropRect] = React12.useState(null);
+  const inputRef = React12.useRef(null);
+  const wrapperRef = React12.useRef(null);
+  const listRef = React12.useRef(null);
+  React12.useEffect(() => {
     if (value && inlineLabel) setExpanded(true);
     if (!value && inlineLabel && !open) setExpanded(false);
   }, [value, open]);
@@ -521,13 +548,13 @@ function SearchCombobox({
   }
   const showCreate = open && allowCreate && onCreateNew && value.trim().length > 0 && !options.some((o) => o.label.toLowerCase() === value.trim().toLowerCase());
   const totalItems = options.length + (showCreate ? 1 : 0);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     setActiveIndex(-1);
   }, [options]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if ((options.length > 0 || showCreate || loading) && document.activeElement === inputRef.current) setOpen(true);
   }, [options, showCreate, loading]);
-  const handleKeyDown = React11.useCallback((e) => {
+  const handleKeyDown = React12.useCallback((e) => {
     if (!open || totalItems === 0) {
       if (e.key === "ArrowDown" && totalItems > 0) {
         e.preventDefault();
@@ -564,7 +591,7 @@ function SearchCombobox({
         break;
     }
   }, [open, options, totalItems, activeIndex, onSelect, showCreate, onCreateNew, value]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (activeIndex < 0 || !listRef.current) return;
     const items = listRef.current.children;
     if (items[activeIndex]) items[activeIndex].scrollIntoView({ block: "nearest" });
@@ -720,27 +747,27 @@ 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 = core.useTranslation();
   const config = useAgendaConfig();
   const bridge = config.financialBridge;
-  const [visible, setVisible] = React11.useState(false);
-  const [loading, setLoading] = React11.useState(true);
-  const [detail, setDetail] = React11.useState(null);
-  const [selectedTypeId, setSelectedTypeId] = React11.useState("");
-  const [paymentTypes, setPaymentTypes] = React11.useState([]);
-  const [bankAccounts, setBankAccounts] = React11.useState([]);
-  const [filteredMethods, setFilteredMethods] = React11.useState([]);
-  const [selectedBankId, setSelectedBankId] = React11.useState("");
-  const [paymentMethodId, setPaymentMethodId] = React11.useState("");
-  const [cardBrand, setCardBrand] = React11.useState("");
-  const [cardInstallments, setCardInstallments] = React11.useState(1);
-  const [processing, setProcessing] = React11.useState(false);
-  const [justPaid, setJustPaid] = React11.useState(false);
-  React11.useEffect(() => {
+  const [visible, setVisible] = React12.useState(false);
+  const [loading, setLoading] = React12.useState(true);
+  const [detail, setDetail] = React12.useState(null);
+  const [selectedTypeId, setSelectedTypeId] = React12.useState("");
+  const [paymentTypes, setPaymentTypes] = React12.useState([]);
+  const [bankAccounts, setBankAccounts] = React12.useState([]);
+  const [filteredMethods, setFilteredMethods] = React12.useState([]);
+  const [selectedBankId, setSelectedBankId] = React12.useState("");
+  const [paymentMethodId, setPaymentMethodId] = React12.useState("");
+  const [cardBrand, setCardBrand] = React12.useState("");
+  const [cardInstallments, setCardInstallments] = React12.useState(1);
+  const [processing, setProcessing] = React12.useState(false);
+  const [justPaid, setJustPaid] = React12.useState(false);
+  React12.useEffect(() => {
     requestAnimationFrame(() => setVisible(true));
   }, []);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     let cancelled = false;
     setLoading(true);
     Promise.all([
@@ -802,7 +829,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
     !loading && isPaid && justPaid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-8 space-y-2 animate-in fade-in zoom-in-95 duration-300", children: [
       /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-7 w-7 text-success" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-success", children: t("agenda.payment.checkoutComplete") }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: formatCurrency(detail.totalAmount) })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: formatCurrency2(detail.totalAmount) })
     ] }),
     !loading && detail && detail.status !== "none" && !justPaid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 animate-in fade-in duration-300", children: [
       detail.movements.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: detail.movements.map((mov) => {
@@ -834,21 +861,21 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
             ] }),
             isPartial && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: formatCurrency(mov.paidAmount || mov.amount) })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: formatCurrency2(mov.paidAmount || mov.amount) })
           ] })
         ] }, mov.id);
       }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm px-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: t("agenda.payment.total") }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: formatCurrency(detail.totalAmount) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: formatCurrency2(detail.totalAmount) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
         detail.referenceNumber && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] font-mono text-muted-foreground", children: [
@@ -873,12 +900,12 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t("agenda.payment.serviceSummary") }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: services.map((svc, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm py-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: svc.name }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: formatCurrency(svc.price) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: formatCurrency2(svc.price) })
         ] }, i)) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm font-semibold pt-2 border-t", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("agenda.payment.total") }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCurrency(orderTotal) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCurrency2(orderTotal) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t("agenda.payment.paymentMethod") }),
@@ -953,7 +980,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
                 children: Array.from({ length: 12 }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: n, children: [
                   n,
                   "x ",
-                  n > 1 ? formatCurrency(orderTotal / n) : ""
+                  n > 1 ? formatCurrency2(orderTotal / n) : ""
                 ] }, n))
               }
             )
@@ -982,7 +1009,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)}`
         }
       )
     ] })
@@ -1043,9 +1070,9 @@ function formatCompactDate(dateStr, locale) {
   });
 }
 function InlineNumber({ value, onChange, min = 0, step = 1, className, disabled, tooltip }) {
-  const [draft, setDraft] = React11.useState(String(value));
-  const [focused, setFocused] = React11.useState(false);
-  React11.useEffect(() => {
+  const [draft, setDraft] = React12.useState(String(value));
+  const [focused, setFocused] = React12.useState(false);
+  React12.useEffect(() => {
     if (!focused) setDraft(String(value));
   }, [value, focused]);
   function commit() {
@@ -1089,11 +1116,11 @@ function InlineNumber({ value, onChange, min = 0, step = 1, className, disabled,
   ] }) });
 }
 function StatusSelect({ value, onChange, statuses, bookingDate }) {
-  const [open, setOpen] = React11.useState(false);
-  const ref = React11.useRef(null);
-  const dropdownRef = React11.useRef(null);
+  const [open, setOpen] = React12.useState(false);
+  const ref = React12.useRef(null);
+  const dropdownRef = React12.useRef(null);
   const current = statuses.find((s) => s.value === value);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       const target = e.target;
@@ -1104,8 +1131,8 @@ function StatusSelect({ value, onChange, statuses, bookingDate }) {
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  const btnRef = React11.useRef(null);
-  const [dropRect, setDropRect] = React11.useState(null);
+  const btnRef = React12.useRef(null);
+  const [dropRect, setDropRect] = React12.useState(null);
   function handleOpen() {
     if (btnRef.current) setDropRect(btnRef.current.getBoundingClientRect());
     setOpen((p) => !p);
@@ -1165,10 +1192,10 @@ function StatusSelect({ value, onChange, statuses, bookingDate }) {
 }
 function ProfessionalSelect({ value, onChange, professionals }) {
   const t = core.useTranslation();
-  const [open, setOpen] = React11.useState(false);
-  const ref = React11.useRef(null);
+  const [open, setOpen] = React12.useState(false);
+  const ref = React12.useRef(null);
   const current = professionals.find((p) => p.id === value);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -1206,10 +1233,10 @@ function ProfessionalSelect({ value, onChange, professionals }) {
 }
 function LocationSelect({ value, onChange, locations }) {
   const t = core.useTranslation();
-  const [open, setOpen] = React11.useState(false);
-  const ref = React11.useRef(null);
+  const [open, setOpen] = React12.useState(false);
+  const ref = React12.useRef(null);
   const current = locations.find((l) => l.id === value);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -1245,12 +1272,12 @@ 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 = core.useTranslation();
   const locale = core.getCurrentLocale();
   const config = useAgendaConfig();
   const provider2 = useAgendaProvider();
-  const initialSnapshot = React11.useRef("");
+  const initialSnapshot = React12.useRef("");
   const createBooking = useAgendaStore((s) => s.createBooking);
   const updateBooking = useAgendaStore((s) => s.updateBooking);
   const deleteBooking = useAgendaStore((s) => s.deleteBooking);
@@ -1258,54 +1285,60 @@ 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 [loading, setLoading] = React11.useState(mode === "edit");
-  const [bookingType, setBookingType] = React11.useState(prefill?.kind ?? "appointment");
-  const [clientId, setClientId] = React11.useState(prefill?.clientId ?? "");
-  const [clientSearch, setClientSearch] = React11.useState("");
-  const [clientPhone, setClientPhone] = React11.useState("");
-  const [professionalId, setProfessionalId] = React11.useState(prefill?.professionalId ?? "");
-  const [locationId, setLocationId] = React11.useState(prefill?.locationId ?? "");
-  const [services, setServices] = React11.useState([]);
-  const [serviceSearch, setServiceSearch] = React11.useState("");
-  const [date, setDate] = React11.useState(() => {
+  const defaultBookingType = config.bookingTypes[0]?.id ?? "appointment";
+  const [loading, setLoading] = React12.useState(mode === "edit");
+  const [bookingType, setBookingType] = React12.useState(prefill?.kind ?? defaultBookingType);
+  const [title, setTitle] = React12.useState("");
+  const [clientId, setClientId] = React12.useState(prefill?.clientId ?? "");
+  const [clientSearch, setClientSearch] = React12.useState("");
+  const [clientPhone, setClientPhone] = React12.useState("");
+  const [professionalId, setProfessionalId] = React12.useState(prefill?.professionalId ?? "");
+  const [locationId, setLocationId] = React12.useState(prefill?.locationId ?? "");
+  const [services, setServices] = React12.useState([]);
+  const [serviceSearch, setServiceSearch] = React12.useState("");
+  const [date, setDate] = React12.useState(() => {
     if (prefill?.startsAt) return prefill.startsAt.slice(0, 10);
     return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
   });
-  const [startTime, setStartTime] = React11.useState(() => {
+  const [startTime, setStartTime] = React12.useState(() => {
     if (prefill?.startsAt) {
       const d = new Date(prefill.startsAt);
       return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
     }
     return "09:00";
   });
-  const [status, setStatus] = React11.useState("scheduled");
-  const [notes, setNotes] = React11.useState("");
-  const [showNotes, setShowNotes] = React11.useState(false);
-  const [saving, setSaving] = React11.useState(false);
-  const [conflict, setConflict] = React11.useState(false);
-  const [quickCreate, setQuickCreate] = React11.useState(false);
-  const [newClientName, setNewClientName] = React11.useState("");
-  const [newClientPhone, setNewClientPhone] = React11.useState("");
-  const [newClientEmail, setNewClientEmail] = React11.useState("");
-  const [creatingClient, setCreatingClient] = React11.useState(false);
-  const [clientOptions, setClientOptions] = React11.useState([]);
-  const [clientSearching, setClientSearching] = React11.useState(false);
-  const [serviceOptions, setServiceOptions] = React11.useState([]);
-  const [initialServiceOptions, setInitialServiceOptions] = React11.useState([]);
-  const [editingDate, setEditingDate] = React11.useState(false);
-  const [editingTime, setEditingTime] = React11.useState(false);
-  const [confirmingDelete, setConfirmingDelete] = React11.useState(false);
-  const [deleting, setDeleting] = React11.useState(false);
-  const [editOrderId, setEditOrderId] = React11.useState(null);
-  const [editOrderTotal, setEditOrderTotal] = React11.useState(0);
-  const [editPaymentStatus, setEditPaymentStatus] = React11.useState("none");
-  const [paymentStatusLoading, setPaymentStatusLoading] = React11.useState(false);
-  const [modalTab, setModalTab] = React11.useState("appointment");
-  const [clientData, setClientData] = React11.useState(null);
-  const [clientDataLoading, setClientDataLoading] = React11.useState(false);
-  const [clientEditing, setClientEditing] = React11.useState(false);
+  const [status, setStatus] = React12.useState("scheduled");
+  const [notes, setNotes] = React12.useState("");
+  const [showNotes, setShowNotes] = React12.useState(false);
+  const [saving, setSaving] = React12.useState(false);
+  const [conflict, setConflict] = React12.useState(false);
+  const [quickCreate, setQuickCreate] = React12.useState(false);
+  const [newClientName, setNewClientName] = React12.useState("");
+  const [newClientPhone, setNewClientPhone] = React12.useState("");
+  const [newClientEmail, setNewClientEmail] = React12.useState("");
+  const [creatingClient, setCreatingClient] = React12.useState(false);
+  const [clientOptions, setClientOptions] = React12.useState([]);
+  const [clientSearching, setClientSearching] = React12.useState(false);
+  const [serviceOptions, setServiceOptions] = React12.useState([]);
+  const [initialServiceOptions, setInitialServiceOptions] = React12.useState([]);
+  const [editingDate, setEditingDate] = React12.useState(false);
+  const [editingTime, setEditingTime] = React12.useState(false);
+  const [confirmingDelete, setConfirmingDelete] = React12.useState(false);
+  const [deleting, setDeleting] = React12.useState(false);
+  const [editOrderId, setEditOrderId] = React12.useState(null);
+  const [editOrderTotal, setEditOrderTotal] = React12.useState(0);
+  const [editPaymentStatus, setEditPaymentStatus] = React12.useState("none");
+  const [paymentStatusLoading, setPaymentStatusLoading] = React12.useState(false);
+  const [modalTab, setModalTab] = React12.useState("appointment");
+  const [clientData, setClientData] = React12.useState(null);
+  const [clientDataLoading, setClientDataLoading] = React12.useState(false);
+  const [clientEditing, setClientEditing] = React12.useState(false);
+  const [cancellationReasons, setCancellationReasons] = React12.useState([]);
+  const [cancellationReasonId, setCancellationReasonId] = React12.useState("");
+  const [cancellationNotes, setCancellationNotes] = React12.useState("");
+  const [cancellationReasonsLoading, setCancellationReasonsLoading] = React12.useState(false);
   const activeType = config.bookingTypes.find((bt) => bt.id === bookingType) ?? config.bookingTypes[0];
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!open) return;
     setClientId(prefill?.clientId ?? "");
     setClientSearch("");
@@ -1324,7 +1357,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);
@@ -1336,6 +1370,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(() => {
@@ -1350,7 +1387,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
       return "09:00";
     });
   }, [open]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!open || mode !== "edit" || !bookingId) return;
     setLoading(true);
     provider2.getBookingById(bookingId).then((b) => {
@@ -1358,7 +1395,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 ?? "");
@@ -1380,6 +1418,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 ?? "",
@@ -1387,6 +1426,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);
@@ -1403,7 +1444,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
       }
     }).catch(() => setLoading(false));
   }, [open, mode, bookingId]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (modalTab !== "client" || !clientId || !config.contactLookup || clientData) return;
     setClientDataLoading(true);
     config.contactLookup.getById(clientId).then((result) => {
@@ -1411,7 +1452,12 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
       setClientDataLoading(false);
     }).catch(() => setClientDataLoading(false));
   }, [modalTab, clientId]);
-  React11.useEffect(() => {
+  React12.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]);
+  React12.useEffect(() => {
     if (!open || !config.serviceLookup) return;
     const lookup = config.serviceLookup;
     const fetch = lookup.list ? () => lookup.list() : () => lookup.search("");
@@ -1420,7 +1466,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
       setInitialServiceOptions(opts);
     }).catch(() => setInitialServiceOptions([]));
   }, [open]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!config.contactLookup || clientSearch.length < 1 || clientId) {
       setClientOptions([]);
       setClientSearching(false);
@@ -1438,7 +1484,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
     }, 250);
     return () => clearTimeout(timer);
   }, [clientSearch, clientId]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!config.serviceLookup || serviceSearch.length < 1) {
       setServiceOptions([]);
       return;
@@ -1454,19 +1500,19 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
     return () => clearTimeout(timer);
   }, [serviceSearch]);
   const serviceDuration = services.reduce((sum, s) => sum + s.durationMinutes, 0);
-  const selectionDuration = React11.useMemo(() => {
+  const selectionDuration = React12.useMemo(() => {
     if (!prefill?.startsAt || !prefill?.endsAt) return 0;
     return Math.round((new Date(prefill.endsAt).getTime() - new Date(prefill.startsAt).getTime()) / 6e4);
   }, [prefill?.startsAt, prefill?.endsAt]);
   const totalDuration = serviceDuration > 0 ? serviceDuration : selectionDuration;
   const totalPrice = services.reduce((sum, s) => sum + s.price, 0);
   const { currency } = config;
-  const endTime = React11.useMemo(() => {
+  const endTime = React12.useMemo(() => {
     const [h, m] = startTime.split(":").map(Number);
     const total = h * 60 + m + totalDuration;
     return `${String(Math.floor(total / 60) % 24).padStart(2, "0")}:${String(total % 60).padStart(2, "0")}`;
   }, [startTime, totalDuration]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!professionalId || totalDuration === 0) {
       setConflict(false);
       return;
@@ -1510,10 +1556,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,
@@ -1522,8 +1569,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 {
@@ -1541,12 +1597,15 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
     setDeleting(false);
   }
   const isPaidBooking = editPaymentStatus === "paid";
-  const formSnapshot = React11.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]
+  const selectedCancellationReason = cancellationReasons.find((reason) => reason.id === cancellationReasonId);
+  const needsCancellationReason = mode === "edit" && status === "cancelled" && !!config.cancellationDetails;
+  const needsCancellationNotes = needsCancellationReason && !!selectedCancellationReason?.requiresNotes;
+  const formSnapshot = React12.useMemo(
+    () => 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__ */ jsxRuntime.jsx(ui.Modal, { open, onOpenChange: (v) => {
     if (!v) onClose();
@@ -1667,8 +1726,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)) {
@@ -1721,6 +1780,20 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 flex-1 rounded-lg bg-muted animate-pulse" })
           ] }, i)) }),
           !loading && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            activeType.fields.title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 py-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 py-1", children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: clientId && !quickCreate ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 rounded-md bg-muted/30 px-2.5 py-1.5 text-sm", children: [
@@ -1815,10 +1888,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-222EHYUC.cjs');
-                        const supabase = getSupabaseClientOptional4();
-                        const tenantId = getAgendaTenantId2();
+                        const { getSupabaseClientOptional: getSupabaseClientOptional3 } = await import('@fayz-ai/core');
+                        const { getAgendaTenantId } = await import('./tenant-222EHYUC.cjs');
+                        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,
@@ -1933,6 +2006,37 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, onClose,
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleDot, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx(StatusSelect, { value: status, onChange: setStatus, statuses: config.statuses, bookingDate: date })
             ] }),
+            needsCancellationReason && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 py-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ban, { className: "h-4 w-4 mt-2 text-muted-foreground shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-2", children: [
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "", children: cancellationReasonsLoading ? t("agenda.cancellation.loadingReasons") : t("agenda.cancellation.selectReason") }),
+                      cancellationReasons.map((reason) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: reason.id, children: [
+                        reason.label,
+                        reason.requiresNotes ? " *" : ""
+                      ] }, reason.id))
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 py-1", children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -2060,19 +2164,19 @@ function FloatingPanel({
   children,
   zIndex = 100
 }) {
-  const ref = React11.useRef(null);
-  const [phase, setPhase] = React11.useState("visible");
-  const phaseRef = React11.useRef("visible");
+  const ref = React12.useRef(null);
+  const [phase, setPhase] = React12.useState("visible");
+  const phaseRef = React12.useRef("visible");
   phaseRef.current = phase;
-  const onCloseRef = React11.useRef(onClose);
+  const onCloseRef = React12.useRef(onClose);
   onCloseRef.current = onClose;
-  const expandCallbackRef = React11.useRef(null);
-  const dismiss = React11.useCallback(() => {
+  const expandCallbackRef = React12.useRef(null);
+  const dismiss = React12.useCallback(() => {
     if (phaseRef.current !== "visible") return;
     setPhase("dismissing");
     setTimeout(() => onCloseRef.current(), 150);
   }, []);
-  const expandThen = React11.useCallback((callback) => {
+  const expandThen = React12.useCallback((callback) => {
     if (phaseRef.current !== "visible") return;
     expandCallbackRef.current = callback;
     setPhase("expanding");
@@ -2081,7 +2185,7 @@ function FloatingPanel({
       onCloseRef.current();
     }, 220);
   }, []);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     function handleClick(e) {
       if (phaseRef.current !== "visible") return;
       if (ref.current && !ref.current.contains(e.target)) {
@@ -2132,10 +2236,10 @@ function fmtCurrency2(amount, locale, code) {
   return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(amount);
 }
 function PopoverStatusSelect({ value, statuses, bookingStartsAt, onChange }) {
-  const [open, setOpen] = React11.useState(false);
-  const ref = React11.useRef(null);
+  const [open, setOpen] = React12.useState(false);
+  const ref = React12.useRef(null);
   const current = statuses.find((s) => s.value === value);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!open) return;
     const h = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -2188,8 +2292,8 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
   const deleteBooking = useAgendaStore((s) => s.deleteBooking);
   const updateStatus = useAgendaStore((s) => s.updateBookingStatus);
   const openModal = useAgendaStore((s) => s.openAppointmentModal);
-  const [confirmingDelete, setConfirmingDelete] = React11.useState(false);
-  const [deleting, setDeleting] = React11.useState(false);
+  const [confirmingDelete, setConfirmingDelete] = React12.useState(false);
+  const [deleting, setDeleting] = React12.useState(false);
   const statusConfig = config.statuses.find((s) => s.value === booking.status);
   const color = statusConfig?.color ?? "#6b7280";
   const timeRange = `${fmtTime(booking.startsAt)}${booking.endsAt ? " \u2013 " + fmtTime(booking.endsAt) : ""}`;
@@ -2247,7 +2351,7 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1.5 h-3 w-3 rounded shrink-0", style: { backgroundColor: color } }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(saas.PersonLink, { personId: booking.clientId, name: booking.clientName ?? "Unknown", className: "text-base" }),
+          config.capabilities.client ? /* @__PURE__ */ jsxRuntime.jsx(saas.PersonLink, { personId: booking.clientId, name: booking.clientName ?? "Unknown", className: "text-base" }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-medium truncate", children: booking.clientName || t("agenda.appointment.untitled") }),
           /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground mt-0.5", children: [
             fmtDate(booking.startsAt),
             " \xB7 ",
@@ -2267,7 +2371,7 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
           ] })
         ] }, svc.id)) })
       ] }),
-      booking.professionalName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      config.capabilities.professional && booking.professionalName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: booking.professionalName })
       ] }),
@@ -2318,7 +2422,7 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
           )
         ] });
       })(),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-2 border-t fayz-glass-divider", children: /* @__PURE__ */ jsxRuntime.jsx(
+      config.capabilities.status && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-2 border-t fayz-glass-divider", children: /* @__PURE__ */ jsxRuntime.jsx(
         PopoverStatusSelect,
         {
           value: booking.status,
@@ -2347,9 +2451,9 @@ function Tooltip2({ anchor, label }) {
   );
 }
 function StatusDot({ color, label, isActive, disabled, onClick }) {
-  const [hover, setHover] = React11.useState(false);
-  const btnRef = React11.useRef(null);
-  const [rect, setRect] = React11.useState(null);
+  const [hover, setHover] = React12.useState(false);
+  const btnRef = React12.useRef(null);
+  const [rect, setRect] = React12.useState(null);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -2376,8 +2480,8 @@ function EventContextMenu({ booking, position, onClose, onEdit }) {
   const config = useAgendaConfig();
   const updateStatus = useAgendaStore((s) => s.updateBookingStatus);
   const deleteBooking = useAgendaStore((s) => s.deleteBooking);
-  const [confirming, setConfirming] = React11.useState(false);
-  const [deleting, setDeleting] = React11.useState(false);
+  const [confirming, setConfirming] = React12.useState(false);
+  const [deleting, setDeleting] = React12.useState(false);
   async function handleDelete() {
     setDeleting(true);
     try {
@@ -2435,7 +2539,7 @@ function EventContextMenu({ booking, position, onClose, onEdit }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t px-4 py-3", children: [
+    config.capabilities.status && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t px-4 py-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t("agenda.contextMenu.changeStatus") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: config.statuses.map((s) => {
         const available = isStatusAvailable(s, booking.startsAt);
@@ -2459,6 +2563,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 = core.useTranslation();
+  const locale = core.getCurrentLocale() === "pt-BR" ? "pt-BR" : "en";
+  const groups = React12.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__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col items-center justify-center px-6 py-16 text-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: t("agenda.list.empty") }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto px-3 py-3 space-y-5", children: groups.map((g) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "px-1 pb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: dayLabel(g.date) }),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "h-2.5 w-2.5 shrink-0 rounded-full", style: { backgroundColor: color } }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-foreground", children: b.clientName ?? "\u2014" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: timeLabel(b.startsAt) })
+            ] }),
+            hasAmount && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm font-semibold tabular-nums text-foreground", children: core.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(", ") ?? "";
@@ -2581,18 +2745,44 @@ 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] = React12.useState(() => typeof window !== "undefined" && window.matchMedia("(max-width: 767px)").matches);
+  React12.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();
   const t = core.useTranslation();
   const currentLocale = core.getCurrentLocale();
   const fcLocale = currentLocale === "pt-BR" ? ptBrLocale__default.default : void 0;
-  const calendarRef = React11.useRef(null);
+  const calendarRef = React12.useRef(null);
   const prefs = saas.usePluginPrefs("agenda", { calendarView: config.defaultCalendarView ?? "resourceTimeGridWeek" });
   const agendaSettings = useAgendaSettings();
   const effectiveBusinessHours = {
@@ -2618,28 +2808,40 @@ function CalendarView() {
   const _openModal = useAgendaStore((s) => s.openAppointmentModal);
   const closeModal = useAgendaStore((s) => s.closeAppointmentModal);
   const modalState = useAgendaStore((s) => s.appointmentModal);
-  const [selectedBooking, setSelectedBooking] = React11.useState(null);
-  const [popoverAnchor, setPopoverAnchor] = React11.useState(null);
-  const [popoverVisible, _setPopoverVisible] = React11.useState(false);
-  const popoverVisibleRef = React11.useRef(false);
-  const setPopoverVisible = React11.useCallback((v) => {
+  const isMobile = useIsMobile();
+  const resourceCapable = professionals.length > 0;
+  const viewOptions = resourceCapable ? RESOURCE_VIEW_OPTIONS : PLAIN_VIEW_OPTIONS;
+  const [mobileView, setMobileView] = React12.useState(MOBILE_LIST_VIEW);
+  const mobileViewOptions = React12.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] = React12.useState(null);
+  const [popoverAnchor, setPopoverAnchor] = React12.useState(null);
+  const [popoverVisible, _setPopoverVisible] = React12.useState(false);
+  const popoverVisibleRef = React12.useRef(false);
+  const setPopoverVisible = React12.useCallback((v) => {
     popoverVisibleRef.current = v;
     _setPopoverVisible(v);
   }, []);
-  const [contextMenu, setContextMenu] = React11.useState(null);
-  const [contextMenuVisible, _setContextMenuVisible] = React11.useState(false);
-  const contextMenuVisibleRef = React11.useRef(false);
-  const setContextMenuVisible = React11.useCallback((v) => {
+  const [contextMenu, setContextMenu] = React12.useState(null);
+  const [contextMenuVisible, _setContextMenuVisible] = React12.useState(false);
+  const contextMenuVisibleRef = React12.useRef(false);
+  const setContextMenuVisible = React12.useCallback((v) => {
     contextMenuVisibleRef.current = v;
     _setContextMenuVisible(v);
   }, []);
-  const [scheduleConfirm, setScheduleConfirm] = React11.useState(null);
-  const [calendarTitle, setCalendarTitle] = React11.useState("");
-  const [selectedDate, setSelectedDate] = React11.useState(/* @__PURE__ */ new Date());
-  const [profSectionOpen, setProfSectionOpen] = React11.useState(true);
-  const [statusSectionOpen, setStatusSectionOpen] = React11.useState(false);
-  const [visibleRange, setVisibleRange] = React11.useState(null);
-  const openModal = React11.useCallback((...args) => {
+  const [scheduleConfirm, setScheduleConfirm] = React12.useState(null);
+  const [calendarTitle, setCalendarTitle] = React12.useState("");
+  const [selectedDate, setSelectedDate] = React12.useState(/* @__PURE__ */ new Date());
+  const [profSectionOpen, setProfSectionOpen] = React12.useState(true);
+  const [statusSectionOpen, setStatusSectionOpen] = React12.useState(false);
+  const [visibleRange, setVisibleRange] = React12.useState(null);
+  const openModal = React12.useCallback((...args) => {
     setPopoverVisible(false);
     setSelectedBooking(null);
     setPopoverAnchor(null);
@@ -2647,17 +2849,35 @@ function CalendarView() {
     setContextMenu(null);
     _openModal(...args);
   }, [_openModal]);
-  const statusColors = React11.useMemo(() => {
+  const statusColors = React12.useMemo(() => {
     const map = {};
     for (const s of config.statuses) map[s.value] = s.color;
     return map;
   }, [config.statuses]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     fetchProfessionals();
     fetchSchedules();
     if (config.modules.locationSelection) fetchLocations();
   }, []);
-  const resources = React11.useMemo(() => {
+  React12.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]);
+  React12.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 = React12.useMemo(() => {
     const filtered = selectedProfIds.length > 0 ? professionals.filter((p) => selectedProfIds.includes(p.id)) : professionals;
     return filtered.map((p) => ({
       id: p.id,
@@ -2665,29 +2885,31 @@ function CalendarView() {
       extendedProps: { avatarUrl: p.avatarUrl, locationName: p.locationName }
     }));
   }, [professionals, selectedProfIds]);
-  const bookingEvents = React11.useMemo(() => bookings.map((b) => bookingToEvent(b, statusColors)), [bookings, statusColors]);
-  const allLocations = React11.useMemo(() => {
+  const bookingEvents = React12.useMemo(() => bookings.map((b) => bookingToEvent(b, statusColors)), [bookings, statusColors]);
+  const allLocations = React12.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const loc of config.locations) map.set(loc.id, loc.name);
     for (const loc of storeLocations) map.set(loc.id, loc.name);
     return map;
   }, [config.locations, storeLocations]);
-  const locationMap = React11.useMemo(() => {
+  const locationMap = React12.useMemo(() => {
     if (!config.modules.locationSelection || allLocations.size === 0) return void 0;
     return allLocations;
   }, [config.modules.locationSelection, allLocations]);
-  const availabilityEvents = React11.useMemo(
+  const availabilityEvents = React12.useMemo(
     () => generateAvailabilityEvents(schedules, professionals, visibleRange, effectiveBusinessHours, locationMap),
     [schedules, professionals, visibleRange, effectiveBusinessHours, locationMap]
   );
-  const events = React11.useMemo(() => [...bookingEvents, ...availabilityEvents], [bookingEvents, availabilityEvents]);
-  const handleDatesSet = React11.useCallback((arg) => {
+  const events = React12.useMemo(() => [...bookingEvents, ...availabilityEvents], [bookingEvents, availabilityEvents]);
+  const storedView = prefs.get("calendarView");
+  const effectiveInitialView = resourceCapable ? viewForResources(storedView) : viewForNoResources(storedView);
+  const handleDatesSet = React12.useCallback((arg) => {
     setCalendarTitle(arg.view.title);
     setView(arg.view.type);
     setVisibleRange({ start: arg.startStr, end: arg.endStr });
     fetchBookings({ start: arg.startStr, end: arg.endStr });
   }, [fetchBookings, setView]);
-  const handleEventDidMount = React11.useCallback((arg) => {
+  const handleEventDidMount = React12.useCallback((arg) => {
     const booking = arg.event.extendedProps?.booking;
     if (booking) arg.el.setAttribute("data-booking-id", booking.id);
     arg.el.addEventListener("dblclick", (e) => {
@@ -2714,9 +2936,9 @@ function CalendarView() {
       setPopoverAnchor(null);
     });
   }, []);
-  const skipClickRef = React11.useRef(false);
-  const hoverTimerRef = React11.useRef(null);
-  const handleEventMouseEnter = React11.useCallback((arg) => {
+  const skipClickRef = React12.useRef(false);
+  const hoverTimerRef = React12.useRef(null);
+  const handleEventMouseEnter = React12.useCallback((arg) => {
     if (arg.event.display === "background") return;
     if (arg.event.extendedProps?.isLocationLabel) return;
     const booking = arg.event.extendedProps.booking;
@@ -2735,13 +2957,13 @@ function CalendarView() {
       setPopoverVisible(true);
     }, 3e3);
   }, []);
-  const handleEventMouseLeave = React11.useCallback(() => {
+  const handleEventMouseLeave = React12.useCallback(() => {
     if (hoverTimerRef.current) {
       clearTimeout(hoverTimerRef.current);
       hoverTimerRef.current = null;
     }
   }, []);
-  const handleEventClick = React11.useCallback((arg) => {
+  const handleEventClick = React12.useCallback((arg) => {
     if (skipClickRef.current) {
       skipClickRef.current = false;
       return;
@@ -2764,7 +2986,7 @@ function CalendarView() {
     setPopoverAnchor({ x, y });
     setPopoverVisible(true);
   }, []);
-  const findScheduleForSlot = React11.useCallback((professionalId, dateTimeStr) => {
+  const findScheduleForSlot = React12.useCallback((professionalId, dateTimeStr) => {
     if (!professionalId) return null;
     const dt = new Date(dateTimeStr);
     const dateStr = dt.toISOString().slice(0, 10);
@@ -2781,7 +3003,7 @@ function CalendarView() {
     }
     return null;
   }, [schedules]);
-  const handleSelect = React11.useCallback((arg) => {
+  const handleSelect = React12.useCallback((arg) => {
     calendarRef.current?.getApi().unselect();
     if (popoverVisibleRef.current || contextMenuVisibleRef.current) {
       setPopoverVisible(false);
@@ -2797,13 +3019,13 @@ 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]);
-  const handleEventDrop = React11.useCallback(async (arg) => {
+  }, [openModal, findScheduleForSlot, config.modules.workingHours]);
+  const handleEventDrop = React12.useCallback(async (arg) => {
     const booking = arg.event.extendedProps.booking;
     try {
       await rescheduleBooking(booking.id, arg.event.startStr, arg.event.endStr, arg.newResource?.id ?? void 0);
@@ -2811,13 +3033,19 @@ function CalendarView() {
       arg.revert();
     }
   }, [rescheduleBooking]);
-  const handleViewChange = React11.useCallback((v) => {
+  const handleViewChange = React12.useCallback((v) => {
     calendarRef.current?.getApi().changeView(v);
     prefs.set("calendarView", v);
   }, [prefs]);
-  const handlePrev = React11.useCallback(() => calendarRef.current?.getApi().prev(), []);
-  const handleNext = React11.useCallback(() => calendarRef.current?.getApi().next(), []);
-  const handleToday = React11.useCallback(() => {
+  const handleMobileViewChange = React12.useCallback((v) => {
+    setMobileView(v);
+    if (v === MOBILE_LIST_VIEW) return;
+    setView(v);
+    calendarRef.current?.getApi()?.changeView(v);
+  }, [setView]);
+  const handlePrev = React12.useCallback(() => calendarRef.current?.getApi().prev(), []);
+  const handleNext = React12.useCallback(() => calendarRef.current?.getApi().next(), []);
+  const handleToday = React12.useCallback(() => {
     calendarRef.current?.getApi().today();
     setSelectedDate(/* @__PURE__ */ new Date());
   }, []);
@@ -2833,9 +3061,9 @@ function CalendarView() {
     const next = selectedStatuses.includes(value) ? selectedStatuses.filter((s) => s !== value) : [...selectedStatuses, value];
     setFilters({ statuses: next });
   }
-  const wrapperRef = React11.useRef(null);
-  const [dayHeaderCompact, setDayHeaderCompact] = React11.useState(false);
-  React11.useEffect(() => {
+  const wrapperRef = React12.useRef(null);
+  const [dayHeaderCompact, setDayHeaderCompact] = React12.useState(false);
+  React12.useEffect(() => {
     const container = wrapperRef.current;
     if (!container) return;
     let frame = 0;
@@ -2878,7 +3106,7 @@ function CalendarView() {
       ro.disconnect();
     };
   }, [resources, currentView, visibleRange]);
-  const applyResourceStriping = React11.useCallback(() => {
+  const applyResourceStriping = React12.useCallback(() => {
     const container = wrapperRef.current;
     if (!container) return;
     const resourceIds = resources.map((r) => r.id);
@@ -2889,7 +3117,7 @@ function CalendarView() {
       el.classList.toggle("fc-resource-alt", idx % 2 === 1);
     });
   }, [resources]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     applyResourceStriping();
     const t1 = setTimeout(applyResourceStriping, 100);
     const t2 = setTimeout(applyResourceStriping, 300);
@@ -2898,15 +3126,28 @@ function CalendarView() {
       clearTimeout(t2);
     };
   }, [applyResourceStriping, currentView, visibleRange, bookings]);
-  React11.useEffect(() => {
+  React12.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);
   }, [openModal]);
-  const dayHeaderContent = React11.useCallback((arg) => {
+  const dayHeaderContent = React12.useCallback((arg) => {
     const date = arg.date;
     const dateLocale = currentLocale === "pt-BR" ? "pt-BR" : "en";
     const wrapStyle = { display: "flex", flexDirection: "column", alignItems: "center", lineHeight: 1.15 };
@@ -2924,7 +3165,7 @@ function CalendarView() {
       /* @__PURE__ */ jsxRuntime.jsx("span", { style: dateStyle, children: `${date.getMonth() + 1}/${date.getDate()}` })
     ] });
   }, [dayHeaderCompact, currentLocale]);
-  const resourceLabelContent = React11.useCallback((arg) => {
+  const resourceLabelContent = React12.useCallback((arg) => {
     const { id, title, extendedProps } = arg.resource;
     const initials = title.split(" ").map((n) => n[0]).join("").slice(0, 2);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [
@@ -2944,7 +3185,7 @@ function CalendarView() {
       ] })
     ] });
   }, []);
-  const eventContent = React11.useCallback((arg) => {
+  const eventContent = React12.useCallback((arg) => {
     if (arg.event.extendedProps?.isLocationLabel) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1.5 py-0.5 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-medium truncate", children: arg.event.title }) });
     }
@@ -2975,110 +3216,135 @@ function CalendarView() {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(MiniCalendar, { selectedDate, onDateSelect: handleMiniDateSelect }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-border my-4" }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { children: "Agendas" }),
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `h-3.5 w-3.5 transition-transform ${profSectionOpen ? "" : "-rotate-90"}` })
-          ]
-        }
-      ),
-      profSectionOpen && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2.5 rounded px-1 py-1 cursor-pointer hover:bg-muted/50 transition-colors", children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className: "h-2.5 w-2.5 text-primary-foreground", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-xs truncate ${active ? "text-foreground" : "text-muted-foreground"}`, children: prof.name }),
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "sr-only", checked: active, onChange: () => toggleProfessional(prof.id) })
-        ] }, prof.id);
-      }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-border my-4" }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `h-3.5 w-3.5 transition-transform ${statusSectionOpen ? "" : "-rotate-90"}` })
-          ]
-        }
-      ),
-      statusSectionOpen && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2.5 rounded px-1 py-1 cursor-pointer hover:bg-muted/50 transition-colors", children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className: "h-2.5 w-2.5 text-white", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-xs ${active ? "text-foreground" : "text-muted-foreground"}`, children: st.label }),
-          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "sr-only", checked: active, onChange: () => toggleStatus(st.value) })
-        ] }, st.value);
-      }) })
+      config.capabilities.professional && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-border my-4" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { children: "Agendas" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `h-3.5 w-3.5 transition-transform ${profSectionOpen ? "" : "-rotate-90"}` })
+            ]
+          }
+        ),
+        profSectionOpen && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2.5 rounded px-1 py-1 cursor-pointer hover:bg-muted/50 transition-colors", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className: "h-2.5 w-2.5 text-primary-foreground", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-xs truncate ${active ? "text-foreground" : "text-muted-foreground"}`, children: prof.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "sr-only", checked: active, onChange: () => toggleProfessional(prof.id) })
+          ] }, prof.id);
+        }) })
+      ] }),
+      config.capabilities.status && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-border my-4" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { children: "Status" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `h-3.5 w-3.5 transition-transform ${statusSectionOpen ? "" : "-rotate-90"}` })
+            ]
+          }
+        ),
+        statusSectionOpen && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2.5 rounded px-1 py-1 cursor-pointer hover:bg-muted/50 transition-colors", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className: "h-2.5 w-2.5 text-white", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-xs ${active ? "text-foreground" : "text-muted-foreground"}`, children: st.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "sr-only", checked: active, onChange: () => toggleStatus(st.value) })
+          ] }, st.value);
+        }) })
+      ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 h-12 shrink-0 border-b", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handlePrev, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleNext, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" }) })
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-b", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between pl-4 pr-14 md:px-4 h-12", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${mobileGridActive ? "flex" : "hidden"} md:flex items-center gap-3`, children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handlePrev, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleNext, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base sm:text-lg font-normal truncate", children: isMobile && !mobileGridActive ? t("agenda.calendar.viewAgenda") : calendarTitle })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base sm:text-lg font-normal truncate", children: calendarTitle })
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:flex items-center gap-1", children: viewOptions.map((opt) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                variant: "outline",
+                size: "icon",
+                onClick: () => window.location.hash = "/settings/agenda",
+                title: "Agenda Settings",
+                className: "ml-1",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "h-4 w-4" })
+              }
+            )
+          ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:flex items-center gap-1", children: VIEW_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              variant: "outline",
-              size: "icon",
-              onClick: () => window.location.hash = "/settings/agenda",
-              title: "Agenda Settings",
-              className: "ml-1",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "h-4 w-4" })
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex md:hidden items-center gap-1 overflow-x-auto px-3 pb-2", children: mobileViewOptions.map((opt) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(CalendarSkeleton, { profCount: 2 }) : /* @__PURE__ */ jsxRuntime.jsx("div", { ref: wrapperRef, className: "flex-1 overflow-hidden agenda-calendar", children: /* @__PURE__ */ jsxRuntime.jsx(
+      isMobile && !mobileGridActive ? /* @__PURE__ */ jsxRuntime.jsx(
+        AgendaMobileList,
+        {
+          bookings,
+          statusColors,
+          currencyCode: config.currency.code,
+          onSelect: (b) => openModal("edit", { bookingId: b.id })
+        }
+      ) : professionalsLoading && professionals.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CalendarSkeleton, { profCount: 2 }) : /* @__PURE__ */ jsxRuntime.jsx("div", { ref: wrapperRef, className: "flex-1 overflow-hidden agenda-calendar", children: /* @__PURE__ */ jsxRuntime.jsx(
         FullCalendar__default.default,
         {
           ref: calendarRef,
           plugins: [dayGridPlugin__default.default, timeGridPlugin__default.default, resourceTimeGridPlugin__default.default, interactionPlugin__default.default, listPlugin__default.default],
-          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,
@@ -3168,8 +3434,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;
@@ -3195,862 +3467,12 @@ function CalendarView() {
 function AgendaPage({ config, provider: provider2, store }) {
   const runtime = core.usePluginRuntimeOptional();
   const tenantId = runtime?.context.tenant?.id;
-  React11__default.default.useEffect(() => {
+  React12__default.default.useEffect(() => {
     chunkSYDBDI3Q_cjs.setAgendaTenantId(tenantId);
     return () => chunkSYDBDI3Q_cjs.setAgendaTenantId(void 0);
   }, [tenantId]);
   return /* @__PURE__ */ jsxRuntime.jsx(AgendaContextProvider, { config, provider: provider2, store, children: /* @__PURE__ */ jsxRuntime.jsx(CalendarView, {}) });
 }
-function getTenantId() {
-  return chunkSYDBDI3Q_cjs.getAgendaTenantId() ?? core.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 = core.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,
@@ -4246,7 +3668,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 } }));
@@ -4437,8 +3859,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",
@@ -4449,6 +3875,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",
@@ -4549,7 +3979,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",
@@ -4645,8 +4079,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",
@@ -4657,6 +4095,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",
@@ -4757,7 +4199,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",
@@ -5039,11 +4485,11 @@ function createGoogleCalendarProvider() {
 }
 var provider = createGoogleCalendarProvider();
 function GoogleCalendarExtraPanel() {
-  const [connected, setConnected] = React11.useState(false);
-  const [calendarId, setCalendarId] = React11.useState("primary");
-  const [syncing, setSyncing] = React11.useState(false);
-  const [log, setLog] = React11.useState([]);
-  const [loaded, setLoaded] = React11.useState(false);
+  const [connected, setConnected] = React12.useState(false);
+  const [calendarId, setCalendarId] = React12.useState("primary");
+  const [syncing, setSyncing] = React12.useState(false);
+  const [log, setLog] = React12.useState([]);
+  const [loaded, setLoaded] = React12.useState(false);
   async function load() {
     const integ = await provider.getIntegration();
     setConnected(!!integ?.connected);
@@ -5053,7 +4499,7 @@ function GoogleCalendarExtraPanel() {
     }
     setLoaded(true);
   }
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     void load();
   }, []);
   if (!loaded || !connected) return null;
@@ -5189,10 +4635,11 @@ function createAgendaPlugin(options) {
   const config = resolveConfig(options);
   core.registerTranslations(agendaLocales);
   const provider2 = options?.dataProvider ?? core.createSafeDataProvider(
-    () => createSupabaseAgendaProvider(),
-    () => createMockAgendaProvider()
+    () => chunkGAJVIEXM_cjs.createSupabaseAgendaProvider(),
+    () => chunkGAJVIEXM_cjs.createMockAgendaProvider()
   );
   const store = createAgendaStore(provider2, options?.financialBridge);
+  const registries = [...agendaRegistries, ...options?.settingsRegistries ?? []];
   saas.setScheduleBlockConfig({
     defaults: config.scheduleBlockDefaults,
     showServices: !!config.serviceLookup,
@@ -5208,7 +4655,7 @@ function createAgendaPlugin(options) {
       return locations;
     } : void 0
   });
-  const PageComponent = () => React11__default.default.createElement(AgendaPage, { config, provider: provider2, store });
+  const PageComponent = () => React12__default.default.createElement(AgendaPage, { config, provider: provider2, store });
   return {
     id: "agenda",
     name: config.labels.pageTitle,
@@ -5216,6 +4663,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: [
@@ -5308,18 +4758,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__default.default.createElement(saas.PluginSettingsPanel, {
+          const AgendaSettingsTab = () => React12__default.default.createElement(saas.PluginSettingsPanel, {
             title: "Agenda",
-            generalSettings: React11__default.default.createElement(AgendaGeneralSettings),
-            registries: agendaRegistries,
+            generalSettings: React12__default.default.createElement(AgendaGeneralSettings),
+            registries,
             hostPluginId: "agenda",
             routeBase: "/settings/agenda"
           });
@@ -5334,6 +4784,10 @@ function createAgendaPlugin(options) {
   };
 }
 
+Object.defineProperty(exports, "createMockAgendaProvider", {
+  enumerable: true,
+  get: function () { return chunkGAJVIEXM_cjs.createMockAgendaProvider; }
+});
 exports.bookingToEvent = bookingToEvent2;
 exports.computeCommissionAmount = computeCommissionAmount;
 exports.createAgendaPlugin = createAgendaPlugin;