@fayz-ai/plugin-agenda 0.8.0 → 0.8.3

package/dist/index.js

@@ -1,9 +1,8 @@
-import { createMockAgendaProvider } from './chunk-DRZF6CV2.js';
-export { createMockAgendaProvider } from './chunk-DRZF6CV2.js';
-import { setAgendaTenantId, getAgendaTenantId } from './chunk-3LJKZQK4.js';
-import React12, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
-import { getSupabaseClientOptional, registerTranslations, createSafeDataProvider, usePluginRuntimeOptional, useTranslation, getActiveTenantId, getCurrentLocale, formatCurrency } from '@fayz-ai/core';
-import { createPluginContext, setScheduleBlockConfig, getScheduleBlockConfig, PluginSettingsPanel, dedup, SettingsGroup, ToggleRow, SelectRow, usePluginPrefs, PersonLink, CrudFormPage, CrudDetailPage } from '@fayz-ai/saas';
+import { createMockAgendaProvider, createSupabasePublicBookingProvider } from './chunk-YQO6B4G3.js';
+export { createMockAgendaProvider } from './chunk-YQO6B4G3.js';
+import React13, { useState, useEffect, useCallback, useMemo, useRef } from 'react';
+import { getSupabaseClientOptional, getActiveTenantId, registerTranslations, createSafeDataProvider, usePluginRuntimeOptional, useTranslation, getCurrentLocale, useDataChanged, formatCurrency } from '@fayz-ai/core';
+import { createPluginContext, setScheduleBlockConfig, getScheduleBlockConfig, PluginSettingsPanel, dedup, useTenantPluginSettings, SettingsGroup, ToggleRow, SelectRow, usePluginPrefs, PersonLink, useLimitGuard, CrudFormPage, CrudDetailPage, ContactPicker, invalidateLimit } from '@fayz-ai/saas';
 import FullCalendar from '@fullcalendar/react';
 import dayGridPlugin from '@fullcalendar/daygrid';
 import timeGridPlugin from '@fullcalendar/timegrid';
@@ -11,10 +10,10 @@ import resourceTimeGridPlugin from '@fullcalendar/resource-timegrid';
 import interactionPlugin from '@fullcalendar/interaction';
 import listPlugin from '@fullcalendar/list';
 import ptBrLocale from '@fullcalendar/core/locales/pt-br';
-import { RefreshCw, History, CheckCircle2, AlertCircle, Plus, ChevronDown, ChevronLeft, ChevronRight, Settings, Pencil, Trash2, X, Clock, User, MapPin, FileText, AlertTriangle, Check, DollarSign, HandCoins, Ban, CheckSquare, Calendar, Briefcase, CircleDot, FileCheck, ArrowRightLeft, CreditCard, QrCode, Banknote, ExternalLink, Search } from 'lucide-react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { CalendarCog, CalendarPlus, RefreshCw, History, CheckCircle2, AlertCircle, Loader2, X, Plus, ChevronDown, ChevronLeft, ChevronRight, Settings, Pencil, Trash2, Clock, User, MapPin, FileText, AlertTriangle, Check, DollarSign, HandCoins, Ban, CheckSquare, Calendar, Briefcase, CircleDot, FileCheck, ArrowRightLeft, CreditCard, QrCode, Banknote, ExternalLink } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
-import { Button, toast, ConfirmDialog, Modal, ModalContent, ModalTitle, cn, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@fayz-ai/ui';
+import { Button, toast, Checkbox, Badge, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, ConfirmDialog, Modal, ModalContent, ModalTitle, SearchCombobox, cn, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@fayz-ai/ui';
 import { createStore } from 'zustand/vanilla';
 
 // src/config.ts
@@ -446,7 +445,7 @@ function toDateLocale(locale) {
 }
 function MiniCalendar({ selectedDate, onDateSelect, onMonthChange }) {
   const locale = getCurrentLocale();
-  const [viewMonth, setViewMonth] = React12.useState(() => new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
+  const [viewMonth, setViewMonth] = React13.useState(() => new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
   const monthLabel = viewMonth.toLocaleDateString(toDateLocale(locale), { month: "long", year: "numeric" });
   const dayLabels = DAY_LABELS[locale] ?? DAY_LABELS.en;
   const weeks = useMemo(() => {
@@ -501,216 +500,6 @@ function MiniCalendar({ selectedDate, onDateSelect, onMonthChange }) {
     }) }, wi))
   ] });
 }
-function SearchCombobox({
-  value,
-  onChange,
-  onSelect,
-  options,
-  placeholder,
-  autoFocus,
-  onBlurEmpty,
-  renderRight,
-  allowCreate,
-  onCreateNew,
-  createLabel = "Create",
-  className,
-  minimal,
-  inlineLabel,
-  inlineIcon = "search",
-  loading,
-  onFocus: onFocusProp
-}) {
-  const [open, setOpen] = useState(false);
-  const [activeIndex, setActiveIndex] = useState(-1);
-  const [expanded, setExpanded] = useState(!inlineLabel);
-  const [dropRect, setDropRect] = useState(null);
-  const inputRef = useRef(null);
-  const wrapperRef = useRef(null);
-  const listRef = useRef(null);
-  useEffect(() => {
-    if (value && inlineLabel) setExpanded(true);
-    if (!value && inlineLabel && !open) setExpanded(false);
-  }, [value, open]);
-  function updateRect() {
-    if (wrapperRef.current) setDropRect(wrapperRef.current.getBoundingClientRect());
-  }
-  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);
-  useEffect(() => {
-    setActiveIndex(-1);
-  }, [options]);
-  useEffect(() => {
-    if ((options.length > 0 || showCreate || loading) && document.activeElement === inputRef.current) setOpen(true);
-  }, [options, showCreate, loading]);
-  const handleKeyDown = useCallback((e) => {
-    if (!open || totalItems === 0) {
-      if (e.key === "ArrowDown" && totalItems > 0) {
-        e.preventDefault();
-        setOpen(true);
-        setActiveIndex(0);
-      }
-      return;
-    }
-    switch (e.key) {
-      case "ArrowDown":
-        e.preventDefault();
-        setActiveIndex((prev) => (prev + 1) % totalItems);
-        break;
-      case "ArrowUp":
-        e.preventDefault();
-        setActiveIndex((prev) => prev <= 0 ? totalItems - 1 : prev - 1);
-        break;
-      case "Enter":
-        e.preventDefault();
-        if (activeIndex >= 0 && activeIndex < options.length) {
-          onSelect(options[activeIndex]);
-          setOpen(false);
-          setActiveIndex(-1);
-        } else if (showCreate && activeIndex === options.length) {
-          onCreateNew?.(value.trim());
-          setOpen(false);
-          setActiveIndex(-1);
-        }
-        break;
-      case "Escape":
-        e.preventDefault();
-        setOpen(false);
-        setActiveIndex(-1);
-        break;
-    }
-  }, [open, options, totalItems, activeIndex, onSelect, showCreate, onCreateNew, value]);
-  useEffect(() => {
-    if (activeIndex < 0 || !listRef.current) return;
-    const items = listRef.current.children;
-    if (items[activeIndex]) items[activeIndex].scrollIntoView({ block: "nearest" });
-  }, [activeIndex]);
-  function handleBlur() {
-    setTimeout(() => {
-      setOpen(false);
-      setActiveIndex(-1);
-      if (!value && onBlurEmpty) onBlurEmpty();
-      if (!value && inlineLabel) setExpanded(false);
-    }, 200);
-  }
-  const hasDropdown = open && (options.length > 0 || showCreate || loading);
-  if (!expanded && inlineLabel) {
-    const isPlus = inlineIcon === "plus";
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          setExpanded(true);
-          setTimeout(() => inputRef.current?.focus(), 50);
-        },
-        className: `flex items-center gap-1.5 w-full text-left text-sm py-1.5 pl-2 transition-colors ${isPlus ? "text-primary hover:text-primary/80" : "text-muted-foreground hover:text-foreground"} ${className ?? ""}`,
-        children: [
-          isPlus && /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5 shrink-0" }),
-          inlineLabel
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: `relative ${className ?? ""}`, children: [
-    !minimal && /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground pointer-events-none" }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: inputRef,
-        type: "text",
-        value,
-        onChange: (e) => {
-          onChange(e.target.value);
-          updateRect();
-          setOpen(true);
-        },
-        onFocus: () => {
-          updateRect();
-          onFocusProp?.();
-          if (options.length > 0 || showCreate || loading) setOpen(true);
-        },
-        onBlur: handleBlur,
-        onKeyDown: handleKeyDown,
-        placeholder,
-        autoFocus,
-        className: minimal ? "w-full bg-transparent pl-2 pr-3 py-1.5 text-sm placeholder:text-muted-foreground focus:outline-none border-b border-transparent hover:border-border focus:border-foreground transition-colors" : "w-full rounded-lg border bg-background pl-8 pr-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
-        role: "combobox",
-        "aria-expanded": hasDropdown,
-        "aria-autocomplete": "list",
-        "aria-activedescendant": activeIndex >= 0 ? `combobox-opt-${activeIndex}` : void 0
-      }
-    ),
-    hasDropdown && dropRect && createPortal(
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: listRef,
-          role: "listbox",
-          "data-modal-passthrough": true,
-          style: { position: "fixed", left: dropRect.left, top: dropRect.bottom + 4, width: dropRect.width, zIndex: 9999, pointerEvents: "auto" },
-          className: "fayz-glass-surface max-h-52 overflow-y-auto rounded-lg border bg-popover shadow-lg py-0.5 animate-in fade-in zoom-in-95 duration-100",
-          children: [
-            loading && options.length === 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground", children: [
-              /* @__PURE__ */ jsxs("svg", { className: "h-3.5 w-3.5 animate-spin shrink-0", viewBox: "0 0 16 16", fill: "none", children: [
-                /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5", opacity: "0.25" }),
-                /* @__PURE__ */ jsx("path", { d: "M14.5 8a6.5 6.5 0 00-6.5-6.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-              ] }),
-              /* @__PURE__ */ jsx("span", { children: "Buscando\u2026" })
-            ] }),
-            options.map((opt, i) => /* @__PURE__ */ jsxs(
-              "div",
-              {
-                id: `combobox-opt-${i}`,
-                role: "option",
-                "aria-selected": i === activeIndex,
-                onMouseDown: (e) => {
-                  e.preventDefault();
-                  onSelect(opt);
-                  setOpen(false);
-                },
-                onMouseEnter: () => setActiveIndex(i),
-                className: `flex w-full items-center gap-2 px-3 py-2 text-sm cursor-pointer transition-colors ${i === activeIndex ? "bg-primary/10 text-primary" : "hover:bg-muted/50"}`,
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                    /* @__PURE__ */ jsx("p", { className: "truncate font-medium", children: opt.label }),
-                    opt.subtitle && /* @__PURE__ */ jsx("p", { className: "truncate text-[11px] text-muted-foreground", children: opt.subtitle })
-                  ] }),
-                  renderRight && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: renderRight(opt) })
-                ]
-              },
-              opt.id
-            )),
-            showCreate && /* @__PURE__ */ jsxs(
-              "div",
-              {
-                id: `combobox-opt-${options.length}`,
-                role: "option",
-                "aria-selected": activeIndex === options.length,
-                onMouseDown: (e) => {
-                  e.preventDefault();
-                  onCreateNew?.(value.trim());
-                  setOpen(false);
-                },
-                onMouseEnter: () => setActiveIndex(options.length),
-                className: `flex w-full items-center gap-2 px-3 py-2 text-sm cursor-pointer transition-colors border-t ${activeIndex === options.length ? "bg-primary/10 text-primary" : "hover:bg-muted/50"}`,
-                children: [
-                  /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5 shrink-0" }),
-                  /* @__PURE__ */ jsxs("span", { children: [
-                    createLabel,
-                    " \u201C",
-                    /* @__PURE__ */ jsx("span", { className: "font-medium", children: value.trim() }),
-                    "\u201D"
-                  ] })
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      document.body
-    )
-  ] });
-}
 var TYPE_ICONS = {
   cash: Banknote,
   pix: QrCode,
@@ -736,7 +525,7 @@ var ICON_COLORS = {
   check: "text-muted-foreground"
 };
 function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPaymentChange, formatCurrency: formatCurrency2, inline }) {
-  const t = useTranslation();
+  const t2 = useTranslation();
   const config = useAgendaConfig();
   const bridge = config.financialBridge;
   const [visible, setVisible] = useState(false);
@@ -777,7 +566,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
     setVisible(false);
     setTimeout(onClose, 200);
   }
-  const selectedType = paymentTypes.find((t2) => t2.id === selectedTypeId);
+  const selectedType = paymentTypes.find((t3) => t3.id === selectedTypeId);
   const txType = selectedType?.transactionType ?? "";
   const needsBank = ["bank_transfer", "pix", "check"].includes(txType);
   const needsCard = txType === "credit_card" || txType === "debit_card";
@@ -816,7 +605,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
     loading && /* @__PURE__ */ jsx("div", { className: "space-y-3 py-2", children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-8 rounded-lg bg-muted animate-pulse" }, i)) }),
     !loading && isPaid && justPaid && /* @__PURE__ */ jsxs("div", { className: "text-center py-8 space-y-2 animate-in fade-in zoom-in-95 duration-300", children: [
       /* @__PURE__ */ jsx("div", { className: "flex h-14 w-14 mx-auto items-center justify-center rounded-full bg-success/10 animate-bounce", style: { animationDuration: "600ms", animationIterationCount: "2" }, children: /* @__PURE__ */ jsx(Check, { className: "h-7 w-7 text-success" }) }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-success", children: t("agenda.payment.checkoutComplete") }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-success", children: t2("agenda.payment.checkoutComplete") }),
       /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatCurrency2(detail.totalAmount) })
     ] }),
     !loading && detail && detail.status !== "none" && !justPaid && /* @__PURE__ */ jsxs("div", { className: "space-y-3 animate-in fade-in duration-300", children: [
@@ -838,14 +627,14 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
             ] }),
             /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
               mov.paymentDate ?? mov.dueDate,
-              detail.movements.length > 1 && mov.installmentNumber ? ` \xB7 ${t("agenda.payment.installment")} ${mov.installmentNumber}` : ""
+              detail.movements.length > 1 && mov.installmentNumber ? ` \xB7 ${t2("agenda.payment.installment")} ${mov.installmentNumber}` : ""
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
             isMovPaid && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-success/10 px-2 py-0.5 text-[10px] font-medium text-success", children: [
               /* @__PURE__ */ jsx(Check, { className: "h-2.5 w-2.5" }),
               " ",
-              t("agenda.payment.paid")
+              t2("agenda.payment.paid")
             ] }),
             isPartial && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-warning/10 px-2 py-0.5 text-[10px] font-medium text-warning", children: [
               "! ",
@@ -855,14 +644,14 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
             ] }),
             isOverdue && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-[10px] font-medium text-destructive", children: [
               "! ",
-              t("agenda.payment.overdue")
+              t2("agenda.payment.overdue")
             ] }),
-            mov.status === "pending" && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: t("agenda.payment.pending") }),
+            mov.status === "pending" && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: t2("agenda.payment.pending") }),
             /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: formatCurrency2(mov.paidAmount || mov.amount) })
           ] })
         ] }, mov.id);
       }) }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm px-1", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("agenda.payment.total") }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("agenda.payment.total") }),
         /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatCurrency2(detail.totalAmount) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -876,7 +665,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
             href: `#/financial/receivables/detail/${detail.invoiceId}`,
             className: "inline-flex items-center gap-1.5 text-xs font-medium text-primary hover:underline ml-auto",
             children: [
-              t("agenda.payment.viewInvoice"),
+              t2("agenda.payment.viewInvoice"),
               /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
             ]
           }
@@ -885,22 +674,22 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
     ] }),
     !loading && (!detail || detail.movements.length === 0) && /* @__PURE__ */ jsxs(Fragment, { children: [
       services && services.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t("agenda.payment.serviceSummary") }),
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t2("agenda.payment.serviceSummary") }),
         /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: services.map((svc, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm py-1", children: [
           /* @__PURE__ */ jsx("span", { className: "truncate", children: svc.name }),
           /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: formatCurrency2(svc.price) })
         ] }, i)) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm font-semibold pt-2 border-t", children: [
-        /* @__PURE__ */ jsx("span", { children: t("agenda.payment.total") }),
+        /* @__PURE__ */ jsx("span", { children: t2("agenda.payment.total") }),
         /* @__PURE__ */ jsx("span", { children: formatCurrency2(orderTotal) })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t("agenda.payment.paymentMethod") }),
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t2("agenda.payment.paymentMethod") }),
         paymentTypes.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-input bg-muted/30 px-3 py-3 text-center", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("agenda.payment.noMethods") }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t2("agenda.payment.noMethods") }),
           /* @__PURE__ */ jsxs("a", { href: "#/financial/settings", className: "mt-1.5 inline-block text-xs font-medium text-primary hover:underline", children: [
-            t("agenda.payment.configureMethods"),
+            t2("agenda.payment.configureMethods"),
             " \u2192"
           ] })
         ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1.5", children: paymentTypes.map((pt) => {
@@ -927,7 +716,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
       ] }),
       selectedTypeId && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
         filteredMethods.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: needsCard ? t("agenda.payment.card") : t("agenda.payment.method") }),
+          /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: needsCard ? t2("agenda.payment.card") : t2("agenda.payment.method") }),
           /* @__PURE__ */ jsxs(
             "select",
             {
@@ -935,7 +724,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
               onChange: (e) => setPaymentMethodId(e.target.value),
               className: "w-full mt-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 focus:outline-none focus:ring-2 focus:ring-ring",
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: t("agenda.payment.select") }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t2("agenda.payment.select") }),
                 filteredMethods.map((m) => /* @__PURE__ */ jsx("option", { value: m.id, children: m.name }, m.id))
               ]
             }
@@ -943,7 +732,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
         ] }),
         needsCard && /* @__PURE__ */ jsxs("div", { className: `grid gap-2.5 ${needsCardInstallments ? "grid-cols-2" : "grid-cols-1"}`, children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("agenda.payment.cardBrand") }),
+            /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t2("agenda.payment.cardBrand") }),
             /* @__PURE__ */ jsxs(
               "select",
               {
@@ -951,14 +740,14 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
                 onChange: (e) => setCardBrand(e.target.value),
                 className: "w-full mt-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 focus:outline-none focus:ring-2 focus:ring-ring",
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: t("agenda.payment.selectBrand") }),
+                  /* @__PURE__ */ jsx("option", { value: "", children: t2("agenda.payment.selectBrand") }),
                   ["Visa", "Mastercard", "American Express", "Elo", "Hipercard", "Diners Club"].map((b) => /* @__PURE__ */ jsx("option", { value: b, children: b }, b))
                 ]
               }
             )
           ] }),
           needsCardInstallments && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("agenda.payment.cardInstallments") }),
+            /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t2("agenda.payment.cardInstallments") }),
             /* @__PURE__ */ jsx(
               "select",
               {
@@ -975,7 +764,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
           ] })
         ] }),
         needsBank && bankAccounts.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("agenda.payment.bankAccount") }),
+          /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t2("agenda.payment.bankAccount") }),
           /* @__PURE__ */ jsxs(
             "select",
             {
@@ -983,7 +772,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
               onChange: (e) => setSelectedBankId(e.target.value),
               className: "w-full mt-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 focus:outline-none focus:ring-2 focus:ring-ring",
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: t("agenda.payment.selectAccount") }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t2("agenda.payment.selectAccount") }),
                 bankAccounts.map((a) => /* @__PURE__ */ jsx("option", { value: a.id, children: a.name }, a.id))
               ]
             }
@@ -997,7 +786,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")} ${formatCurrency2(orderTotal)}`
+          children: processing ? t2("agenda.payment.checkingOut") : `${t2("agenda.payment.checkout")} ${formatCurrency2(orderTotal)}`
         }
       )
     ] })
@@ -1018,7 +807,7 @@ function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPayment
             onClick: (e) => e.stopPropagation(),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b sticky top-0 bg-card z-10", children: [
-                /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: t("agenda.payment.title") }),
+                /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: t2("agenda.payment.title") }),
                 /* @__PURE__ */ jsx("button", { onClick: handleClose, className: "p-1 text-muted-foreground hover:text-foreground transition-colors", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
               ] }),
               content
@@ -1179,7 +968,7 @@ function StatusSelect({ value, onChange, statuses, bookingDate }) {
   ] });
 }
 function ProfessionalSelect({ value, onChange, professionals }) {
-  const t = useTranslation();
+  const t2 = useTranslation();
   const [open, setOpen] = useState(false);
   const ref = useRef(null);
   const current = professionals.find((p) => p.id === value);
@@ -1199,7 +988,7 @@ function ProfessionalSelect({ value, onChange, professionals }) {
         onClick: () => setOpen((p) => !p),
         className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-muted/30 transition-colors text-left",
         children: [
-          current ? /* @__PURE__ */ jsx("span", { children: current.name }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("agenda.appointment.selectProfessional") }),
+          current ? /* @__PURE__ */ jsx("span", { children: current.name }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("agenda.appointment.selectProfessional") }),
           /* @__PURE__ */ jsx("svg", { className: "ml-auto h-3 w-3 text-muted-foreground shrink-0", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
         ]
       }
@@ -1220,7 +1009,7 @@ function ProfessionalSelect({ value, onChange, professionals }) {
   ] });
 }
 function LocationSelect({ value, onChange, locations }) {
-  const t = useTranslation();
+  const t2 = useTranslation();
   const [open, setOpen] = useState(false);
   const ref = useRef(null);
   const current = locations.find((l) => l.id === value);
@@ -1240,7 +1029,7 @@ function LocationSelect({ value, onChange, locations }) {
         onClick: () => setOpen((p) => !p),
         className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-muted/30 transition-colors text-left",
         children: [
-          current ? /* @__PURE__ */ jsx("span", { children: current.name }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("agenda.appointment.selectLocation") }),
+          current ? /* @__PURE__ */ jsx("span", { children: current.name }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("agenda.appointment.selectLocation") }),
           /* @__PURE__ */ jsx("svg", { className: "ml-auto h-3 w-3 text-muted-foreground shrink-0", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
         ]
       }
@@ -1261,12 +1050,13 @@ function LocationSelect({ value, onChange, locations }) {
   ] });
 }
 function AppointmentModal({ open, mode, bookingId, prefill, initialTab, externalSource, onClose, onCreated }) {
-  const t = useTranslation();
+  const t2 = useTranslation();
   const locale = getCurrentLocale();
   const config = useAgendaConfig();
   const provider2 = useAgendaProvider();
   const initialSnapshot = useRef("");
   const createBooking = useAgendaStore((s) => s.createBooking);
+  const guardBookings = useLimitGuard("bookings_month");
   const updateBooking = useAgendaStore((s) => s.updateBooking);
   const deleteBooking = useAgendaStore((s) => s.deleteBooking);
   const fetchBookings = useAgendaStore((s) => s.fetchBookings);
@@ -1300,13 +1090,6 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
   const [showNotes, setShowNotes] = useState(false);
   const [saving, setSaving] = useState(false);
   const [conflict, setConflict] = useState(false);
-  const [quickCreate, setQuickCreate] = useState(false);
-  const [newClientName, setNewClientName] = useState("");
-  const [newClientPhone, setNewClientPhone] = useState("");
-  const [newClientEmail, setNewClientEmail] = useState("");
-  const [creatingClient, setCreatingClient] = useState(false);
-  const [clientOptions, setClientOptions] = useState([]);
-  const [clientSearching, setClientSearching] = useState(false);
   const [serviceOptions, setServiceOptions] = useState([]);
   const [initialServiceOptions, setInitialServiceOptions] = useState([]);
   const [editingDate, setEditingDate] = useState(false);
@@ -1340,11 +1123,6 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
     setShowNotes(false);
     setConflict(false);
     setLoading(mode === "edit");
-    setQuickCreate(false);
-    setNewClientName("");
-    setNewClientPhone("");
-    setNewClientEmail("");
-    setCreatingClient(false);
     setBookingType(prefill?.kind ?? defaultBookingType);
     setTitle("");
     setEditingDate(false);
@@ -1454,24 +1232,6 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
       setInitialServiceOptions(opts);
     }).catch(() => setInitialServiceOptions([]));
   }, [open]);
-  useEffect(() => {
-    if (!config.contactLookup || clientSearch.length < 1 || clientId) {
-      setClientOptions([]);
-      setClientSearching(false);
-      return;
-    }
-    setClientSearching(true);
-    const timer = setTimeout(async () => {
-      try {
-        const results = await config.contactLookup.search(clientSearch);
-        setClientOptions(results.map((r) => ({ id: r.id, label: r.label, subtitle: r.subtitle, price: r.price, data: r.data })));
-      } catch {
-        setClientOptions([]);
-      }
-      setClientSearching(false);
-    }, 250);
-    return () => clearTimeout(timer);
-  }, [clientSearch, clientId]);
   useEffect(() => {
     if (!config.serviceLookup || serviceSearch.length < 1) {
       setServiceOptions([]);
@@ -1515,12 +1275,6 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
     }, 300);
     return () => clearTimeout(timer);
   }, [professionalId, date, startTime, endTime, bookingId]);
-  function selectClient(opt) {
-    setClientId(opt.id);
-    setClientSearch(opt.label);
-    setClientOptions([]);
-    setClientPhone(opt.data?.phone ?? "");
-  }
   function addService(opt) {
     const duration = opt.data?.duration_minutes || 60;
     setServices((p) => [...p, { serviceId: opt.id, name: opt.label, durationMinutes: duration, price: opt.price ?? 0 }]);
@@ -1533,6 +1287,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
   async function handleSubmit(e) {
     e.preventDefault();
     if (!canSubmit) return;
+    if (mode === "create" && await guardBookings() === "blocked") return;
     setSaving(true);
     try {
       const startsAt = (/* @__PURE__ */ new Date(`${date}T${startTime}:00`)).toISOString();
@@ -1547,6 +1302,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
           title: activeType.fields.title ? title.trim() : void 0,
           services: services.map((s) => ({ serviceId: s.serviceId, name: s.name, durationMinutes: s.durationMinutes, price: s.price }))
         });
+        invalidateLimit("bookings_month");
         onClose();
         onCreated?.(newBooking.id, externalSource);
       } else if (bookingId) {
@@ -1581,8 +1337,10 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
       await deleteBooking(bookingId);
       onClose();
     } catch {
+      setConfirmingDelete(false);
+    } finally {
+      setDeleting(false);
     }
-    setDeleting(false);
   }
   const isPaidBooking = editPaymentStatus === "paid";
   const selectedCancellationReason = cancellationReasons.find((reason) => reason.id === cancellationReasonId);
@@ -1599,9 +1357,9 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
     if (!v) onClose();
   }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "lg", noPadding: true, children: [
     /* @__PURE__ */ jsxs("div", { className: "px-5 pt-4 pb-3 shrink-0 space-y-3", children: [
-      /* @__PURE__ */ jsx(ModalTitle, { className: "sr-only", children: mode === "create" ? t("agenda.appointment.new") : t("agenda.appointment.edit") }),
+      /* @__PURE__ */ jsx(ModalTitle, { className: "sr-only", children: mode === "create" ? t2("agenda.appointment.new") : t2("agenda.appointment.edit") }),
       showTabs && mode === "create" ? /* @__PURE__ */ jsx("div", { className: "flex gap-1 border-b fayz-glass-divider", children: config.bookingTypes.map((bt) => {
-        const label = t(`agenda.bookingType.${bt.id}`) || bt.label;
+        const label = t2(`agenda.bookingType.${bt.id}`) || bt.label;
         const isActive = bookingType === bt.id;
         const BtIcon = BOOKING_TYPE_ICONS[bt.icon] ?? Calendar;
         return /* @__PURE__ */ jsxs(
@@ -1619,9 +1377,9 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
           bt.id
         );
       }) }) : mode === "edit" && (config.clientEntityDef && clientId || config.modules.financial && editOrderId ? /* @__PURE__ */ jsx("div", { className: "flex gap-1 border-b fayz-glass-divider", children: [
-        { id: "appointment", label: t(`agenda.bookingType.${bookingType}`) || activeType.label, icon: Calendar, show: true },
-        { id: "client", label: t("agenda.appointment.clientTab"), icon: User, show: !!config.clientEntityDef && !!clientId },
-        { id: "financial", label: t("agenda.payment.title"), icon: DollarSign, show: config.modules.financial && !!editOrderId }
+        { id: "appointment", label: t2(`agenda.bookingType.${bookingType}`) || activeType.label, icon: Calendar, show: true },
+        { id: "client", label: t2("agenda.appointment.clientTab"), icon: User, show: !!config.clientEntityDef && !!clientId },
+        { id: "financial", label: t2("agenda.payment.title"), icon: DollarSign, show: config.modules.financial && !!editOrderId }
       ].filter((tab) => tab.show).map((tab) => {
         const isActive = modalTab === tab.id;
         return /* @__PURE__ */ jsxs(
@@ -1640,7 +1398,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
           },
           tab.id
         );
-      }) }) : /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t(`agenda.bookingType.${bookingType}`) || activeType.label })),
+      }) }) : /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t2(`agenda.bookingType.${bookingType}`) || activeType.label })),
       modalTab === "appointment" && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
@@ -1698,7 +1456,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
         ] }),
         conflict && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-destructive/10 px-3 py-1.5 text-xs text-destructive", children: [
           /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 shrink-0" }),
-          t("agenda.appointment.conflict")
+          t2("agenda.appointment.conflict")
         ] })
       ] })
     ] }),
@@ -1739,7 +1497,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
           onBack: () => setModalTab("appointment"),
           onEdit: () => setClientEditing(true)
         }
-      ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: t("agenda.appointment.noClientData") }) }),
+      ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: t2("agenda.appointment.noClientData") }) }),
       modalTab === "financial" && editOrderId && config.financialBridge && /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
         BookingPaymentPanel,
         {
@@ -1776,7 +1534,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                   type: "text",
                   value: title,
                   onChange: (e) => setTitle(e.target.value),
-                  placeholder: t("agenda.appointment.addTitle"),
+                  placeholder: t2("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"
                 }
@@ -1784,133 +1542,25 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
             ] }),
             activeType.fields.client && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1", children: [
               /* @__PURE__ */ jsx(User, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
-              /* @__PURE__ */ jsx("div", { className: "flex-1", children: clientId && !quickCreate ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md bg-muted/30 px-2.5 py-1.5 text-sm", children: [
-                /* @__PURE__ */ jsx(PersonLink, { personId: clientId, name: clientSearch, size: "default", className: "flex-1 min-w-0" }),
-                clientPhone && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground shrink-0", children: clientPhone }),
-                !isPaidBooking && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => {
-                      setClientId("");
-                      setClientSearch("");
-                      setClientPhone("");
-                    },
-                    className: "p-0.5 text-muted-foreground hover:text-destructive shrink-0",
-                    children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-                  }
-                )
-              ] }) : !quickCreate ? /* @__PURE__ */ jsx(
-                SearchCombobox,
+              /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                ContactPicker,
                 {
-                  value: clientSearch,
-                  onChange: (v) => {
-                    setClientSearch(v);
-                    setClientId("");
+                  value: clientId || clientSearch ? { id: clientId || void 0, name: clientSearch, phone: clientPhone } : null,
+                  onChange: (contact) => {
+                    setClientId(contact?.id ?? "");
+                    setClientSearch(contact?.name ?? "");
+                    setClientPhone(contact?.phone ?? "");
                   },
-                  onSelect: selectClient,
-                  options: clientOptions,
-                  loading: clientSearching,
-                  placeholder: t("agenda.appointment.searchClient"),
-                  allowCreate: true,
-                  createLabel: t("agenda.appointment.newClient"),
-                  onCreateNew: (name) => {
-                    setQuickCreate(true);
-                    setNewClientName(name);
-                    setNewClientPhone("");
-                    setNewClientEmail("");
-                  },
-                  minimal: true,
-                  inlineLabel: t("agenda.appointment.addClient")
+                  kind: config.clientKind,
+                  extensionTable: "clients",
+                  lookup: config.contactLookup,
+                  clearable: !isPaidBooking,
+                  variant: "inline",
+                  placeholder: t2("agenda.appointment.searchClient"),
+                  createLabel: t2("agenda.appointment.newClient"),
+                  hint: /* @__PURE__ */ jsx("p", { className: "text-[11px] text-warning", children: t2("agenda.appointment.selectClientHint") })
                 }
-              ) : /* @__PURE__ */ jsxs("div", { className: "rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] p-2.5 space-y-2", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "text",
-                      value: newClientName,
-                      onChange: (e) => setNewClientName(e.target.value),
-                      placeholder: t("agenda.appointment.name"),
-                      className: "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",
-                      autoFocus: true
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => setQuickCreate(false),
-                      className: "p-1 text-muted-foreground hover:text-foreground shrink-0",
-                      children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "tel",
-                      value: newClientPhone,
-                      onChange: (e) => setNewClientPhone(e.target.value),
-                      placeholder: t("agenda.appointment.phone"),
-                      className: "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 focus:outline-none focus:ring-2 focus:ring-ring"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "email",
-                      value: newClientEmail,
-                      onChange: (e) => setNewClientEmail(e.target.value),
-                      placeholder: t("agenda.appointment.emailOptional"),
-                      className: "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 focus:outline-none focus:ring-2 focus:ring-ring"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    disabled: creatingClient || !newClientName.trim(),
-                    onClick: async () => {
-                      setCreatingClient(true);
-                      try {
-                        const { getSupabaseClientOptional: getSupabaseClientOptional4 } = await import('@fayz-ai/core');
-                        const { getAgendaTenantId: getAgendaTenantId2 } = await import('./tenant-LAUWVUYB.js');
-                        const supabase = getSupabaseClientOptional4();
-                        const tenantId = getAgendaTenantId2();
-                        if (!supabase || !tenantId) throw new Error("Not initialized");
-                        const { data: personRow, error: personError } = await supabase.from("people").insert({
-                          tenant_id: tenantId,
-                          kind: config.clientKind,
-                          name: newClientName.trim(),
-                          phone: newClientPhone.trim() || null,
-                          email: newClientEmail.trim() || null
-                        }).select("id, name").single();
-                        if (personError) throw personError;
-                        const { error: clientError } = await supabase.from("clients").insert({
-                          person_id: personRow.id,
-                          tenant_id: tenantId
-                        });
-                        if (clientError) {
-                          await supabase.from("people").delete().eq("id", personRow.id);
-                          throw clientError;
-                        }
-                        setClientId(personRow.id);
-                        setClientSearch(personRow.name);
-                        setQuickCreate(false);
-                      } catch (err) {
-                        const { toast: toast3 } = await import('@fayz-ai/ui');
-                        toast3.error(t("agenda.appointment.createClientFailed"), { description: err?.message });
-                      }
-                      setCreatingClient(false);
-                    },
-                    className: "w-full rounded-md bg-primary border border-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 shadow-button-primary active:shadow-button-inset disabled:opacity-40 transition-colors",
-                    children: creatingClient ? t("agenda.appointment.creating") : t("agenda.appointment.create")
-                  }
-                )
-              ] }) })
+              ) })
             ] }),
             activeType.fields.location && config.modules.locationSelection && (storeLocations.length > 0 || config.locations.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1", children: [
               /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
@@ -1938,7 +1588,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                         step: 5,
                         className: "w-10 shrink-0",
                         disabled: isPaidBooking,
-                        tooltip: t("agenda.appointment.duration")
+                        tooltip: t2("agenda.appointment.duration")
                       }
                     ),
                     /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: "min" })
@@ -1954,7 +1604,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                         step: 0.01,
                         className: "w-14 shrink-0",
                         disabled: isPaidBooking,
-                        tooltip: t("agenda.appointment.price")
+                        tooltip: t2("agenda.appointment.price")
                       }
                     )
                   ] }),
@@ -1967,7 +1617,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                     onChange: setServiceSearch,
                     onSelect: addService,
                     options: serviceOptions,
-                    placeholder: t("agenda.appointment.searchService"),
+                    placeholder: t2("agenda.appointment.searchService"),
                     onBlurEmpty: () => {
                     },
                     onFocus: () => {
@@ -1984,7 +1634,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                       ] });
                     },
                     minimal: true,
-                    inlineLabel: services.length > 0 ? t("agenda.appointment.addService") : t("agenda.appointment.addServiceFirst"),
+                    inlineLabel: services.length > 0 ? t2("agenda.appointment.addService") : t2("agenda.appointment.addServiceFirst"),
                     inlineIcon: services.length > 0 ? "plus" : "search"
                   }
                 )
@@ -2005,7 +1655,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                     disabled: cancellationReasonsLoading,
                     className: "w-full rounded-input border border-input bg-card px-2.5 py-1.5 text-sm shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] focus:outline-none focus:ring-2 focus:ring-ring",
                     children: [
-                      /* @__PURE__ */ jsx("option", { value: "", children: cancellationReasonsLoading ? t("agenda.cancellation.loadingReasons") : t("agenda.cancellation.selectReason") }),
+                      /* @__PURE__ */ jsx("option", { value: "", children: cancellationReasonsLoading ? t2("agenda.cancellation.loadingReasons") : t2("agenda.cancellation.selectReason") }),
                       cancellationReasons.map((reason) => /* @__PURE__ */ jsxs("option", { value: reason.id, children: [
                         reason.label,
                         reason.requiresNotes ? " *" : ""
@@ -2018,7 +1668,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                   {
                     value: cancellationNotes,
                     onChange: (event) => setCancellationNotes(event.target.value),
-                    placeholder: needsCancellationNotes ? t("agenda.cancellation.notesRequired") : t("agenda.cancellation.notesOptional"),
+                    placeholder: needsCancellationNotes ? t2("agenda.cancellation.notesRequired") : t2("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"
                   }
@@ -2033,7 +1683,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                   type: "button",
                   onClick: () => setShowNotes(true),
                   className: "text-sm text-muted-foreground hover:text-foreground transition-colors text-left py-1.5 pl-2",
-                  children: t("agenda.appointment.addNotes")
+                  children: t2("agenda.appointment.addNotes")
                 }
               )
             ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 py-1", children: [
@@ -2043,7 +1693,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                 {
                   value: notes,
                   onChange: (e) => setNotes(e.target.value),
-                  placeholder: t("agenda.appointment.addDescription"),
+                  placeholder: t2("agenda.appointment.addDescription"),
                   rows: 2,
                   autoFocus: true,
                   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 resize-none focus:outline-none focus:ring-2 focus:ring-ring"
@@ -2053,14 +1703,14 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
           ] })
         ] }),
         modalTab === "appointment" && !clientEditing && /* @__PURE__ */ jsx("div", { className: "px-5 py-2.5 border-t fayz-glass-divider bg-transparent shrink-0 sm:rounded-b-2xl", children: confirmingDelete ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive font-medium", children: t("agenda.appointment.deleteConfirm") }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive font-medium", children: t2("agenda.appointment.deleteConfirm") }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setConfirmingDelete(false), children: t("agenda.appointment.cancel") }),
-            /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", size: "sm", onClick: handleDelete, disabled: deleting, children: deleting ? t("agenda.appointment.deleting") : t("agenda.appointment.confirmDelete") })
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setConfirmingDelete(false), children: t2("agenda.appointment.cancel") }),
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", size: "sm", onClick: handleDelete, disabled: deleting, children: deleting ? t2("agenda.appointment.deleting") : t2("agenda.appointment.confirmDelete") })
           ] })
         ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-            mode === "edit" && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setConfirmingDelete(true), className: "text-xs text-destructive font-medium hover:underline", children: t("agenda.appointment.delete") }),
+            mode === "edit" && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setConfirmingDelete(true), className: "text-xs text-destructive font-medium hover:underline", children: t2("agenda.appointment.delete") }),
             services.length > 0 && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
               /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
               totalDuration,
@@ -2078,7 +1728,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                     /* @__PURE__ */ jsx(Check, { className: "h-2.5 w-2.5" }),
                     fmtCurrency(totalPrice, currency.locale, currency.code),
                     " \xB7 ",
-                    t("agenda.payment.paid")
+                    t2("agenda.payment.paid")
                   ]
                 }
               ) : date <= (/* @__PURE__ */ new Date()).toISOString().slice(0, 10) ? /* @__PURE__ */ jsxs(
@@ -2094,7 +1744,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
                     /* @__PURE__ */ jsx(HandCoins, { className: "h-3 w-3" }),
                     fmtCurrency(totalPrice, currency.locale, currency.code),
                     " \xB7 ",
-                    t("agenda.payment.collect")
+                    t2("agenda.payment.collect")
                   ]
                 }
               ) : /* @__PURE__ */ jsxs("span", { children: [
@@ -2107,8 +1757,8 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onClose, className: "hidden sm:inline-flex", children: t("agenda.appointment.cancel") }),
-            /* @__PURE__ */ jsx(Button, { type: "submit", variant: "default", size: "sm", disabled: !canSubmit || !isDirty, children: saving ? t("agenda.appointment.saving") : mode === "create" ? t("agenda.appointment.save") : t("agenda.appointment.update") })
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onClose, className: "hidden sm:inline-flex", children: t2("agenda.appointment.cancel") }),
+            /* @__PURE__ */ jsx(Button, { type: "submit", variant: "default", size: "sm", disabled: !canSubmit || !isDirty, children: saving ? t2("agenda.appointment.saving") : mode === "create" ? t2("agenda.appointment.save") : t2("agenda.appointment.update") })
           ] })
         ] }) })
       ] }),
@@ -2123,7 +1773,7 @@ function AppointmentModal({ open, mode, bookingId, prefill, initialTab, external
           className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
           children: [
             /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M10 12L6 8l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-            t("agenda.payment.backToAppointment")
+            t2("agenda.payment.backToAppointment")
           ]
         }
       ) }) })
@@ -2275,7 +1925,7 @@ function PopoverStatusSelect({ value, statuses, bookingStartsAt, onChange }) {
   ] });
 }
 function AppointmentPopover({ booking, position, onClose, onEdit }) {
-  const t = useTranslation();
+  const t2 = useTranslation();
   const config = useAgendaConfig();
   const deleteBooking = useAgendaStore((s) => s.deleteBooking);
   const updateStatus = useAgendaStore((s) => s.updateBookingStatus);
@@ -2296,13 +1946,13 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
   }
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FloatingPanel, { position, width: 320, height: 340, onClose, children: (panel) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-0.5 px-3 pt-3 pb-1", children: confirmingDelete ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive font-medium mr-auto pl-1", children: t("agenda.appointment.deleteConfirm") }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive font-medium mr-auto pl-1", children: t2("agenda.appointment.deleteConfirm") }),
       /* @__PURE__ */ jsx(
         "button",
         {
           onClick: () => setConfirmingDelete(false),
           className: "rounded px-2 py-0.5 text-[11px] font-medium hover:bg-muted/50 transition-colors",
-          children: t("agenda.appointment.cancel")
+          children: t2("agenda.appointment.cancel")
         }
       ),
       /* @__PURE__ */ jsx(
@@ -2311,7 +1961,7 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
           onClick: handleDelete,
           disabled: deleting,
           className: "rounded bg-destructive border border-destructive px-2 py-0.5 text-[11px] font-medium text-destructive-foreground hover:bg-destructive/90 shadow-button-primary active:shadow-button-inset disabled:opacity-40 transition-colors",
-          children: deleting ? t("agenda.appointment.deleting") : t("agenda.appointment.confirmDelete")
+          children: deleting ? t2("agenda.appointment.deleting") : t2("agenda.appointment.confirmDelete")
         }
       )
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -2320,7 +1970,7 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
         {
           onClick: () => panel.expandThen(() => onEdit(booking.id)),
           className: "p-1.5 rounded-full hover:bg-muted transition-colors",
-          title: t("common.edit"),
+          title: t2("common.edit"),
           children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4 text-muted-foreground" })
         }
       ),
@@ -2329,7 +1979,7 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
         {
           onClick: () => setConfirmingDelete(true),
           className: "p-1.5 rounded-full hover:bg-destructive/10 transition-colors",
-          title: t("common.delete"),
+          title: t2("common.delete"),
           children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-muted-foreground hover:text-destructive" })
         }
       ),
@@ -2339,7 +1989,7 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
       /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ jsx("span", { className: "mt-1.5 h-3 w-3 rounded shrink-0", style: { backgroundColor: color } }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          config.capabilities.client ? /* @__PURE__ */ jsx(PersonLink, { personId: booking.clientId, name: booking.clientName ?? "Unknown", className: "text-base" }) : /* @__PURE__ */ jsx("p", { className: "text-base font-medium truncate", children: booking.clientName || t("agenda.appointment.untitled") }),
+          config.capabilities.client ? /* @__PURE__ */ jsx(PersonLink, { personId: booking.clientId, name: booking.clientName ?? "Unknown", className: "text-base" }) : /* @__PURE__ */ jsx("p", { className: "text-base font-medium truncate", children: booking.clientName || t2("agenda.appointment.untitled") }),
           /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground mt-0.5", children: [
             fmtDate(booking.startsAt),
             " \xB7 ",
@@ -2377,22 +2027,22 @@ function AppointmentPopover({ booking, position, onClose, onEdit }) {
         const hasFinancial = config.modules.financial && booking.orderId;
         if (!hasFinancial) {
           return /* @__PURE__ */ jsxs("div", { className: "pt-2 border-t fayz-glass-divider flex items-center justify-between text-sm", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("agenda.appointment.total") }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("agenda.appointment.total") }),
             /* @__PURE__ */ jsx("span", { className: "font-medium", children: total })
           ] });
         }
         const badgeConfig = {
-          none: { icon: HandCoins, bg: "bg-warning/10 hover:bg-warning/15", text: "text-warning", label: `${total} \xB7 ${t("agenda.payment.collect")}` },
-          pending: { icon: Clock, bg: "bg-warning/10 hover:bg-warning/15", text: "text-warning", label: `${total} \xB7 ${t("agenda.payment.pending")}` },
-          partial: { icon: DollarSign, bg: "bg-warning/10 hover:bg-warning/15", text: "text-warning", label: `${total} \xB7 ${t("agenda.payment.partial")}` },
-          paid: { icon: Check, bg: "bg-success/10 hover:bg-success/15", text: "text-success", label: `${total} \xB7 ${t("agenda.payment.paid")}` },
-          overdue: { icon: AlertTriangle, bg: "bg-destructive/10 hover:bg-destructive/15", text: "text-destructive", label: `${total} \xB7 ${t("agenda.payment.overdue")}` },
-          cancelled: { icon: X, bg: "bg-muted hover:bg-muted/80", text: "text-muted-foreground", label: `${total} \xB7 ${t("agenda.payment.cancelled")}` }
+          none: { icon: HandCoins, bg: "bg-warning/10 hover:bg-warning/15", text: "text-warning", label: `${total} \xB7 ${t2("agenda.payment.collect")}` },
+          pending: { icon: Clock, bg: "bg-warning/10 hover:bg-warning/15", text: "text-warning", label: `${total} \xB7 ${t2("agenda.payment.pending")}` },
+          partial: { icon: DollarSign, bg: "bg-warning/10 hover:bg-warning/15", text: "text-warning", label: `${total} \xB7 ${t2("agenda.payment.partial")}` },
+          paid: { icon: Check, bg: "bg-success/10 hover:bg-success/15", text: "text-success", label: `${total} \xB7 ${t2("agenda.payment.paid")}` },
+          overdue: { icon: AlertTriangle, bg: "bg-destructive/10 hover:bg-destructive/15", text: "text-destructive", label: `${total} \xB7 ${t2("agenda.payment.overdue")}` },
+          cancelled: { icon: X, bg: "bg-muted hover:bg-muted/80", text: "text-muted-foreground", label: `${total} \xB7 ${t2("agenda.payment.cancelled")}` }
         };
         const cfg = badgeConfig[ps] ?? badgeConfig.none;
         const StatusIcon = cfg.icon;
         return /* @__PURE__ */ jsxs("div", { className: "pt-2 border-t fayz-glass-divider flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("agenda.appointment.total") }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t2("agenda.appointment.total") }),
           /* @__PURE__ */ jsxs(
             "button",
             {
@@ -2464,7 +2114,7 @@ function StatusDot({ color, label, isActive, disabled, onClick }) {
   ] });
 }
 function EventContextMenu({ booking, position, onClose, onEdit }) {
-  const t = useTranslation();
+  const t2 = useTranslation();
   const config = useAgendaConfig();
   const updateStatus = useAgendaStore((s) => s.updateBookingStatus);
   const deleteBooking = useAgendaStore((s) => s.deleteBooking);
@@ -2489,19 +2139,19 @@ function EventContextMenu({ booking, position, onClose, onEdit }) {
           children: [
             /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4 text-muted-foreground" }),
             " ",
-            t("agenda.contextMenu.edit")
+            t2("agenda.contextMenu.edit")
           ]
         }
       ),
       confirming ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive font-medium", children: t("agenda.appointment.deleteConfirm") }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive font-medium", children: t2("agenda.appointment.deleteConfirm") }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx(
             "button",
             {
               onClick: () => setConfirming(false),
               className: "rounded px-2 py-0.5 text-[11px] font-medium hover:bg-muted/50 transition-colors",
-              children: t("agenda.appointment.cancel")
+              children: t2("agenda.appointment.cancel")
             }
           ),
           /* @__PURE__ */ jsx(
@@ -2510,7 +2160,7 @@ function EventContextMenu({ booking, position, onClose, onEdit }) {
               onClick: handleDelete,
               disabled: deleting,
               className: "rounded bg-destructive border border-destructive px-2 py-0.5 text-[11px] font-medium text-destructive-foreground hover:bg-destructive/90 shadow-button-primary active:shadow-button-inset disabled:opacity-40 transition-colors",
-              children: deleting ? t("agenda.appointment.deleting") : t("agenda.appointment.confirmDelete")
+              children: deleting ? t2("agenda.appointment.deleting") : t2("agenda.appointment.confirmDelete")
             }
           )
         ] })
@@ -2522,20 +2172,20 @@ function EventContextMenu({ booking, position, onClose, onEdit }) {
           children: [
             /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
             " ",
-            t("agenda.contextMenu.delete")
+            t2("agenda.contextMenu.delete")
           ]
         }
       )
     ] }),
     config.capabilities.status && /* @__PURE__ */ jsxs("div", { className: "border-t px-4 py-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t("agenda.contextMenu.changeStatus") }),
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t2("agenda.contextMenu.changeStatus") }),
       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: config.statuses.map((s) => {
         const available = isStatusAvailable(s, booking.startsAt);
         return /* @__PURE__ */ jsx(
           StatusDot,
           {
             color: s.color,
-            label: available ? s.label : `${s.label} ${t("agenda.contextMenu.notAvailable")}`,
+            label: available ? s.label : `${s.label} ${t2("agenda.contextMenu.notAvailable")}`,
             isActive: booking.status === s.value,
             disabled: !available,
             onClick: () => {
@@ -2561,7 +2211,7 @@ function timeLabel(iso) {
   return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
 }
 function AgendaMobileList({ bookings, statusColors, currencyCode, onSelect }) {
-  const t = useTranslation();
+  const t2 = useTranslation();
   const locale = getCurrentLocale() === "pt-BR" ? "pt-BR" : "en";
   const groups = useMemo(() => {
     const todayStart = startOfDay(/* @__PURE__ */ new Date()).getTime();
@@ -2580,12 +2230,12 @@ function AgendaMobileList({ bookings, statusColors, currencyCode, onSelect }) {
   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");
+    if (diff === 0) return t2("agenda.list.today");
+    if (diff === 1) return t2("agenda.list.tomorrow");
     return date.toLocaleDateString(locale, { weekday: "long", day: "numeric", month: "long" });
   }
   if (groups.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col items-center justify-center px-6 py-16 text-center text-muted-foreground", children: /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("agenda.list.empty") }) });
+    return /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col items-center justify-center px-6 py-16 text-center text-muted-foreground", children: /* @__PURE__ */ jsx("p", { className: "text-sm", children: t2("agenda.list.empty") }) });
   }
   return /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-3 py-3 space-y-5", children: groups.map((g) => /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx("h3", { className: "px-1 pb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: dayLabel(g.date) }),
@@ -2641,8 +2291,8 @@ function generateAvailabilityEvents(schedules, professionals, dateRange, busines
     list.push(s);
     byAssignee.set(aid, list);
   }
-  function timeToMinutes(t) {
-    const [h, m] = t.split(":").map(Number);
+  function timeToMinutes(t2) {
+    const [h, m] = t2.split(":").map(Number);
     return h * 60 + m;
   }
   function minutesToTime(m) {
@@ -2767,7 +2417,7 @@ function useIsMobile() {
 function CalendarView() {
   injectCalendarStyles();
   const config = useAgendaConfig();
-  const t = useTranslation();
+  const t2 = useTranslation();
   const currentLocale = getCurrentLocale();
   const fcLocale = currentLocale === "pt-BR" ? ptBrLocale : void 0;
   const calendarRef = useRef(null);
@@ -2865,6 +2515,18 @@ function CalendarView() {
     end.setDate(end.getDate() + 91);
     fetchBookings({ start: start.toISOString(), end: end.toISOString() });
   }, [isMobile, fetchBookings]);
+  useDataChanged({}, () => {
+    if (visibleRange) {
+      fetchBookings(visibleRange);
+      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() });
+  }, [visibleRange, fetchBookings]);
   const resources = useMemo(() => {
     const filtered = selectedProfIds.length > 0 ? professionals.filter((p) => selectedProfIds.includes(p.id)) : professionals;
     return filtered.map((p) => ({
@@ -3108,10 +2770,10 @@ function CalendarView() {
   useEffect(() => {
     applyResourceStriping();
     const t1 = setTimeout(applyResourceStriping, 100);
-    const t2 = setTimeout(applyResourceStriping, 300);
+    const t22 = setTimeout(applyResourceStriping, 300);
     return () => {
       clearTimeout(t1);
-      clearTimeout(t2);
+      clearTimeout(t22);
     };
   }, [applyResourceStriping, currentView, visibleRange, bookings]);
   useEffect(() => {
@@ -3199,7 +2861,7 @@ function CalendarView() {
           className: "flex items-center gap-2 rounded-button bg-primary text-primary-foreground border border-primary pl-3 pr-4 py-1.5 text-sm font-semibold hover:bg-primary/90 shadow-button-primary active:shadow-button-inset transition-all mb-6 w-fit",
           children: [
             /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-            t("agenda.sidebar.create")
+            t2("agenda.sidebar.create")
           ]
         }
       ),
@@ -3274,7 +2936,7 @@ function CalendarView() {
                 {
                   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")
+                  children: t2("agenda.toolbar.today")
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
@@ -3282,7 +2944,7 @@ function CalendarView() {
                 /* @__PURE__ */ jsx("button", { onClick: handleNext, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) })
               ] })
             ] }),
-            /* @__PURE__ */ jsx("h1", { className: "text-base sm:text-lg font-normal truncate", children: isMobile && !mobileGridActive ? t("agenda.calendar.viewAgenda") : calendarTitle })
+            /* @__PURE__ */ jsx("h1", { className: "text-base sm:text-lg font-normal truncate", children: isMobile && !mobileGridActive ? t2("agenda.calendar.viewAgenda") : calendarTitle })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
             /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center gap-1", children: viewOptions.map((opt) => /* @__PURE__ */ jsx(
@@ -3290,7 +2952,7 @@ function CalendarView() {
               {
                 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)
+                children: t2(opt.labelKey)
               },
               opt.key
             )) }),
@@ -3312,7 +2974,7 @@ function CalendarView() {
           {
             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)
+            children: t2(opt.labelKey)
           },
           opt.key
         )) })
@@ -3403,9 +3065,9 @@ function CalendarView() {
       {
         open: !!scheduleConfirm,
         variant: "warning",
-        title: t("agenda.calendar.noScheduleConfirm"),
-        confirmLabel: t("common.confirm"),
-        cancelLabel: t("common.cancel"),
+        title: t2("agenda.calendar.noScheduleConfirm"),
+        confirmLabel: t2("common.confirm"),
+        cancelLabel: t2("common.cancel"),
         onConfirm: () => {
           const cb = scheduleConfirm?.onConfirm;
           setScheduleConfirm(null);
@@ -3452,10 +3114,19 @@ function CalendarView() {
     )
   ] });
 }
+
+// src/lib/tenant.ts
+var t;
+function setAgendaTenantId(id) {
+  t = id;
+}
+function getAgendaTenantId() {
+  return t;
+}
 function AgendaPage({ config, provider: provider2, store }) {
   const runtime = usePluginRuntimeOptional();
   const tenantId = runtime?.context.tenant?.id;
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     setAgendaTenantId(tenantId);
     return () => setAgendaTenantId(void 0);
   }, [tenantId]);
@@ -3570,8 +3241,10 @@ async function hydrateCanonicalBookings(core, bookings) {
       locationId: booking.location_id,
       metadata: booking.metadata ?? {},
       clientId: booking.party_id,
-      // Simple events (no party) fall back to the title stored in metadata.
-      clientName: client?.name ?? booking.metadata?.title ?? null,
+      // Simple events (no party) fall back to the title stored in metadata;
+      // partyless blocks/tasks (e.g. imported Google events) get their notes or
+      // a kind label so the calendar never renders an unnamed chip.
+      clientName: client?.name ?? booking.metadata?.title ?? (booking.kind === "appointment" ? null : booking.notes || (booking.kind === "task" ? "Tarefa" : "Bloqueio")),
       clientPhone: client?.phone ?? null,
       clientEmail: client?.email ?? null,
       clientAvatarUrl: client?.avatar_url ?? null,
@@ -3611,7 +3284,8 @@ async function getCanonicalBookingById(core, id) {
   const [booking] = await hydrateCanonicalBookings(core, [data]);
   return booking ?? null;
 }
-function createSupabaseAgendaProvider() {
+function createSupabaseAgendaProvider(providerOptions) {
+  const professionalKind = providerOptions?.professionalKind ?? "staff";
   return {
     // v_appointments is in public schema (PostgREST default)
     async getBookings(query) {
@@ -3632,7 +3306,26 @@ function createSupabaseAgendaProvider() {
       const { core, pub } = getClients();
       const { data, error } = await pub.from("v_appointments").select("*").eq("id", id).maybeSingle();
       if (error) throw error;
-      if (data) return mapBooking(data);
+      if (data) {
+        const booking = mapBooking(data);
+        if (booking.orderId) {
+          const { data: items } = await core.from("order_items").select("id, service_id, name, duration_minutes, unit_price, assignee_id, sort_order").eq("order_id", booking.orderId).order("sort_order", { ascending: true });
+          if (items && items.length) {
+            const services = items.map((item) => ({
+              id: item.id,
+              serviceId: item.service_id,
+              name: item.name,
+              durationMinutes: item.duration_minutes,
+              price: item.unit_price,
+              assigneeId: item.assignee_id
+            }));
+            booking.services = services;
+            const itemDuration = services.reduce((sum, s) => sum + (s.durationMinutes ?? 0), 0);
+            if (itemDuration) booking.totalDurationMinutes = itemDuration;
+          }
+        }
+        return booking;
+      }
       return getCanonicalBookingById(core, id);
     },
     async createBooking(input) {
@@ -3655,7 +3348,7 @@ function createSupabaseAgendaProvider() {
         kind: input.kind ?? "appointment",
         status: "scheduled",
         party_id: input.clientId || null,
-        assignee_id: input.professionalId,
+        assignee_id: input.professionalId || null,
         location_id: input.locationId ?? null,
         subtotal: totalPrice,
         total: totalPrice,
@@ -3672,7 +3365,7 @@ function createSupabaseAgendaProvider() {
         tenant_id: tenantId,
         kind: input.kind ?? "appointment",
         party_id: input.clientId || null,
-        assignee_id: input.professionalId,
+        assignee_id: input.professionalId || null,
         location_id: input.locationId ?? null,
         order_id: order.id,
         starts_at: input.startsAt,
@@ -3697,7 +3390,7 @@ function createSupabaseAgendaProvider() {
           total: s.price,
           sort_order: i,
           duration_minutes: s.durationMinutes,
-          assignee_id: s.assigneeId ?? input.professionalId
+          assignee_id: s.assigneeId || input.professionalId || null
         }));
         const { error: oiErr } = await core.from("order_items").insert(orderItems);
         if (oiErr) throw oiErr;
@@ -3777,9 +3470,12 @@ function createSupabaseAgendaProvider() {
       const { data: booking, error: bookingErr } = await core.from("appointments").select("order_id").eq("id", id).single();
       if (bookingErr) throw bookingErr;
       const orderId = booking?.order_id;
-      const { count, error: movementErr } = orderId ? await pub.from("plg_financial_movements").select("id", { count: "exact", head: true }).eq("invoice_id", orderId) : { count: 0, error: null };
-      if (movementErr) throw movementErr;
-      if (orderId && (count ?? 0) > 0) {
+      let movementCount = 0;
+      if (orderId) {
+        const { count, error: movementErr } = await pub.from("plg_financial_movements").select("id", { count: "exact", head: true }).eq("invoice_id", orderId);
+        if (!movementErr) movementCount = count ?? 0;
+      }
+      if (orderId && movementCount > 0) {
         await pub.from("plg_financial_movements").update({ status: "cancelled" }).eq("invoice_id", orderId);
         await core.from("orders").update({ status: "cancelled" }).eq("id", orderId);
         const { error } = await core.from("appointments").update({ status: "cancelled" }).eq("id", id);
@@ -3856,7 +3552,7 @@ function createSupabaseAgendaProvider() {
     },
     async getProfessionals() {
       const { core } = getClients();
-      const { data, error } = await core.from("people").select("id, name, avatar_url, is_active").eq("kind", "staff").eq("is_active", true).order("name");
+      const { data, error } = await core.from("people").select("id, name, avatar_url, is_active").eq("kind", professionalKind).eq("is_active", true).order("name");
       if (error) throw error;
       return (data ?? []).map((p) => ({
         id: p.id,
@@ -4138,40 +3834,49 @@ var HOUR_OPTIONS = Array.from({ length: 18 }, (_, i) => {
   const h = (5 + i).toString().padStart(2, "0");
   return { value: `${h}:00`, label: `${h}:00` };
 });
+var AGENDA_TOGGLE_DEFAULTS = {
+  conflictDetection: true,
+  dragDrop: true,
+  autoCreateOrder: true,
+  enableLocation: false,
+  enableWorkingHours: true,
+  blockOutside: false,
+  enableConfirmations: true,
+  autoConfirm: false,
+  reminder: true,
+  showCancelled: false,
+  showNoShow: true,
+  compact: false,
+  newBookingNotif: true,
+  cancelAlerts: true,
+  noShowTracking: false
+};
 function AgendaGeneralSettings() {
-  const t = useTranslation();
+  const t2 = useTranslation();
   const { startTime, endTime, setStartTime, setEndTime } = useAgendaSettings();
+  const s = useTenantPluginSettings("agenda", AGENDA_TOGGLE_DEFAULTS);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs(SettingsGroup, { title: t("agenda.settings.scheduling"), description: t("agenda.settings.schedulingDesc"), children: [
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.conflictDetection"), description: t("agenda.settings.conflictDetectionDesc"), checked: true, onChange: () => {
-      } }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.dragDrop"), description: t("agenda.settings.dragDropDesc"), checked: true, onChange: () => {
-      } }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.autoCreateOrder"), description: t("agenda.settings.autoCreateOrderDesc"), checked: true, onChange: () => {
-      } })
+    /* @__PURE__ */ jsxs(SettingsGroup, { title: t2("agenda.settings.scheduling"), description: t2("agenda.settings.schedulingDesc"), children: [
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.conflictDetection"), description: t2("agenda.settings.conflictDetectionDesc"), checked: s.get("conflictDetection"), onChange: (v) => s.set("conflictDetection", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.dragDrop"), description: t2("agenda.settings.dragDropDesc"), checked: s.get("dragDrop"), onChange: (v) => s.set("dragDrop", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.autoCreateOrder"), description: t2("agenda.settings.autoCreateOrderDesc"), checked: s.get("autoCreateOrder"), onChange: (v) => s.set("autoCreateOrder", v) })
     ] }),
-    /* @__PURE__ */ jsx(SettingsGroup, { title: t("agenda.settings.locations"), description: t("agenda.settings.locationsDesc"), children: /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.enableLocation"), description: t("agenda.settings.enableLocationDesc"), checked: false, onChange: () => {
-    } }) }),
-    /* @__PURE__ */ jsxs(SettingsGroup, { title: t("agenda.settings.workingHours"), description: t("agenda.settings.workingHoursDesc"), children: [
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.enableWorkingHours"), description: t("agenda.settings.enableWorkingHoursDesc"), checked: true, onChange: () => {
-      } }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.blockOutside"), description: t("agenda.settings.blockOutsideDesc"), checked: false, onChange: () => {
-      } })
+    /* @__PURE__ */ jsx(SettingsGroup, { title: t2("agenda.settings.locations"), description: t2("agenda.settings.locationsDesc"), children: /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.enableLocation"), description: t2("agenda.settings.enableLocationDesc"), checked: s.get("enableLocation"), onChange: (v) => s.set("enableLocation", v) }) }),
+    /* @__PURE__ */ jsxs(SettingsGroup, { title: t2("agenda.settings.workingHours"), description: t2("agenda.settings.workingHoursDesc"), children: [
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.enableWorkingHours"), description: t2("agenda.settings.enableWorkingHoursDesc"), checked: s.get("enableWorkingHours"), onChange: (v) => s.set("enableWorkingHours", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.blockOutside"), description: t2("agenda.settings.blockOutsideDesc"), checked: s.get("blockOutside"), onChange: (v) => s.set("blockOutside", v) })
     ] }),
-    /* @__PURE__ */ jsxs(SettingsGroup, { title: t("agenda.settings.confirmations"), description: t("agenda.settings.confirmationsDesc"), children: [
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.enableConfirmations"), description: t("agenda.settings.enableConfirmationsDesc"), checked: true, onChange: () => {
-      } }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.autoConfirm"), description: t("agenda.settings.autoConfirmDesc"), checked: false, onChange: () => {
-      } }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.reminder"), description: t("agenda.settings.reminderDesc"), checked: true, onChange: () => {
-      } })
+    /* @__PURE__ */ jsxs(SettingsGroup, { title: t2("agenda.settings.confirmations"), description: t2("agenda.settings.confirmationsDesc"), children: [
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.enableConfirmations"), description: t2("agenda.settings.enableConfirmationsDesc"), checked: s.get("enableConfirmations"), onChange: (v) => s.set("enableConfirmations", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.autoConfirm"), description: t2("agenda.settings.autoConfirmDesc"), checked: s.get("autoConfirm"), onChange: (v) => s.set("autoConfirm", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.reminder"), description: t2("agenda.settings.reminderDesc"), checked: s.get("reminder"), onChange: (v) => s.set("reminder", v) })
     ] }),
-    /* @__PURE__ */ jsxs(SettingsGroup, { title: t("agenda.settings.calendarDisplay"), description: t("agenda.settings.calendarDisplayDesc"), children: [
+    /* @__PURE__ */ jsxs(SettingsGroup, { title: t2("agenda.settings.calendarDisplay"), description: t2("agenda.settings.calendarDisplayDesc"), children: [
       /* @__PURE__ */ jsx(
         SelectRow,
         {
-          label: t("agenda.settings.dayStartTime"),
-          description: t("agenda.settings.dayStartTimeDesc"),
+          label: t2("agenda.settings.dayStartTime"),
+          description: t2("agenda.settings.dayStartTimeDesc"),
           value: startTime,
           options: HOUR_OPTIONS,
           onChange: setStartTime
@@ -4180,27 +3885,21 @@ function AgendaGeneralSettings() {
       /* @__PURE__ */ jsx(
         SelectRow,
         {
-          label: t("agenda.settings.dayEndTime"),
-          description: t("agenda.settings.dayEndTimeDesc"),
+          label: t2("agenda.settings.dayEndTime"),
+          description: t2("agenda.settings.dayEndTimeDesc"),
           value: endTime,
           options: HOUR_OPTIONS,
           onChange: setEndTime
         }
       ),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.showCancelled"), description: t("agenda.settings.showCancelledDesc"), checked: false, onChange: () => {
-      } }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.showNoShow"), description: t("agenda.settings.showNoShowDesc"), checked: true, onChange: () => {
-      } }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.compact"), description: t("agenda.settings.compactDesc"), checked: false, onChange: () => {
-      } })
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.showCancelled"), description: t2("agenda.settings.showCancelledDesc"), checked: s.get("showCancelled"), onChange: (v) => s.set("showCancelled", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.showNoShow"), description: t2("agenda.settings.showNoShowDesc"), checked: s.get("showNoShow"), onChange: (v) => s.set("showNoShow", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.compact"), description: t2("agenda.settings.compactDesc"), checked: s.get("compact"), onChange: (v) => s.set("compact", v) })
     ] }),
-    /* @__PURE__ */ jsxs(SettingsGroup, { title: t("agenda.settings.notifications"), description: t("agenda.settings.notificationsDesc"), children: [
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.newBookingNotif"), description: t("agenda.settings.newBookingNotifDesc"), checked: true, onChange: () => {
-      } }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.cancelAlerts"), description: t("agenda.settings.cancelAlertsDesc"), checked: true, onChange: () => {
-      } }),
-      /* @__PURE__ */ jsx(ToggleRow, { label: t("agenda.settings.noShowTracking"), description: t("agenda.settings.noShowTrackingDesc"), checked: false, onChange: () => {
-      } })
+    /* @__PURE__ */ jsxs(SettingsGroup, { title: t2("agenda.settings.notifications"), description: t2("agenda.settings.notificationsDesc"), children: [
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.newBookingNotif"), description: t2("agenda.settings.newBookingNotifDesc"), checked: s.get("newBookingNotif"), onChange: (v) => s.set("newBookingNotif", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.cancelAlerts"), description: t2("agenda.settings.cancelAlertsDesc"), checked: s.get("cancelAlerts"), onChange: (v) => s.set("cancelAlerts", v) }),
+      /* @__PURE__ */ jsx(ToggleRow, { label: t2("agenda.settings.noShowTracking"), description: t2("agenda.settings.noShowTrackingDesc"), checked: s.get("noShowTracking"), onChange: (v) => s.set("noShowTracking", v) })
     ] })
   ] });
 }
@@ -4236,6 +3935,7 @@ var en = {
   "agenda.appointment.searchService": "Search service to add...",
   "agenda.appointment.selectLocation": "Select location...",
   "agenda.appointment.selectProfessional": "Select professional...",
+  "agenda.appointment.selectClientHint": "Select the client from the list or use New client to enable saving.",
   "agenda.appointment.services": "Services",
   "agenda.appointment.status": "Status",
   "agenda.appointment.to": "to",
@@ -4456,6 +4156,7 @@ var ptBR = {
   "agenda.appointment.searchService": "Buscar servi\xE7o para adicionar...",
   "agenda.appointment.selectLocation": "Selecionar local...",
   "agenda.appointment.selectProfessional": "Selecionar profissional...",
+  "agenda.appointment.selectClientHint": "Selecione o cliente na lista ou use Novo cliente para habilitar o salvamento.",
   "agenda.appointment.services": "Servi\xE7os",
   "agenda.appointment.status": "Status",
   "agenda.appointment.to": "at\xE9",
@@ -5010,7 +4711,7 @@ function createFinancialBridge(provider2) {
       let typeNames = {};
       if (typeIds.length > 0) {
         const { data: types } = await supabase.from("plg_financial_payment_method_types").select("id, name").in("id", typeIds);
-        typeNames = Object.fromEntries((types ?? []).map((t) => [t.id, t.name]));
+        typeNames = Object.fromEntries((types ?? []).map((t2) => [t2.id, t2.name]));
       }
       const movements = (movRes.data ?? []).map((m) => ({
         id: String(m.id),
@@ -5111,7 +4812,7 @@ function createFinancialBridge(provider2) {
     },
     async getPaymentMethodTypes() {
       const types = await provider2.getPaymentMethodTypes();
-      return types.map((t) => ({ id: t.id, name: t.name, transactionType: t.transactionType }));
+      return types.map((t2) => ({ id: t2.id, name: t2.name, transactionType: t2.transactionType }));
     },
     async getBankAccounts() {
       const accounts = await provider2.getBankAccounts();
@@ -5153,6 +4854,65 @@ function mapInvoiceStatus(status) {
       return "pending";
   }
 }
+
+// src/integrations/google-calendar/mapping.ts
+function bookingSummary(b) {
+  const services = (b.services ?? []).map((s) => s.name).filter(Boolean).join(", ");
+  const who = b.clientName ?? "";
+  if (services && who) return `${services} \u2014 ${who}`;
+  return services || who || "Appointment";
+}
+function bookingToEvent2(b, timeZone) {
+  if (!b.startsAt || !b.endsAt) return null;
+  const notes = [b.notes, b.professionalName ? `Pro: ${b.professionalName}` : "", b.locationName ?? ""].filter(Boolean).join("\n");
+  return {
+    summary: bookingSummary(b),
+    description: notes || void 0,
+    start: { dateTime: b.startsAt, timeZone },
+    end: { dateTime: b.endsAt, timeZone }
+  };
+}
+function eventToBookingPatch(ev) {
+  if (ev.status === "cancelled") return { status: "cancelled" };
+  const t2 = eventTimes(ev);
+  return { startsAt: t2.startsAt, endsAt: t2.endsAt };
+}
+function eventTimes(ev) {
+  const allDay = !ev.start?.dateTime && !!ev.start?.date;
+  const startsAt = ev.start?.dateTime ?? ev.start?.date ?? "";
+  const endsAt = ev.end?.dateTime ?? ev.end?.date ?? startsAt;
+  return { startsAt, endsAt, allDay };
+}
+function channelRowToChannel(r) {
+  return {
+    id: r.id,
+    integrationId: r.integration_id,
+    tenantId: r.tenant_id,
+    googleCalendarId: r.google_calendar_id,
+    summary: r.summary ?? null,
+    color: r.color ?? null,
+    direction: r.direction,
+    targetKind: r.target_kind ?? null,
+    targetId: r.target_id ?? null,
+    importMode: r.import_mode ?? "appointment",
+    syncToken: r.sync_token ?? null,
+    channelId: r.channel_id ?? null,
+    resourceId: r.resource_id ?? null,
+    channelExpiresAt: r.channel_expires_at ?? null,
+    isActive: r.is_active ?? true,
+    createdAt: r.created_at ?? "",
+    updatedAt: r.updated_at ?? ""
+  };
+}
+
+// src/integrations/google-calendar/data/tables.ts
+var GCAL_TABLES = {
+  integrations: "plg_calendar_integrations",
+  channels: "plg_calendar_channels",
+  syncLog: "plg_calendar_sync_log"
+};
+
+// src/integrations/google-calendar/data/supabase.ts
 var FUNCTION = "google-calendar-sync";
 function sb() {
   const supabase = getSupabaseClientOptional();
@@ -5162,7 +4922,7 @@ function sb() {
 function createGoogleCalendarProvider() {
   return {
     async getIntegration() {
-      const { data } = await sb().from("calendar_integrations").select("*").eq("provider", "google").limit(1).maybeSingle();
+      const { data } = await sb().from(GCAL_TABLES.integrations).select("*").eq("provider", "google").limit(1).maybeSingle();
       if (!data) return null;
       return {
         id: data.id,
@@ -5175,24 +4935,24 @@ function createGoogleCalendarProvider() {
     },
     async getConnectUrl(redirectTo) {
       const { data, error } = await sb().functions.invoke(FUNCTION, {
-        body: { action: "oauth_start", redirectTo: redirectTo ?? window.location.href }
+        body: { action: "oauth_start", tenantId: getActiveTenantId(), redirectTo: redirectTo ?? window.location.href }
       });
       if (error) throw new Error(error.message);
       return data.url;
     },
     async setCalendar(calendarId) {
-      await sb().from("calendar_integrations").update({ calendar_id: calendarId, updated_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("provider", "google");
+      await sb().from(GCAL_TABLES.integrations).update({ calendar_id: calendarId, updated_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("provider", "google");
     },
     async disconnect() {
-      await sb().from("calendar_integrations").update({ active: false, oauth_refresh_token: null, oauth_access_token: null }).eq("provider", "google");
+      await sb().from(GCAL_TABLES.integrations).update({ active: false, oauth_refresh_token: null, oauth_access_token: null }).eq("provider", "google");
     },
     async syncNow() {
-      const { data, error } = await sb().functions.invoke(FUNCTION, { body: { action: "pull_events", trigger: "manual" } });
+      const { data, error } = await sb().functions.invoke(FUNCTION, { body: { action: "pull_events", tenantId: getActiveTenantId(), trigger: "manual" } });
       if (error) throw new Error(error.message);
       return data;
     },
     async getSyncLog() {
-      const { data } = await sb().from("calendar_sync_log").select("*").order("created_at", { ascending: false }).limit(20);
+      const { data } = await sb().from(GCAL_TABLES.syncLog).select("*").order("created_at", { ascending: false }).limit(20);
       return (data ?? []).map((r) => ({
         id: r.id,
         direction: r.direction,
@@ -5203,32 +4963,523 @@ function createGoogleCalendarProvider() {
         error: r.error ?? void 0,
         createdAt: r.created_at
       }));
+    },
+    async listGoogleCalendars() {
+      const { data, error } = await sb().functions.invoke(FUNCTION, { body: { action: "list_calendars", tenantId: getActiveTenantId() } });
+      if (error) throw new Error(error.message);
+      return data.calendars ?? [];
+    },
+    async listChannels() {
+      const { data } = await sb().from(GCAL_TABLES.channels).select("*").order("created_at", { ascending: true });
+      return (data ?? []).map(channelRowToChannel);
+    },
+    async saveChannel(input) {
+      const tenantId = getActiveTenantId();
+      let integrationId = input.integrationId;
+      if (!integrationId) {
+        const { data } = await sb().from(GCAL_TABLES.integrations).select("id").eq("provider", "google").limit(1).maybeSingle();
+        integrationId = data?.id;
+      }
+      const row = {
+        integration_id: integrationId,
+        tenant_id: tenantId,
+        google_calendar_id: input.googleCalendarId,
+        updated_at: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      if (input.id !== void 0) row.id = input.id;
+      if (input.summary !== void 0) row.summary = input.summary;
+      if (input.color !== void 0) row.color = input.color;
+      if (input.direction !== void 0) row.direction = input.direction;
+      if (input.targetKind !== void 0) row.target_kind = input.targetKind;
+      if (input.targetId !== void 0) row.target_id = input.targetId;
+      if (input.importMode !== void 0) row.import_mode = input.importMode;
+      if (input.isActive !== void 0) row.is_active = input.isActive;
+      const { error } = await sb().from(GCAL_TABLES.channels).upsert(row, { onConflict: "integration_id,google_calendar_id" });
+      if (error) throw new Error(error.message);
+    },
+    async deleteChannel(id) {
+      const { error } = await sb().from(GCAL_TABLES.channels).delete().eq("id", id);
+      if (error) throw new Error(error.message);
+    },
+    async listExternalEvents(params) {
+      const { data, error } = await sb().functions.invoke(FUNCTION, {
+        body: { action: "list_external_events", tenantId: getActiveTenantId(), channelId: params?.channelId, timeMin: params?.timeMin }
+      });
+      if (error) throw new Error(error.message);
+      return data.events ?? [];
+    },
+    async importEvents(items) {
+      const { data, error } = await sb().functions.invoke(FUNCTION, {
+        body: { action: "import_events", tenantId: getActiveTenantId(), items }
+      });
+      if (error) throw new Error(error.message);
+      return data;
     }
   };
 }
+function CalendarColorDot({
+  color,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `inline-block h-2.5 w-2.5 shrink-0 rounded-full border border-black/10 ${className}`,
+      style: { backgroundColor: color || "hsl(var(--muted-foreground))" },
+      "aria-hidden": true
+    }
+  );
+}
+var EMPTY = { assignee: [], service: [], location: [] };
+function useAgendaLookups(enabled) {
+  const [lookups, setLookups] = useState(EMPTY);
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    void (async () => {
+      const agenda = createSupabaseAgendaProvider();
+      const tenantId = getActiveTenantId();
+      const publicProvider = tenantId ? createSupabasePublicBookingProvider({ tenantId }) : null;
+      const [assignee, location, service] = await Promise.all([
+        agenda.getProfessionals().then(
+          (rows) => rows.map((p) => ({ id: p.id, name: p.name })),
+          () => []
+        ),
+        (agenda.getLocations?.() ?? Promise.resolve([])).then(
+          (rows) => rows.map((l) => ({ id: l.id, name: l.name })),
+          () => []
+        ),
+        (publicProvider?.getServices() ?? Promise.resolve([])).then(
+          (rows) => rows.map((s) => ({ id: s.id, name: s.name })),
+          () => []
+        )
+      ]);
+      if (cancelled) return;
+      setLookups({ assignee, service, location });
+      setLoading(false);
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [enabled]);
+  const hasAny = lookups.assignee.length > 0 || lookups.service.length > 0 || lookups.location.length > 0;
+  return { lookups, loading, hasAny };
+}
+function optionsForKind(lookups, kind) {
+  if (kind === "assignee") return lookups.assignee;
+  if (kind === "service") return lookups.service;
+  if (kind === "location") return lookups.location;
+  return [];
+}
+var DIRECTION_LABELS = {
+  bidirectional: "Two-way",
+  inbound: "Import only",
+  outbound: "Export only",
+  off: "Off"
+};
+var IMPORT_MODE_LABELS = {
+  block: "Block",
+  appointment: "Appointment"
+};
+var TARGET_KIND_LABELS = {
+  agenda: "Whole agenda",
+  assignee: "Professional",
+  service: "Service",
+  location: "Location"
+};
+var NO_TARGET = "__none__";
+function defaultChannel() {
+  return { direction: "bidirectional", targetKind: null, targetId: null, importMode: "block" };
+}
+function ChannelMappingList({
+  provider: provider2,
+  onChannelsChange
+}) {
+  const [calendars, setCalendars] = useState([]);
+  const [byGcalId, setByGcalId] = useState({});
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [savingId, setSavingId] = useState(null);
+  const { lookups, hasAny: hasLookups } = useAgendaLookups(true);
+  const load = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const [cals, channels] = await Promise.all([
+        provider2.listGoogleCalendars(),
+        provider2.listChannels()
+      ]);
+      setCalendars(cals);
+      const map = {};
+      for (const ch of channels) map[ch.googleCalendarId] = ch;
+      setByGcalId(map);
+      onChannelsChange?.(channels);
+    } catch (e) {
+      setError(e?.message ?? "Could not load Google calendars");
+    } finally {
+      setLoading(false);
+    }
+  }, [provider2, onChannelsChange]);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  const persist = useCallback(
+    async (cal, patch) => {
+      const existing = byGcalId[cal.id];
+      const base = existing ?? { ...defaultChannel(), isActive: true };
+      setSavingId(cal.id);
+      try {
+        await provider2.saveChannel({
+          id: existing?.id,
+          googleCalendarId: cal.id,
+          summary: cal.summary,
+          color: cal.backgroundColor ?? null,
+          direction: patch.direction ?? base.direction,
+          targetKind: patch.targetKind !== void 0 ? patch.targetKind : base.targetKind,
+          targetId: patch.targetId !== void 0 ? patch.targetId : base.targetId ?? null,
+          importMode: patch.importMode ?? base.importMode,
+          isActive: patch.isActive !== void 0 ? patch.isActive : base.isActive
+        });
+        const channels = await provider2.listChannels();
+        const map = {};
+        for (const ch of channels) map[ch.googleCalendarId] = ch;
+        setByGcalId(map);
+        onChannelsChange?.(channels);
+      } catch (e) {
+        toast.error(e?.message ?? "Could not save calendar mapping");
+      } finally {
+        setSavingId(null);
+      }
+    },
+    [byGcalId, provider2, onChannelsChange]
+  );
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin inline" }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-warning/40 bg-warning-soft/40 px-3 py-3 text-sm", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-warning-soft-foreground", children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
+        " ",
+        error
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "mt-2", onClick: () => void load(), children: [
+        /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5" }),
+        " Retry"
+      ] })
+    ] });
+  }
+  if (calendars.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No Google calendars found on this account." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-md border divide-y", children: [
+    calendars.map((cal) => {
+      const ch = byGcalId[cal.id];
+      const active = !!ch?.isActive;
+      const saving = savingId === cal.id;
+      const direction = ch?.direction ?? "bidirectional";
+      const targetKind = ch?.targetKind ?? null;
+      const importMode = ch?.importMode ?? "block";
+      const canImport = direction === "inbound" || direction === "bidirectional";
+      const kindOptions = optionsForKind(lookups, targetKind);
+      return /* @__PURE__ */ jsxs("div", { className: "px-3 py-3 space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: active,
+              disabled: saving,
+              onChange: (next) => void persist(cal, { isActive: next })
+            }
+          ),
+          /* @__PURE__ */ jsx(CalendarColorDot, { color: cal.backgroundColor }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: cal.summary }),
+          cal.primary && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "shrink-0", children: "Primary" }),
+          saving && /* @__PURE__ */ jsx(Loader2, { className: "ml-auto h-3.5 w-3.5 animate-spin text-muted-foreground" })
+        ] }),
+        active && /* @__PURE__ */ jsxs("div", { className: "grid gap-2 pl-[26px] sm:grid-cols-2 lg:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Direction" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: direction,
+                onValueChange: (v) => void persist(cal, { direction: v }),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 h-8 text-sm", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: Object.keys(DIRECTION_LABELS).map((d) => /* @__PURE__ */ jsx(SelectItem, { value: d, children: DIRECTION_LABELS[d] }, d)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Target" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: targetKind ?? "agenda",
+                onValueChange: (v) => void persist(cal, {
+                  targetKind: v === "agenda" ? null : v,
+                  // Reset the id whenever the kind changes.
+                  targetId: null
+                }),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 h-8 text-sm", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: Object.keys(TARGET_KIND_LABELS).map(
+                    (k) => /* @__PURE__ */ jsx(SelectItem, { value: k, children: TARGET_KIND_LABELS[k] }, k)
+                  ) })
+                ]
+              }
+            )
+          ] }),
+          targetKind && /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: TARGET_KIND_LABELS[targetKind] }),
+            kindOptions.length > 0 ? /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: ch?.targetId ?? NO_TARGET,
+                onValueChange: (v) => void persist(cal, { targetId: v === NO_TARGET ? null : v }),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 h-8 text-sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select\u2026" }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: kindOptions.map((o) => /* @__PURE__ */ jsx(SelectItem, { value: o.id, children: o.name }, o.id)) })
+                ]
+              }
+            ) : /* @__PURE__ */ jsx(
+              "input",
+              {
+                defaultValue: ch?.targetId ?? "",
+                placeholder: "uuid",
+                onBlur: (e) => void persist(cal, { targetId: e.target.value.trim() || null }),
+                className: "w-full mt-1 h-8 rounded-input border border-input bg-card px-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+              }
+            )
+          ] }),
+          canImport && /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Import as" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: importMode,
+                onValueChange: (v) => void persist(cal, { importMode: v }),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 h-8 text-sm", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: Object.keys(IMPORT_MODE_LABELS).map((m) => /* @__PURE__ */ jsx(SelectItem, { value: m, children: IMPORT_MODE_LABELS[m] }, m)) })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }, cal.id);
+    }),
+    !hasLookups && /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-[11px] text-muted-foreground", children: "No professional/service/location lookups available \u2014 target ids fall back to manual uuid entry." })
+  ] });
+}
+function formatWhen(ev) {
+  const start = new Date(ev.startsAt);
+  if (ev.allDay) {
+    return start.toLocaleDateString("pt-BR", { day: "2-digit", month: "short", year: "numeric" });
+  }
+  return start.toLocaleString("pt-BR", {
+    day: "2-digit",
+    month: "short",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function ImportEventsWizard({
+  provider: provider2,
+  channels,
+  onClose,
+  onImported
+}) {
+  const [events, setEvents] = useState([]);
+  const [selected, setSelected] = useState(/* @__PURE__ */ new Set());
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [importing, setImporting] = useState(false);
+  const [result, setResult] = useState(null);
+  const channelById = useMemo(() => {
+    const m = {};
+    for (const c of channels) m[c.id] = c;
+    return m;
+  }, [channels]);
+  const load = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    setResult(null);
+    try {
+      const rows = await provider2.listExternalEvents();
+      setEvents(rows);
+      setSelected(new Set(rows.map((r) => r.eventId)));
+    } catch (e) {
+      setError(e?.message ?? "Could not load upcoming events");
+    } finally {
+      setLoading(false);
+    }
+  }, [provider2]);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  const toggle = (eventId) => setSelected((prev) => {
+    const next = new Set(prev);
+    if (next.has(eventId)) next.delete(eventId);
+    else next.add(eventId);
+    return next;
+  });
+  const allSelected = events.length > 0 && selected.size === events.length;
+  const toggleAll = () => setSelected(allSelected ? /* @__PURE__ */ new Set() : new Set(events.map((e) => e.eventId)));
+  async function handleImport() {
+    const items = events.filter((e) => selected.has(e.eventId)).map((e) => ({ channelId: e.channelId, eventId: e.eventId }));
+    if (items.length === 0) return;
+    setImporting(true);
+    try {
+      const res = await provider2.importEvents(items);
+      setResult(res);
+      onImported?.(res);
+      toast.success(`Imported ${res.imported} \xB7 skipped ${res.skipped}`);
+      await load();
+    } catch (e) {
+      toast.error(e?.message ?? "Import failed");
+    } finally {
+      setImporting(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
+      /* @__PURE__ */ jsx(CalendarPlus, { className: "h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "Import future events" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onClose,
+          className: "ml-auto rounded p-1 text-muted-foreground hover:bg-muted/50",
+          "aria-label": "Close",
+          children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    loading ? /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin inline" }) }) : error ? /* @__PURE__ */ jsxs("div", { className: "p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-warning-soft-foreground", children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
+        " ",
+        error
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "mt-2", onClick: () => void load(), children: [
+        /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5" }),
+        " Retry"
+      ] })
+    ] }) : events.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "py-8 px-4 text-center space-y-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "You're all caught up" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No upcoming Google events left to import on your active calendars." }),
+      result && /* @__PURE__ */ jsxs("p", { className: "text-xs text-success", children: [
+        "Imported ",
+        result.imported,
+        " \xB7 skipped ",
+        result.skipped,
+        result.errors.length > 0 ? ` \xB7 ${result.errors.length} errors` : ""
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 border-b px-3 py-2", children: [
+        /* @__PURE__ */ jsx(Checkbox, { checked: allSelected, onChange: toggleAll }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          selected.size,
+          " of ",
+          events.length,
+          " selected"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-[320px] overflow-y-auto divide-y", children: events.map((ev) => {
+        const ch = channelById[ev.channelId];
+        return /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: "flex items-start gap-2.5 px-3 py-2.5 cursor-pointer hover:bg-muted/30",
+            children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: selected.has(ev.eventId),
+                  onChange: () => toggle(ev.eventId)
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: ev.summary || "(no title)" }),
+                  ev.allDay && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0", children: "All-day" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+                  /* @__PURE__ */ jsx("span", { children: formatWhen(ev) }),
+                  /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx(CalendarColorDot, { color: ch?.color }),
+                    ch?.summary ?? ev.calendarId
+                  ] })
+                ] })
+              ] })
+            ]
+          },
+          ev.eventId
+        );
+      }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t px-3 py-2", children: [
+        result && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "Last run: ",
+          result.imported,
+          " imported",
+          result.errors.length > 0 ? `, ${result.errors.length} errors` : ""
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            className: "ml-auto",
+            disabled: importing || selected.size === 0,
+            onClick: handleImport,
+            children: [
+              importing ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5" }),
+              "Import ",
+              selected.size > 0 ? selected.size : ""
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
 var provider = createGoogleCalendarProvider();
+function inboundChannels(channels) {
+  return channels.filter(
+    (c) => c.isActive && (c.direction === "inbound" || c.direction === "bidirectional")
+  );
+}
 function GoogleCalendarExtraPanel() {
   const [connected, setConnected] = useState(false);
-  const [calendarId, setCalendarId] = useState("primary");
+  const [lastSyncAt, setLastSyncAt] = useState();
   const [syncing, setSyncing] = useState(false);
   const [log, setLog] = useState([]);
   const [loaded, setLoaded] = useState(false);
+  const [channels, setChannels] = useState([]);
+  const [showMapping, setShowMapping] = useState(false);
+  const [showWizard, setShowWizard] = useState(false);
   async function load() {
     const integ = await provider.getIntegration();
     setConnected(!!integ?.connected);
     if (integ) {
-      setCalendarId(integ.calendarId);
+      setLastSyncAt(integ.lastSyncAt);
       void provider.getSyncLog().then(setLog);
+      void provider.listChannels().then((ch) => {
+        setChannels(ch);
+        if (ch.length > 0) setShowMapping(true);
+      });
     }
     setLoaded(true);
   }
   useEffect(() => {
     void load();
   }, []);
-  if (!loaded || !connected) return null;
-  async function handleSaveCalendar() {
-    await provider.setCalendar(calendarId);
-    toast.success("Saved");
+  if (!loaded) return null;
+  if (!connected) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground border-t pt-4", children: "Connect a Google account above to map your calendars and import events." });
   }
   async function handleSyncNow() {
     setSyncing(true);
@@ -5236,48 +5487,81 @@ function GoogleCalendarExtraPanel() {
       const r = await provider.syncNow();
       toast.success(`Synced \u2014 ${r.written} updated`);
       void provider.getSyncLog().then(setLog);
+      void provider.getIntegration().then((i) => setLastSyncAt(i?.lastSyncAt));
     } catch (e) {
       toast.error(e?.message ?? "Sync failed");
     } finally {
       setSyncing(false);
     }
   }
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 border-t pt-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [
-      /* @__PURE__ */ jsxs("label", { className: "block flex-1 min-w-[200px]", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Calendar ID" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            value: calendarId,
-            onChange: (e) => setCalendarId(e.target.value),
-            placeholder: "primary",
-            className: "w-full mt-1 rounded-input border border-input bg-card px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
-          }
-        )
+  const canImport = inboundChannels(channels).length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5 border-t pt-4", children: [
+    /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(CalendarCog, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "Calendars" })
       ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleSaveCalendar, children: "Save" }),
-      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleSyncNow, disabled: syncing, children: [
-        /* @__PURE__ */ jsx(RefreshCw, { className: `h-3.5 w-3.5 ${syncing ? "animate-spin" : ""}` }),
-        " Sync now"
+      showMapping ? /* @__PURE__ */ jsx(ChannelMappingList, { provider, onChannelsChange: setChannels }) : /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-dashed px-4 py-5 text-center space-y-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Map each Google calendar to what it syncs \u2014 a professional, service, location, or your whole agenda." }),
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => setShowMapping(true), children: [
+          /* @__PURE__ */ jsx(CalendarCog, { className: "h-3.5 w-3.5" }),
+          " Configure calendars"
+        ] })
       ] })
     ] }),
-    log.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(History, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "History" })
+    showMapping && /* @__PURE__ */ jsx("section", { className: "space-y-2", children: showWizard ? /* @__PURE__ */ jsx(
+      ImportEventsWizard,
+      {
+        provider,
+        channels: inboundChannels(channels),
+        onClose: () => setShowWizard(false),
+        onImported: () => {
+          void provider.getSyncLog().then(setLog);
+          void provider.getIntegration().then((i) => setLastSyncAt(i?.lastSyncAt));
+        }
+      }
+    ) : /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        disabled: !canImport,
+        title: canImport ? void 0 : "Enable an importing calendar first",
+        onClick: () => setShowWizard(true),
+        children: [
+          /* @__PURE__ */ jsx(CalendarPlus, { className: "h-3.5 w-3.5" }),
+          " Import future events"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleSyncNow, disabled: syncing, children: [
+          /* @__PURE__ */ jsx(RefreshCw, { className: `h-3.5 w-3.5 ${syncing ? "animate-spin" : ""}` }),
+          " Sync now"
+        ] }),
+        lastSyncAt && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground", children: [
+          "Last sync: ",
+          new Date(lastSyncAt).toLocaleString()
+        ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "rounded-md border divide-y text-sm", children: log.map((r) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: new Date(r.createdAt).toLocaleString() }),
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wide px-1 py-px rounded bg-muted text-muted-foreground", children: r.direction }),
-        /* @__PURE__ */ jsxs("span", { className: "ml-auto text-xs", children: [
-          r.written,
-          " written / ",
-          r.fetched,
-          " fetched"
+      log.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(History, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "History" })
         ] }),
-        r.status === "success" ? /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-success" }) : /* @__PURE__ */ jsx(AlertCircle, { className: "h-3.5 w-3.5 text-warning" })
-      ] }, r.id)) })
+        /* @__PURE__ */ jsx("div", { className: "rounded-md border divide-y text-sm", children: log.map((r) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: new Date(r.createdAt).toLocaleString() }),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wide px-1 py-px rounded bg-muted text-muted-foreground", children: r.direction }),
+          /* @__PURE__ */ jsxs("span", { className: "ml-auto text-xs", children: [
+            r.written,
+            " written / ",
+            r.fetched,
+            " fetched"
+          ] }),
+          r.status === "success" ? /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-success" }) : /* @__PURE__ */ jsx(AlertCircle, { className: "h-3.5 w-3.5 text-warning" })
+        ] }, r.id)) })
+      ] })
     ] })
   ] });
 }
@@ -5312,31 +5596,6 @@ var googleCalendarConnector = {
   ]
 };
 
-// src/integrations/google-calendar/mapping.ts
-function bookingSummary(b) {
-  const services = (b.services ?? []).map((s) => s.name).filter(Boolean).join(", ");
-  const who = b.clientName ?? "";
-  if (services && who) return `${services} \u2014 ${who}`;
-  return services || who || "Appointment";
-}
-function bookingToEvent2(b, timeZone) {
-  if (!b.startsAt || !b.endsAt) return null;
-  const notes = [b.notes, b.professionalName ? `Pro: ${b.professionalName}` : "", b.locationName ?? ""].filter(Boolean).join("\n");
-  return {
-    summary: bookingSummary(b),
-    description: notes || void 0,
-    start: { dateTime: b.startsAt, timeZone },
-    end: { dateTime: b.endsAt, timeZone }
-  };
-}
-function eventToBookingPatch(ev) {
-  if (ev.status === "cancelled") return { status: "cancelled" };
-  return {
-    startsAt: ev.start?.dateTime,
-    endsAt: ev.end?.dateTime
-  };
-}
-
 // src/integrations/google-calendar/index.ts
 function createGoogleCalendarPlugin() {
   return {
@@ -5358,7 +5617,7 @@ function createAgendaPlugin(options) {
   const config = resolveConfig(options);
   registerTranslations(agendaLocales);
   const provider2 = options?.dataProvider ?? createSafeDataProvider(
-    () => createSupabaseAgendaProvider(),
+    () => createSupabaseAgendaProvider({ professionalKind: config.professionalKind }),
     () => createMockAgendaProvider()
   );
   const store = createAgendaStore(provider2, options?.financialBridge);
@@ -5378,7 +5637,7 @@ function createAgendaPlugin(options) {
       return locations;
     } : void 0
   });
-  const PageComponent = () => React12.createElement(AgendaPage, { config, provider: provider2, store });
+  const PageComponent = () => React13.createElement(AgendaPage, { config, provider: provider2, store });
   return {
     id: "agenda",
     name: config.labels.pageTitle,
@@ -5395,6 +5654,48 @@ function createAgendaPlugin(options) {
       { id: "appointments", label: config.labels.pageTitle, group: config.labels.pageTitle },
       { id: "agenda.schedules", label: "Schedule Management", group: config.labels.pageTitle }
     ],
+    // Recurring monthly quota — counts appointment rows created this month.
+    // (Clients/patients are the app's CRUD entity, so their cap is declared by
+    // the app's EntityDef.limitKey, not here.)
+    declaredLimits: [
+      { key: "bookings_month", label: "Appointments this month", table: "appointments", period: "month" }
+    ],
+    queryEntities: [
+      {
+        key: "agenda:appointments",
+        entity: {
+          name: "Appointment",
+          namePlural: "Appointments",
+          icon: "Calendar",
+          permission: { feature: "appointments", action: "read" },
+          // Keys are the PROVIDER's output shape (camelCase) — what filters/
+          // dateField/groupBy match against, not the raw DB columns.
+          fields: [
+            { key: "startsAt", label: "Starts at", type: "text" },
+            { key: "endsAt", label: "Ends at", type: "text" },
+            { key: "status", label: "Status", type: "text" },
+            { key: "clientName", label: "Client", type: "text", searchable: true },
+            { key: "professionalName", label: "Professional", type: "text", searchable: true },
+            { key: "orderTotal", label: "Order total", type: "number" },
+            { key: "totalDurationMinutes", label: "Duration (min)", type: "number" },
+            { key: "createdAt", label: "Created at", type: "text" }
+          ],
+          data: {
+            table: "v_appointments",
+            tenantScoped: true,
+            searchColumns: ["client_name", "professional_name"]
+          }
+        }
+      }
+    ],
+    declaredRpcs: [
+      {
+        name: "agent_agenda_create_appointment",
+        kind: "write",
+        description: "Guarded appointment create: agent_guard (role\u2192plan\u2192bookings_month cap), working hours, race-safe conflict check, audited.",
+        audits: true
+      }
+    ],
     navigation: [
       {
         section: options?.navSection ?? "main",
@@ -5409,7 +5710,9 @@ function createAgendaPlugin(options) {
       {
         path: "/agenda",
         component: PageComponent,
-        permission: { feature: "appointments", action: "read" }
+        permission: { feature: "appointments", action: "read" },
+        // Matches the ref agent_agenda_create_appointment returns.
+        entityRoutes: ["schedule:appointment"]
       }
     ],
     widgets: [],
@@ -5438,20 +5741,22 @@ function createAgendaPlugin(options) {
       {
         id: "agenda.create-appointment",
         name: "createAppointment",
-        description: "Creates a new appointment for a client with a specific professional and service.",
+        description: "Creates a new appointment. Takes IDS, not names: resolve the client/service/professional ids first via findAnything/searchRecords, then call this with an ISO start time in the tenant timezone. The user confirms before booking.",
         icon: "CalendarPlus",
         mode: "persist",
+        limitKey: "bookings_month",
+        execution: { plane: "server", kind: "rpc", rpc: "agent_agenda_create_appointment" },
         category: "Scheduling",
         parameters: {
           type: "object",
           properties: {
-            client: { type: "string", description: "Client name" },
-            professional: { type: "string", description: "Professional name" },
-            service: { type: "string", description: "Service name" },
-            date: { type: "string", description: "Date (YYYY-MM-DD)" },
-            time: { type: "string", description: "Time (HH:MM)" }
+            client_id: { type: "string", description: "Client id (from a search)" },
+            service_id: { type: "string", description: "Service id (from a search)" },
+            professional_id: { type: "string", description: "Professional id (optional \u2014 auto-assigned when omitted)" },
+            starts_at: { type: "string", description: "LOCAL date-time of the business, NO timezone suffix \u2014 e.g. '2026-07-27T10:00' for 10h. The system applies the tenant timezone." },
+            notes: { type: "string", description: "Optional notes" }
           },
-          required: ["client", "professional", "service", "date", "time"]
+          required: ["client_id", "service_id", "starts_at"]
         },
         suggestions: [
           { label: "Book a haircut for Sarah tomorrow at 10am" }
@@ -5489,9 +5794,9 @@ function createAgendaPlugin(options) {
         icon: "Calendar",
         // Standard layout: General | Integrations (Google Calendar addon) | Properties.
         component: (() => {
-          const AgendaSettingsTab = () => React12.createElement(PluginSettingsPanel, {
+          const AgendaSettingsTab = () => React13.createElement(PluginSettingsPanel, {
             title: "Agenda",
-            generalSettings: React12.createElement(AgendaGeneralSettings),
+            generalSettings: React13.createElement(AgendaGeneralSettings),
             registries,
             hostPluginId: "agenda",
             routeBase: "/settings/agenda"