@fayz-ai/plugin-agenda 0.27.11 → 0.27.12

package/dist/chunk-WNANVT4F.js

@@ -0,0 +1,2386 @@
+import { BookingCard } from './chunk-HGJI2JR6.js';
+import { useAgendaConfig, useAgendaProvider, useAgendaStore } from './chunk-XTNSK4RJ.js';
+import { FilterCheckRow, toast, Modal, ModalContent, ModalBody, ModalTaskHost, ModalTask, Button, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DatePicker, SearchCombobox, Textarea, ModalTaskHeader, PersonPicker, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Skeleton, DotBadge } from '@fayz-ai/ui';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React3, { useRef, useState, useEffect, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import { Ban, CheckSquare, Calendar, User, History, DollarSign, Check, AlertTriangle, Clock, ExternalLink, Users, X, MapPin, DoorOpen, Briefcase, CircleDot, FileText, HandCoins, LogIn, FileCheck, ArrowRightLeft, CreditCard, QrCode, Banknote, PackageCheck, Plus, Link2, Sparkles } from 'lucide-react';
+import { FORMS_ZONES } from '@fayz-ai/forms/views/zones';
+import { FINANCIAL_ZONES } from '@fayz-ai/financial/views/zones';
+import { useLimitGuard, useLookupCreate, useTenantPluginSettings, WidgetSlot, CrudFormPage, CrudDetailPage, ContactPicker, invalidateLimit } from '@fayz-ai/admin';
+import { todayLocal, useTranslation, getCurrentLocale, useActiveUnitId, resolveDataProvider, navigateApp, formatCurrency, appHref } from '@fayz-ai/core';
+
+function StatusFilterList({
+  statuses,
+  selected,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: statuses.map((st) => /* @__PURE__ */ jsx(
+    FilterCheckRow,
+    {
+      option: { value: st.value, label: st.label, color: st.color },
+      checked: selected.length === 0 || selected.includes(st.value),
+      onToggle: () => onToggle(st.value)
+    },
+    st.value
+  )) });
+}
+
+// src/lib/professional-scope.ts
+var atendeEm = (p, unitId) => !p.unitIds || p.unitIds.length === 0 || p.unitIds.includes(unitId);
+function professionalsForLocation(people, locationId, selectedId) {
+  const doLocal = locationId ? people.filter((p) => atendeEm(p, locationId)) : people;
+  if (!selectedId || doLocal.some((p) => p.id === selectedId)) return doLocal;
+  const escolhido = people.find((p) => p.id === selectedId);
+  return escolhido ? [...doLocal, escolhido] : doLocal;
+}
+function shouldClearProfessional(people, locationId, selectedId) {
+  if (!locationId || !selectedId) return null;
+  const escolhido = people.find((p) => p.id === selectedId);
+  if (!escolhido || atendeEm(escolhido, locationId)) return null;
+  return escolhido;
+}
+
+// src/lib/recurrence.ts
+var RECURRENCE_MAX_OCCURRENCES = 60;
+var RECURRENCE_HORIZON_DAYS = 730;
+function parseDay(key) {
+  const [y, m, d] = key.slice(0, 10).split("-").map(Number);
+  return new Date(Date.UTC(y, (m ?? 1) - 1, d ?? 1));
+}
+function formatDay(date) {
+  const y = date.getUTCFullYear();
+  const m = String(date.getUTCMonth() + 1).padStart(2, "0");
+  const d = String(date.getUTCDate()).padStart(2, "0");
+  return `${y}-${m}-${d}`;
+}
+function addDays(date, days) {
+  return new Date(date.getTime() + days * 864e5);
+}
+function weekdayOrdinalInMonth(key) {
+  return Math.floor((parseDay(key).getUTCDate() - 1) / 7) + 1;
+}
+function nthWeekdayOfMonth(year, month, weekday, nth) {
+  const first = new Date(Date.UTC(year, month, 1));
+  const offset = (weekday - first.getUTCDay() + 7) % 7;
+  const candidate = new Date(Date.UTC(year, month, 1 + offset + (nth - 1) * 7));
+  if (candidate.getUTCMonth() !== (month % 12 + 12) % 12) return null;
+  return candidate;
+}
+function ruleForPreset(preset) {
+  switch (preset) {
+    case "daily":
+      return { freq: "daily", interval: 1 };
+    case "weekly":
+      return { freq: "weekly", interval: 1 };
+    case "biweekly":
+      return { freq: "weekly", interval: 2 };
+    case "monthly":
+      return { freq: "monthly_weekday", interval: 1 };
+    default:
+      return null;
+  }
+}
+function presetForRule(rule) {
+  if (!rule) return "none";
+  if (rule.freq === "daily" && rule.interval === 1) return "daily";
+  if (rule.freq === "weekly" && rule.interval === 1) return "weekly";
+  if (rule.freq === "weekly" && rule.interval === 2) return "biweekly";
+  if (rule.freq === "monthly_weekday" && rule.interval === 1) return "monthly";
+  return "none";
+}
+function expandRecurrence(startDate, rule) {
+  const interval = Math.max(1, Math.floor(rule.interval || 1));
+  const hardCount = rule.count != null ? Math.max(1, Math.floor(rule.count)) : null;
+  const until = rule.until || null;
+  const maxCount = Math.min(hardCount ?? RECURRENCE_MAX_OCCURRENCES, RECURRENCE_MAX_OCCURRENCES);
+  const horizon = formatDay(addDays(parseDay(startDate), RECURRENCE_HORIZON_DAYS));
+  const dates = [];
+  let reachedEndCondition = false;
+  const push = (key) => {
+    if (until && key > until) {
+      reachedEndCondition = true;
+      return false;
+    }
+    if (key > horizon) return false;
+    dates.push(key);
+    if (hardCount != null && dates.length >= hardCount) {
+      reachedEndCondition = true;
+      return false;
+    }
+    return dates.length < maxCount;
+  };
+  dates.push(startDate);
+  if (hardCount === 1) return { dates, truncated: false };
+  if (until && startDate >= until) return { dates, truncated: false };
+  if (rule.freq === "monthly_weekday") {
+    const start = parseDay(startDate);
+    const weekday = start.getUTCDay();
+    const nth = weekdayOrdinalInMonth(startDate);
+    let step = 1;
+    while (true) {
+      const target = new Date(Date.UTC(start.getUTCFullYear(), start.getUTCMonth() + step * interval, 1));
+      const day = nthWeekdayOfMonth(target.getUTCFullYear(), target.getUTCMonth(), weekday, nth);
+      step += 1;
+      if (!day) {
+        if (step > RECURRENCE_MAX_OCCURRENCES * 2) return { dates, truncated: true };
+        const probe = formatDay(target);
+        if (until && probe > until) return { dates, truncated: false };
+        if (probe > horizon) return { dates, truncated: !reachedEndCondition };
+        continue;
+      }
+      if (!push(formatDay(day))) return { dates, truncated: !reachedEndCondition };
+    }
+  }
+  const stepDays = rule.freq === "daily" ? interval : interval * 7;
+  let cursor = parseDay(startDate);
+  while (true) {
+    cursor = addDays(cursor, stepDays);
+    if (!push(formatDay(cursor))) return { dates, truncated: !reachedEndCondition };
+  }
+}
+function resolveSeriesTarget(booking, scope) {
+  if (scope === "series" && booking.seriesId) {
+    return { kind: "series", seriesId: booking.seriesId, bookingId: booking.id };
+  }
+  return { kind: "single", bookingId: booking.id };
+}
+function planSeriesEdit(args) {
+  const target = resolveSeriesTarget(args.booking, args.scope);
+  if (target.kind === "single") {
+    return { single: args.patch, series: null, dateStaysLocal: false };
+  }
+  const { startsAt, endsAt, ...shared } = args.patch;
+  return {
+    single: args.dateChanged ? { startsAt, endsAt } : null,
+    series: { seriesId: target.seriesId, patch: shared, timeOfDay: args.timeOfDay },
+    dateStaysLocal: args.dateChanged
+  };
+}
+var TYPE_ICONS = {
+  cash: Banknote,
+  pix: QrCode,
+  credit_card: CreditCard,
+  debit_card: CreditCard,
+  bank_transfer: ArrowRightLeft,
+  check: FileCheck
+};
+var TYPE_COLORS = {
+  cash: "border-success/30 bg-success/5 hover:bg-success/10 data-[active=true]:border-success data-[active=true]:bg-success/15",
+  pix: "border-teal-500/30 bg-teal-500/5 hover:bg-teal-500/10 data-[active=true]:border-teal-500 data-[active=true]:bg-teal-500/15",
+  credit_card: "border-info/30 bg-info/5 hover:bg-info/10 data-[active=true]:border-info data-[active=true]:bg-info/15",
+  debit_card: "border-magic/30 bg-magic/5 hover:bg-magic/10 data-[active=true]:border-magic data-[active=true]:bg-magic/15",
+  bank_transfer: "border-warning/30 bg-warning/5 hover:bg-warning/10 data-[active=true]:border-warning data-[active=true]:bg-warning/15",
+  check: "border-input/30 bg-muted/5 hover:bg-muted/10 data-[active=true]:border-input data-[active=true]:bg-muted/15"
+};
+var ICON_COLORS = {
+  cash: "text-success",
+  pix: "text-teal-500",
+  credit_card: "text-info",
+  debit_card: "text-magic",
+  bank_transfer: "text-warning",
+  check: "text-muted-foreground"
+};
+function BookingPaymentPanel({ orderId, orderTotal, services, onClose, onPaymentChange, formatCurrency: formatCurrency2, inline }) {
+  const t = useTranslation();
+  const config = useAgendaConfig();
+  const bridge = config.financialBridge;
+  const [visible, setVisible] = useState(false);
+  const [loading, setLoading] = useState(true);
+  const [detail, setDetail] = useState(null);
+  const [selectedTypeId, setSelectedTypeId] = useState("");
+  const [paymentTypes, setPaymentTypes] = useState([]);
+  const [bankAccounts, setBankAccounts] = useState([]);
+  const [filteredMethods, setFilteredMethods] = useState([]);
+  const [selectedBankId, setSelectedBankId] = useState("");
+  const [paymentMethodId, setPaymentMethodId] = useState("");
+  const [cardBrand, setCardBrand] = useState("");
+  const [cardInstallments, setCardInstallments] = useState(1);
+  const [processing, setProcessing] = useState(false);
+  const [justPaid, setJustPaid] = useState(false);
+  useEffect(() => {
+    requestAnimationFrame(() => setVisible(true));
+  }, []);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    Promise.all([
+      bridge.getPaymentDetail(orderId).catch(() => null),
+      bridge.getPaymentMethodTypes().catch(() => []),
+      bridge.getBankAccounts().catch(() => [])
+    ]).then(([d, types, accounts]) => {
+      if (cancelled) return;
+      setDetail(d);
+      setPaymentTypes(types);
+      setBankAccounts(accounts);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [orderId]);
+  function handleClose() {
+    setVisible(false);
+    setTimeout(onClose, 200);
+  }
+  const selectedType = paymentTypes.find((t2) => t2.id === selectedTypeId);
+  const txType = selectedType?.transactionType ?? "";
+  const needsBank = ["bank_transfer", "pix", "check"].includes(txType);
+  const needsCard = txType === "credit_card" || txType === "debit_card";
+  const needsCardInstallments = txType === "credit_card";
+  function handleSelectType(typeId) {
+    setSelectedTypeId(typeId);
+    setSelectedBankId("");
+    setPaymentMethodId("");
+    setCardBrand("");
+    setCardInstallments(1);
+    if (bridge.getPaymentMethods) {
+      bridge.getPaymentMethods(typeId).then(setFilteredMethods).catch(() => setFilteredMethods([]));
+    }
+  }
+  async function handleCheckout() {
+    if (!selectedTypeId) return;
+    setProcessing(true);
+    try {
+      const result = await bridge.checkout(orderId, {
+        paymentMethodTypeId: selectedTypeId,
+        paymentMethodId: paymentMethodId || void 0,
+        bankAccountId: needsBank ? selectedBankId || void 0 : void 0,
+        cardBrand: needsCard ? cardBrand || void 0 : void 0,
+        cardInstallments: needsCardInstallments ? cardInstallments : void 0
+      });
+      setDetail(result);
+      setJustPaid(true);
+      onPaymentChange?.();
+      setTimeout(() => setJustPaid(false), 2200);
+    } catch {
+    }
+    setProcessing(false);
+  }
+  const isPaid = detail?.status === "paid";
+  const content = /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 space-y-4", children: [
+    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-xs text-muted-foreground", children: formatCurrency2(detail.totalAmount) })
+    ] }),
+    !loading && detail && detail.status !== "none" && !justPaid && /* @__PURE__ */ jsxs("div", { className: "space-y-3 animate-in fade-in duration-300", children: [
+      detail.movements.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: detail.movements.map((mov) => {
+        const methodName = mov.paymentMethodTypeName;
+        const txKey = (methodName ?? "").toLowerCase().replace(/\s+/g, "_");
+        const Icon = TYPE_ICONS[txKey] ?? Banknote;
+        const iconColor = ICON_COLORS[txKey] ?? "text-muted-foreground";
+        const isMovPaid = mov.status === "paid";
+        const isPartial = mov.status === "partial";
+        const isOverdue = mov.status === "overdue";
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-lg border px-3 py-2.5", children: [
+          /* @__PURE__ */ jsx(Icon, { className: `h-4 w-4 shrink-0 ${isMovPaid ? iconColor : "text-muted-foreground"}` }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium truncate", children: [
+              methodName ?? "\u2014",
+              mov.cardBrand ? ` \xB7 ${mov.cardBrand}` : "",
+              mov.cardInstallments && mov.cardInstallments > 1 ? ` ${mov.cardInstallments}x` : ""
+            ] }),
+            /* @__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}` : ""
+            ] })
+          ] }),
+          /* @__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")
+            ] }),
+            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: [
+              "! ",
+              formatCurrency2(mov.paidAmount),
+              "/",
+              formatCurrency2(mov.amount)
+            ] }),
+            isOverdue && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-[10px] font-medium text-destructive", children: [
+              "! ",
+              t("agenda.payment.overdue")
+            ] }),
+            mov.status === "pending" && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: t("agenda.payment.pending") }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: formatCurrency2(mov.paidAmount || mov.amount) })
+          ] })
+        ] }, mov.id);
+      }) }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm px-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("agenda.payment.total") }),
+        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatCurrency2(detail.totalAmount) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        detail.referenceNumber && /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-mono text-muted-foreground", children: [
+          "#",
+          detail.referenceNumber
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: appHref(detail.status === "paid" || detail.status === "cancelled" ? `/financial/receivables/detail/${detail.invoiceId}` : `/financial/receivables/${detail.invoiceId}/edit`),
+            className: "inline-flex items-center gap-1.5 text-xs font-medium text-primary hover:underline ml-auto",
+            children: [
+              t("agenda.payment.viewInvoice"),
+              /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    !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("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: formatCurrency2(orderTotal) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t("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__ */ jsxs("a", { href: appHref("/financial/settings"), className: "mt-1.5 inline-block text-xs font-medium text-primary hover:underline", children: [
+            t("agenda.payment.configureMethods"),
+            " \u2192"
+          ] })
+        ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1.5", children: paymentTypes.map((pt) => {
+          const ptTx = pt.transactionType ?? pt.name.toLowerCase().replace(/\s+/g, "_");
+          const Icon = TYPE_ICONS[ptTx] ?? Banknote;
+          const colorClass = TYPE_COLORS[ptTx] ?? TYPE_COLORS.cash;
+          const iconColor = ICON_COLORS[ptTx] ?? ICON_COLORS.cash;
+          const isActive = selectedTypeId === pt.id;
+          return /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              "data-active": isActive,
+              onClick: () => handleSelectType(pt.id),
+              className: `flex flex-col items-center justify-start gap-1 rounded-lg border p-2.5 text-[10px] font-medium transition-all ${colorClass}`,
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: `h-4 w-4 ${iconColor}` }),
+                /* @__PURE__ */ jsx("span", { className: "truncate w-full text-center", children: pt.name })
+              ]
+            },
+            pt.id
+          );
+        }) })
+      ] }),
+      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__ */ jsxs(Select, { value: paymentMethodId, onValueChange: setPaymentMethodId, children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 bg-card px-2.5", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("agenda.payment.select") }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: filteredMethods.map((m) => /* @__PURE__ */ jsx(SelectItem, { value: m.id, children: m.name }, m.id)) })
+          ] })
+        ] }),
+        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__ */ jsxs(Select, { value: cardBrand, onValueChange: setCardBrand, children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 bg-card px-2.5", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("agenda.payment.selectBrand") }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: ["Visa", "Mastercard", "American Express", "Elo", "Hipercard", "Diners Club"].map((b) => /* @__PURE__ */ jsx(SelectItem, { 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__ */ jsxs(Select, { value: String(cardInstallments), onValueChange: (v) => setCardInstallments(Number(v)), children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 bg-card px-2.5", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: Array.from({ length: 12 }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsxs(SelectItem, { value: String(n), children: [
+                n,
+                "x ",
+                n > 1 ? formatCurrency2(orderTotal / n) : ""
+              ] }, n)) })
+            ] })
+          ] })
+        ] }),
+        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__ */ jsxs(Select, { value: selectedBankId, onValueChange: setSelectedBankId, children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "mt-1 bg-card px-2.5", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("agenda.payment.selectAccount") }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: bankAccounts.map((a) => /* @__PURE__ */ jsx(SelectItem, { value: a.id, children: a.name }, a.id)) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: handleCheckout,
+          disabled: processing || !selectedTypeId,
+          className: "whitespace-normal 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)}`
+        }
+      )
+    ] })
+  ] });
+  if (inline) return content;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center transition-colors duration-200",
+        style: { backgroundColor: visible ? "rgba(0,0,0,0.5)" : "rgba(0,0,0,0)" },
+        onClick: handleClose,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "w-full max-w-md rounded-modal border bg-card shadow-2xl mx-4 transition-all duration-200 max-h-[90vh] overflow-y-auto",
+            style: { opacity: visible ? 1 : 0, transform: visible ? "scale(1) translateY(0)" : "scale(0.95) translateY(8px)" },
+            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(Button, { variant: "bare", size: "bare", onClick: handleClose, className: "p-1 text-muted-foreground hover:text-foreground transition-colors", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+              ] }),
+              content
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+function StatusBadge({ status }) {
+  const config = useAgendaConfig();
+  const statusConfig = config.statuses.find((s) => s.value === status);
+  return /* @__PURE__ */ jsx(DotBadge, { label: statusConfig?.label ?? status, color: statusConfig?.color ?? "#6b7280" });
+}
+function ClientHistoryPanel({ clientId, currentBookingId, formatCurrency: formatCurrency2 }) {
+  const t = useTranslation();
+  const config = useAgendaConfig();
+  const provider = useAgendaProvider();
+  const [bookings, setBookings] = React3.useState(null);
+  const [failed, setFailed] = React3.useState(false);
+  React3.useEffect(() => {
+    let alive = true;
+    if (!provider.getClientHistory) {
+      setBookings([]);
+      return;
+    }
+    provider.getClientHistory(clientId, 20).then((rows) => {
+      if (alive) setBookings(rows);
+    }).catch(() => {
+      if (alive) {
+        setBookings([]);
+        setFailed(true);
+      }
+    });
+    return () => {
+      alive = false;
+    };
+  }, [clientId, provider]);
+  if (bookings === null) {
+    return /* @__PURE__ */ jsx("div", { className: "space-y-2 px-5 py-4", children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-16 rounded-lg bg-muted animate-pulse" }, i)) });
+  }
+  if (failed) {
+    return /* @__PURE__ */ jsx("p", { className: "px-5 py-8 text-center text-sm text-muted-foreground", children: t("agenda.history.failed") });
+  }
+  if (bookings.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "px-5 py-8 text-center text-sm text-muted-foreground", children: t("agenda.history.empty") });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2 px-5 py-4", children: bookings.map((booking) => {
+    (booking.services ?? []).map((s) => s.name).filter(Boolean);
+    const isCurrent = booking.id === currentBookingId;
+    return (
+      /* O MESMO cartão da fila e das confirmações. O cliente não aparece:
+         esta lista já está dentro da ficha dele, e repetir o nome em cada
+         linha é ruído. O atendimento ABERTO fica marcado — é o único da
+         lista que ainda pode mudar. */
+      /* @__PURE__ */ jsx(
+        BookingCard,
+        {
+          booking,
+          hideClient: true,
+          showDate: true,
+          formatCurrency: formatCurrency2,
+          className: isCurrent ? "border-primary/40 bg-primary/5" : "",
+          badge: config.capabilities.status ? /* @__PURE__ */ jsx(StatusBadge, { status: booking.status }) : void 0
+        },
+        booking.id
+      )
+    );
+  }) });
+}
+function BookingInterestsPanel({ clientId, bookingId, value, onChange }) {
+  const provider = useAgendaProvider();
+  const [crmInterests, setCrmInterests] = React3.useState([]);
+  const [term, setTerm] = React3.useState("");
+  const [options, setOptions] = React3.useState([]);
+  const initializedFor = React3.useRef(null);
+  const onChangeRef = React3.useRef(onChange);
+  onChangeRef.current = onChange;
+  React3.useEffect(() => {
+    if (!clientId) {
+      setCrmInterests([]);
+      initializedFor.current = null;
+      onChangeRef.current([]);
+      return;
+    }
+    let vivo = true;
+    provider.getClientInterests?.(clientId, bookingId).then((rows) => {
+      if (!vivo) return;
+      const list = rows.map((r) => ({
+        key: `crm-${r.interestId}`,
+        interestId: r.interestId,
+        productId: r.productId,
+        name: r.name
+      }));
+      setCrmInterests(list);
+      if (initializedFor.current !== clientId) {
+        initializedFor.current = clientId;
+        onChangeRef.current(bookingId ? rows.filter((r) => r.linked).map((r) => ({
+          key: `crm-${r.interestId}`,
+          interestId: r.interestId,
+          productId: r.productId,
+          name: r.name
+        })) : list);
+      }
+    }).catch(() => {
+      if (vivo) setCrmInterests([]);
+    });
+    return () => {
+      vivo = false;
+    };
+  }, [clientId, bookingId, provider]);
+  React3.useEffect(() => {
+    if (!term.trim()) {
+      setOptions([]);
+      return;
+    }
+    const timer = setTimeout(() => {
+      provider.searchServices?.(term).then((rows) => setOptions(rows.map((r) => ({ id: r.id, label: r.name, price: r.price })))).catch(() => setOptions([]));
+    }, 250);
+    return () => clearTimeout(timer);
+  }, [term, provider]);
+  const remove = (key) => onChange(value.filter((i) => i.key !== key));
+  const addBack = (i) => {
+    if (value.some((v) => v.key === i.key)) return;
+    onChange([...value, i]);
+  };
+  const add = (opt) => {
+    setTerm("");
+    setOptions([]);
+    if (value.some((v) => v.productId === opt.id)) return;
+    const existing = crmInterests.find((c) => c.productId === opt.id);
+    if (existing) {
+      addBack(existing);
+      return;
+    }
+    onChange([...value, { key: `new-${opt.id}`, interestId: null, productId: opt.id, name: opt.label }]);
+  };
+  const removedCrm = crmInterests.filter((c) => !value.some((i) => i.key === c.key));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 rounded-lg border border-primary/25 bg-primary/5 px-2.5 py-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs font-medium text-primary", children: [
+      /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
+      "Interesses",
+      value.length > 0 ? ` (${value.length})` : ""
+    ] }),
+    value.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: value.map((i) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs", children: [
+      i.name,
+      !i.interestId && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-primary", children: "novo" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: () => remove(i.key),
+          "aria-label": `Remover ${i.name} deste agendamento`,
+          className: "rounded-full p-0.5 hover:bg-muted-foreground/20",
+          children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3", "aria-hidden": true })
+        }
+      )
+    ] }, i.key)) }),
+    removedCrm.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: "Fora deste agendamento:" }),
+      removedCrm.map((i) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full border border-border px-2 py-0.5 text-xs opacity-70", children: [
+        i.name,
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            onClick: () => addBack(i),
+            "aria-label": `Vincular ${i.name} a este agendamento`,
+            className: "rounded-full p-0.5 hover:bg-muted-foreground/20",
+            children: /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3", "aria-hidden": true })
+          }
+        )
+      ] }, i.key))
+    ] }),
+    /* @__PURE__ */ jsx(
+      SearchCombobox,
+      {
+        value: term,
+        onChange: setTerm,
+        onSelect: add,
+        options,
+        placeholder: "+ Interesse em servi\xE7o\u2026",
+        onBlurEmpty: () => {
+        },
+        minimal: true
+      }
+    )
+  ] });
+}
+function BookingPrepaidPanel({ clientId, addedServiceIds, onAdd }) {
+  const provider = useAgendaProvider();
+  const [data, setData] = React3.useState(null);
+  React3.useEffect(() => {
+    let alive = true;
+    setData(null);
+    provider.getPrepaidItems?.(clientId).then((r) => {
+      if (alive) setData(r);
+    }).catch(() => {
+      if (alive) setData({ open: [], scheduledCount: 0 });
+    });
+    return () => {
+      alive = false;
+    };
+  }, [clientId, provider]);
+  if (!data || data.open.length === 0) return null;
+  const grouped = /* @__PURE__ */ new Map();
+  for (const it of data.open) {
+    const g = grouped.get(it.serviceId);
+    if (g) g.count += 1;
+    else grouped.set(it.serviceId, { item: it, count: 1 });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 rounded-lg border border-primary/25 bg-primary/5 px-2.5 py-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs font-medium text-primary", children: [
+      /* @__PURE__ */ jsx(PackageCheck, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
+      data.open.length,
+      " servi\xE7o(s) pr\xE9-contratado(s)",
+      data.scheduledCount > 0 && /* @__PURE__ */ jsxs("span", { className: "font-normal text-muted-foreground", children: [
+        "\xB7 ",
+        data.scheduledCount,
+        " j\xE1 agendado(s)"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: "J\xE1 contratados e n\xE3o executados \u2014 clique para adicionar a este atendimento." }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: [...grouped.values()].map(({ item, count }) => {
+      const added = addedServiceIds.includes(item.serviceId);
+      return /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          disabled: added,
+          onClick: () => onAdd(item),
+          className: `font-normal ${`inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs transition-colors ${added ? "border-primary/40 bg-card text-muted-foreground" : "border-transparent bg-card hover:border-primary/40"}`}`,
+          children: [
+            added ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 text-primary", "aria-hidden": true }) : /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3", "aria-hidden": true }),
+            item.serviceName,
+            count > 1 ? ` \xD7${count}` : ""
+          ]
+        },
+        item.serviceId
+      );
+    }) })
+  ] });
+}
+var fmtDate = (iso) => iso ? new Date(iso).toLocaleDateString("pt-BR") : "";
+function BookingRevisionPanel({ clientId, value, onChange, onState }) {
+  const provider = useAgendaProvider();
+  const [rows, setRows] = React3.useState(null);
+  const [state, setState] = React3.useState("loading");
+  React3.useEffect(() => {
+    let alive = true;
+    setRows(null);
+    setState("loading");
+    if (!provider.getRevisionCandidatesForPerson) {
+      setState("unavailable");
+      return;
+    }
+    provider.getRevisionCandidatesForPerson(clientId).then((r) => {
+      if (alive) {
+        setRows(r);
+        setState(r.length ? "ready" : "empty");
+      }
+    }).catch(() => {
+      if (alive) {
+        setRows([]);
+        setState("unavailable");
+      }
+    });
+    return () => {
+      alive = false;
+    };
+  }, [clientId, provider]);
+  React3.useEffect(() => {
+    onState?.(state);
+  }, [state]);
+  if (state === "unavailable") return null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 rounded-lg border border-primary/25 bg-primary/5 px-2.5 py-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs font-medium text-primary", children: [
+      /* @__PURE__ */ jsx(Link2, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
+      "De qual servi\xE7o \xE9 esta revis\xE3o?"
+    ] }),
+    state === "loading" && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" })
+    ] }),
+    state === "empty" && /* @__PURE__ */ jsx("p", { className: "text-xs text-warning", children: "Este cliente n\xE3o tem direito a revis\xE3o agora \u2014 n\xE3o h\xE1 servi\xE7o executado que possa receber revis\xE3o. Para atender, agende uma nova avalia\xE7\xE3o." }),
+    state === "ready" && rows && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: "A revis\xE3o s\xF3 entra apontando para um servi\xE7o j\xE1 executado. Sem esse v\xEDnculo o atendimento n\xE3o finaliza." }),
+      /* @__PURE__ */ jsx("ul", { className: "space-y-1", role: "radiogroup", "aria-label": "Servi\xE7o revisado", children: rows.map((c) => {
+        const on = value?.sessionId === c.sessionId;
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            role: "radio",
+            "aria-checked": on,
+            onClick: () => onChange(on ? null : {
+              sessionId: c.sessionId,
+              revisionNumber: c.nextRevisionNumber,
+              serviceName: c.serviceName
+            }),
+            className: `font-normal whitespace-normal justify-start ${`flex w-full items-center gap-2 rounded-md border px-2.5 py-1.5 text-left text-xs transition-colors ${on ? "border-primary bg-card" : "border-transparent bg-card/60 hover:bg-card"}`}`,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-full border ${on ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/40"}`, children: on && /* @__PURE__ */ jsx(Check, { className: "h-3 w-3", "aria-hidden": true }) }),
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "block truncate font-medium text-foreground", children: c.serviceName ?? "Servi\xE7o" }),
+                /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                  "executado em ",
+                  fmtDate(c.executedOn),
+                  c.deadlineDays != null && (c.withinDeadline ? ` \xB7 no prazo (${c.deadlineDays} dias)` : ` \xB7 fora do prazo de ${c.deadlineDays} dias`)
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-foreground", children: [
+                c.nextRevisionNumber,
+                "\xAA Revis\xE3o"
+              ] })
+            ]
+          }
+        ) }, c.sessionId);
+      }) })
+    ] })
+  ] });
+}
+function isStatusAvailable(status, bookingStartsAt) {
+  const when = status.availableWhen ?? "always";
+  if (when === "always") return true;
+  const bookingDate = bookingStartsAt.slice(0, 10);
+  const today = todayLocal();
+  if (when === "today_or_past") return bookingDate <= today;
+  if (when === "today_only") return bookingDate === today;
+  return true;
+}
+var BOOKING_TYPE_ICONS = {
+  Calendar,
+  CheckSquare,
+  Ban
+};
+function formatCompactDate(dateStr, locale) {
+  const d = /* @__PURE__ */ new Date(dateStr + "T00:00:00");
+  return d.toLocaleDateString(locale === "pt-BR" ? "pt-BR" : "en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric"
+  });
+}
+var ROW = "-mx-2 flex cursor-pointer gap-3 rounded-lg px-2 transition-colors hover:bg-muted/40 [&_input]:cursor-text [&_textarea]:cursor-text";
+var ROW_CENTER = `${ROW} items-center`;
+var ROW_TOP = `${ROW} items-start`;
+function InlineNumber({ value, onChange, min = 0, step = 1, className, disabled, tooltip }) {
+  const [draft, setDraft] = useState(String(value));
+  const [focused, setFocused] = useState(false);
+  useEffect(() => {
+    if (!focused) setDraft(String(value));
+  }, [value, focused]);
+  function commit() {
+    setFocused(false);
+    const v = parseFloat(draft);
+    if (!isNaN(v) && v >= min) {
+      onChange(v);
+    } else {
+      setDraft(String(value));
+    }
+  }
+  const input = /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+    Input,
+    {
+      type: "text",
+      inputMode: "decimal",
+      value: draft,
+      onChange: (e) => setDraft(e.target.value),
+      onFocus: (e) => {
+        setFocused(true);
+        e.target.select();
+      },
+      onBlur: commit,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          commit();
+        }
+      },
+      disabled,
+      className: "h-auto rounded-none border-0 border-b border-transparent bg-transparent p-0 text-right text-[11px] text-muted-foreground tabular-nums shadow-none hover:border-muted-foreground/40 focus:border-foreground focus-visible:ring-0 focus-visible:ring-offset-0"
+    }
+  ) });
+  if (!tooltip) return input;
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: input }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "top", className: "text-xs", children: tooltip })
+  ] }) });
+}
+function StatusSelect({ value, onChange, statuses, bookingDate }) {
+  const [open, setOpen] = useState(false);
+  const ref = useRef(null);
+  const dropdownRef = useRef(null);
+  const current = statuses.find((s) => s.value === value);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      const target = e.target;
+      if (ref.current?.contains(target)) return;
+      if (dropdownRef.current?.contains(target)) return;
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open]);
+  const btnRef = useRef(null);
+  const [dropRect, setDropRect] = useState(null);
+  function handleOpen() {
+    if (btnRef.current) setDropRect(btnRef.current.getBoundingClientRect());
+    setOpen((p) => !p);
+  }
+  return /* @__PURE__ */ jsxs("div", { ref, className: "relative flex-1", children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        ref: btnRef,
+        type: "button",
+        onClick: handleOpen,
+        className: "font-normal justify-start whitespace-normal flex items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-muted/30 transition-colors text-left w-full",
+        children: [
+          current && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full shrink-0", style: { backgroundColor: current.color } }),
+            /* @__PURE__ */ jsx("span", { children: current.label })
+          ] }),
+          /* @__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" }) })
+        ]
+      }
+    ),
+    open && dropRect && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: dropdownRef,
+          "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 rounded-lg border bg-popover shadow-lg py-1 animate-in fade-in zoom-in-95 duration-100",
+          children: statuses.map((s) => {
+            const available = !bookingDate || isStatusAvailable(s, bookingDate);
+            return /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "bare",
+                size: "bare",
+                type: "button",
+                disabled: !available,
+                onClick: () => {
+                  if (available) {
+                    onChange(s.value);
+                    setOpen(false);
+                  }
+                },
+                className: `font-normal justify-start whitespace-normal flex w-full items-center gap-2.5 px-3 py-1.5 text-sm transition-colors ${!available ? "disabled:pointer-events-auto disabled:cursor-not-allowed disabled:opacity-30" : s.value === value ? "bg-muted/30" : "hover:bg-muted/50"}`,
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full shrink-0", style: { backgroundColor: s.color } }),
+                  /* @__PURE__ */ jsx("span", { children: s.label })
+                ]
+              },
+              s.value
+            );
+          })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function ProfessionalSelect({ value, onChange, professionals }) {
+  const t = useTranslation();
+  const options = useMemo(
+    () => professionals.map((p) => ({ id: p.id, name: p.name, avatarUrl: p.avatarUrl })),
+    [professionals]
+  );
+  return /* @__PURE__ */ jsx(
+    PersonPicker,
+    {
+      variant: "inline",
+      options,
+      value,
+      onChange,
+      placeholder: t("agenda.appointment.selectProfessional"),
+      searchPlaceholder: t("agenda.appointment.searchProfessional"),
+      emptyLabel: t("agenda.appointment.noProfessional"),
+      className: "min-w-[11rem]"
+    }
+  );
+}
+function LocationSelect({ value, onChange, locations, placeholder }) {
+  const t = useTranslation();
+  const [open, setOpen] = useState(false);
+  const ref = useRef(null);
+  const current = locations.find((l) => l.id === value);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { ref, className: "relative flex-1", children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: () => setOpen((p) => !p),
+        className: "font-normal justify-start whitespace-normal 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: placeholder ?? t("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" }) })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { className: "fayz-glass-surface absolute top-full left-0 right-0 z-50 mt-1 rounded-lg border bg-popover shadow-lg py-1 animate-in fade-in zoom-in-95 duration-100 max-h-48 overflow-y-auto", children: locations.map((l) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: () => {
+          onChange(l.id);
+          setOpen(false);
+        },
+        className: `font-normal justify-start rounded-none whitespace-normal flex w-full items-center gap-2 px-3 py-1.5 text-sm hover:bg-muted/50 transition-colors ${l.id === value ? "bg-muted/30" : ""}`,
+        children: /* @__PURE__ */ jsx("span", { children: l.name })
+      },
+      l.id
+    )) })
+  ] });
+}
+function rotuloDoTipo(t, id, fallback) {
+  const chave = `agenda.bookingType.${id}`;
+  const traduzido = t(chave);
+  return !traduzido || traduzido === chave ? fallback : traduzido;
+}
+function AppointmentModal({ open, mode, bookingId, prefill, initialTab, externalSource, onClose, onCreated }) {
+  const t = useTranslation();
+  const locale = getCurrentLocale();
+  const config = useAgendaConfig();
+  const provider = useAgendaProvider();
+  const activeUnitId = useActiveUnitId();
+  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 createBookingSeries = useAgendaStore((s) => s.createBookingSeries);
+  const updateBookingSeries = useAgendaStore((s) => s.updateBookingSeries);
+  const deleteBookingSeries = useAgendaStore((s) => s.deleteBookingSeries);
+  const updateBookingStatus = useAgendaStore((s) => s.updateBookingStatus);
+  const fetchBookings = useAgendaStore((s) => s.fetchBookings);
+  const agendaDateRange = useAgendaStore((s) => s.dateRange);
+  const professionals = useAgendaStore((s) => s.professionals);
+  const storeLocations = useAgendaStore((s) => s.locations);
+  const loadedBookings = useAgendaStore((s) => s.bookings);
+  const defaultBookingType = config.bookingTypes[0]?.id ?? "appointment";
+  const [loading, setLoading] = useState(mode === "edit");
+  const [bookingType, setBookingType] = useState(prefill?.kind ?? defaultBookingType);
+  const [title, setTitle] = useState("");
+  const [clientId, setClientId] = useState(prefill?.clientId ?? "");
+  const [clientSearch, setClientSearch] = useState("");
+  const [clientPhone, setClientPhone] = useState("");
+  const [professionalId, setProfessionalId] = useState(prefill?.professionalId ?? "");
+  const [locationId, setLocationId] = useState(prefill?.locationId ?? "");
+  const [resourceId, setResourceId] = useState(prefill?.resourceId ?? "");
+  const [services, setServices] = useState([]);
+  const [attendees, setAttendees] = useState([]);
+  const [attendeeSeq, setAttendeeSeq] = useState(0);
+  const [serviceSearch, setServiceSearch] = useState("");
+  const [interests, setInterests] = useState([]);
+  const [serviceKinds, setServiceKinds] = useState({});
+  const [revisionChoice, setRevisionChoice] = useState(null);
+  const [revisionState, setRevisionState] = useState("loading");
+  const [date, setDate] = useState(() => {
+    if (prefill?.startsAt) return prefill.startsAt.slice(0, 10);
+    return todayLocal();
+  });
+  const [startTime, setStartTime] = useState(() => {
+    if (prefill?.startsAt) {
+      const d = new Date(prefill.startsAt);
+      return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+    }
+    return "09:00";
+  });
+  const [status, setStatus] = useState("scheduled");
+  const [durationOverride, setDurationOverride] = useState(null);
+  const [editingEnd, setEditingEnd] = useState(false);
+  const [endDraft, setEndDraft] = useState(null);
+  const [recurrencePreset, setRecurrencePreset] = useState("none");
+  const [recurrenceEndMode, setRecurrenceEndMode] = useState("count");
+  const [recurrenceUntil, setRecurrenceUntil] = useState("");
+  const [recurrenceCount, setRecurrenceCount] = useState(4);
+  const [seriesId, setSeriesId] = useState(null);
+  const [seriesSize, setSeriesSize] = useState(0);
+  const [seriesConflicts, setSeriesConflicts] = useState(null);
+  const [checkingSeries, setCheckingSeries] = useState(false);
+  const [scopeAsk, setScopeAsk] = useState(null);
+  const [scopeChoice, setScopeChoice] = useState("this");
+  const initialDate = useRef("");
+  const [markingWaiting, setMarkingWaiting] = useState(false);
+  const [preenchendoForm, setPreenchendoForm] = useState(null);
+  const [formsVersao, setFormsVersao] = useState(0);
+  const professionalOptions = React3.useMemo(() => {
+    const doLocal = professionalsForLocation(professionals, locationId, professionalId);
+    if (!professionalId || doLocal.some((p) => p.id === professionalId)) return doLocal;
+    const nome = loadedBookings.find((b) => b.id === bookingId)?.professionalName;
+    return [...doLocal, { id: professionalId, name: nome ?? "\u2014", avatarUrl: null }];
+  }, [professionals, professionalId, locationId, loadedBookings, bookingId]);
+  React3.useEffect(() => {
+    const fora = shouldClearProfessional(professionals, locationId, professionalId);
+    if (!fora) return;
+    setProfessionalId("");
+    toast.info(`${fora.name} n\xE3o atende neste local`);
+  }, [locationId, professionalId, professionals]);
+  const [notes, setNotes] = useState("");
+  const [showNotes, setShowNotes] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [conflict, setConflict] = useState(false);
+  const [roomConflict, setRoomConflict] = useState(false);
+  const [serviceOptions, setServiceOptions] = useState([]);
+  const [initialServiceOptions, setInitialServiceOptions] = useState([]);
+  const [editingDate, setEditingDate] = useState(false);
+  const [editingTime, setEditingTime] = useState(false);
+  const [confirmingDelete, setConfirmingDelete] = useState(false);
+  const [deleting, setDeleting] = useState(false);
+  const [editOrderId, setEditOrderId] = useState(null);
+  const [editOrderTotal, setEditOrderTotal] = useState(0);
+  const [editPaymentStatus, setEditPaymentStatus] = useState("none");
+  const [paymentStatusLoading, setPaymentStatusLoading] = useState(false);
+  const [modalTab, setModalTab] = useState("appointment");
+  useEffect(() => {
+    if (!clientId && modalTab !== "appointment") setModalTab("appointment");
+  }, [clientId, modalTab]);
+  const [clientData, setClientData] = useState(null);
+  const [clientDataLoading, setClientDataLoading] = useState(false);
+  const [clientEditing, setClientEditing] = useState(false);
+  const [cancellationReasons, setCancellationReasons] = useState([]);
+  const [cancellationReasonId, setCancellationReasonId] = useState("");
+  const [cancellationNotes, setCancellationNotes] = useState("");
+  const [cancellationReasonsLoading, setCancellationReasonsLoading] = useState(false);
+  const clientProvider = useMemo(
+    () => config.clientEntityDef ? resolveDataProvider(config.clientEntityDef) : null,
+    [config.clientEntityDef]
+  );
+  const saveClientField = async (key, value) => {
+    if (!clientProvider || !clientId) return;
+    await clientProvider.update(clientId, { [key]: value });
+    setClientData((cur) => cur ? { ...cur, [key]: value } : cur);
+  };
+  const activeType = config.bookingTypes.find((bt) => bt.id === bookingType) ?? config.bookingTypes[0];
+  const requestKey = [
+    mode,
+    bookingId ?? "",
+    initialTab ?? "",
+    prefill?.startsAt ?? "",
+    prefill?.endsAt ?? "",
+    prefill?.professionalId ?? "",
+    prefill?.locationId ?? "",
+    prefill?.clientId ?? "",
+    prefill?.kind ?? ""
+  ].join("|");
+  useEffect(() => {
+    if (!open) return;
+    setClientId(prefill?.clientId ?? "");
+    setClientSearch("");
+    setClientPhone("");
+    setProfessionalId(prefill?.professionalId ?? "");
+    setLocationId(prefill?.locationId ?? "");
+    setResourceId("");
+    setServices([]);
+    setAttendees([]);
+    setDurationOverride(null);
+    setRevisionChoice(null);
+    setServiceSearch("");
+    setNotes("");
+    setStatus("scheduled");
+    setShowNotes(false);
+    setConflict(false);
+    setLoading(mode === "edit");
+    setBookingType(prefill?.kind ?? defaultBookingType);
+    setTitle("");
+    setEditingDate(false);
+    setEditingTime(false);
+    setConfirmingDelete(false);
+    setDeleting(false);
+    setEditOrderId(null);
+    setEditOrderTotal(0);
+    setEditPaymentStatus("none");
+    setPaymentStatusLoading(false);
+    setClientData(null);
+    setClientDataLoading(false);
+    setClientEditing(false);
+    setCancellationReasonId("");
+    setCancellationNotes("");
+    setCancellationReasonsLoading(false);
+    setRecurrencePreset("none");
+    setRecurrenceEndMode("count");
+    setRecurrenceUntil("");
+    setRecurrenceCount(4);
+    setSeriesId(null);
+    setSeriesSize(0);
+    setSeriesConflicts(null);
+    setCheckingSeries(false);
+    setScopeAsk(null);
+    setScopeChoice("this");
+    initialDate.current = prefill?.startsAt ? prefill.startsAt.slice(0, 10) : todayLocal();
+    setModalTab(initialTab || "appointment");
+    if (!prefill?.professionalId && professionals.length === 1) setProfessionalId(professionals[0].id);
+    setDate(() => {
+      if (prefill?.startsAt) return prefill.startsAt.slice(0, 10);
+      return todayLocal();
+    });
+    setStartTime(() => {
+      if (prefill?.startsAt) {
+        const d = new Date(prefill.startsAt);
+        return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+      }
+      return "09:00";
+    });
+  }, [open, requestKey]);
+  useEffect(() => {
+    if (!open || locationId) return;
+    const opts = storeLocations.length > 0 ? storeLocations : config.locations;
+    if (opts.length === 1) setLocationId(opts[0].id);
+  }, [open, locationId, storeLocations, config.locations]);
+  const [storeResources, setStoreResources] = useState([]);
+  useEffect(() => {
+    if (!open || !provider.getResources) return;
+    provider.getResources().then(setStoreResources).catch(() => setStoreResources([]));
+  }, [open, provider]);
+  useEffect(() => {
+    if (!open || mode !== "edit" || !bookingId) return;
+    const hydrate = (b) => {
+      setBookingType(b.kind ?? defaultBookingType);
+      setTitle(b.clientName ?? "");
+      setClientId(b.clientId ?? "");
+      setClientSearch(b.clientName ?? "");
+      setProfessionalId(b.professionalId ?? "");
+      setLocationId(b.locationId ?? "");
+      setResourceId(b.resourceId ?? "");
+      setDate(b.startsAt.slice(0, 10));
+      initialDate.current = b.startsAt.slice(0, 10);
+      const d = new Date(b.startsAt);
+      setStartTime(`${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`);
+      const serie = b.seriesId ?? null;
+      setSeriesId(serie);
+      if (serie) {
+        Promise.resolve(provider.countSeriesOccurrences?.(serie)).then((n) => setSeriesSize(n ?? 0)).catch(() => setSeriesSize(0));
+        provider.getRecurrence?.(serie).then((regra) => {
+          if (regra) setRecurrencePreset(presetForRule(regra));
+        }).catch(() => {
+        });
+      }
+      setStatus(b.status);
+      setNotes(b.notes ?? "");
+      if (b.notes) setShowNotes(true);
+      if (b.services) setServices(b.services.map((s) => ({
+        serviceId: s.serviceId ?? "",
+        name: s.name,
+        durationMinutes: s.durationMinutes,
+        price: s.price
+      })));
+      if (b.attendees) setAttendees(b.attendees.map((a) => ({ personId: a.personId, name: a.name })));
+      const somaServicos = (b.services ?? []).reduce((acc, s) => acc + (s.durationMinutes ?? 0), 0);
+      const gravada = b.endsAt ? Math.round((new Date(b.endsAt).getTime() - new Date(b.startsAt).getTime()) / 6e4) : 0;
+      const override = somaServicos > 0 && gravada > 0 && gravada !== somaServicos ? gravada : null;
+      setDurationOverride(override);
+      setEditOrderId(b.orderId ?? null);
+      setEditOrderTotal(b.orderTotal ?? 0);
+      setEditPaymentStatus(b.paymentStatus ?? "none");
+      const svcSnap = b.services ? b.services.map((s) => ({ id: s.serviceId ?? "", dur: s.durationMinutes, price: s.price })) : [];
+      initialSnapshot.current = JSON.stringify({
+        title: b.clientName ?? "",
+        clientId: b.clientId ?? "",
+        professionalId: b.professionalId ?? "",
+        locationId: b.locationId ?? "",
+        date: b.startsAt.slice(0, 10),
+        startTime: `${String(new Date(b.startsAt).getHours()).padStart(2, "0")}:${String(new Date(b.startsAt).getMinutes()).padStart(2, "0")}`,
+        status: b.status,
+        notes: b.notes ?? "",
+        cancellationReasonId: "",
+        cancellationNotes: "",
+        services: svcSnap,
+        dur: override,
+        // Sem isto, uma edição que SÓ acrescenta um convidado não conta como
+        // alteração e o botão "Atualizar" fica desabilitado para sempre — o
+        // mesmo defeito que os serviços tiveram e que fez a lista vazia travar
+        // o formulário.
+        attendees: (b.attendees ?? []).map((a) => a.personId).sort()
+      });
+      setLoading(false);
+      if (b.orderId && config.financialBridge) {
+        setPaymentStatusLoading(true);
+        config.financialBridge.resolvePaymentStatuses([b.orderId]).then((map) => {
+          const summary = map.get(b.orderId);
+          if (summary) {
+            setEditPaymentStatus(summary.status);
+            setEditOrderTotal(summary.totalAmount);
+          }
+        }).catch(() => {
+        }).finally(() => setPaymentStatusLoading(false));
+      }
+    };
+    const cached = loadedBookings.find((b) => b.id === bookingId);
+    if (cached) {
+      hydrate(cached);
+      return;
+    }
+    setLoading(true);
+    provider.getBookingById(bookingId).then((b) => {
+      if (b) hydrate(b);
+      else setLoading(false);
+    }).catch(() => setLoading(false));
+  }, [open, requestKey]);
+  useEffect(() => {
+    if (modalTab !== "client" || !clientId || clientData) return;
+    setClientDataLoading(true);
+    const load = clientProvider ? clientProvider.list({ filters: { id: clientId }, pageSize: 1, countMode: "none" }).then((r) => r.data?.[0] ?? null) : config.contactLookup ? config.contactLookup.getById(clientId).then((result) => result?.data ?? null) : Promise.resolve(null);
+    load.then((row) => {
+      setClientData(row);
+      setClientDataLoading(false);
+    }).catch(() => setClientDataLoading(false));
+  }, [modalTab, clientId]);
+  useEffect(() => {
+    if (!open || status !== "cancelled" || !config.cancellationDetails || cancellationReasons.length > 0) return;
+    setCancellationReasonsLoading(true);
+    config.cancellationDetails.listReasons().then((reasons) => setCancellationReasons(reasons)).catch(() => setCancellationReasons([])).finally(() => setCancellationReasonsLoading(false));
+  }, [open, status, config.cancellationDetails, cancellationReasons.length]);
+  useEffect(() => {
+    if (!open || !config.serviceLookup) return;
+    const lookup = config.serviceLookup;
+    const fetch = lookup.list ? () => lookup.list() : () => lookup.search("");
+    fetch().then((results) => {
+      const opts = results.map((r) => ({ id: r.id, label: r.label, subtitle: r.subtitle, price: r.price, data: r.data }));
+      setInitialServiceOptions(opts);
+    }).catch(() => setInitialServiceOptions([]));
+  }, [open]);
+  useEffect(() => {
+    if (!config.serviceLookup || serviceSearch.length < 1) {
+      setServiceOptions([]);
+      return;
+    }
+    const timer = setTimeout(async () => {
+      try {
+        const results = await config.serviceLookup.search(serviceSearch);
+        setServiceOptions(results.map((r) => ({ id: r.id, label: r.label, subtitle: r.subtitle, price: r.price, data: r.data })));
+      } catch {
+        setServiceOptions([]);
+      }
+    }, 250);
+    return () => clearTimeout(timer);
+  }, [serviceSearch]);
+  const serviceDuration = services.reduce((sum, s) => sum + s.durationMinutes, 0);
+  const selectionDuration = useMemo(() => {
+    if (!prefill?.startsAt || !prefill?.endsAt) return 0;
+    return Math.round((new Date(prefill.endsAt).getTime() - new Date(prefill.startsAt).getTime()) / 6e4);
+  }, [prefill?.startsAt, prefill?.endsAt]);
+  const totalDuration = durationOverride ?? (serviceDuration > 0 ? serviceDuration : selectionDuration);
+  const totalPrice = services.reduce((sum, s) => sum + s.price, 0);
+  const { currency } = config;
+  const endTime = useMemo(() => {
+    const [h, m] = startTime.split(":").map(Number);
+    const total = h * 60 + m + totalDuration;
+    return `${String(Math.floor(total / 60) % 24).padStart(2, "0")}:${String(total % 60).padStart(2, "0")}`;
+  }, [startTime, totalDuration]);
+  const janela = useMemo(() => ({
+    startsAt: (/* @__PURE__ */ new Date(`${date}T${startTime}:00`)).toISOString(),
+    endsAt: (/* @__PURE__ */ new Date(`${date}T${endTime}:00`)).toISOString()
+  }), [date, startTime, endTime]);
+  useEffect(() => {
+    if (!professionalId || totalDuration === 0) {
+      setConflict(false);
+      return;
+    }
+    const timer = setTimeout(() => {
+      provider.checkConflict({
+        assigneeId: professionalId,
+        ...janela,
+        excludeBookingId: bookingId
+      }).then(setConflict).catch(() => setConflict(false));
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [professionalId, janela, bookingId, totalDuration]);
+  const recurrenceRule = useMemo(() => {
+    const base = ruleForPreset(recurrencePreset);
+    if (!base) return null;
+    if (recurrenceEndMode === "until") {
+      if (!recurrenceUntil) return null;
+      return { ...base, until: recurrenceUntil, count: null };
+    }
+    return { ...base, until: null, count: Math.max(1, Math.min(RECURRENCE_MAX_OCCURRENCES, recurrenceCount)) };
+  }, [recurrencePreset, recurrenceEndMode, recurrenceUntil, recurrenceCount]);
+  const expansion = useMemo(
+    () => recurrenceRule ? expandRecurrence(date, recurrenceRule) : null,
+    [date, recurrenceRule]
+  );
+  const seriesDates = expansion && expansion.dates.length > 1 ? expansion.dates : null;
+  useEffect(() => {
+    if (!open || !seriesDates || !professionalId || totalDuration === 0 || !provider.checkSeriesConflicts) {
+      setSeriesConflicts(null);
+      setCheckingSeries(false);
+      return;
+    }
+    setCheckingSeries(true);
+    const timer = setTimeout(() => {
+      const windows = seriesDates.map((dia) => {
+        const inicio = /* @__PURE__ */ new Date(`${dia}T${startTime}:00`);
+        return {
+          startsAt: inicio.toISOString(),
+          endsAt: new Date(inicio.getTime() + totalDuration * 6e4).toISOString()
+        };
+      });
+      provider.checkSeriesConflicts({
+        assigneeId: professionalId,
+        windows,
+        excludeBookingId: bookingId,
+        unitId: activeUnitId
+      }).then(setSeriesConflicts).catch(() => setSeriesConflicts(null)).finally(() => setCheckingSeries(false));
+    }, 400);
+    return () => {
+      clearTimeout(timer);
+      setCheckingSeries(false);
+    };
+  }, [open, seriesDates, professionalId, startTime, totalDuration, bookingId, activeUnitId, provider]);
+  const [feriado, setFeriado] = React3.useState(null);
+  useEffect(() => {
+    if (!open || !date || !provider.getHolidays) {
+      setFeriado(null);
+      return;
+    }
+    provider.getHolidays({ from: date, to: date }, activeUnitId).then((rows) => {
+      const fecha = rows.filter((h) => h.closes && h.date === date);
+      setFeriado(fecha.length ? fecha.map((h) => h.name).join(" \xB7 ") : null);
+    }).catch(() => setFeriado(null));
+  }, [open, date, activeUnitId, provider]);
+  useEffect(() => {
+    if (!resourceId || totalDuration === 0 || !provider.checkResourceConflict) {
+      setRoomConflict(false);
+      return;
+    }
+    const timer = setTimeout(() => {
+      provider.checkResourceConflict({
+        resourceId,
+        ...janela,
+        excludeBookingId: bookingId
+      }).then(setRoomConflict).catch(() => setRoomConflict(false));
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [resourceId, janela, bookingId, totalDuration]);
+  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 }]);
+    setDurationOverride(null);
+    setServiceSearch("");
+    setServiceOptions([]);
+  }
+  function removeService(idx) {
+    setServices((p) => p.filter((_, i) => i !== idx));
+    setDurationOverride(null);
+  }
+  function changeEndTime(value) {
+    if (!value) return;
+    const [sh, sm] = startTime.split(":").map(Number);
+    const [eh, em] = value.split(":").map(Number);
+    const minutes = eh * 60 + em - (sh * 60 + sm);
+    if (minutes <= 0) return;
+    setDurationOverride(minutes === (serviceDuration > 0 ? serviceDuration : selectionDuration) ? null : minutes);
+  }
+  const serviceCreate = useLookupCreate(
+    config.serviceLookup,
+    (created) => {
+      const duration = created.data?.duration_minutes || 60;
+      setServices((p) => [...p, {
+        serviceId: created.id,
+        name: created.label,
+        durationMinutes: duration,
+        price: created.price ?? 0
+      }]);
+      setServiceSearch("");
+      setServiceOptions([]);
+    },
+    { variant: "inline" }
+  );
+  const agendaPrefs = useTenantPluginSettings("agenda", { interestsOnBooking: true, recurringBookings: true });
+  const recurrenceEnabled = agendaPrefs.get("recurringBookings");
+  useEffect(() => {
+    const ids = services.map((s) => s.serviceId).filter(Boolean);
+    if (ids.length === 0 || !provider.getServiceKinds) {
+      setServiceKinds({});
+      return;
+    }
+    let vivo = true;
+    provider.getServiceKinds(ids).then((m) => {
+      if (vivo) setServiceKinds(m);
+    }).catch(() => {
+      if (vivo) setServiceKinds({});
+    });
+    return () => {
+      vivo = false;
+    };
+  }, [services, provider]);
+  const showRevision = mode === "create" && !!clientId && services.some((s) => serviceKinds[s.serviceId] === "return");
+  useEffect(() => {
+    setRevisionChoice(null);
+  }, [clientId]);
+  const showInterests = agendaPrefs.get("interestsOnBooking") && !!provider.getClientInterests && !!provider.setBookingInterests && !!clientId && services.some((s) => serviceKinds[s.serviceId] === "evaluation");
+  async function persistInterests(id) {
+    if (!showInterests) return;
+    try {
+      const r = await provider.setBookingInterests(id, interests.map((i) => ({ productId: i.productId })));
+      if (!r.ok) throw new Error(r.reason);
+    } catch {
+      toast.error("Interesses n\xE3o vinculados a este agendamento");
+    }
+  }
+  function bookingPayload() {
+    return {
+      clientId,
+      professionalId,
+      locationId: locationId || void 0,
+      resourceId: resourceId || null,
+      notes: notes || void 0,
+      title: activeType.fields.title ? title.trim() : void 0,
+      services: services.map((s) => ({ serviceId: s.serviceId, name: s.name, durationMinutes: s.durationMinutes, price: s.price })),
+      ...showRevision && revisionChoice ? { revisionOf: revisionChoice } : {},
+      attendees: activeType.fields.attendees ? attendees.map((a) => ({ personId: a.personId })) : void 0
+    };
+  }
+  async function handleSubmit(e) {
+    e.preventDefault();
+    if (!canSubmit) return;
+    if (mode === "edit" && seriesId && seriesSize > 1) {
+      setScopeAsk("save");
+      return;
+    }
+    await commitSave("this");
+  }
+  async function commitSave(scope) {
+    setScopeAsk(null);
+    if (mode === "create" && await guardBookings() === "blocked") return;
+    setSaving(true);
+    try {
+      const startsAt = (/* @__PURE__ */ new Date(`${date}T${startTime}:00`)).toISOString();
+      const endsAt = durationOverride != null ? new Date(new Date(startsAt).getTime() + durationOverride * 6e4).toISOString() : void 0;
+      if (mode === "create") {
+        const input = { kind: bookingType, startsAt, endsAt, ...bookingPayload() };
+        const firstId = seriesDates && recurrenceRule ? (await createBookingSeries(input, recurrenceRule, seriesDates)).bookingIds[0] : (await createBooking(input)).id;
+        invalidateLimit("bookings_month");
+        if (firstId) {
+          await persistInterests(firstId);
+          onClose();
+          onCreated?.(firstId, externalSource);
+        } else {
+          onClose();
+        }
+      } else if (bookingId) {
+        const plano = planSeriesEdit({
+          booking: { id: bookingId, seriesId },
+          scope,
+          patch: { startsAt, ...endsAt ? { endsAt } : {}, status, ...bookingPayload() },
+          timeOfDay: startTime,
+          dateChanged: date !== initialDate.current
+        });
+        if (plano.series) await updateBookingSeries(plano.series.seriesId, plano.series.patch, plano.series.timeOfDay);
+        if (plano.single) await updateBooking(bookingId, plano.single);
+        await persistInterests(bookingId);
+        if (status === "cancelled" && config.cancellationDetails && cancellationReasonId) {
+          await config.cancellationDetails.saveCancellationDetails({
+            bookingId,
+            reasonId: cancellationReasonId,
+            notes: cancellationNotes.trim() || void 0,
+            cancelledAt: (/* @__PURE__ */ new Date()).toISOString()
+          });
+        }
+        if (plano.dateStaysLocal) toast.info(t("agenda.recurrence.dateStaysLocal").replace("{{time}}", startTime));
+        onClose();
+      }
+    } catch {
+    }
+    setSaving(false);
+  }
+  async function handleDelete() {
+    if (!bookingId) return;
+    if (seriesId && seriesSize > 1) {
+      setScopeAsk("delete");
+      return;
+    }
+    await commitDelete("this");
+  }
+  async function commitDelete(scope) {
+    if (!bookingId) return;
+    setScopeAsk(null);
+    setDeleting(true);
+    try {
+      if (scope === "series" && seriesId) await deleteBookingSeries(seriesId);
+      else await deleteBooking(bookingId);
+      onClose();
+    } catch {
+      setConfirmingDelete(false);
+    } finally {
+      setDeleting(false);
+    }
+  }
+  const isPaidBooking = editPaymentStatus === "paid";
+  const selectedCancellationReason = cancellationReasons.find((reason) => reason.id === cancellationReasonId);
+  const needsCancellationReason = mode === "edit" && status === "cancelled" && !!config.cancellationDetails;
+  const needsCancellationNotes = needsCancellationReason && !!selectedCancellationReason?.requiresNotes;
+  const formSnapshot = useMemo(
+    () => JSON.stringify({ title, clientId, professionalId, locationId, resourceId, date, startTime, status, notes, cancellationReasonId, cancellationNotes, services: services.map((s) => ({ id: s.serviceId, dur: s.durationMinutes, price: s.price })), dur: durationOverride, attendees: attendees.map((a) => a.personId).sort() }),
+    [title, clientId, professionalId, locationId, resourceId, date, startTime, status, notes, cancellationReasonId, cancellationNotes, services, durationOverride, attendees]
+  );
+  const isDirty = mode === "create" || formSnapshot !== initialSnapshot.current;
+  const canSubmit = (!activeType.fields.title || title.trim()) && (!activeType.requiresClient || clientId) && (!activeType.fields.professional || professionalId) && (!activeType.requiresServices || services.length > 0) && (!needsCancellationReason || !!cancellationReasonId) && (!needsCancellationNotes || !!cancellationNotes.trim()) && // V1: a Revisão only goes in pointing at an executed service.
+  (!showRevision || revisionState === "unavailable" || !!revisionChoice) && !conflict && !saving;
+  const showTabs = config.bookingTypes.length > 1;
+  const modalTitle = mode === "create" ? t("agenda.appointment.new") : title.trim() || clientSearch || t("agenda.appointment.edit");
+  return (
+    // MODAL POR CIMA DO CALENDÁRIO — a mesma moldura do card de negócio do CRM.
+    //
+    // A agenda é tela de TRABALHO EM LOTE: a recepção abre um cartão, corrige o
+    // horário, fecha, abre o próximo — dezenas de vezes por manhã. O painel
+    // vinha na coluna da direita, que é a coluna do assistente: duas coisas
+    // diferentes entrando pela mesma borda, e o calendário espremido a cada
+    // abertura. O modal deixa a semana montada atrás, intacta, e devolve a
+    // largura para o formulário.
+    //
+    // `ModalContent` e não um overlay à mão: é ele que dá Esc, clique fora,
+    // armadilha de foco e o PORTAL — sem o portal o diálogo herda a cor da
+    // barra de onde foi aberto e sai quase-branco sobre cartão branco.
+    /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (o) => {
+      if (!o) onClose();
+    }, children: /* @__PURE__ */ jsx(ModalContent, { size: "3xl", noPadding: true, className: "gap-0", hideClose: true, children: /* @__PURE__ */ jsxs(ModalBody, { className: "sm:max-h-[75vh] overflow-hidden p-0", children: [
+      /* @__PURE__ */ jsxs(
+        ModalTaskHost,
+        {
+          className: "flex min-h-0 flex-1 flex-col overflow-hidden",
+          header: (stack) => /* @__PURE__ */ jsx(ModalTaskHeader, { title: modalTitle, stack, onClose }),
+          children: [
+            preenchendoForm && clientId && /* @__PURE__ */ jsx(
+              ModalTask,
+              {
+                open: true,
+                title: "Formul\xE1rio do cliente",
+                hint: clientSearch || void 0,
+                onClose: () => setPreenchendoForm(null),
+                children: /* @__PURE__ */ jsx(
+                  WidgetSlot,
+                  {
+                    zone: FORMS_ZONES.formFill,
+                    frame: "inline",
+                    templateId: preenchendoForm,
+                    personId: clientId,
+                    personName: clientSearch || void 0,
+                    onSaved: () => setFormsVersao((n) => n + 1),
+                    onClose: () => setPreenchendoForm(null)
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "px-5 pt-3 pb-3 shrink-0 space-y-3", children: [
+                showTabs && mode === "create" && !clientId ? /* @__PURE__ */ jsx("div", { className: "flex gap-1 border-b fayz-glass-divider", children: config.bookingTypes.map((bt) => {
+                  const label = rotuloDoTipo(t, bt.id, bt.label);
+                  const isActive = bookingType === bt.id;
+                  const BtIcon = BOOKING_TYPE_ICONS[bt.icon] ?? Calendar;
+                  return /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "bare",
+                      size: "bare",
+                      type: "button",
+                      onClick: () => setBookingType(bt.id),
+                      className: `relative flex items-center gap-1.5 pb-2 px-2 text-xs font-medium transition-colors ${isActive ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+                      children: [
+                        /* @__PURE__ */ jsx(BtIcon, { className: "h-3.5 w-3.5" }),
+                        label,
+                        isActive && /* @__PURE__ */ jsx("span", { className: "absolute bottom-0 left-0 right-0 h-0.5 rounded-full bg-foreground" })
+                      ]
+                    },
+                    bt.id
+                  );
+                }) }) : (mode === "edit" || !!clientId) && (config.clientEntityDef && clientId || clientId || config.modules.financial && editOrderId ? /* @__PURE__ */ jsx("div", { className: "flex gap-1 border-b fayz-glass-divider", children: [
+                  { id: "appointment", label: rotuloDoTipo(t, bookingType, activeType.label), icon: Calendar, show: true },
+                  { id: "client", label: t("agenda.appointment.clientTab"), icon: User, show: !!config.clientEntityDef && !!clientId },
+                  // Entre a ficha e o dinheiro, como no V1: "quem é" → "o que
+                  // já fez" → "o que deve". Só com o provider sabendo contar.
+                  { id: "history", label: t("agenda.history.tab"), icon: History, show: !!clientId && !!provider.getClientHistory },
+                  // "Financeiro", como no V1 — e é a CONTA DO CLIENTE inteira,
+                  // não só a fatura deste agendamento; por isso basta o cliente.
+                  { id: "financial", label: t("agenda.appointment.financialTab"), icon: DollarSign, show: config.modules.financial && (!!clientId || !!editOrderId) }
+                ].filter((tab) => tab.show).map((tab) => {
+                  const isActive = modalTab === tab.id;
+                  return /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "bare",
+                      size: "bare",
+                      type: "button",
+                      onClick: () => setModalTab(tab.id),
+                      className: `relative flex items-center gap-1.5 pb-2 px-2 text-xs font-medium transition-colors ${isActive ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+                      children: [
+                        /* @__PURE__ */ jsx(tab.icon, { className: "h-3.5 w-3.5" }),
+                        tab.label,
+                        tab.id === "financial" && !paymentStatusLoading && (() => {
+                          const negativo = status === "cancelled" || status === "no_show";
+                          const hoje = date === todayLocal();
+                          if (editPaymentStatus === "paid") {
+                            return /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-success", "aria-label": "Quitado" });
+                          }
+                          if (editPaymentStatus !== "none" && editPaymentStatus !== "cancelled") {
+                            return hoje && !negativo ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 text-destructive", "aria-label": "Pendente hoje" }) : /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5 text-warning", "aria-label": "Em aberto" });
+                          }
+                          if (editPaymentStatus === "none" && hoje && !negativo && totalPrice > 0) {
+                            return /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 text-destructive", "aria-label": "Sem cobran\xE7a levantada" });
+                          }
+                          return null;
+                        })(),
+                        isActive && /* @__PURE__ */ jsx("span", { className: "absolute bottom-0 left-0 right-0 h-0.5 rounded-full bg-foreground" })
+                      ]
+                    },
+                    tab.id
+                  );
+                }) }) : null),
+                modalTab === "appointment" && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs("div", { className: `${ROW_TOP} py-1`, children: [
+                    /* @__PURE__ */ jsx(Clock, { className: "mt-0.5 h-4 w-4 text-muted-foreground shrink-0" }),
+                    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: "flex flex-wrap items-center gap-x-1.5 gap-y-1 text-sm min-w-0",
+                          onClick: (e) => {
+                            if (e.target.closest('button, input, select, [role="combobox"]')) return;
+                            setEditingDate(true);
+                            setEditingTime(true);
+                          },
+                          children: [
+                            editingDate ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+                              Input,
+                              {
+                                type: "date",
+                                value: date,
+                                autoFocus: true,
+                                onChange: (e) => setDate(e.target.value),
+                                onBlur: () => setEditingDate(false),
+                                className: "h-auto w-auto rounded-none border-0 border-b border-foreground bg-transparent p-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 font-medium"
+                              }
+                            ) }) : /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "bare",
+                                size: "bare",
+                                type: "button",
+                                onClick: () => setEditingDate(true),
+                                className: "rounded-none shrink-0 border-b border-transparent px-0.5 py-0.5 font-medium transition-colors hover:border-foreground",
+                                children: formatCompactDate(date, locale)
+                              }
+                            ),
+                            editingTime ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+                              Input,
+                              {
+                                type: "time",
+                                value: startTime,
+                                autoFocus: !editingDate,
+                                onChange: (e) => {
+                                  if (e.target.value) setStartTime(e.target.value);
+                                },
+                                onBlur: () => setEditingTime(false),
+                                className: "h-auto w-auto rounded-none border-0 border-b border-foreground bg-transparent p-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 text-xs text-muted-foreground"
+                              }
+                            ) }) : /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "bare",
+                                size: "bare",
+                                type: "button",
+                                onClick: () => setEditingTime(true),
+                                className: "font-normal rounded-none shrink-0 border-b border-transparent px-0.5 py-0.5 text-xs text-muted-foreground transition-colors hover:border-foreground",
+                                children: startTime
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground/60", children: "\u2014" }),
+                            editingEnd ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+                              Input,
+                              {
+                                type: "time",
+                                value: endDraft ?? endTime,
+                                autoFocus: true,
+                                "aria-label": t("agenda.appointment.endTime"),
+                                onChange: (e) => {
+                                  setEndDraft(e.target.value);
+                                  changeEndTime(e.target.value);
+                                },
+                                onBlur: () => {
+                                  setEndDraft(null);
+                                  setEditingEnd(false);
+                                },
+                                className: "h-auto w-auto rounded-none border-0 border-b border-foreground bg-transparent p-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 text-xs text-muted-foreground"
+                              }
+                            ) }) : /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "bare",
+                                size: "bare",
+                                type: "button",
+                                onClick: () => setEditingEnd(true),
+                                "aria-label": t("agenda.appointment.endTime"),
+                                className: "font-normal shrink-0 border-b border-transparent px-0.5 py-0.5 text-xs text-muted-foreground transition-colors hover:border-foreground",
+                                children: endTime
+                              }
+                            ),
+                            totalDuration > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground/60", children: [
+                              "\xB7 ",
+                              totalDuration,
+                              " min"
+                            ] }),
+                            activeType.fields.professional && /* @__PURE__ */ jsx("div", { className: "ml-auto shrink-0", children: /* @__PURE__ */ jsx(ProfessionalSelect, { value: professionalId, onChange: setProfessionalId, professionals: professionalOptions }) })
+                          ]
+                        }
+                      ),
+                      provider.createRecurringBookings && recurrenceEnabled && /* COLADA na linha de cima: as duas são a mesma frase, e um
+                         respiro entre elas as separa em dois assuntos de novo. */
+                      /* @__PURE__ */ jsx("div", { className: "-mt-0.5", children: mode === "edit" ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: seriesId && seriesSize > 1 ? t("agenda.recurrence.partOfSeries").replace("{{count}}", String(seriesSize)) + (recurrencePreset !== "none" ? ` \xB7 ${t(`agenda.recurrence.preset.${recurrencePreset}`)}` : "") : t("agenda.recurrence.preset.none") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2", children: [
+                          /* @__PURE__ */ jsxs(Select, { value: recurrencePreset, onValueChange: (v) => setRecurrencePreset(v), children: [
+                            /* @__PURE__ */ jsx(SelectTrigger, { className: "h-auto w-auto gap-1 border-0 bg-transparent p-0 text-xs text-muted-foreground shadow-none transition-colors hover:text-foreground focus:ring-0", "aria-label": t("agenda.recurrence.label"), children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                            /* @__PURE__ */ jsxs(SelectContent, { children: [
+                              /* @__PURE__ */ jsx(SelectItem, { value: "none", children: t("agenda.recurrence.preset.none") }),
+                              /* @__PURE__ */ jsx(SelectItem, { value: "daily", children: t("agenda.recurrence.preset.daily") }),
+                              /* @__PURE__ */ jsx(SelectItem, { value: "weekly", children: t("agenda.recurrence.preset.weekly") }),
+                              /* @__PURE__ */ jsx(SelectItem, { value: "biweekly", children: t("agenda.recurrence.preset.biweekly") }),
+                              /* @__PURE__ */ jsx(SelectItem, { value: "monthly", children: t("agenda.recurrence.preset.monthly") })
+                            ] })
+                          ] }),
+                          recurrencePreset !== "none" && /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsxs(Select, { value: recurrenceEndMode, onValueChange: (v) => setRecurrenceEndMode(v), children: [
+                              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-auto w-auto gap-1 border-0 bg-transparent p-0 text-xs text-muted-foreground shadow-none transition-colors hover:text-foreground focus:ring-0", "aria-label": t("agenda.recurrence.ends"), children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                                /* @__PURE__ */ jsx(SelectItem, { value: "count", children: t("agenda.recurrence.endCountShort") }),
+                                /* @__PURE__ */ jsx(SelectItem, { value: "until", children: t("agenda.recurrence.endUntilShort") })
+                              ] })
+                            ] }),
+                            recurrenceEndMode === "count" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                              /* @__PURE__ */ jsx("div", { className: "w-10 shrink-0", children: /* @__PURE__ */ jsx(
+                                Input,
+                                {
+                                  type: "number",
+                                  min: 1,
+                                  max: RECURRENCE_MAX_OCCURRENCES,
+                                  value: recurrenceCount,
+                                  onChange: (e) => setRecurrenceCount(Number(e.target.value) || 1),
+                                  "aria-label": t("agenda.recurrence.countLabel"),
+                                  className: "h-auto rounded-none border-0 border-b border-foreground bg-transparent p-0 text-center text-xs shadow-none focus-visible:ring-0 focus-visible:ring-offset-0"
+                                }
+                              ) }),
+                              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("agenda.recurrence.times") })
+                            ] }) : /* @__PURE__ */ jsx(DatePicker, { value: recurrenceUntil, onChange: setRecurrenceUntil })
+                          ] })
+                        ] }),
+                        recurrencePreset !== "none" && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 space-y-1", children: [
+                          seriesDates && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("agenda.recurrence.summary").replace("{{count}}", String(seriesDates.length)).replace("{{last}}", formatCompactDate(seriesDates[seriesDates.length - 1], locale)) }),
+                          expansion?.truncated && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-warning", children: t("agenda.recurrence.capped").replace("{{max}}", String(RECURRENCE_MAX_OCCURRENCES)) }),
+                          !professionalId && seriesDates && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("agenda.recurrence.needsProfessional") }),
+                          checkingSeries && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("agenda.recurrence.checking") }),
+                          !checkingSeries && seriesConflicts && seriesDates && (seriesConflicts.busyStarts.length > 0 || seriesConflicts.closedDates.length > 0) && /* @__PURE__ */ jsxs("div", { className: "space-y-0.5 rounded-md bg-warning/10 px-2 py-1.5", children: [
+                            seriesConflicts.busyStarts.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-warning", children: t("agenda.recurrence.conflicts").replace("{{busy}}", String(seriesConflicts.busyStarts.length)).replace("{{total}}", String(seriesDates.length)) }),
+                            seriesConflicts.closedDates.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-warning", children: t("agenda.recurrence.closedDays").replace("{{closed}}", String(seriesConflicts.closedDates.length)) }),
+                            /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: t("agenda.recurrence.createsAnyway") })
+                          ] })
+                        ] })
+                      ] }) })
+                    ] })
+                  ] }),
+                  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")
+                  ] }),
+                  feriado && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-warning/10 px-3 py-1.5 text-xs text-warning-foreground", children: [
+                    /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 shrink-0" }),
+                    t("agenda.appointment.holidayWarning"),
+                    " ",
+                    feriado
+                  ] }),
+                  roomConflict && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-warning/10 px-3 py-1.5 text-xs text-warning-foreground", children: [
+                    /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 shrink-0" }),
+                    t("agenda.appointment.roomConflict")
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
+                modalTab === "client" && clientId && config.clientEntityDef && /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: clientDataLoading ? /* @__PURE__ */ jsx("div", { className: "space-y-3 py-2", children: [...Array(4)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-8 rounded-lg bg-muted animate-pulse" }, i)) }) : clientData ? clientEditing ? /* @__PURE__ */ jsx(
+                  CrudFormPage,
+                  {
+                    embedded: true,
+                    entityDef: config.clientEntityDef,
+                    mode: "edit",
+                    initialData: clientData,
+                    namePlural: "",
+                    onCancel: () => setClientEditing(false),
+                    onSubmit: async (data) => {
+                      try {
+                        if (!clientProvider) return;
+                        await clientProvider.update(clientId, data);
+                        setClientData({ ...clientData, ...data });
+                        setClientEditing(false);
+                      } catch {
+                      }
+                    }
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  CrudDetailPage,
+                  {
+                    embedded: true,
+                    entityDef: config.clientEntityDef,
+                    item: clientData,
+                    namePlural: "",
+                    basePath: "",
+                    onBack: () => setModalTab("appointment"),
+                    onEdit: () => setClientEditing(true),
+                    onFieldSave: clientProvider ? saveClientField : void 0,
+                    extraActions: config.clientRecordPath ? [{
+                      id: "full-record",
+                      label: t("agenda.appointment.fullRecord"),
+                      icon: ExternalLink,
+                      // `utility` fica AO LADO do Editar (ícone + tooltip);
+                      // secondary sumiria no caret.
+                      intent: "utility",
+                      onSelect: () => {
+                        navigateApp(`#${config.clientRecordPath}/${clientId}`);
+                        onClose();
+                      }
+                    }] : void 0
+                  }
+                ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: t("agenda.appointment.noClientData") }) }),
+                modalTab === "history" && clientId && /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
+                  ClientHistoryPanel,
+                  {
+                    clientId,
+                    currentBookingId: bookingId,
+                    formatCurrency: (v) => formatCurrency(v, currency.code)
+                  }
+                ) }),
+                modalTab === "financial" && clientId && /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: /* @__PURE__ */ jsx(
+                  WidgetSlot,
+                  {
+                    zone: FINANCIAL_ZONES.clientAccountInline,
+                    personId: clientId,
+                    orderId: editOrderId,
+                    clientName: clientSearch || void 0,
+                    currency,
+                    onGenerate: bookingId && provider.chargeCheckout ? async () => {
+                      const r = await provider.chargeCheckout(bookingId);
+                      if (!r.ok) {
+                        toast.error({
+                          not_found: "Este agendamento n\xE3o existe mais.",
+                          sem_sessao: "Sess\xE3o expirada. Entre de novo para cobrar.",
+                          nada_contratado: "N\xE3o h\xE1 servi\xE7o contratado para cobrar neste agendamento."
+                        }[r.reason ?? ""] ?? "N\xE3o foi poss\xEDvel gerar o recebimento.");
+                        return;
+                      }
+                      if (!r.total) {
+                        toast.success("Atendimento sem valor a cobrar \u2014 nada foi levantado.");
+                      }
+                      let orderNow = editOrderId;
+                      try {
+                        const fresh = await provider.getBookingById(bookingId);
+                        if (fresh?.orderId) {
+                          orderNow = fresh.orderId;
+                          setEditOrderId(fresh.orderId);
+                        }
+                      } catch {
+                      }
+                      config.financialBridge?.getPaymentDetail(orderNow ?? "").then((d) => {
+                        if (d) {
+                          setEditPaymentStatus(d.status);
+                          setEditOrderTotal(d.totalAmount);
+                        }
+                      }).catch(() => {
+                      });
+                      if (agendaDateRange.start) fetchBookings(agendaDateRange);
+                    } : void 0
+                  }
+                ) }),
+                modalTab === "financial" && !clientId && editOrderId && config.financialBridge && /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
+                  BookingPaymentPanel,
+                  {
+                    orderId: editOrderId,
+                    orderTotal: editOrderTotal,
+                    services: services.map((s) => ({ name: s.name, price: s.price, durationMinutes: s.durationMinutes })),
+                    formatCurrency: (v) => formatCurrency(v, currency.code),
+                    inline: true,
+                    onClose: () => setModalTab("appointment"),
+                    onPaymentChange: () => {
+                      config.financialBridge.getPaymentDetail(editOrderId).then((d) => {
+                        if (d) {
+                          setEditPaymentStatus(d.status);
+                          setEditOrderTotal(d.totalAmount);
+                        }
+                      }).catch(() => {
+                      });
+                      if (agendaDateRange.start) fetchBookings(agendaDateRange);
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col flex-1 min-h-0 overflow-hidden", style: { display: modalTab === "appointment" ? void 0 : "none" }, children: [
+                  /* @__PURE__ */ jsxs("div", { className: "border-t fayz-glass-divider px-5 py-3 space-y-1 flex-1 overflow-y-auto", children: [
+                    loading && /* @__PURE__ */ jsx("div", { className: "space-y-2 py-2", children: [...Array(4)].map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1.5", children: [
+                      /* @__PURE__ */ jsx("div", { className: "h-4 w-4 rounded bg-muted animate-pulse shrink-0" }),
+                      /* @__PURE__ */ jsx("div", { className: "h-8 flex-1 rounded-lg bg-muted animate-pulse" })
+                    ] }, i)) }),
+                    !loading && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      activeType.fields.title && /* @__PURE__ */ jsxs("div", { className: `${ROW_CENTER} py-1`, children: [
+                        /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+                        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                          Input,
+                          {
+                            type: "text",
+                            value: title,
+                            onChange: (e) => setTitle(e.target.value),
+                            placeholder: t("agenda.appointment.addTitle"),
+                            autoFocus: mode === "create",
+                            "aria-required": true,
+                            className: "px-2.5 font-medium"
+                          }
+                        ) })
+                      ] }),
+                      activeType.fields.client && /* @__PURE__ */ jsxs("div", { className: `${ROW_CENTER} py-1`, children: [
+                        /* @__PURE__ */ jsx(User, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+                        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                          ContactPicker,
+                          {
+                            value: clientId || clientSearch ? { id: clientId || void 0, name: clientSearch, phone: clientPhone } : null,
+                            onChange: (contact) => {
+                              setClientId(contact?.id ?? "");
+                              setClientSearch(contact?.name ?? "");
+                              setClientPhone(contact?.phone ?? "");
+                            },
+                            kind: config.clientKind,
+                            lookup: config.contactLookup,
+                            createEntityDef: config.clientEntityDef,
+                            clearable: !isPaidBooking,
+                            variant: "inline",
+                            placeholder: t("agenda.appointment.searchClient"),
+                            createLabel: t("agenda.appointment.newClient"),
+                            required: activeType.requiresClient
+                          }
+                        ) })
+                      ] }),
+                      activeType.fields.client && clientId && /* @__PURE__ */ jsxs("div", { className: "pl-7", children: [
+                        /* @__PURE__ */ jsx(WidgetSlot, { zone: FORMS_ZONES.personChecklist, personId: clientId, version: formsVersao, onFill: (t2) => setPreenchendoForm(t2) }),
+                        activeType.fields.services && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
+                          BookingPrepaidPanel,
+                          {
+                            clientId,
+                            addedServiceIds: services.map((s) => s.serviceId),
+                            onAdd: (it) => {
+                              setServices((p) => [...p, { serviceId: it.serviceId, name: it.serviceName, durationMinutes: it.durationMinutes, price: 0 }]);
+                              setDurationOverride(null);
+                            }
+                          }
+                        ) })
+                      ] }),
+                      activeType.fields.attendees && /* @__PURE__ */ jsxs("div", { className: `${ROW_TOP} py-1`, children: [
+                        /* @__PURE__ */ jsx(Users, { className: "h-4 w-4 mt-1.5 text-muted-foreground shrink-0" }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                          attendees.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 mb-1.5", children: attendees.map((a) => /* @__PURE__ */ jsxs(
+                            "span",
+                            {
+                              className: "inline-flex items-center gap-1 rounded-full bg-muted/40 pl-2.5 pr-1 py-0.5 text-sm",
+                              children: [
+                                a.name,
+                                /* @__PURE__ */ jsx(
+                                  Button,
+                                  {
+                                    variant: "bare",
+                                    size: "bare",
+                                    type: "button",
+                                    "aria-label": t("agenda.attendees.remove"),
+                                    onClick: () => setAttendees((p) => p.filter((x) => x.personId !== a.personId)),
+                                    className: "rounded-full p-0.5 hover:bg-muted transition-colors",
+                                    children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                                  }
+                                )
+                              ]
+                            },
+                            a.personId
+                          )) }),
+                          /* @__PURE__ */ jsx(
+                            ContactPicker,
+                            {
+                              value: null,
+                              onChange: (contact) => {
+                                if (!contact?.id) return;
+                                setAttendees((p) => p.some((x) => x.personId === contact.id) ? p : [...p, { personId: contact.id, name: contact.name ?? "" }]);
+                                setAttendeeSeq((n) => n + 1);
+                              },
+                              lookup: config.attendeeLookup,
+                              createEntityDef: config.clientEntityDef,
+                              variant: "inline",
+                              placeholder: t("agenda.attendees.add"),
+                              createLabel: t("agenda.appointment.newClient")
+                            },
+                            attendeeSeq
+                          )
+                        ] })
+                      ] }),
+                      activeType.fields.location && config.modules.locationSelection && (storeLocations.length > 0 || config.locations.length > 0) && !(mode === "create" && prefill?.locationId && locationId === prefill.locationId) && /* @__PURE__ */ jsxs("div", { className: `${ROW_CENTER} py-1`, children: [
+                        /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+                        /* @__PURE__ */ jsx(
+                          LocationSelect,
+                          {
+                            value: locationId,
+                            onChange: setLocationId,
+                            locations: storeLocations.length > 0 ? storeLocations : config.locations
+                          }
+                        )
+                      ] }),
+                      storeResources.length > 0 && /* @__PURE__ */ jsxs("div", { className: `${ROW_CENTER} py-1`, children: [
+                        /* @__PURE__ */ jsx(DoorOpen, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+                        /* @__PURE__ */ jsx(
+                          LocationSelect,
+                          {
+                            value: resourceId,
+                            onChange: setResourceId,
+                            locations: storeResources,
+                            placeholder: t("agenda.appointment.selectRoom")
+                          }
+                        )
+                      ] }),
+                      activeType.fields.services && /* @__PURE__ */ jsxs("div", { className: `${ROW_TOP} py-1`, children: [
+                        /* @__PURE__ */ jsx(Briefcase, { className: "h-4 w-4 mt-1.5 text-muted-foreground shrink-0" }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                          services.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-0.5 mb-1", children: services.map((svc, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center rounded-md bg-muted/30 px-2.5 py-1.5 text-sm", children: [
+                            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate min-w-0", children: svc.name }),
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 shrink-0 ml-3", children: [
+                              /* @__PURE__ */ jsx(
+                                InlineNumber,
+                                {
+                                  value: svc.durationMinutes,
+                                  onChange: (v) => setServices((p) => p.map((s, i) => i === idx ? { ...s, durationMinutes: Math.round(v) } : s)),
+                                  min: 5,
+                                  step: 5,
+                                  className: "w-10 shrink-0",
+                                  disabled: isPaidBooking,
+                                  tooltip: t("agenda.appointment.duration")
+                                }
+                              ),
+                              /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: "min" })
+                            ] }),
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 shrink-0 ml-3", children: [
+                              /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: currency.symbol }),
+                              /* @__PURE__ */ jsx(
+                                InlineNumber,
+                                {
+                                  value: svc.price,
+                                  onChange: (v) => setServices((p) => p.map((s, i) => i === idx ? { ...s, price: v } : s)),
+                                  min: 0,
+                                  step: 0.01,
+                                  className: "w-14 shrink-0",
+                                  disabled: isPaidBooking,
+                                  tooltip: t("agenda.appointment.price")
+                                }
+                              )
+                            ] }),
+                            !isPaidBooking && /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => removeService(idx), className: "p-0.5 ml-2 text-muted-foreground hover:text-destructive shrink-0", children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }) })
+                          ] }, idx)) }),
+                          serviceCreate.creating && serviceCreate.form,
+                          !isPaidBooking && !serviceCreate.creating && /* @__PURE__ */ jsx(
+                            SearchCombobox,
+                            {
+                              value: serviceSearch,
+                              onChange: setServiceSearch,
+                              onSelect: addService,
+                              options: serviceOptions,
+                              placeholder: t("agenda.appointment.searchService"),
+                              onBlurEmpty: () => {
+                              },
+                              onFocus: () => {
+                                if (!serviceSearch && serviceOptions.length === 0) setServiceOptions(initialServiceOptions);
+                              },
+                              renderRight: (opt) => {
+                                const dur = opt.data?.duration_minutes || 0;
+                                const hasPrice = opt.price != null;
+                                if (!hasPrice && !dur) return null;
+                                return /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs whitespace-nowrap", children: [
+                                  hasPrice && formatCurrency(opt.price, currency.code),
+                                  hasPrice && dur > 0 && " \xB7 ",
+                                  dur > 0 && `${dur}min`
+                                ] });
+                              },
+                              minimal: true,
+                              chevron: true,
+                              required: activeType.requiresServices && services.length === 0,
+                              allowCreate: !!serviceCreate.onCreate,
+                              onCreateNew: serviceCreate.onCreate,
+                              createLabel: t("agenda.appointment.newService"),
+                              inlineLabel: services.length > 0 ? t("agenda.appointment.addService") : t("agenda.appointment.addServiceFirst"),
+                              inlineIcon: services.length > 0 ? "plus" : "search"
+                            }
+                          ),
+                          showRevision && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
+                            BookingRevisionPanel,
+                            {
+                              clientId,
+                              value: revisionChoice,
+                              onChange: setRevisionChoice,
+                              onState: setRevisionState
+                            }
+                          ) }),
+                          showInterests && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
+                            BookingInterestsPanel,
+                            {
+                              clientId: clientId || null,
+                              bookingId: mode === "edit" ? bookingId : void 0,
+                              value: interests,
+                              onChange: setInterests
+                            }
+                          ) })
+                        ] })
+                      ] }),
+                      activeType.fields.status && /* @__PURE__ */ jsxs("div", { className: `${ROW_CENTER} py-1`, children: [
+                        /* @__PURE__ */ jsx(CircleDot, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+                        /* @__PURE__ */ jsx(StatusSelect, { value: status, onChange: setStatus, statuses: config.statuses, bookingDate: date })
+                      ] }),
+                      needsCancellationReason && /* @__PURE__ */ jsxs("div", { className: `${ROW_TOP} py-1`, children: [
+                        /* @__PURE__ */ jsx(Ban, { className: "h-4 w-4 mt-2 text-muted-foreground shrink-0" }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+                          /* @__PURE__ */ jsxs(
+                            Select,
+                            {
+                              value: cancellationReasonId,
+                              onValueChange: setCancellationReasonId,
+                              disabled: cancellationReasonsLoading,
+                              children: [
+                                /* @__PURE__ */ jsx(SelectTrigger, { "aria-required": true, className: "bg-card px-2.5", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: cancellationReasonsLoading ? t("agenda.cancellation.loadingReasons") : t("agenda.cancellation.selectReason") }) }),
+                                /* @__PURE__ */ jsx(SelectContent, { children: cancellationReasons.map((reason) => /* @__PURE__ */ jsxs(SelectItem, { value: reason.id, children: [
+                                  reason.label,
+                                  reason.requiresNotes ? " *" : ""
+                                ] }, reason.id)) })
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            Textarea,
+                            {
+                              value: cancellationNotes,
+                              onChange: (event) => setCancellationNotes(event.target.value),
+                              placeholder: needsCancellationNotes ? t("agenda.cancellation.notesRequired") : t("agenda.cancellation.notesOptional"),
+                              rows: 2,
+                              "aria-required": needsCancellationNotes || void 0,
+                              className: "resize-none px-2.5 py-1.5"
+                            }
+                          )
+                        ] })
+                      ] }),
+                      !showNotes ? /* @__PURE__ */ jsxs("div", { className: `${ROW_CENTER} py-1`, children: [
+                        /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "bare",
+                            size: "bare",
+                            type: "button",
+                            onClick: () => setShowNotes(true),
+                            className: "font-normal whitespace-normal text-sm text-muted-foreground hover:text-foreground transition-colors text-left py-1.5 pl-2",
+                            children: t("agenda.appointment.addNotes")
+                          }
+                        )
+                      ] }) : /* @__PURE__ */ jsxs("div", { className: `${ROW_TOP} py-1`, children: [
+                        /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 mt-2 text-muted-foreground shrink-0" }),
+                        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                          Textarea,
+                          {
+                            value: notes,
+                            onChange: (e) => setNotes(e.target.value),
+                            placeholder: t("agenda.appointment.addDescription"),
+                            rows: 2,
+                            autoFocus: true,
+                            className: "min-h-0 resize-none px-2.5 py-1.5"
+                          }
+                        ) })
+                      ] })
+                    ] })
+                  ] }),
+                  modalTab === "appointment" && !clientEditing && /* @__PURE__ */ jsx("div", { className: "px-5 py-2.5 pb-[calc(0.625rem+env(safe-area-inset-bottom))] sm:pb-2.5 border-t fayz-glass-divider bg-transparent shrink-0", 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__ */ 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__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                      mode === "edit" && /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => setConfirmingDelete(true), className: "text-xs text-destructive font-medium hover:underline", children: t("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,
+                        "min",
+                        config.modules.financial && totalPrice > 0 && mode === "edit" ? paymentStatusLoading ? /* @__PURE__ */ jsx("span", { className: "h-4 w-16 rounded-full bg-muted animate-pulse" }) : isPaidBooking ? /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: "bare",
+                            size: "bare",
+                            type: "button",
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              setModalTab("financial");
+                            },
+                            className: "inline-flex items-center gap-1 rounded-full bg-success/10 px-2 py-0.5 text-[10px] font-medium text-success hover:bg-success/20 transition-colors",
+                            children: [
+                              /* @__PURE__ */ jsx(Check, { className: "h-2.5 w-2.5" }),
+                              formatCurrency(totalPrice, currency.code),
+                              " \xB7 ",
+                              t("agenda.payment.paid")
+                            ]
+                          }
+                        ) : date <= todayLocal() ? /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: "bare",
+                            size: "bare",
+                            type: "button",
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              setModalTab("financial");
+                            },
+                            className: "inline-flex items-center gap-1 rounded-full bg-warning/10 px-2 py-0.5 text-[10px] font-medium text-warning hover:bg-warning/20 transition-colors",
+                            children: [
+                              /* @__PURE__ */ jsx(HandCoins, { className: "h-3 w-3" }),
+                              formatCurrency(totalPrice, currency.code),
+                              " \xB7 ",
+                              t("agenda.payment.collect")
+                            ]
+                          }
+                        ) : /* @__PURE__ */ jsxs("span", { children: [
+                          "\xB7 ",
+                          formatCurrency(totalPrice, currency.code)
+                        ] }) : /* @__PURE__ */ jsxs("span", { children: [
+                          "\xB7 ",
+                          formatCurrency(totalPrice, currency.code)
+                        ] })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                      mode === "edit" && date === todayLocal() && (status === "scheduled" || status === "confirmed") && bookingId && /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: "bare",
+                          size: "bare",
+                          type: "button",
+                          disabled: markingWaiting,
+                          onClick: async () => {
+                            setMarkingWaiting(true);
+                            try {
+                              await updateBookingStatus(bookingId, "waiting");
+                              setStatus("waiting");
+                            } finally {
+                              setMarkingWaiting(false);
+                            }
+                          },
+                          className: "inline-flex items-center gap-1.5 rounded-button border border-input px-2.5 py-1 text-xs font-medium transition-colors hover:bg-muted disabled:opacity-60",
+                          children: [
+                            /* @__PURE__ */ jsx(LogIn, { className: "h-3 w-3", "aria-hidden": true }),
+                            markingWaiting ? t("agenda.appointment.saving") : "Cliente aguardando"
+                          ]
+                        }
+                      ),
+                      /* @__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") })
+                    ] })
+                  ] }) })
+                ] }),
+                modalTab !== "appointment" && !clientEditing && /* @__PURE__ */ jsx("div", { className: "px-5 py-2.5 pb-[calc(0.625rem+env(safe-area-inset-bottom))] sm:pb-2.5 border-t fayz-glass-divider bg-transparent shrink-0", children: /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "bare",
+                    size: "bare",
+                    type: "button",
+                    onClick: () => {
+                      setModalTab("appointment");
+                      setClientEditing(false);
+                    },
+                    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")
+                    ]
+                  }
+                ) }) })
+              ] })
+            ] })
+          ]
+        }
+      ),
+      scopeAsk && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-20 flex items-end justify-center bg-background/70 p-4 sm:items-center", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-xs rounded-card border bg-card p-5 shadow-xl", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: scopeAsk === "delete" ? t("agenda.recurrence.scopeDeleteTitle") : t("agenda.recurrence.scopeSaveTitle") }),
+        /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-3", children: ["this", "series"].map((op) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-3 text-sm", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: "series-scope",
+              value: op,
+              checked: scopeChoice === op,
+              onChange: () => setScopeChoice(op),
+              className: "h-4 w-4 accent-primary"
+            }
+          ),
+          op === "this" ? t("agenda.recurrence.scopeThis") : t("agenda.recurrence.scopeSeries").replace("{{count}}", String(seriesSize))
+        ] }, op)) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-5 flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setScopeAsk(null), children: t("agenda.appointment.cancel") }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              onClick: () => {
+                void (scopeAsk === "delete" ? commitDelete(scopeChoice) : commitSave(scopeChoice));
+              },
+              children: t("common.confirm")
+            }
+          )
+        ] })
+      ] }) })
+    ] }) }) })
+  );
+}
+
+export { AppointmentModal, StatusFilterList, isStatusAvailable };
+//# sourceMappingURL=chunk-WNANVT4F.js.map
+//# sourceMappingURL=chunk-WNANVT4F.js.map