@fayz-ai/plugin-agenda 0.1.8 → 0.2.0

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 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 +19,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 +80,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 +128,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 +457,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 +531,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 +547,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 +590,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 +746,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 +828,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 +860,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 +899,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 +979,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 +1008,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 +1069,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 +1115,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 +1130,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 +1191,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 +1232,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 +1271,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 +1284,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 +1356,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 +1369,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 +1386,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 +1394,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 +1417,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 +1425,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 +1443,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 +1451,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 +1465,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 +1483,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 +1499,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 +1555,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 +1568,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 +1596,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();
@@ -1721,6 +1779,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: [
@@ -1933,6 +2005,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 +2163,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 +2184,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 +2235,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 +2291,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 +2350,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 +2370,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 +2421,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 +2450,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 +2479,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 +2538,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 +2562,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 +2744,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 +2807,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 +2848,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 +2884,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 +2935,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 +2956,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 +2985,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 +3002,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 +3018,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 +3032,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 +3060,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 +3105,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 +3116,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 +3125,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 +3164,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 +3184,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 +3215,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 +3433,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,7 +3466,7 @@ 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]);
@@ -3310,7 +3581,8 @@ async function hydrateCanonicalBookings(core, bookings) {
       locationId: booking.location_id,
       metadata: booking.metadata ?? {},
       clientId: booking.party_id,
-      clientName: client?.name ?? null,
+      // Simple events (no party) fall back to the title stored in metadata.
+      clientName: client?.name ?? booking.metadata?.title ?? null,
       clientPhone: client?.phone ?? null,
       clientEmail: client?.email ?? null,
       clientAvatarUrl: client?.avatar_url ?? null,
@@ -3388,6 +3660,7 @@ function createSupabaseAgendaProvider() {
         const { data: person } = await core.from("persons").select("name").eq("id", input.clientId).single();
         contactName = person?.name;
       }
+      const eventTitle = input.title?.trim() || void 0;
       const { data: order, error: orderErr } = await core.from("orders").insert({
         tenant_id: tenantId,
         kind: input.kind ?? "appointment",
@@ -3401,7 +3674,8 @@ function createSupabaseAgendaProvider() {
         metadata: {
           source: "agenda",
           ...serviceNames ? { serviceNames, itemsSummary: serviceNames } : {},
-          ...contactName ? { contactName } : {}
+          ...contactName ? { contactName } : {},
+          ...eventTitle ? { title: eventTitle } : {}
         }
       }).select("id").single();
       if (orderErr) throw orderErr;
@@ -3419,7 +3693,8 @@ function createSupabaseAgendaProvider() {
         metadata: {
           source: "agenda",
           ...serviceNames ? { serviceNames, itemsSummary: serviceNames } : {},
-          ...contactName ? { contactName } : {}
+          ...contactName ? { contactName } : {},
+          ...eventTitle ? { title: eventTitle } : {}
         }
       }).select("id").single();
       if (bookingErr) throw bookingErr;
@@ -3444,11 +3719,14 @@ function createSupabaseAgendaProvider() {
     },
     async updateBooking(id, data) {
       const { core } = getClients();
-      const { data: existing, error: existingErr } = await core.from("bookings").select("id, order_id, starts_at, assignee_id").eq("id", id).single();
+      const { data: existing, error: existingErr } = await core.from("bookings").select("id, order_id, starts_at, assignee_id, metadata").eq("id", id).single();
       if (existingErr) throw existingErr;
       const updates = {};
       if (data.startsAt) updates.starts_at = data.startsAt;
       if (data.endsAt) updates.ends_at = data.endsAt;
+      if (data.title !== void 0) {
+        updates.metadata = { ...existing?.metadata ?? {}, title: data.title };
+      }
       if (data.status) {
         updates.status = data.status;
       }
@@ -3854,10 +4132,11 @@ function createSampleSchedules() {
   }
   return schedules;
 }
-function createMockAgendaProvider() {
-  const bookings = createSampleBookings();
-  const schedules = createSampleSchedules();
-  const professionals = [...SAMPLE_PROFESSIONALS];
+function createMockAgendaProvider(options) {
+  const seed = options?.seed;
+  const bookings = seed?.bookings ? [...seed.bookings] : createSampleBookings();
+  const schedules = seed?.schedules ? [...seed.schedules] : createSampleSchedules();
+  const professionals = seed?.professionals ? [...seed.professionals] : [...SAMPLE_PROFESSIONALS];
   return {
     async getLocations() {
       return [];
@@ -3892,7 +4171,7 @@ function createMockAgendaProvider() {
         locationId: input.locationId ?? null,
         metadata: {},
         clientId: input.clientId,
-        clientName: "New Client",
+        clientName: input.title?.trim() || "New Client",
         clientPhone: null,
         clientEmail: null,
         clientAvatarUrl: null,
@@ -3938,6 +4217,7 @@ function createMockAgendaProvider() {
         ...existing,
         ...data.startsAt && { startsAt: data.startsAt },
         ...data.endsAt && { endsAt: data.endsAt },
+        ...data.title !== void 0 && { clientName: data.title },
         ...data.status && { status: data.status },
         ...data.notes !== void 0 && { notes: data.notes ?? null },
         ...data.professionalId && { professionalId: data.professionalId },
@@ -4246,7 +4526,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 +4717,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 +4733,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 +4837,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 +4937,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 +4953,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 +5057,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 +5343,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 +5357,7 @@ function GoogleCalendarExtraPanel() {
     }
     setLoaded(true);
   }
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     void load();
   }, []);
   if (!loaded || !connected) return null;
@@ -5193,6 +5497,7 @@ function createAgendaPlugin(options) {
     () => createMockAgendaProvider()
   );
   const store = createAgendaStore(provider2, options?.financialBridge);
+  const registries = [...agendaRegistries, ...options?.settingsRegistries ?? []];
   saas.setScheduleBlockConfig({
     defaults: config.scheduleBlockDefaults,
     showServices: !!config.serviceLookup,
@@ -5208,7 +5513,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,
@@ -5308,18 +5613,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"
           });
@@ -5340,6 +5645,7 @@ exports.createAgendaPlugin = createAgendaPlugin;
 exports.createFinancialBridge = createFinancialBridge;
 exports.createGoogleCalendarPlugin = createGoogleCalendarPlugin;
 exports.createGoogleCalendarProvider = createGoogleCalendarProvider;
+exports.createMockAgendaProvider = createMockAgendaProvider;
 exports.eventToBookingPatch = eventToBookingPatch;
 exports.googleCalendarConnector = googleCalendarConnector;
 //# sourceMappingURL=index.cjs.map