@fayz-ai/plugin-agenda 0.27.10 → 0.27.12

package/dist/AgendaPage-43OXQDZE.js

@@ -0,0 +1,3174 @@
+import { StatusFilterList, AppointmentModal, isStatusAvailable } from './chunk-WNANVT4F.js';
+import { AgendaRailColumn, AgendaFilterRail, INLINE_FILTER_MAX, AdaptiveFilter } from './chunk-HGJI2JR6.js';
+import { useAgendaSettings } from './chunk-37INOUNW.js';
+import { getTurnQueueLeader, subscribeTurnQueueLeader } from './chunk-X7PKHXT6.js';
+import { setAgendaTenantId } from './chunk-A2VD5DVN.js';
+import { AgendaContextProvider, useAgendaConfig, useAgendaProvider, useAgendaStore } from './chunk-XTNSK4RJ.js';
+import React, { useRef, useState, useLayoutEffect, useMemo, useCallback, useEffect } from 'react';
+import { usePluginRuntimeOptional, useTranslation, getCurrentLocale, useActiveUnitId, localDateKey, useDataChanged, currentAppPath, appHref, navigateApp, formatCurrency, todayLocal } from '@fayz-ai/core';
+import FullCalendar from '@fullcalendar/react';
+import dayGridPlugin from '@fullcalendar/daygrid';
+import timeGridPlugin from '@fullcalendar/timegrid';
+import resourceTimeGridPlugin from '@fullcalendar/resource-timegrid';
+import interactionPlugin from '@fullcalendar/interaction';
+import listPlugin from '@fullcalendar/list';
+import ptBrLocale from '@fullcalendar/core/locales/pt-br';
+import { Ban, Clock3, Plus, Settings, ChevronLeft, ChevronRight, CalendarX, UserX, Search, CalendarOff, Pencil, Trash2, X, Clock, User, MapPin, FileText, AlertTriangle, Check, DollarSign, HandCoins } from 'lucide-react';
+import { usePluginPrefs, useTenantPluginSettings, useAdminPath, adminNavigateTo, PersonLink, PageActions, ScheduleEditor } from '@fayz-ai/admin';
+import { toast, PersonAvatar, abbreviatePersonName, Badge, PersonMultiPicker, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SegmentedControl, Button, Switch, MiniCalendar, PageHeaderActions, ConfirmDialog, Skeleton, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Input, PersonPicker, Textarea, Tabs, TabsList, TabsTrigger, DatePicker, TimePicker, ModalFooter } from '@fayz-ai/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
+
+// src/styles/calendar-styles.ts
+var STYLE_ID = "saas-agenda-calendar-styles";
+var css = (
+  /* css */
+  `
+/* Dark mode content background \u2014 uses the content token */
+.dark .agenda-calendar,
+.dark .agenda-calendar .fc,
+.dark .agenda-calendar .fc-view-harness,
+.dark .agenda-calendar .fc-timegrid,
+.dark .agenda-calendar .fc-scrollgrid,
+.dark .agenda-calendar .fc-timegrid-col,
+.dark .agenda-calendar .fc-daygrid-body,
+.dark .agenda-calendar .fc-timegrid-slot-lane {
+  background-color: hsl(var(--content));
+}
+
+/* FullCalendar \u2014 Google Calendar inspired theme */
+
+.agenda-calendar {
+  --fc-border-color: hsl(var(--border));
+  --fc-today-bg-color: transparent;
+  --fc-now-indicator-color: hsl(var(--destructive));
+  --fc-highlight-color: hsl(var(--primary) / 0.06);
+  --fc-non-business-color: hsl(var(--muted) / 0.15);
+  --fc-neutral-bg-color: transparent;
+  --fc-page-bg-color: transparent;
+  --fc-event-border-color: transparent;
+}
+
+.agenda-calendar .fc {
+  font-family: inherit;
+  background: transparent;
+}
+
+.agenda-calendar .fc .fc-view-harness {
+  background: transparent;
+}
+
+/* \u2500\u2500 Column headers \u2500\u2500 */
+.agenda-calendar .fc-col-header-cell {
+  background: transparent;
+  border-bottom: 1px solid var(--fc-border-color);
+  border-left: none;
+  border-right: none;
+  border-top: none;
+}
+
+.agenda-calendar .fc-col-header-cell-cushion {
+  padding: 8px 4px;
+  font-weight: 400;
+  font-size: 0.7rem;
+  color: hsl(var(--muted-foreground));
+  text-decoration: none;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
+/* Today's column header */
+.agenda-calendar .fc-day-today .fc-col-header-cell-cushion {
+  color: hsl(var(--primary-ink, var(--primary)));
+  font-weight: 600;
+}
+
+/* Resource header (professional columns) */
+.agenda-calendar .fc .fc-resource-header {
+  background: transparent;
+  border-bottom: 1px solid var(--fc-border-color);
+}
+
+/* \u2500\u2500 Time slots \u2014 compact \u2500\u2500 */
+.agenda-calendar .fc-timegrid-slot {
+  height: 1.5rem;
+  border-bottom: 1px solid hsl(var(--border) / 0.4);
+}
+
+.agenda-calendar .fc-timegrid-slot-label {
+  vertical-align: top;
+  border: none;
+}
+
+.agenda-calendar .fc-timegrid-slot-label-cushion {
+  font-size: 0.65rem;
+  color: hsl(var(--muted-foreground) / 0.7);
+  padding: 1px 8px 0 0;
+}
+
+/* Half-hour lines lighter */
+.agenda-calendar .fc-timegrid-slot-minor {
+  border-bottom-style: none;
+}
+
+/* Column dividers */
+.agenda-calendar .fc-timegrid-col {
+  border-right: 1px solid hsl(var(--border) / 0.5);
+}
+
+/* \u2500\u2500 Events \u2500\u2500 */
+.agenda-calendar .fc-event {
+  border-radius: 6px;
+  border-width: 0;
+  border-left: 4px solid;
+  cursor: pointer;
+  transition: opacity 0.15s, box-shadow 0.15s, backdrop-filter 0.15s;
+  font-size: 0.7rem;
+  line-height: 1.3;
+  margin: 0 2px;
+  overflow: hidden;
+  backdrop-filter: blur(8px) saturate(140%);
+  -webkit-backdrop-filter: blur(8px) saturate(140%);
+}
+
+.agenda-calendar .fc-event .fc-event-main {
+  background: inherit;
+  border-radius: inherit;
+  overflow: hidden;
+}
+
+.agenda-calendar .fc-event:not(.fc-bg-event):hover {
+  opacity: 0.92;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
+  backdrop-filter: blur(12px) saturate(160%);
+  -webkit-backdrop-filter: blur(12px) saturate(160%);
+}
+
+.agenda-calendar .fc-bg-event {
+  pointer-events: none;
+}
+
+/* \u2500\u2500 Now indicator \u2500\u2500 */
+.agenda-calendar .fc-timegrid-now-indicator-line {
+  border-color: hsl(var(--destructive));
+  border-width: 2px;
+}
+
+.agenda-calendar .fc-timegrid-now-indicator-arrow {
+  border-top-color: hsl(var(--destructive));
+}
+
+/* \u2500\u2500 Month view \u2500\u2500 */
+.agenda-calendar .fc-daygrid-day-number {
+  font-size: 0.8rem;
+  padding: 4px 8px;
+  text-decoration: none;
+  color: hsl(var(--foreground));
+}
+
+.agenda-calendar .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
+  background-color: hsl(var(--primary));
+  color: hsl(var(--primary-foreground));
+  border-radius: 50%;
+  width: 1.5rem;
+  height: 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.75rem;
+}
+
+/* \u2500\u2500 Selection \u2500\u2500 */
+.agenda-calendar .fc-highlight {
+  background: hsl(var(--primary) / 0.08);
+}
+
+/* \u2500\u2500 Links \u2500\u2500 */
+.agenda-calendar .fc a {
+  text-decoration: none;
+  color: inherit;
+}
+
+/* \u2500\u2500 Scrollbar \u2500\u2500 */
+.agenda-calendar .fc-scroller {
+  scrollbar-width: thin;
+  scrollbar-color: hsl(var(--muted-foreground) / 0.12) transparent;
+}
+
+.agenda-calendar .fc-scroller::-webkit-scrollbar {
+  width: 6px;
+}
+
+.agenda-calendar .fc-scroller::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.agenda-calendar .fc-scroller::-webkit-scrollbar-thumb {
+  background: hsl(var(--muted-foreground) / 0.12);
+  border-radius: 3px;
+}
+
+/* \u2500\u2500 Clean up borders \u2500\u2500 */
+.agenda-calendar .fc .fc-timegrid {
+  border: none;
+}
+
+.agenda-calendar .fc-scrollgrid {
+  border: none !important;
+}
+
+.agenda-calendar .fc-scrollgrid td:last-child {
+  border-right: none;
+}
+
+/* \u2500\u2500 Unavailable time background \u2014 opaque/disabled feel \u2500\u2500 */
+/* Fora da grade \xE9 FECHADO, e tem de se ler como fechado \xE0 dist\xE2ncia de um
+   bra\xE7o. A 8% o hachurado sumia contra o branco da coluna aberta, e as duas
+   faixas viravam a mesma \u2014 quem marca em cima de um hor\xE1rio que n\xE3o existe
+   descobre no erro, n\xE3o no olho. */
+.agenda-calendar .fc-unavailable-bg {
+  background: hsl(var(--muted-foreground) / 0.2) !important;
+  background-image: repeating-linear-gradient(
+    45deg,
+    transparent,
+    transparent 4px,
+    hsl(var(--muted-foreground) / 0.12) 4px,
+    hsl(var(--muted-foreground) / 0.12) 8px
+  ) !important;
+  border-radius: 0;
+  border-left: none !important;
+}
+
+/* \u2500\u2500 Location label on schedule blocks \u2500\u2500 */
+.agenda-calendar .fc-location-label {
+  background: transparent !important;
+  border: none !important;
+  border-left-width: 0 !important;
+  cursor: default !important;
+  pointer-events: none;
+  box-shadow: none !important;
+  z-index: 1 !important;
+  margin: 0 4px !important;
+  font-weight: 500 !important;
+}
+
+.agenda-calendar .fc-location-label .fc-event-main {
+  padding: 0 !important;
+}
+
+/* Week view day header with date */
+.agenda-calendar .fc-timegrid .fc-col-header-cell {
+  padding: 4px 0;
+}
+
+/* \u2500\u2500 Alternating resource column backgrounds \u2500\u2500 */
+.agenda-calendar .fc-resource-alt {
+  background-color: hsl(var(--muted) / 0.4) !important;
+}
+
+.dark .agenda-calendar .fc-resource-alt {
+  background-color: hsl(var(--muted-foreground) / 0.08) !important;
+}
+
+/* Resource group header separator \u2014 stronger border between professionals */
+.agenda-calendar .fc-resource-group {
+  border-left: 2px solid hsl(var(--border));
+}
+
+/* Also stripe the resource header label for the alt group */
+.agenda-calendar th.fc-resource-alt {
+  background-color: hsl(var(--muted) / 0.4) !important;
+}
+
+.dark .agenda-calendar th.fc-resource-alt {
+  background-color: hsl(var(--muted-foreground) / 0.06) !important;
+}
+/* \u2500\u2500 Semana agrupada por DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+   O cabe\xE7alho de cima \xE9 o dia e as colunas de baixo s\xE3o as agendas daquele
+   dia. Para o bloco existir aos olhos ele precisa de tr\xEAs coisas: o t\xEDtulo do
+   dia lendo como t\xEDtulo, uma junta vis\xEDvel na virada do dia, e uma faixa
+   alternando um dia sim outro n\xE3o. Sem elas quarenta e duas colunas viram uma
+   r\xE9gua sem marca nenhuma.
+
+   Sutil de prop\xF3sito: a junta \xE9 UMA linha de cor cheia contra as linhas a meio
+   tom que separam as agendas. Uma barra grossa gritaria mais alto que os
+   pr\xF3prios agendamentos, que \xE9 o que a tela veio mostrar. */
+
+/* O t\xEDtulo do dia: \xE9 o grupo, ent\xE3o l\xEA como grupo. */
+.agenda-calendar .fc-col-header-cell[data-date] > .fc-scrollgrid-sync-inner {
+  background: hsl(var(--muted) / 0.4);
+}
+
+.dark .agenda-calendar .fc-col-header-cell[data-date] > .fc-scrollgrid-sync-inner {
+  background: hsl(var(--muted-foreground) / 0.08);
+}
+
+.agenda-calendar .fc-col-header-cell[data-date] .fc-col-header-cell-cushion {
+  font-weight: 600;
+  font-size: 0.68rem;
+  letter-spacing: 0.08em;
+  color: hsl(var(--primary-ink, var(--primary)));
+}
+
+.agenda-calendar .fc-day-today.fc-col-header-cell[data-date] > .fc-scrollgrid-sync-inner {
+  background: hsl(var(--primary) / 0.1);
+}
+
+/* A junta do bloco: a primeira agenda de cada dia fecha o dia anterior. */
+.agenda-calendar th.fc-day-start,
+.agenda-calendar td.fc-day-start {
+  border-left: 1px solid hsl(var(--border)) !important;
+}
+
+/* \u2026e a mesma junta sobe at\xE9 o t\xEDtulo, para o corte atravessar a tela inteira. */
+.agenda-calendar .fc-col-header-cell[data-date] + .fc-col-header-cell[data-date] {
+  border-left: 1px solid hsl(var(--border));
+}
+
+/* O nome do profissional \xE9 a FOLHA agora: cabe pouco, ent\xE3o n\xE3o pode vazar. */
+.agenda-calendar th[data-resource-id] {
+  overflow: hidden;
+  border-left: 1px solid hsl(var(--border) / 0.4);
+}
+
+.agenda-calendar th[data-resource-id] .fc-col-header-cell-cushion {
+  padding: 0;
+  text-transform: none;
+  letter-spacing: 0;
+}
+
+/* The day header fills its column, so a holiday name ellipses inside it
+   instead of pushing the day out. */
+.agenda-calendar .fc-col-header-cell[data-date] .fc-col-header-cell-cushion {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+/* A day of the week opens that day. */
+.agenda-calendar .agenda-day-link {
+  cursor: pointer;
+  border-radius: 0.5rem;
+  padding: 2px 4px;
+  transition: background-color 120ms ease-out;
+}
+.agenda-calendar .agenda-day-link:hover,
+.agenda-calendar .agenda-day-link:focus-visible {
+  background: hsl(var(--foreground) / 0.07);
+  outline: none;
+}
+
+/* No schedule in the period: the whole grid reads as closed, in the same
+   hatch as time outside a schedule \u2014 a blank grid looks bookable. On the slot
+   rows, because with no schedule there may be no column to paint. */
+.agenda-calendar.agenda-unscheduled .fc-timegrid-slots td.fc-timegrid-slot-lane {
+  background-color: hsl(var(--muted-foreground) / 0.2);
+  background-image: repeating-linear-gradient(
+    45deg,
+    transparent,
+    transparent 4px,
+    hsl(var(--muted-foreground) / 0.12) 4px,
+    hsl(var(--muted-foreground) / 0.12) 8px
+  );
+  background-attachment: fixed;
+}
+`
+);
+var injected = false;
+function injectCalendarStyles() {
+  if (injected) return;
+  if (typeof document === "undefined") return;
+  const existing = document.getElementById(STYLE_ID);
+  if (existing) {
+    if (existing.textContent !== css) existing.textContent = css;
+    injected = true;
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = css;
+  document.head.appendChild(style);
+  injected = true;
+}
+
+// src/lib/agenda-url.ts
+var VIEWS = ["day", "week", "month", "list"];
+function parseAgendaPath(path) {
+  const parts = (path.split("?")[0] ?? "").split("/").filter(Boolean);
+  if (parts[0] !== "agenda") return null;
+  const view = parts[1];
+  if (!view || !VIEWS.includes(view)) return null;
+  if (parts.length === 2) return { view };
+  if (parts.length !== 5) return null;
+  const [y, m, d] = parts.slice(2).map(Number);
+  const date = new Date(y, m - 1, d);
+  if (date.getFullYear() !== y || date.getMonth() !== m - 1 || date.getDate() !== d) return null;
+  return { view, date };
+}
+function agendaPath(view, date) {
+  if (!date) return `/agenda/${view}`;
+  const pad = (n) => String(n).padStart(2, "0");
+  return `/agenda/${view}/${date.getFullYear()}/${pad(date.getMonth() + 1)}/${pad(date.getDate())}`;
+}
+function urlViewOf(viewType) {
+  if (viewType.startsWith("list")) return "list";
+  if (viewType.endsWith("Day")) return "day";
+  if (viewType.endsWith("Week")) return "week";
+  return "month";
+}
+function calendarViewFor(view, resourceCapable) {
+  if (view === "day") return resourceCapable ? "resourceTimeGridDay" : "timeGridDay";
+  if (view === "week") return resourceCapable ? "resourceTimeGridWeek" : "timeGridWeek";
+  if (view === "list") return resourceCapable ? "listWeek" : "listMonth";
+  return "dayGridMonth";
+}
+var DIAS = [
+  { v: 1, label: "Seg" },
+  { v: 2, label: "Ter" },
+  { v: 3, label: "Qua" },
+  { v: 4, label: "Qui" },
+  { v: 5, label: "Sex" },
+  { v: 6, label: "S\xE1b" },
+  { v: 0, label: "Dom" }
+];
+var REPETICAO = [
+  { v: "0", label: "Toda semana" },
+  { v: "1", label: "Semana sim, semana n\xE3o" },
+  { v: "2", label: "A cada 3 semanas" },
+  { v: "3", label: "A cada 4 semanas" }
+];
+var hoje = () => todayLocal();
+function BlockDialog({
+  open,
+  onClose,
+  professionalId: prefillProfessional,
+  date,
+  editing,
+  onSaved
+}) {
+  const professionals = useAgendaStore((s) => s.agendaProfessionals);
+  const provider = useAgendaProvider();
+  const [assigneeId, setAssigneeId] = React.useState(prefillProfessional ?? "");
+  const [title, setTitle] = React.useState("");
+  const [description, setDescription] = React.useState("");
+  const [mode, setMode] = React.useState("single");
+  const [specificDate, setSpecificDate] = React.useState(date ?? hoje());
+  const [allDay, setAllDay] = React.useState(false);
+  const [startsAt, setStartsAt] = React.useState("12:00");
+  const [endsAt, setEndsAt] = React.useState("13:00");
+  const [days2, setDays] = React.useState([]);
+  const [validFrom, setValidFrom] = React.useState(date ?? hoje());
+  const [validTo, setValidTo] = React.useState("");
+  const [weekInterval, setWeekInterval] = React.useState("0");
+  const [saving, setSaving] = React.useState(false);
+  React.useEffect(() => {
+    if (!open) return;
+    if (editing) {
+      setAssigneeId(editing.assigneeId);
+      setTitle(editing.title);
+      setDescription(editing.description);
+      setMode(editing.daysOfWeek.length ? "recurring" : "single");
+      setSpecificDate(editing.specificDate ?? hoje());
+      setDays(editing.daysOfWeek);
+      setValidFrom(editing.validFrom ?? hoje());
+      setValidTo(editing.validTo ?? "");
+      setWeekInterval(String(editing.weekInterval));
+      setAllDay(editing.startsAt === "00:00" && editing.endsAt === "23:59");
+      setStartsAt(editing.startsAt);
+      setEndsAt(editing.endsAt);
+      return;
+    }
+    setAssigneeId(prefillProfessional ?? "");
+    setTitle("");
+    setDescription("");
+    setMode("single");
+    setDays([]);
+    setValidTo("");
+    setSpecificDate(date ?? hoje());
+    setValidFrom(date ?? hoje());
+  }, [open, prefillProfessional, date, editing]);
+  const toggleDay = (d) => setDays((cur) => cur.includes(d) ? cur.filter((x) => x !== d) : [...cur, d]);
+  const falta = !assigneeId ? "Escolha o profissional" : !title.trim() ? "D\xEA um t\xEDtulo ao bloqueio" : mode === "recurring" && days2.length === 0 ? "Escolha ao menos um dia da semana" : null;
+  async function salvar() {
+    if (falta || !provider.createBlock) return;
+    setSaving(true);
+    try {
+      if (editing && provider.deleteBlock) await provider.deleteBlock(editing.ids);
+      await provider.createBlock({
+        assigneeId,
+        title: title.trim(),
+        description: description.trim() || void 0,
+        startsAt: allDay ? "00:00" : startsAt,
+        endsAt: allDay ? "23:59" : endsAt,
+        ...mode === "single" ? { specificDate } : {
+          daysOfWeek: days2,
+          validFrom,
+          validTo: validTo || null,
+          weekInterval: Number(weekInterval)
+        }
+      });
+      toast.success(editing ? "Bloqueio atualizado" : "Bloqueio salvo");
+      onSaved?.();
+      onClose();
+    } catch (err) {
+      toast.error("N\xE3o foi poss\xEDvel salvar o bloqueio", { description: err?.message });
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "md", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs(ModalTitle, { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(CalendarOff, { className: "h-4 w-4", "aria-hidden": true }),
+      editing ? "Editar bloqueio" : "Novo bloqueio / compromisso"
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Profissional *" }),
+        /* @__PURE__ */ jsx(
+          PersonPicker,
+          {
+            options: professionals.map((p) => ({ id: p.id, name: p.name, avatarUrl: p.avatarUrl })),
+            value: assigneeId,
+            onChange: setAssigneeId,
+            placeholder: "Selecione o profissional",
+            searchPlaceholder: "Buscar profissional\u2026"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "T\xEDtulo *" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: title,
+            onChange: (e) => setTitle(e.target.value),
+            placeholder: "Ex.: Almo\xE7o, Curso, Consulta m\xE9dica"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Descri\xE7\xE3o" }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value: description,
+            onChange: (e) => setDescription(e.target.value),
+            rows: 2,
+            className: "min-h-0"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Tabs, { value: mode, onValueChange: (v) => setMode(v), children: /* @__PURE__ */ jsxs(TabsList, { className: "w-full", children: [
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "single", className: "flex-1", children: "\xDAnico" }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "recurring", className: "flex-1", children: "Recorrente" })
+      ] }) }),
+      mode === "single" ? /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Data *" }),
+        /* @__PURE__ */ jsx(DatePicker, { value: specificDate, format: "numeric", onChange: setSpecificDate })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Dias da semana *" }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: DIAS.map((d) => {
+            const on = days2.includes(d.v);
+            return /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "bare",
+                size: "bare",
+                type: "button",
+                onClick: () => toggleDay(d.v),
+                "aria-pressed": on,
+                className: "rounded-button border px-2.5 py-1 text-xs transition-colors " + (on ? "border-primary bg-primary/10 font-medium text-foreground" : "border-input font-normal text-muted-foreground hover:bg-muted"),
+                children: d.label
+              },
+              d.v
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "De *" }),
+            /* @__PURE__ */ jsx(DatePicker, { value: validFrom, format: "numeric", onChange: setValidFrom })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "At\xE9" }),
+            /* @__PURE__ */ jsx(DatePicker, { value: validTo, format: "numeric", onChange: setValidTo }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-muted-foreground", children: "Vazio = sem fim" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Repeti\xE7\xE3o" }),
+          /* @__PURE__ */ jsxs(Select, { value: weekInterval, onValueChange: setWeekInterval, children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: REPETICAO.map((r) => /* @__PURE__ */ jsx(SelectItem, { value: r.v, children: r.label }, r.v)) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-lg border px-3 py-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Dia inteiro" }),
+        /* @__PURE__ */ jsx(Switch, { size: "sm", checked: allDay, onCheckedChange: setAllDay })
+      ] }),
+      !allDay && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "In\xEDcio *" }),
+          /* @__PURE__ */ jsx(TimePicker, { value: startsAt, onChange: setStartsAt, interval: 15 })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Fim *" }),
+          /* @__PURE__ */ jsx(TimePicker, { value: endsAt, onChange: setEndsAt, interval: 15, min: startsAt })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { className: "items-center", children: [
+      editing && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          disabled: saving,
+          onClick: async () => {
+            if (!provider.deleteBlock) return;
+            setSaving(true);
+            try {
+              await provider.deleteBlock(editing.ids);
+              toast.success(editing.ids.length > 1 ? `Bloqueio removido de ${editing.ids.length} dias` : "Bloqueio removido");
+              onSaved?.();
+              onClose();
+            } catch (err) {
+              toast.error("N\xE3o foi poss\xEDvel remover o bloqueio", { description: err?.message });
+            } finally {
+              setSaving(false);
+            }
+          },
+          className: "mr-auto text-xs font-medium text-destructive hover:underline disabled:opacity-60",
+          children: "Excluir bloqueio"
+        }
+      ),
+      falta && /* @__PURE__ */ jsx("span", { className: "mr-auto text-xs text-muted-foreground", children: falta }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onClose, children: "Cancelar" }),
+      /* @__PURE__ */ jsx(Button, { onClick: salvar, disabled: !!falta || saving, children: saving ? "Salvando\u2026" : editing ? "Salvar altera\xE7\xF5es" : "Salvar bloqueio" })
+    ] })
+  ] }) });
+}
+function LostSlotsCard({ range, selectedStatuses, onPick }) {
+  const provider = useAgendaProvider();
+  const [counts, setCounts] = React.useState(null);
+  const [falhou, setFalhou] = React.useState(false);
+  const key = range ? `${range.start}|${range.end}` : null;
+  React.useEffect(() => {
+    if (!range || !provider.getLostCounts) {
+      setCounts(null);
+      return;
+    }
+    let cancelled = false;
+    setCounts(null);
+    setFalhou(false);
+    provider.getLostCounts(range).then((c) => {
+      if (!cancelled) setCounts(c);
+    }).catch(() => {
+      if (!cancelled) setFalhou(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [key, provider]);
+  if (falhou) return null;
+  if (!provider.getLostCounts) return null;
+  if (counts === null) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 py-1", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-full" })
+    ] });
+  }
+  if (counts.cancelled === 0 && counts.noShow === 0) return null;
+  const linhas = [
+    { status: "cancelled", label: "Cancelados", n: counts.cancelled, Icon: CalendarX, tone: "text-destructive" },
+    { status: "no_show", label: "N\xE3o compareceu", n: counts.noShow, Icon: UserX, tone: "text-muted-foreground" }
+  ].filter((l) => l.n > 0);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "px-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Perdidos no per\xEDodo" }),
+    linhas.map(({ status, label, n, Icon, tone }) => {
+      const on = selectedStatuses.includes(status);
+      return /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: () => onPick(status),
+          "aria-pressed": on,
+          className: "flex w-full items-center justify-start gap-2 rounded-md px-1.5 py-1.5 text-left text-xs transition-colors " + (on ? "bg-muted font-medium text-foreground" : "font-normal text-muted-foreground hover:bg-muted/50"),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: `h-3.5 w-3.5 shrink-0 ${tone}`, "aria-hidden": true }),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 tabular-nums font-semibold text-foreground", children: n })
+          ]
+        },
+        status
+      );
+    })
+  ] });
+}
+function ScheduleGridDialog({ open, onClose, professionalId }) {
+  const t = useTranslation();
+  const professionals = useAgendaStore((s) => s.professionals);
+  const invalidateSchedules = useAgendaStore((s) => s.invalidateSchedules);
+  const [search, setSearch] = React.useState("");
+  const [selectedId, setSelectedId] = React.useState(null);
+  React.useEffect(() => {
+    if (!open) return;
+    setSelectedId((current) => professionalId ?? current ?? professionals[0]?.id ?? null);
+  }, [open, professionalId, professionals]);
+  const selectedRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!open || !selectedId) return;
+    const id = window.setTimeout(() => {
+      selectedRef.current?.scrollIntoView({ block: "nearest" });
+    }, 0);
+    return () => window.clearTimeout(id);
+  }, [open, selectedId]);
+  const term = search.trim().toLowerCase();
+  const shown = term ? professionals.filter((p) => p.name.toLowerCase().includes(term)) : professionals;
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "full", noPadding: true, className: "gap-0", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { className: "border-b px-5 py-3.5", children: /* @__PURE__ */ jsx(ModalTitle, { className: "text-base", children: t("agenda.schedules.title") }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "flex flex-col overflow-hidden p-0 sm:h-full sm:max-h-[78vh] sm:flex-row", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex max-h-44 shrink-0 flex-col border-b sm:max-h-none sm:w-56 sm:border-b-0 sm:border-r", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative p-2", children: [
+          /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-4 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "search",
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              placeholder: t("agenda.schedules.searchProfessional"),
+              className: "h-auto rounded-md border-border bg-background py-1.5 pl-7 pr-2 text-xs shadow-none focus:border-primary focus-visible:ring-0 focus-visible:ring-offset-0"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto pb-2", children: [
+          shown.map((prof) => /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              ref: selectedId === prof.id ? selectedRef : void 0,
+              type: "button",
+              onClick: () => setSelectedId(prof.id),
+              className: (
+                // Selecionado com o fundo de ativo da casa e barra à
+                // esquerda: numa lista de 277 nomes, um cinza a mais que o
+                // vizinho não diz de quem é a grade aberta ao lado.
+                //
+                // O NOME fica em `text-foreground`, não na cor primária: o
+                // primário desta marca é um dourado claro, e dourado sobre
+                // fundo claro é o texto que ninguém lê. A cor identifica a
+                // linha (fundo e barra); quem carrega a informação é o
+                // nome, e ele precisa de contraste.
+                "flex w-full items-center justify-start gap-2 border-l-2 px-3 py-2 text-left text-sm transition-colors " + (selectedId === prof.id ? "border-primary bg-primary/10 font-semibold text-foreground" : "border-transparent font-normal text-muted-foreground hover:bg-muted/50 hover:text-foreground")
+              ),
+              children: [
+                /* @__PURE__ */ jsx(PersonAvatar, { name: prof.name, src: prof.avatarUrl, size: "sm" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: prof.name })
+              ]
+            },
+            prof.id
+          )),
+          shown.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-xs text-muted-foreground", children: "\u2014" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 overflow-y-auto px-4 pt-4", children: selectedId ? /* @__PURE__ */ jsx(ScheduleEditor, { assigneeId: selectedId, onSaved: invalidateSchedules }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("agenda.schedules.pickProfessional") }) })
+    ] })
+  ] }) });
+}
+var STYLE_ID2 = "saas-floating-panel";
+if (typeof document !== "undefined" && !document.getElementById(STYLE_ID2)) {
+  const s = document.createElement("style");
+  s.id = STYLE_ID2;
+  s.textContent = `
+    @keyframes _fp-dismiss { from { opacity:1; transform:scale(1) } to { opacity:0; transform:scale(.96) } }
+    @keyframes _fp-expand  { from { opacity:1; transform:scale(1) } to { opacity:0; transform:scale(1.08) } }
+    .saas-fp-dismissing { animation: _fp-dismiss 150ms ease-in forwards; pointer-events: none }
+    .saas-fp-expanding  { animation: _fp-expand 200ms ease-in forwards; pointer-events: none }
+  `;
+  document.head.appendChild(s);
+}
+function FloatingPanel({
+  position,
+  width,
+  height,
+  offset,
+  onClose,
+  className,
+  children,
+  zIndex = 100
+}) {
+  const ref = useRef(null);
+  const [phase, setPhase] = useState("visible");
+  const phaseRef = useRef("visible");
+  phaseRef.current = phase;
+  const onCloseRef = useRef(onClose);
+  onCloseRef.current = onClose;
+  const expandCallbackRef = useRef(null);
+  const dismiss = useCallback(() => {
+    if (phaseRef.current !== "visible") return;
+    setPhase("dismissing");
+    setTimeout(() => onCloseRef.current(), 150);
+  }, []);
+  const expandThen = useCallback((callback) => {
+    if (phaseRef.current !== "visible") return;
+    expandCallbackRef.current = callback;
+    setPhase("expanding");
+    setTimeout(() => {
+      callback();
+      onCloseRef.current();
+    }, 220);
+  }, []);
+  useEffect(() => {
+    function handleClick(e) {
+      if (phaseRef.current !== "visible") return;
+      if (ref.current && !ref.current.contains(e.target)) {
+        const target = e.target;
+        if (target.closest(".fc-event")) return;
+        dismiss();
+      }
+    }
+    function handleKey(e) {
+      if (e.key === "Escape") dismiss();
+    }
+    document.addEventListener("mousedown", handleClick);
+    document.addEventListener("keydown", handleKey);
+    return () => {
+      document.removeEventListener("mousedown", handleClick);
+      document.removeEventListener("keydown", handleKey);
+    };
+  }, [dismiss]);
+  const ox = offset?.x ?? 0;
+  const oy = offset?.y ?? 0;
+  let x = position.x + ox;
+  let y = position.y + oy;
+  if (x + width > window.innerWidth - 12) x = x - width - ox * 2;
+  if (y + height > window.innerHeight - 12) y = y - height - oy * 2;
+  if (x < 12) x = 12;
+  if (y < 12) y = 12;
+  const panelRef = { dismiss, expandThen };
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        style: { position: "fixed", left: x, top: y, zIndex, transition: phase === "visible" ? "left 200ms ease-out, top 200ms ease-out" : void 0 },
+        className: `fayz-glass-surface rounded-modal border bg-popover shadow-lg overflow-hidden ${phase === "expanding" ? "saas-fp-expanding" : phase === "dismissing" ? "saas-fp-dismissing" : "animate-in fade-in zoom-in-95 duration-150"} ${className ?? ""}`,
+        children: children(panelRef)
+      }
+    ),
+    document.body
+  );
+}
+function useSeriesDelete(booking, enabled, onDone) {
+  const provider = useAgendaProvider();
+  const deleteBooking = useAgendaStore((s) => s.deleteBooking);
+  const deleteBookingSeries = useAgendaStore((s) => s.deleteBookingSeries);
+  const [seriesSize, setSeriesSize] = useState(null);
+  const [deleting, setDeleting] = useState(null);
+  const seriesId = booking.seriesId ?? null;
+  useEffect(() => {
+    if (!enabled || !seriesId || !provider.countSeriesOccurrences) return;
+    let alive = true;
+    provider.countSeriesOccurrences(seriesId).then((n) => {
+      if (alive) setSeriesSize(n);
+    }).catch(() => {
+      if (alive) setSeriesSize(0);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [enabled, seriesId, provider]);
+  const isSeries = Boolean(seriesId) && seriesSize !== 1 && seriesSize !== 0;
+  async function remove(scope) {
+    setDeleting(scope);
+    try {
+      if (scope === "series" && seriesId) await deleteBookingSeries(seriesId);
+      else await deleteBooking(booking.id);
+      onDone();
+    } catch {
+      setDeleting(null);
+    }
+  }
+  return { isSeries, seriesSize, deleting, remove };
+}
+function SeriesDeleteChoice({ seriesSize, deleting, onPick, onCancel }) {
+  const t = useTranslation();
+  const allLabel = t("agenda.recurrence.scopeSeriesShort").replace("{{count}}", seriesSize ? String(seriesSize) : "\u2026");
+  const btn = "flex-1 min-w-0 whitespace-normal rounded border border-destructive/30 px-2 py-1 text-center text-[11px] font-medium text-destructive hover:bg-destructive/10 disabled:opacity-40 transition-colors";
+  return /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-destructive", children: t("agenda.recurrence.scopeDeleteTitle") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: onCancel,
+          disabled: deleting !== null,
+          className: "rounded px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground hover:bg-muted/50 transition-colors",
+          children: t("agenda.appointment.cancel")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-stretch gap-1.5", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", className: btn, disabled: deleting !== null, onClick: () => onPick("this"), children: deleting === "this" ? t("agenda.appointment.deleting") : t("agenda.recurrence.scopeThisShort") }),
+      /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", className: btn, disabled: deleting !== null, onClick: () => onPick("series"), children: deleting === "series" ? t("agenda.appointment.deleting") : allLabel })
+    ] })
+  ] });
+}
+function fmtTime(iso) {
+  return new Date(iso).toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" });
+}
+function fmtDate(iso) {
+  return new Date(iso).toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric" });
+}
+function PopoverStatusSelect({ value, statuses, bookingStartsAt, onChange }) {
+  const [open, setOpen] = useState(false);
+  const ref = useRef(null);
+  const current = statuses.find((s) => s.value === value);
+  useEffect(() => {
+    if (!open) return;
+    const h = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", h);
+    return () => document.removeEventListener("mousedown", h);
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { ref, className: "relative inline-block", children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: () => setOpen((p) => !p),
+        className: "inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[11px] font-medium transition-colors hover:opacity-80",
+        style: { backgroundColor: (current?.color ?? "#6b7280") + "18", color: current?.color ?? "#6b7280" },
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full", style: { backgroundColor: current?.color } }),
+          current?.label ?? value,
+          /* @__PURE__ */ jsx("svg", { className: "h-3 w-3 opacity-50", 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 bottom-full left-0 z-50 mb-1 rounded-lg border bg-popover shadow-lg py-1 animate-in fade-in zoom-in-95 duration-100 min-w-[140px]", children: statuses.map((s) => {
+      const available = isStatusAvailable(s, bookingStartsAt);
+      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 px-3 py-1.5 text-xs 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
+      );
+    }) })
+  ] });
+}
+function AppointmentPopover({ booking, position, onClose, onEdit }) {
+  const t = useTranslation();
+  const config = useAgendaConfig();
+  const updateStatus = useAgendaStore((s) => s.updateBookingStatus);
+  const openModal = useAgendaStore((s) => s.openAppointmentModal);
+  const [confirmingDelete, setConfirmingDelete] = useState(false);
+  const series = useSeriesDelete(booking, confirmingDelete, onClose);
+  const deleting = series.deleting !== null;
+  const statusConfig = config.statuses.find((s) => s.value === booking.status);
+  const color = statusConfig?.color ?? "#6b7280";
+  const timeRange = `${fmtTime(booking.startsAt)}${booking.endsAt ? " \u2013 " + fmtTime(booking.endsAt) : ""}`;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FloatingPanel, { position, width: 320, height: 340, onClose, children: (panel) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-0.5 px-3 pt-3 pb-1", children: confirmingDelete && series.isSeries ? /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+      SeriesDeleteChoice,
+      {
+        seriesSize: series.seriesSize,
+        deleting: series.deleting,
+        onPick: (scope) => {
+          void series.remove(scope);
+        },
+        onCancel: () => setConfirmingDelete(false)
+      }
+    ) }) : confirmingDelete ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive font-medium mr-auto pl-1", children: t("agenda.appointment.deleteConfirm") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: () => setConfirmingDelete(false),
+          className: "rounded px-2 py-0.5 text-[11px] font-medium hover:bg-muted/50 transition-colors",
+          children: t("agenda.appointment.cancel")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: () => {
+            void series.remove("this");
+          },
+          disabled: deleting,
+          className: "rounded bg-destructive border border-destructive px-2 py-0.5 text-[11px] font-medium text-destructive-foreground hover:bg-destructive/90 shadow-button-primary active:shadow-button-inset disabled:opacity-40 transition-colors",
+          children: deleting ? t("agenda.appointment.deleting") : t("agenda.appointment.confirmDelete")
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: () => panel.expandThen(() => onEdit(booking.id)),
+          className: "p-1.5 rounded-full hover:bg-muted transition-colors",
+          title: t("common.edit"),
+          children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4 text-muted-foreground" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: () => setConfirmingDelete(true),
+          className: "p-1.5 rounded-full hover:bg-destructive/10 transition-colors",
+          title: t("common.delete"),
+          children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-muted-foreground hover:text-destructive" })
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: panel.dismiss, className: "p-1.5 rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4 text-muted-foreground" }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "px-5 pb-5 space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "mt-1.5 h-3 w-3 rounded shrink-0", style: { backgroundColor: color } }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          config.capabilities.client ? /* @__PURE__ */ jsx(PersonLink, { personId: booking.clientId, name: booking.clientName ?? "Unknown", className: "text-base" }) : /* @__PURE__ */ jsx("p", { className: "text-base font-medium truncate", children: booking.clientName || t("agenda.appointment.untitled") }),
+          /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground mt-0.5", children: [
+            fmtDate(booking.startsAt),
+            " \xB7 ",
+            timeRange
+          ] })
+        ] })
+      ] }),
+      booking.services && booking.services.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 mt-0.5 text-muted-foreground shrink-0" }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm space-y-0.5", children: booking.services.map((svc) => /* @__PURE__ */ jsxs("p", { children: [
+          svc.name,
+          " ",
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            "(",
+            svc.durationMinutes,
+            "min)"
+          ] })
+        ] }, svc.id)) })
+      ] }),
+      config.capabilities.professional && booking.professionalName && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(User, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: booking.professionalName })
+      ] }),
+      booking.locationName && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: booking.locationName })
+      ] }),
+      booking.notes && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 mt-0.5 text-muted-foreground shrink-0" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: booking.notes })
+      ] }),
+      booking.orderTotal != null && booking.orderTotal > 0 && (() => {
+        const total = formatCurrency(booking.orderTotal, config.currency.code);
+        const ps = booking.paymentStatus ?? "none";
+        const hasFinancial = config.modules.financial && booking.orderId;
+        if (!hasFinancial) {
+          return /* @__PURE__ */ jsxs("div", { className: "pt-2 border-t fayz-glass-divider flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("agenda.appointment.total") }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: total })
+          ] });
+        }
+        const badgeConfig = {
+          none: { icon: HandCoins, bg: "bg-warning/10 hover:bg-warning/15", text: "text-warning", label: `${total} \xB7 ${t("agenda.payment.collect")}` },
+          pending: { icon: Clock, bg: "bg-warning/10 hover:bg-warning/15", text: "text-warning", label: `${total} \xB7 ${t("agenda.payment.pending")}` },
+          partial: { icon: DollarSign, bg: "bg-warning/10 hover:bg-warning/15", text: "text-warning", label: `${total} \xB7 ${t("agenda.payment.partial")}` },
+          paid: { icon: Check, bg: "bg-success/10 hover:bg-success/15", text: "text-success", label: `${total} \xB7 ${t("agenda.payment.paid")}` },
+          overdue: { icon: AlertTriangle, bg: "bg-destructive/10 hover:bg-destructive/15", text: "text-destructive", label: `${total} \xB7 ${t("agenda.payment.overdue")}` },
+          cancelled: { icon: X, bg: "bg-muted hover:bg-muted/80", text: "text-muted-foreground", label: `${total} \xB7 ${t("agenda.payment.cancelled")}` }
+        };
+        const cfg = badgeConfig[ps] ?? badgeConfig.none;
+        const StatusIcon = cfg.icon;
+        return /* @__PURE__ */ jsxs("div", { className: "pt-2 border-t fayz-glass-divider flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("agenda.appointment.total") }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              onClick: () => {
+                onClose();
+                openModal("edit", { bookingId: booking.id, initialTab: "financial" });
+              },
+              className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-medium transition-colors ${cfg.bg} ${cfg.text}`,
+              children: [
+                /* @__PURE__ */ jsx(StatusIcon, { className: "h-3 w-3" }),
+                cfg.label
+              ]
+            }
+          )
+        ] });
+      })(),
+      config.capabilities.status && /* @__PURE__ */ jsx("div", { className: "pt-2 border-t fayz-glass-divider", children: /* @__PURE__ */ jsx(
+        PopoverStatusSelect,
+        {
+          value: booking.status,
+          statuses: config.statuses,
+          bookingStartsAt: booking.startsAt,
+          onChange: (v) => {
+            updateStatus(booking.id, v);
+            onClose();
+          }
+        }
+      ) })
+    ] })
+  ] }) }) });
+}
+function Tooltip({ anchor, label }) {
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: { position: "fixed", left: anchor.left + anchor.width / 2, top: anchor.bottom + 6, transform: "translateX(-50%)", zIndex: 120 },
+        className: "pointer-events-none",
+        children: /* @__PURE__ */ jsx("div", { className: "rounded-md bg-foreground text-background px-2 py-0.5 text-[11px] font-medium whitespace-nowrap shadow-lg", children: label })
+      }
+    ),
+    document.body
+  );
+}
+function StatusDot({ color, label, isActive, disabled, onClick }) {
+  const [hover, setHover] = useState(false);
+  const btnRef = useRef(null);
+  const [rect, setRect] = useState(null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        ref: btnRef,
+        type: "button",
+        onClick: disabled ? void 0 : onClick,
+        disabled,
+        onMouseEnter: () => {
+          setHover(true);
+          if (btnRef.current) setRect(btnRef.current.getBoundingClientRect());
+        },
+        onMouseLeave: () => setHover(false),
+        className: `flex h-7 w-7 items-center justify-center rounded-full transition-all ${disabled ? "disabled:pointer-events-auto disabled:cursor-not-allowed disabled:opacity-25" : isActive ? "ring-2 ring-offset-2 ring-offset-popover" : "hover:scale-110"}`,
+        style: { backgroundColor: color, ["--tw-ring-color"]: isActive ? color : void 0 },
+        children: isActive && /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-white", strokeWidth: 2.5 })
+      }
+    ),
+    hover && rect && /* @__PURE__ */ jsx(Tooltip, { anchor: rect, label })
+  ] });
+}
+function EventContextMenu({ booking, position, onClose, onEdit }) {
+  const t = useTranslation();
+  const config = useAgendaConfig();
+  const updateStatus = useAgendaStore((s) => s.updateBookingStatus);
+  const [confirming, setConfirming] = useState(false);
+  const series = useSeriesDelete(booking, confirming, onClose);
+  const deleting = series.deleting !== null;
+  return /* @__PURE__ */ jsx(FloatingPanel, { position, width: 230, height: 180, offset: { x: 4, y: 4 }, onClose, zIndex: 110, children: (panel) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "py-1", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: () => panel.expandThen(() => onEdit(booking.id)),
+          className: "font-normal justify-start rounded-none whitespace-normal flex w-full items-center gap-3 px-4 py-2 text-sm hover:bg-muted/50 transition-colors",
+          children: [
+            /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4 text-muted-foreground" }),
+            " ",
+            t("agenda.contextMenu.edit")
+          ]
+        }
+      ),
+      confirming && series.isSeries ? /* @__PURE__ */ jsx(
+        SeriesDeleteChoice,
+        {
+          seriesSize: series.seriesSize,
+          deleting: series.deleting,
+          onPick: (scope) => {
+            void series.remove(scope);
+          },
+          onCancel: () => setConfirming(false)
+        }
+      ) : confirming ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive font-medium", children: t("agenda.appointment.deleteConfirm") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              onClick: () => setConfirming(false),
+              className: "rounded px-2 py-0.5 text-[11px] font-medium hover:bg-muted/50 transition-colors",
+              children: t("agenda.appointment.cancel")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              onClick: () => {
+                void series.remove("this");
+              },
+              disabled: deleting,
+              className: "rounded bg-destructive border border-destructive px-2 py-0.5 text-[11px] font-medium text-destructive-foreground hover:bg-destructive/90 shadow-button-primary active:shadow-button-inset disabled:opacity-40 transition-colors",
+              children: deleting ? t("agenda.appointment.deleting") : t("agenda.appointment.confirmDelete")
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: () => setConfirming(true),
+          className: "font-normal justify-start rounded-none whitespace-normal flex w-full items-center gap-3 px-4 py-2 text-sm hover:bg-muted/50 transition-colors text-destructive",
+          children: [
+            /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
+            " ",
+            t("agenda.contextMenu.delete")
+          ]
+        }
+      )
+    ] }),
+    config.capabilities.status && /* @__PURE__ */ jsxs("div", { className: "border-t px-4 py-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-muted-foreground mb-2", children: t("agenda.contextMenu.changeStatus") }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: config.statuses.map((s) => {
+        const available = isStatusAvailable(s, booking.startsAt);
+        return /* @__PURE__ */ jsx(
+          StatusDot,
+          {
+            color: s.color,
+            label: available ? s.label : `${s.label} ${t("agenda.contextMenu.notAvailable")}`,
+            isActive: booking.status === s.value,
+            disabled: !available,
+            onClick: () => {
+              if (available) {
+                updateStatus(booking.id, s.value);
+                panel.dismiss();
+              }
+            }
+          },
+          s.value
+        );
+      }) })
+    ] })
+  ] }) });
+}
+function startOfDay(d) {
+  const x = new Date(d);
+  x.setHours(0, 0, 0, 0);
+  return x;
+}
+function timeLabel(iso) {
+  const d = new Date(iso);
+  return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+}
+function AgendaMobileListSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "flex-1 space-y-5 overflow-hidden px-3 py-3", "aria-busy": "true", "aria-live": "polite", children: [0, 1].map((g) => /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-2 ml-1 h-3 w-20 rounded bg-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: [0, 1].map((r) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-card border border-border bg-card px-3 py-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-2 w-2 shrink-0 rounded-full bg-muted" }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-3.5 w-2/3 rounded bg-muted" }),
+        /* @__PURE__ */ jsx("div", { className: "h-3 w-12 rounded bg-muted" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-3.5 w-14 shrink-0 rounded bg-muted" })
+    ] }, r)) })
+  ] }, g)) });
+}
+function AgendaMobileList({ bookings, statusColors, currencyCode, onSelect, onCreate }) {
+  const t = useTranslation();
+  const locale = getCurrentLocale() === "pt-BR" ? "pt-BR" : "en";
+  const groups = useMemo(() => {
+    const todayStart = startOfDay(/* @__PURE__ */ new Date()).getTime();
+    const sorted = bookings.filter((b) => !!b.startsAt).slice().sort((a, b) => a.startsAt < b.startsAt ? -1 : a.startsAt > b.startsAt ? 1 : 0);
+    const map = /* @__PURE__ */ new Map();
+    for (const b of sorted) {
+      const day = startOfDay(new Date(b.startsAt));
+      if (day.getTime() < todayStart) continue;
+      const key = localDateKey(day);
+      const list = map.get(key) ?? [];
+      list.push(b);
+      map.set(key, list);
+    }
+    return Array.from(map.entries()).map(([key, items]) => ({ key, date: /* @__PURE__ */ new Date(key + "T00:00:00"), items }));
+  }, [bookings]);
+  function dayLabel(date) {
+    const today = startOfDay(/* @__PURE__ */ new Date());
+    const diff = Math.round((startOfDay(date).getTime() - today.getTime()) / 864e5);
+    if (diff === 0) return t("agenda.list.today");
+    if (diff === 1) return t("agenda.list.tomorrow");
+    return date.toLocaleDateString(locale, { weekday: "long", day: "numeric", month: "long" });
+  }
+  if (groups.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("agenda.list.empty") }),
+      onCreate && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: onCreate,
+          className: "fz-tap inline-flex items-center rounded-full bg-primary px-5 text-sm font-medium text-primary-foreground active:scale-[0.98]",
+          children: t("agenda.calendar.newAppointment")
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-3 py-3 space-y-5", children: groups.map((g) => /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h3", { className: "px-1 pb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: dayLabel(g.date) }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: g.items.map((b) => {
+      const color = statusColors[b.status] ?? "#6b7280";
+      const hasAmount = typeof b.orderTotal === "number" && b.orderTotal > 0;
+      return /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: () => onSelect(b),
+          className: "font-normal justify-start whitespace-normal flex w-full items-center gap-3 rounded-card border bg-card px-3 py-2.5 text-left shadow-sm transition-colors active:bg-muted/50",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 shrink-0 rounded-full", style: { backgroundColor: color } }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-foreground", children: b.clientName ?? "\u2014" }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: timeLabel(b.startsAt) })
+            ] }),
+            hasAmount && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-semibold tabular-nums text-foreground", children: formatCurrency(b.orderTotal, currencyCode) })
+          ]
+        },
+        b.id
+      );
+    }) })
+  ] }, g.key)) });
+}
+
+// src/lib/schedule-engine.ts
+function dow(iso) {
+  const [y, m, d] = iso.slice(0, 10).split("-").map(Number);
+  return new Date(Date.UTC(y, m - 1, d)).getUTCDay();
+}
+function days(iso) {
+  const [y, m, d] = iso.slice(0, 10).split("-").map(Number);
+  return Math.round(Date.UTC(y, m - 1, d) / 864e5);
+}
+function gridAppliesOn(grid, iso) {
+  const dia = iso.slice(0, 10);
+  if (grid.validFrom && dia < grid.validFrom.slice(0, 10)) return false;
+  if (grid.validTo && dia > grid.validTo.slice(0, 10)) return false;
+  return true;
+}
+function weekParityActive(validFrom, iso, weekInterval) {
+  const passo = weekInterval ?? 0;
+  if (passo <= 0 || !validFrom) return true;
+  const dia = iso.slice(0, 10);
+  const inicio = validFrom.slice(0, 10);
+  const semanas = (days(dia) - dow(dia) - (days(inicio) - dow(inicio))) / 7 - (dow(dia) < dow(inicio) ? 1 : 0);
+  return semanas >= 0 && semanas % (passo + 1) === 0;
+}
+function effectiveWindows(rows, iso) {
+  const dia = iso.slice(0, 10);
+  const semana = dow(dia);
+  const vigentes = rows.filter((r) => gridAppliesOn(r, dia));
+  const doDia = vigentes.filter((r) => r.specificDate?.slice(0, 10) === dia);
+  if (doDia.length > 0) return doDia.filter((r) => r.isActive !== false);
+  const semanais = vigentes.filter(
+    (r) => !r.specificDate && r.isActive !== false && r.dayOfWeek === semana
+  );
+  const temExcecao = semanais.some((r) => r.gridKind === "exception");
+  const comParidade = semanais.filter((r) => weekParityActive(r.validFrom, dia, r.weekInterval));
+  return temExcecao ? comParidade.filter((r) => r.gridKind === "exception") : comParidade;
+}
+function opensOnDate(rows, iso) {
+  return effectiveWindows(rows, iso).length > 0;
+}
+
+// src/lib/calendar-events.ts
+var REVISION_CARD_COLOR = "#111827";
+var DEFAULT_SERVICE_CARD_COLOR = "#3b82f6";
+function bookingCardColor(booking, looks) {
+  const own = (booking.services ?? []).map((s) => s.serviceId ? looks[s.serviceId] : void 0).filter(Boolean);
+  if (own.length === 0) return null;
+  if (own.some((l) => l.kind === "return")) return REVISION_CARD_COLOR;
+  return own.find((l) => l.color)?.color ?? DEFAULT_SERVICE_CARD_COLOR;
+}
+function readableTextOn(hex) {
+  let h = hex.replace("#", "");
+  if (h.length === 3) h = h.split("").map((c) => c + c).join("");
+  const [r, g, b] = [0, 2, 4].map((i) => parseInt(h.slice(i, i + 2), 16) / 255);
+  const lin = (c) => c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  const L = 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+  return (L + 0.05) / 0.05 > 1.05 / (L + 0.05) ? "#111827" : "#ffffff";
+}
+function bookingToEvent(booking, statusColors, visibleResourceIds = [], serviceLooks) {
+  const color = statusColors[booking.status] ?? "#6b7280";
+  const kindColor = serviceLooks ? bookingCardColor(booking, serviceLooks) : null;
+  const serviceNames = booking.services?.map((service) => service.name).join(", ") ?? "";
+  return {
+    id: booking.id,
+    // A tenant-wide block (an imported whole-agenda Google event, for example)
+    // has no assignee. Availability treats it as busy for every professional, so
+    // resource views must render it in every visible lane instead of dropping it.
+    ...booking.professionalId ? { resourceId: booking.professionalId } : visibleResourceIds.length > 0 ? { resourceIds: visibleResourceIds } : {},
+    title: booking.clientName ?? "Sem cliente",
+    start: booking.startsAt,
+    end: booking.endsAt ?? void 0,
+    backgroundColor: kindColor ?? color + "30",
+    borderColor: kindColor ?? color,
+    textColor: kindColor ? readableTextOn(kindColor) : color,
+    extendedProps: { booking, serviceNames, ...kindColor ? { statusStripe: color } : {} }
+  };
+}
+function localDateTimeString(d) {
+  const pad = (n) => String(n).padStart(2, "0");
+  return `${localDateKey(d)}T${pad(d.getHours())}:${pad(d.getMinutes())}:00`;
+}
+function generateAvailabilityEvents(schedules, professionals, dateRange, businessHours, locationMap, defaultLocationName) {
+  if (!dateRange || schedules.length === 0) return [];
+  const bgEvents = [];
+  const startDate = new Date(dateRange.start);
+  const endDate = new Date(dateRange.end);
+  const bizStart = businessHours?.startTime ?? "08:00";
+  const bizEnd = businessHours?.endTime ?? "20:00";
+  const byAssignee = /* @__PURE__ */ new Map();
+  for (const s of schedules) {
+    const aid = s.assigneeId;
+    if (!aid) continue;
+    const list = byAssignee.get(aid) ?? [];
+    list.push(s);
+    byAssignee.set(aid, list);
+  }
+  function timeToMinutes(t) {
+    const [h, m] = t.split(":").map(Number);
+    return h * 60 + m;
+  }
+  function minutesToTime(m) {
+    return `${String(Math.floor(m / 60)).padStart(2, "0")}:${String(m % 60).padStart(2, "0")}`;
+  }
+  const bizStartMin = timeToMinutes(bizStart);
+  const bizEndMin = timeToMinutes(bizEnd);
+  for (const prof of professionals) {
+    const profSchedules = byAssignee.get(prof.id) ?? [];
+    const current = new Date(startDate);
+    while (current < endDate) {
+      const dateStr = localDateKey(current);
+      const daySchedules = effectiveWindows(profSchedules, dateStr);
+      const workRanges = daySchedules.map((s) => {
+        const locId = s.locationId ?? s.metadata?.locationId;
+        return {
+          start: timeToMinutes(s.startsAt),
+          end: timeToMinutes(s.endsAt),
+          // A grade sem local É uma grade, e no V1 ela se anuncia igual: a
+          // faixa aberta leva o nome do local em cima. Cair para o nome
+          // padrão em vez de não escrever nada é o que faz a coluna dizer
+          // "aqui abre" — sem a etiqueta, grade aberta e grade vazia se
+          // parecem, e a recepção descobre a diferença clicando.
+          locationName: (locId && locationMap ? locationMap.get(locId) : void 0) ?? defaultLocationName
+        };
+      }).sort((a, b) => a.start - b.start);
+      let cursor = bizStartMin;
+      for (const range of workRanges) {
+        const availStart = Math.max(range.start, bizStartMin);
+        const availEnd = Math.min(range.end, bizEndMin);
+        if (cursor < availStart) {
+          bgEvents.push({
+            resourceId: prof.id,
+            start: dateStr + "T" + minutesToTime(cursor) + ":00",
+            end: dateStr + "T" + minutesToTime(availStart) + ":00",
+            display: "background",
+            classNames: ["fc-unavailable-bg"]
+          });
+        }
+        if (availStart < availEnd && range.locationName) {
+          bgEvents.push({
+            id: `loc-${prof.id}-${dateStr}-${minutesToTime(availStart)}`,
+            resourceId: prof.id,
+            start: dateStr + "T" + minutesToTime(availStart) + ":00",
+            end: dateStr + "T" + minutesToTime(availStart + 20) + ":00",
+            title: range.locationName,
+            display: "auto",
+            editable: false,
+            backgroundColor: "transparent",
+            borderColor: "transparent",
+            textColor: "#a3a3a3",
+            classNames: ["fc-location-label"],
+            extendedProps: { isLocationLabel: true }
+          });
+        }
+        cursor = Math.max(cursor, availEnd);
+      }
+      if (cursor < bizEndMin) {
+        bgEvents.push({
+          resourceId: prof.id,
+          start: dateStr + "T" + minutesToTime(cursor) + ":00",
+          end: dateStr + "T" + minutesToTime(bizEndMin) + ":00",
+          display: "background",
+          classNames: ["fc-unavailable-bg"]
+        });
+      }
+      current.setDate(current.getDate() + 1);
+    }
+  }
+  return bgEvents;
+}
+function CalendarSkeleton({ profCount = 2 }) {
+  const days2 = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
+  const hours = ["07:00", "08:00", "09:00", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00", "17:00", "18:00", "19:00", "20:00"];
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-hidden animate-pulse", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex border-b", style: { paddingLeft: 56 }, children: Array.from({ length: profCount }).map((_, pi) => /* @__PURE__ */ jsx("div", { className: "flex-1 border-r last:border-r-0 py-2 px-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-6 w-6 rounded-full bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-20 rounded bg-muted" })
+    ] }) }, pi)) }),
+    /* @__PURE__ */ jsx("div", { className: "flex border-b", style: { paddingLeft: 56 }, children: Array.from({ length: profCount }).map((_, pi) => /* @__PURE__ */ jsx("div", { className: "flex-1 flex border-r last:border-r-0", children: days2.map((d) => /* @__PURE__ */ jsx("div", { className: "flex-1 py-1.5 text-center", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/40", children: d }) }, d)) }, pi)) }),
+    /* @__PURE__ */ jsx("div", { className: "relative", children: hours.map((h) => /* @__PURE__ */ jsxs("div", { className: "flex border-b border-border/30", style: { height: 50 }, children: [
+      /* @__PURE__ */ jsx("div", { className: "w-14 shrink-0 pr-2 text-right", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/30", children: h }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 flex", children: Array.from({ length: profCount * 7 }).map((_, ci) => /* @__PURE__ */ jsx("div", { className: `flex-1 border-r border-border/20 ${Math.floor(ci / 7) % 2 === 1 ? "bg-muted/20" : ""}` }, ci)) })
+    ] }, h)) })
+  ] });
+}
+function toEditingBlock(clicado, todos) {
+  const meta = clicado.metadata?.agenda ?? {};
+  const mesmoGrupo = (s) => s.assigneeId === clicado.assigneeId && s.startsAt === clicado.startsAt && s.endsAt === clicado.endsAt && (s.metadata?.agenda?.title ?? null) === (meta.title ?? null) && s.validFrom === clicado.validFrom && s.validTo === clicado.validTo;
+  const grupo = clicado.specificDate ? [clicado] : todos.filter(mesmoGrupo);
+  return {
+    ids: grupo.map((s) => s.id),
+    assigneeId: clicado.assigneeId ?? "",
+    title: meta.title ?? "Bloqueio",
+    description: meta.description ?? "",
+    startsAt: clicado.startsAt.slice(0, 5),
+    endsAt: clicado.endsAt.slice(0, 5),
+    specificDate: clicado.specificDate,
+    daysOfWeek: clicado.specificDate ? [] : [...new Set(grupo.map((s) => s.dayOfWeek).filter((d) => d != null))],
+    validFrom: clicado.validFrom ?? null,
+    validTo: clicado.validTo ?? null,
+    weekInterval: clicado.weekInterval ?? 0
+  };
+}
+var MIN_COLUMN_PX = 48;
+var RESOURCE_COLUMN_MIN_PX = 96;
+var MIN_SHELL_HEIGHT = 360;
+var MAX_SELECTED_AGENDAS = 10;
+var RESOURCE_VIEW_OPTIONS = [
+  { key: "resourceTimeGridDay", labelKey: "agenda.calendar.viewDay" },
+  { key: "resourceTimeGridWeek", labelKey: "agenda.calendar.viewWeek" },
+  { key: "dayGridMonth", labelKey: "agenda.calendar.viewMonth" },
+  // A QUARTA VISÃO DO V1, que faltava no salão: a lista.
+  //
+  // A grade responde "como está o dia" e exige varrer colunas; a lista responde
+  // "o que acontece, em que ordem" e se lê de cima para baixo — é a visão de
+  // quem confere a véspera, imprime o dia ou procura um nome sem saber a hora.
+  // O V1 a chama de "Agenda", e é esse o nome aqui: "Lista" descreve a forma,
+  // "Agenda" descreve o que ela mostra.
+  //
+  // Sem recursos de propósito: uma lista não tem colunas, e o profissional
+  // aparece na linha, junto do cliente e do serviço.
+  { key: "listWeek", labelKey: "agenda.calendar.viewAgenda" }
+];
+var PLAIN_VIEW_OPTIONS = [
+  { key: "timeGridDay", labelKey: "agenda.calendar.viewDay" },
+  { key: "timeGridWeek", labelKey: "agenda.calendar.viewWeek" },
+  { key: "dayGridMonth", labelKey: "agenda.calendar.viewMonth" },
+  { key: "listMonth", labelKey: "agenda.calendar.viewList" }
+];
+var MOBILE_LIST_VIEW = "__mobileList__";
+var AGENDA_POLL_INTERVAL_MS = 3e4;
+var AGENDA_REALTIME_DEBOUNCE_MS = 300;
+function viewForNoResources(view) {
+  return view.startsWith("resource") ? "dayGridMonth" : view;
+}
+function viewForResources(view) {
+  if (view === "timeGridWeek") return "resourceTimeGridWeek";
+  if (view === "timeGridDay") return "resourceTimeGridDay";
+  return view;
+}
+function useIsMobile() {
+  const [isMobile, setIsMobile] = useState(() => typeof window !== "undefined" && window.matchMedia("(max-width: 767px)").matches);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia("(max-width: 767px)");
+    const onChange = () => setIsMobile(mq.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, []);
+  return isMobile;
+}
+function CalendarView() {
+  injectCalendarStyles();
+  const config = useAgendaConfig();
+  const provider = useAgendaProvider();
+  const t = useTranslation();
+  const currentLocale = getCurrentLocale();
+  const fcLocale = currentLocale === "pt-BR" ? ptBrLocale : void 0;
+  const calendarRef = useRef(null);
+  const prefs = usePluginPrefs("agenda", {
+    calendarView: config.defaultCalendarView ?? "resourceTimeGridDay",
+    // Como a SEMANA se agrupa: 'day' põe o dia em cima e as pessoas dentro
+    // dele; 'professional' inverte. 'auto' é o padrão e deixa a agenda decidir
+    // pelo tamanho da equipe — ver `weekGrouping` mais abaixo.
+    weekGrouping: "auto",
+    // Which weekdays the WEEK draws: 'auto', or the shown days (0 = Sunday) — see `shownWeekDays`.
+    weekDays: "auto"
+  });
+  const weekGroupingPref = prefs.get("weekGrouping") ?? "auto";
+  const agendaSettings = useAgendaSettings();
+  const effectiveBusinessHours = {
+    startTime: agendaSettings.startTime,
+    endTime: agendaSettings.endTime
+  };
+  const bookings = useAgendaStore((s) => s.bookings);
+  const bookingsLoading = useAgendaStore((s) => s.bookingsLoading);
+  const professionals = useAgendaStore((s) => s.professionals);
+  const professionalsLoading = useAgendaStore((s) => s.professionalsLoading);
+  const professionalsTruncated = useAgendaStore((s) => s.professionalsTruncated);
+  const currentView = useAgendaStore((s) => s.currentView);
+  const selectedProfIds = useAgendaStore((s) => s.selectedProfessionalIds);
+  const selectedStatuses = useAgendaStore((s) => s.selectedStatuses);
+  const schedules = useAgendaStore((s) => s.schedules);
+  const schedulesLoading = useAgendaStore((s) => s.schedulesLoading);
+  const fetchBookings = useAgendaStore((s) => s.fetchBookings);
+  const fetchProfessionals = useAgendaStore((s) => s.fetchProfessionals);
+  const fetchLocations = useAgendaStore((s) => s.fetchLocations);
+  const storeLocations = useAgendaStore((s) => s.locations);
+  const selectedLocationId = useAgendaStore((s) => s.selectedLocationId);
+  const fetchSchedules = useAgendaStore((s) => s.fetchSchedules);
+  const invalidateSchedules = useAgendaStore((s) => s.invalidateSchedules);
+  const rescheduleBooking = useAgendaStore((s) => s.rescheduleBooking);
+  const setView = useAgendaStore((s) => s.setView);
+  const setFilters = useAgendaStore((s) => s.setFilters);
+  const _openModal = useAgendaStore((s) => s.openAppointmentModal);
+  const closeModal = useAgendaStore((s) => s.closeAppointmentModal);
+  const modalState = useAgendaStore((s) => s.appointmentModal);
+  const [serviceFilter, setServiceFilter] = useState([]);
+  const [hideEmptyGrids, setHideEmptyGrids] = useState(false);
+  const [schedulesOpen, setSchedulesOpen] = useState(false);
+  const [blockFor, setBlockFor] = React.useState(null);
+  const [schedulesFor, setSchedulesFor] = React.useState(null);
+  const [editingBlock, setEditingBlock] = React.useState(null);
+  const isMobile = useIsMobile();
+  const resourceCapable = professionals.length > 0;
+  const viewOptions = resourceCapable ? RESOURCE_VIEW_OPTIONS : PLAIN_VIEW_OPTIONS;
+  const shellRef = useRef(null);
+  const [shellHeight, setShellHeight] = useState(void 0);
+  useLayoutEffect(() => {
+    const measure = () => {
+      const el = shellRef.current;
+      if (!el) return;
+      const top = el.getBoundingClientRect().top;
+      const parent = el.parentElement;
+      const pad = parent ? parseFloat(getComputedStyle(parent).paddingBottom) || 0 : 0;
+      setShellHeight(Math.max(MIN_SHELL_HEIGHT, window.innerHeight - top - pad));
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    const ro = new ResizeObserver(measure);
+    if (document.body) ro.observe(document.body);
+    return () => {
+      window.removeEventListener("resize", measure);
+      ro.disconnect();
+    };
+  }, []);
+  const [mobileView, setMobileView] = useState(MOBILE_LIST_VIEW);
+  const mobileViewOptions = useMemo(
+    () => [
+      ...viewOptions.filter((o) => o.key !== "listMonth"),
+      { key: MOBILE_LIST_VIEW, labelKey: "agenda.calendar.viewList" }
+    ],
+    [viewOptions]
+  );
+  const mobileGridActive = isMobile && mobileView !== MOBILE_LIST_VIEW;
+  const [selectedBooking, setSelectedBooking] = useState(null);
+  const [popoverAnchor, setPopoverAnchor] = useState(null);
+  const [popoverVisible, _setPopoverVisible] = useState(false);
+  const popoverVisibleRef = useRef(false);
+  const setPopoverVisible = useCallback((v) => {
+    popoverVisibleRef.current = v;
+    _setPopoverVisible(v);
+  }, []);
+  const [contextMenu, setContextMenu] = useState(null);
+  const [contextMenuVisible, _setContextMenuVisible] = useState(false);
+  const contextMenuVisibleRef = useRef(false);
+  const setContextMenuVisible = useCallback((v) => {
+    contextMenuVisibleRef.current = v;
+    _setContextMenuVisible(v);
+  }, []);
+  const [scheduleConfirm, setScheduleConfirm] = useState(null);
+  const [calendarTitle, setCalendarTitle] = useState("");
+  const [selectedDate, setSelectedDate] = useState(/* @__PURE__ */ new Date());
+  const [visibleRange, setVisibleRange] = useState(null);
+  useEffect(() => () => closeModal(), [closeModal]);
+  const openModal = useCallback((...args) => {
+    setPopoverVisible(false);
+    setSelectedBooking(null);
+    setPopoverAnchor(null);
+    setContextMenuVisible(false);
+    setContextMenu(null);
+    _openModal(...args);
+  }, [_openModal]);
+  const statusColors = useMemo(() => {
+    const map = {};
+    for (const s of config.statuses) map[s.value] = s.color;
+    return map;
+  }, [config.statuses]);
+  const activeUnitId = useActiveUnitId();
+  const [nextProfessionalId, setNextProfessionalId] = useState(() => getTurnQueueLeader(activeUnitId));
+  useEffect(() => {
+    setNextProfessionalId(getTurnQueueLeader(activeUnitId));
+    return subscribeTurnQueueLeader((unitId, professionalId) => {
+      if (unitId === activeUnitId) setNextProfessionalId(professionalId);
+    });
+  }, [activeUnitId]);
+  useEffect(() => {
+    fetchProfessionals();
+    if (config.modules.locationSelection) fetchLocations();
+  }, [activeUnitId]);
+  const schedulesKey = useAgendaStore((s) => s.schedulesKey);
+  const agendaProfessionalsKey = useAgendaStore((s) => s.agendaProfessionalsKey);
+  const scheduleQuery = useMemo(() => {
+    if (!visibleRange) return null;
+    const days2 = /* @__PURE__ */ new Set();
+    const cursor = new Date(visibleRange.start);
+    const end = new Date(visibleRange.end);
+    if (currentView.endsWith("Week")) {
+      cursor.setDate(cursor.getDate() - cursor.getDay());
+      end.setTime(cursor.getTime());
+      end.setDate(end.getDate() + 7);
+      return {
+        daysOfWeek: [0, 1, 2, 3, 4, 5, 6],
+        from: localDateKey(cursor),
+        to: localDateKey(end)
+      };
+    }
+    for (let i = 0; cursor < end && i < 62; i++) {
+      days2.add(cursor.getDay());
+      cursor.setDate(cursor.getDate() + 1);
+    }
+    return {
+      daysOfWeek: [...days2],
+      from: visibleRange.start.slice(0, 10),
+      to: visibleRange.end.slice(0, 10)
+    };
+  }, [visibleRange, currentView]);
+  const wantedSchedulesKey = useMemo(
+    () => scheduleQuery ? "agenda:schedules:" + JSON.stringify(scheduleQuery) : null,
+    [scheduleQuery]
+  );
+  useEffect(() => {
+    if (!scheduleQuery) return;
+    if (schedulesKey === wantedSchedulesKey) return;
+    void fetchSchedules(scheduleQuery);
+  }, [scheduleQuery, wantedSchedulesKey, schedulesKey, activeUnitId, fetchSchedules]);
+  const blocks = useAgendaStore((s) => s.blocks);
+  const fetchBlocks = useAgendaStore((s) => s.fetchBlocks);
+  useEffect(() => {
+    if (!visibleRange) return;
+    void fetchBlocks({ from: visibleRange.start.slice(0, 10), to: visibleRange.end.slice(0, 10) });
+  }, [visibleRange, activeUnitId, fetchBlocks]);
+  const [holidays, setHolidays] = useState([]);
+  const holidayRangeKey = visibleRange ? `${visibleRange.start.slice(0, 10)}|${visibleRange.end.slice(0, 10)}` : null;
+  useEffect(() => {
+    if (!visibleRange || !provider.getHolidays) {
+      setHolidays([]);
+      return;
+    }
+    let cancelado = false;
+    provider.getHolidays({ from: visibleRange.start.slice(0, 10), to: visibleRange.end.slice(0, 10) }, activeUnitId).then((rows) => {
+      if (!cancelado) setHolidays(rows);
+    }).catch(() => {
+      if (!cancelado) setHolidays([]);
+    });
+    return () => {
+      cancelado = true;
+    };
+  }, [holidayRangeKey, activeUnitId, provider]);
+  const holidayByDate = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const h of holidays) {
+      const atual = map.get(h.date);
+      if (atual) {
+        atual.closes = atual.closes || h.closes;
+        if (!atual.names.includes(h.name)) atual.names.push(h.name);
+      } else {
+        map.set(h.date, { closes: h.closes, names: [h.name] });
+      }
+    }
+    return map;
+  }, [holidays]);
+  const scheduledProfIds = useMemo(
+    () => new Set(schedules.filter((sch) => sch.isActive !== false).map((sch) => sch.assigneeId).filter(Boolean)),
+    [schedules]
+  );
+  const scheduleIndex = useMemo(() => {
+    const byProf = /* @__PURE__ */ new Map();
+    for (const sch of schedules) {
+      if (!sch.assigneeId) continue;
+      const list = byProf.get(sch.assigneeId) ?? [];
+      list.push(sch);
+      byProf.set(sch.assigneeId, list);
+    }
+    return byProf;
+  }, [schedules]);
+  const visibleDates = useMemo(() => {
+    if (!visibleRange) return [];
+    const out = [];
+    const cursor = new Date(visibleRange.start);
+    const end = new Date(visibleRange.end);
+    for (let i = 0; cursor < end && i < 62; i++) {
+      out.push({ iso: localDateKey(cursor), dow: cursor.getDay() });
+      cursor.setDate(cursor.getDate() + 1);
+    }
+    return out;
+  }, [visibleRange]);
+  const opensOn = useCallback((profId, iso, _dow) => {
+    const rows = scheduleIndex.get(profId);
+    return !!rows && opensOnDate(rows, iso);
+  }, [scheduleIndex]);
+  const weekDaysPref = prefs.get("weekDays");
+  const lastAutoWeekDays = useRef("0123456");
+  const shownWeekDaysKey = useMemo(() => {
+    const all = [0, 1, 2, 3, 4, 5, 6];
+    if (Array.isArray(weekDaysPref)) {
+      const chosen = all.filter((d) => weekDaysPref.includes(d));
+      return (chosen.length > 0 ? chosen : all).join("");
+    }
+    const settled = currentView.endsWith("Week") && !schedulesLoading && schedulesKey === wantedSchedulesKey;
+    if (!settled) return lastAutoWeekDays.current;
+    if (!visibleRange || scheduleIndex.size === 0) return lastAutoWeekDays.current = all.join("");
+    const sunday = new Date(visibleRange.start);
+    sunday.setDate(sunday.getDate() - sunday.getDay());
+    const works = (dow2) => {
+      const day = new Date(sunday);
+      day.setDate(day.getDate() + dow2);
+      const iso = localDateKey(day);
+      for (const [profId] of scheduleIndex) if (opensOn(profId, iso, dow2)) return true;
+      return false;
+    };
+    return lastAutoWeekDays.current = all.filter((d) => d !== 0 && d !== 6 || works(d)).join("");
+  }, [weekDaysPref, visibleRange, scheduleIndex, opensOn, currentView, schedulesLoading, schedulesKey, wantedSchedulesKey]);
+  const shownWeekDays = useMemo(() => shownWeekDaysKey.split("").map(Number), [shownWeekDaysKey]);
+  const weekViewOptions = useMemo(() => {
+    const hiddenDays = [0, 1, 2, 3, 4, 5, 6].filter((d) => !shownWeekDays.includes(d));
+    return { resourceTimeGridWeek: { hiddenDays }, timeGridWeek: { hiddenDays } };
+  }, [shownWeekDays]);
+  const toggleWeekDay = useCallback((dow2) => {
+    const next = shownWeekDays.includes(dow2) ? shownWeekDays.filter((d) => d !== dow2) : [...shownWeekDays, dow2].sort();
+    if (next.length > 0) prefs.set("weekDays", next);
+  }, [shownWeekDays, prefs]);
+  const relevantProfIds = useMemo(() => {
+    const ids = /* @__PURE__ */ new Set();
+    for (const [profId] of scheduleIndex) {
+      if (visibleDates.some((d) => opensOn(profId, d.iso, d.dow))) ids.add(profId);
+    }
+    for (const booking of bookings) {
+      if (booking.professionalId) ids.add(booking.professionalId);
+    }
+    return [...ids];
+  }, [scheduleIndex, visibleDates, opensOn, bookings]);
+  const relevantSet = useMemo(() => new Set(relevantProfIds), [relevantProfIds]);
+  const fetchAgendaProfessionals = useAgendaStore((s) => s.fetchAgendaProfessionals);
+  const agendaProfessionals = useAgendaStore((s) => s.agendaProfessionals);
+  useEffect(() => {
+    void fetchAgendaProfessionals(relevantProfIds);
+  }, [relevantProfIds, fetchAgendaProfessionals]);
+  const pickerProfessionals = useMemo(() => {
+    const byId = /* @__PURE__ */ new Map();
+    for (const p of agendaProfessionals) byId.set(p.id, p);
+    for (const p of professionals) if (!byId.has(p.id)) byId.set(p.id, p);
+    const all = [...byId.values()].sort((a, b) => a.name.localeCompare(b.name));
+    return [...all.filter((p) => relevantSet.has(p.id)), ...all.filter((p) => !relevantSet.has(p.id))];
+  }, [agendaProfessionals, professionals, relevantSet]);
+  useEffect(() => {
+    if (selectedProfIds.length) setFilters({ professionalIds: [] });
+  }, [activeUnitId]);
+  const [profSearch, setProfSearch] = useState("");
+  useEffect(() => {
+    if (!professionalsTruncated) return;
+    const term = profSearch.trim();
+    const timer = setTimeout(() => {
+      void fetchProfessionals(term ? { search: term } : void 0);
+    }, 250);
+    return () => clearTimeout(timer);
+  }, [profSearch, professionalsTruncated]);
+  useEffect(() => {
+    const api = calendarRef.current?.getApi();
+    if (!api) return;
+    if (!resourceCapable && currentView.startsWith("resource")) {
+      api.changeView("dayGridMonth");
+    } else if (resourceCapable && (currentView === "timeGridWeek" || currentView === "timeGridDay")) {
+      api.changeView(viewForResources(currentView));
+    }
+  }, [resourceCapable, currentView]);
+  useEffect(() => {
+    if (!isMobile) return;
+    const start = /* @__PURE__ */ new Date();
+    start.setHours(0, 0, 0, 0);
+    start.setDate(start.getDate() - 1);
+    const end = new Date(start);
+    end.setDate(end.getDate() + 91);
+    fetchBookings({ start: start.toISOString(), end: end.toISOString() });
+  }, [isMobile, fetchBookings]);
+  const refreshVisibleBookings = useCallback(() => {
+    if (visibleRange) {
+      void fetchBookings(visibleRange);
+      return;
+    }
+    const start = /* @__PURE__ */ new Date();
+    start.setHours(0, 0, 0, 0);
+    start.setDate(start.getDate() - 1);
+    const end = new Date(start);
+    end.setDate(end.getDate() + 91);
+    void fetchBookings({ start: start.toISOString(), end: end.toISOString() });
+  }, [visibleRange, fetchBookings]);
+  useDataChanged({}, refreshVisibleBookings, [refreshVisibleBookings]);
+  useEffect(() => {
+    if (typeof window === "undefined" || typeof document === "undefined") return;
+    let refreshTimer;
+    let unsubscribe;
+    const scheduleRefresh = (delay = 0) => {
+      if (document.visibilityState === "hidden") return;
+      if (refreshTimer) clearTimeout(refreshTimer);
+      refreshTimer = setTimeout(refreshVisibleBookings, delay);
+    };
+    try {
+      unsubscribe = provider.subscribeToBookingChanges?.(() => scheduleRefresh(AGENDA_REALTIME_DEBOUNCE_MS));
+    } catch (error) {
+      console.warn("[agenda] Realtime unavailable; using the polling fallback.", error);
+    }
+    const pollTimer = window.setInterval(() => scheduleRefresh(), AGENDA_POLL_INTERVAL_MS);
+    const onVisibilityChange = () => {
+      if (document.visibilityState === "visible") scheduleRefresh();
+    };
+    const onFocus = () => scheduleRefresh();
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    window.addEventListener("focus", onFocus);
+    return () => {
+      if (refreshTimer) clearTimeout(refreshTimer);
+      window.clearInterval(pollTimer);
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+      window.removeEventListener("focus", onFocus);
+      unsubscribe?.();
+    };
+  }, [provider, refreshVisibleBookings]);
+  const [catalogServices, setCatalogServices] = useState([]);
+  useEffect(() => {
+    const lookup = config.serviceLookup;
+    if (!lookup?.list) {
+      setCatalogServices([]);
+      return;
+    }
+    let alive = true;
+    void lookup.list().then((rows) => {
+      if (!alive) return;
+      setCatalogServices(rows.map((r) => ({ value: r.id, label: r.label })));
+    }).catch(() => {
+      if (alive) setCatalogServices([]);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [config.serviceLookup]);
+  const serviceOptions = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const option of catalogServices) map.set(option.value, option.label);
+    for (const booking of bookings) {
+      for (const service of booking.services ?? []) {
+        if (service.serviceId) map.set(service.serviceId, service.name);
+      }
+    }
+    return [...map].map(([value, label]) => ({ value, label })).sort((a, b) => a.label.localeCompare(b.label));
+  }, [catalogServices, bookings]);
+  const filteredBookings = useMemo(() => {
+    if (serviceFilter.length === 0) return bookings;
+    const wanted = new Set(serviceFilter);
+    return bookings.filter((b) => (b.services ?? []).some((sv) => sv.serviceId && wanted.has(sv.serviceId)));
+  }, [bookings, serviceFilter]);
+  const drawnProfessionals = useMemo(() => {
+    const byName = (a, b) => a.name.localeCompare(b.name);
+    if (selectedProfIds.length === 0) {
+      const period = [...agendaProfessionals].filter((p) => relevantSet.has(p.id)).sort(byName);
+      if (!hideEmptyGrids) return period;
+      const busyNow = new Set(filteredBookings.map((b) => b.professionalId).filter(Boolean));
+      return period.filter((p) => busyNow.has(p.id));
+    }
+    const byId = /* @__PURE__ */ new Map();
+    for (const p of agendaProfessionals) byId.set(p.id, p);
+    for (const p of professionals) if (!byId.has(p.id)) byId.set(p.id, p);
+    const picked = [...byId.values()].filter((p) => selectedProfIds.includes(p.id)).sort(byName);
+    if (!hideEmptyGrids) return picked;
+    const busy = new Set(filteredBookings.map((b) => b.professionalId).filter(Boolean));
+    return picked.filter((p) => busy.has(p.id));
+  }, [agendaProfessionals, professionals, selectedProfIds, relevantSet, hideEmptyGrids, filteredBookings]);
+  const columnsSettled = useMemo(() => {
+    if (selectedProfIds.length > 0) return true;
+    if (!scheduleQuery) return false;
+    if (schedulesKey !== wantedSchedulesKey) return false;
+    return agendaProfessionalsKey === "agenda:columns:" + [...relevantProfIds].sort().join(",");
+  }, [selectedProfIds, scheduleQuery, schedulesKey, wantedSchedulesKey, agendaProfessionalsKey, relevantProfIds]);
+  const semGradeNoPeriodo = useMemo(() => {
+    if (!columnsSettled || schedulesLoading || visibleDates.length === 0) return false;
+    for (const [profId] of scheduleIndex) {
+      if (visibleDates.some((d) => opensOn(profId, d.iso, d.dow))) return false;
+    }
+    return true;
+  }, [columnsSettled, schedulesLoading, visibleDates, scheduleIndex, opensOn]);
+  const resources = useMemo(() => drawnProfessionals.map((p) => ({
+    id: p.id,
+    title: p.name,
+    // Sem `locationName`: ele SEMPRE foi nulo (o mapeador nunca o preencheu),
+    // então a segunda linha do cabeçalho da coluna nunca desenhou. E agora que
+    // a pessoa pode atender em VÁRIAS unidades não há um nome para pôr ali —
+    // além de a grade já estar recortada por uma unidade, o que faria o
+    // subtítulo repetir a mesma palavra em toda coluna.
+    extendedProps: { avatarUrl: p.avatarUrl }
+  })), [drawnProfessionals]);
+  const visibleResourceIds = useMemo(() => resources.map((resource) => resource.id), [resources]);
+  const weekGrouping = weekGroupingPref === "auto" ? resources.length <= 1 ? "professional" : "day" : weekGroupingPref;
+  const gridMinWidth = useMemo(() => {
+    if (!currentView.startsWith("resource")) return void 0;
+    const daysInView = currentView.endsWith("Day") ? 1 : 7;
+    const columns = Math.max(1, resources.length) * daysInView;
+    const folhaEPessoa = currentView.endsWith("Day") || weekGrouping === "day";
+    const floor = folhaEPessoa ? Math.max(MIN_COLUMN_PX, RESOURCE_COLUMN_MIN_PX) : MIN_COLUMN_PX;
+    return columns * floor + 64;
+  }, [currentView, resources.length, weekGrouping]);
+  const blockEvents = useMemo(() => {
+    if (!visibleRange || blocks.length === 0) return [];
+    const out = [];
+    const semanasEntre = (de, ate) => Math.floor(((/* @__PURE__ */ new Date(ate + "T00:00:00")).getTime() - (/* @__PURE__ */ new Date(de + "T00:00:00")).getTime()) / 6048e5);
+    for (const b of blocks) {
+      if (!b.assigneeId) continue;
+      const titulo = b.metadata?.agenda?.title ?? "Bloqueio";
+      for (const { iso, dow: dow2 } of visibleDates) {
+        const dentroDaVigencia = (!b.validFrom || b.validFrom <= iso) && (!b.validTo || iso <= b.validTo);
+        let vale = false;
+        if (b.specificDate) vale = b.specificDate === iso;
+        else if (b.dayOfWeek == null) vale = dentroDaVigencia;
+        else if (b.dayOfWeek === dow2 && dentroDaVigencia) {
+          const passo = (b.weekInterval ?? 0) + 1;
+          vale = passo <= 1 || !b.validFrom || semanasEntre(b.validFrom, iso) % passo === 0;
+        }
+        if (!vale) continue;
+        out.push({
+          id: `block-${b.id}-${iso}`,
+          resourceId: b.assigneeId,
+          title: titulo,
+          start: `${iso}T${b.startsAt}`,
+          end: `${iso}T${b.endsAt}`,
+          // Arrastável: mudar o almoço de 12h para 12h30 é o ajuste mais comum
+          // que existe nesta tela, e obrigar a abrir um diálogo para quinze
+          // minutos é o tipo de caminho que faz a pessoa deixar errado.
+          editable: true,
+          // A cor vai no EVENTO, com as variáveis do tema: o FullCalendar
+          // pinta o fundo inline a partir da cor do calendário, e uma regra de
+          // folha externa perdia a corrida em recarga quente — o bloqueio saía
+          // azul, idêntico a um atendimento. Inline é determinístico, e as
+          // `var()` continuam respondendo ao tema claro/escuro.
+          backgroundColor: "hsl(var(--muted-foreground) / 0.16)",
+          borderColor: "hsl(var(--muted-foreground) / 0.4)",
+          textColor: "hsl(var(--foreground))",
+          classNames: ["fc-agenda-block"],
+          extendedProps: { isBlock: true, blockId: b.id }
+        });
+      }
+    }
+    return out;
+  }, [blocks, visibleDates, visibleRange]);
+  const cardPrefs = useTenantPluginSettings("agenda", { cardColorByServiceKind: false });
+  const colorByKind = cardPrefs.get("cardColorByServiceKind");
+  const serviceIdsKey = useMemo(() => {
+    if (!colorByKind) return "";
+    const ids = /* @__PURE__ */ new Set();
+    for (const b of filteredBookings) for (const sv of b.services ?? []) if (sv.serviceId) ids.add(sv.serviceId);
+    return [...ids].sort().join(",");
+  }, [colorByKind, filteredBookings]);
+  const [serviceLooks, setServiceLooks] = useState(void 0);
+  useEffect(() => {
+    if (!serviceIdsKey || !provider.getServiceAppearance) {
+      setServiceLooks(void 0);
+      return;
+    }
+    let alive = true;
+    provider.getServiceAppearance(serviceIdsKey.split(",")).then((m) => {
+      if (alive) setServiceLooks(m);
+    }).catch(() => {
+      if (alive) setServiceLooks(void 0);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [serviceIdsKey, provider]);
+  const bookingEvents = useMemo(
+    () => filteredBookings.map((b) => bookingToEvent(b, statusColors, visibleResourceIds, colorByKind ? serviceLooks : void 0)),
+    [filteredBookings, statusColors, visibleResourceIds, colorByKind, serviceLooks]
+  );
+  const allLocations = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const loc of config.locations) map.set(loc.id, loc.name);
+    for (const loc of storeLocations) map.set(loc.id, loc.name);
+    return map;
+  }, [config.locations, storeLocations]);
+  const locationMap = useMemo(() => {
+    if (!config.modules.locationSelection || allLocations.size === 0) return void 0;
+    return allLocations;
+  }, [config.modules.locationSelection, allLocations]);
+  const defaultLocationName = useMemo(() => {
+    if (allLocations.size === 1) return [...allLocations.values()][0];
+    return t("agenda.calendar.defaultLocation");
+  }, [allLocations, t]);
+  const availabilityEvents = useMemo(
+    () => generateAvailabilityEvents(
+      schedules,
+      drawnProfessionals,
+      visibleRange,
+      effectiveBusinessHours,
+      locationMap,
+      defaultLocationName
+    ),
+    [schedules, drawnProfessionals, visibleRange, effectiveBusinessHours, locationMap, defaultLocationName]
+  );
+  const events = useMemo(() => {
+    const ehLista = currentView.startsWith("list");
+    const disponibilidade = ehLista ? availabilityEvents.filter((e) => !e.extendedProps?.isLocationLabel && e.display !== "background") : availabilityEvents;
+    return [...bookingEvents, ...disponibilidade, ...blockEvents];
+  }, [bookingEvents, availabilityEvents, blockEvents, currentView]);
+  const storedView = prefs.get("calendarView");
+  const adminPath = useAdminPath();
+  const urlTarget = useMemo(() => parseAgendaPath(adminPath), [adminPath]);
+  const effectiveInitialView = urlTarget ? calendarViewFor(urlTarget.view, resourceCapable) : resourceCapable ? viewForResources(storedView) : viewForNoResources(storedView);
+  const handleDatesSet = useCallback((arg) => {
+    setCalendarTitle(arg.view.title);
+    setView(arg.view.type);
+    setVisibleRange({ start: arg.startStr, end: arg.endStr });
+    fetchBookings({ start: arg.startStr, end: arg.endStr });
+    const here = currentAppPath();
+    if (parseAgendaPath(here)) {
+      const api = calendarRef.current?.getApi();
+      const next = agendaPath(urlViewOf(arg.view.type), api?.getDate());
+      if (next !== here) {
+        try {
+          window.history.replaceState(null, "", appHref(next));
+        } catch {
+        }
+      }
+    }
+  }, [fetchBookings, setView]);
+  useEffect(() => {
+    if (!urlTarget) return;
+    const api = calendarRef.current?.getApi();
+    if (!api) return;
+    const view = calendarViewFor(urlTarget.view, resourceCapable);
+    const sameDay = !urlTarget.date || api.getDate().toDateString() === urlTarget.date.toDateString();
+    if (api.view.type === view && sameDay) return;
+    api.changeView(view);
+    if (urlTarget.date) {
+      api.gotoDate(urlTarget.date);
+      setSelectedDate(urlTarget.date);
+    }
+  }, [urlTarget, resourceCapable]);
+  const openDay = useCallback((date) => {
+    const api = calendarRef.current?.getApi();
+    if (api && !parseAgendaPath(currentAppPath())) {
+      try {
+        window.history.replaceState(null, "", appHref(agendaPath(urlViewOf(api.view.type), api.getDate())));
+      } catch {
+      }
+    }
+    adminNavigateTo(agendaPath("day", date));
+  }, []);
+  const handleEventDidMount = useCallback((arg) => {
+    const booking = arg.event.extendedProps?.booking;
+    if (booking) arg.el.setAttribute("data-booking-id", booking.id);
+    const temAgendamento = () => !!arg.event.extendedProps?.booking;
+    arg.el.addEventListener("dblclick", (e) => {
+      if (!temAgendamento()) return;
+      e.preventDefault();
+      e.stopPropagation();
+      skipClickRef.current = true;
+      const booking2 = arg.event.extendedProps.booking;
+      setSelectedBooking(null);
+      setPopoverAnchor(null);
+      setContextMenu(null);
+      openModal("edit", { bookingId: booking2.id });
+    });
+    arg.el.addEventListener("contextmenu", (e) => {
+      if (!temAgendamento()) return;
+      e.preventDefault();
+      const booking2 = arg.event.extendedProps.booking;
+      const menuW = 210, menuH = 200;
+      let x = e.clientX + 4;
+      let y = e.clientY + 4;
+      if (x + menuW > window.innerWidth - 12) x = x - menuW;
+      if (y + menuH > window.innerHeight - 12) y = y - menuH;
+      setContextMenu({ booking: booking2, x, y });
+      setContextMenuVisible(true);
+      setSelectedBooking(null);
+      setPopoverAnchor(null);
+    });
+  }, []);
+  const skipClickRef = useRef(false);
+  const hoverTimerRef = useRef(null);
+  const handleEventMouseEnter = useCallback((arg) => {
+    if (arg.event.display === "background") return;
+    if (arg.event.extendedProps?.isLocationLabel) return;
+    const booking = arg.event.extendedProps.booking;
+    if (!booking) return;
+    hoverTimerRef.current = setTimeout(() => {
+      const rect = arg.el.getBoundingClientRect();
+      const popW = 320, popH = 340;
+      let x = rect.right + 8;
+      let y = rect.top + rect.height / 2 - popH / 2;
+      if (x + popW > window.innerWidth - 16) x = rect.left - popW - 8;
+      if (x < 16) x = Math.max(16, rect.left + rect.width / 2 - popW / 2);
+      if (y + popH > window.innerHeight - 16) y = window.innerHeight - popH - 16;
+      if (y < 16) y = 16;
+      setSelectedBooking(booking);
+      setPopoverAnchor({ x, y });
+      setPopoverVisible(true);
+    }, 3e3);
+  }, []);
+  const handleEventMouseLeave = useCallback(() => {
+    if (hoverTimerRef.current) {
+      clearTimeout(hoverTimerRef.current);
+      hoverTimerRef.current = null;
+    }
+  }, []);
+  const handleEventClick = useCallback((arg) => {
+    if (skipClickRef.current) {
+      skipClickRef.current = false;
+      return;
+    }
+    if (arg.event.display === "background") return;
+    if (arg.event.extendedProps?.isLocationLabel) return;
+    if (arg.event.extendedProps?.isBlock) {
+      setContextMenu(null);
+      setContextMenuVisible(false);
+      const clicado = blocks.find((b) => b.id === arg.event.extendedProps.blockId);
+      if (clicado) setEditingBlock(toEditingBlock(clicado, blocks));
+      return;
+    }
+    setContextMenu(null);
+    setContextMenuVisible(false);
+    const booking = arg.event.extendedProps.booking;
+    if (!booking) return;
+    const rect = arg.el.getBoundingClientRect();
+    const popW = 320, popH = 340;
+    let x = rect.right + 8;
+    let y = rect.top + rect.height / 2 - popH / 2;
+    if (x + popW > window.innerWidth - 16) x = rect.left - popW - 8;
+    if (x < 16) x = Math.max(16, rect.left + rect.width / 2 - popW / 2);
+    if (y + popH > window.innerHeight - 16) y = window.innerHeight - popH - 16;
+    if (y < 16) y = 16;
+    setSelectedBooking(booking);
+    setPopoverAnchor({ x, y });
+    setPopoverVisible(true);
+  }, [blocks]);
+  const findScheduleForSlot = useCallback((professionalId, dateTimeStr) => {
+    if (!professionalId) return null;
+    const dt = new Date(dateTimeStr);
+    const pad = (n) => String(n).padStart(2, "0");
+    const dateStr = `${dt.getFullYear()}-${pad(dt.getMonth() + 1)}-${pad(dt.getDate())}`;
+    const timeMin = dt.getHours() * 60 + dt.getMinutes();
+    const profSchedules = schedules.filter((s) => s.assigneeId === professionalId);
+    const daySchedules = effectiveWindows(profSchedules, dateStr);
+    for (const s of daySchedules) {
+      const [sh, sm] = s.startsAt.split(":").map(Number);
+      const [eh, em] = s.endsAt.split(":").map(Number);
+      if (timeMin >= sh * 60 + sm && timeMin < eh * 60 + em) return s;
+    }
+    return null;
+  }, [schedules]);
+  const lastSlotOpenRef = useRef(0);
+  const openCreateForSlot = useCallback((startStr, endStr, professionalId) => {
+    calendarRef.current?.getApi().unselect();
+    const now = Date.now();
+    if (now - lastSlotOpenRef.current < 500) return;
+    lastSlotOpenRef.current = now;
+    if (popoverVisibleRef.current || contextMenuVisibleRef.current) {
+      setPopoverVisible(false);
+      setSelectedBooking(null);
+      setPopoverAnchor(null);
+      setContextMenuVisible(false);
+      setContextMenu(null);
+      return;
+    }
+    const schedule = findScheduleForSlot(professionalId, startStr);
+    const proceed = () => {
+      const locId = schedule?.locationId ?? schedule?.metadata?.locationId;
+      openModal("create", { prefill: { startsAt: startStr, endsAt: endStr, professionalId, locationId: locId || void 0 } });
+    };
+    if (config.modules.workingHours && !schedule) {
+      setScheduleConfirm({ onConfirm: proceed });
+      return;
+    }
+    proceed();
+  }, [openModal, findScheduleForSlot, config.modules.workingHours]);
+  const handleSelect = useCallback((arg) => {
+    openCreateForSlot(arg.startStr, arg.endStr, arg.resource?.id);
+  }, [openCreateForSlot]);
+  const handleDateClick = useCallback((arg) => {
+    const professionalId = arg.resource?.id;
+    if (arg.allDay) {
+      openCreateForSlot(arg.dateStr, localDateKey(new Date(arg.date.getTime() + 864e5)), professionalId);
+      return;
+    }
+    const end = new Date(arg.date.getTime() + config.slotDuration * 6e4);
+    openCreateForSlot(localDateTimeString(arg.date), localDateTimeString(end), professionalId);
+  }, [openCreateForSlot, config.slotDuration]);
+  const handleEventDrop = useCallback(async (arg) => {
+    if (arg.event.extendedProps?.isBlock) {
+      const clicado = blocks.find((b) => b.id === arg.event.extendedProps.blockId);
+      if (!clicado || !provider.createBlock || !provider.deleteBlock) {
+        arg.revert();
+        return;
+      }
+      const grupo = toEditingBlock(clicado, blocks);
+      const hhmm = (iso) => new Date(iso).toTimeString().slice(0, 5);
+      try {
+        await provider.deleteBlock(grupo.ids);
+        await provider.createBlock({
+          assigneeId: arg.newResource?.id ?? grupo.assigneeId,
+          title: grupo.title,
+          description: grupo.description || void 0,
+          startsAt: hhmm(arg.event.startStr),
+          endsAt: hhmm(arg.event.endStr),
+          ...grupo.specificDate ? { specificDate: arg.event.startStr.slice(0, 10) } : {
+            daysOfWeek: grupo.daysOfWeek,
+            validFrom: grupo.validFrom ?? void 0,
+            validTo: grupo.validTo,
+            weekInterval: grupo.weekInterval
+          }
+        });
+        toast.success(grupo.ids.length > 1 ? `${grupo.title} movido em ${grupo.ids.length} dias` : `${grupo.title} movido`);
+        invalidateSchedules();
+      } catch (err) {
+        arg.revert();
+        toast.error("N\xE3o foi poss\xEDvel mover o bloqueio", { description: err?.message });
+      }
+      return;
+    }
+    const booking = arg.event.extendedProps.booking;
+    try {
+      await rescheduleBooking(booking.id, arg.event.startStr, arg.event.endStr, arg.newResource?.id ?? void 0);
+    } catch {
+      arg.revert();
+    }
+  }, [rescheduleBooking, blocks, provider, invalidateSchedules]);
+  const handleViewChange = useCallback((v) => {
+    calendarRef.current?.getApi().changeView(v);
+    prefs.set("calendarView", v);
+  }, [prefs]);
+  const handleMobileViewChange = useCallback((v) => {
+    setMobileView(v);
+    if (v === MOBILE_LIST_VIEW) return;
+    setView(v);
+    calendarRef.current?.getApi()?.changeView(v);
+  }, [setView]);
+  const handlePrev = useCallback(() => calendarRef.current?.getApi().prev(), []);
+  const handleNext = useCallback(() => calendarRef.current?.getApi().next(), []);
+  const handleToday = useCallback(() => {
+    calendarRef.current?.getApi().today();
+    setSelectedDate(/* @__PURE__ */ new Date());
+  }, []);
+  function handleMiniDateSelect(date) {
+    setSelectedDate(date);
+    calendarRef.current?.getApi().gotoDate(date);
+  }
+  function toggleStatus(value) {
+    const next = selectedStatuses.includes(value) ? selectedStatuses.filter((s) => s !== value) : [...selectedStatuses, value];
+    setFilters({ statuses: next });
+  }
+  const wrapperRef = useRef(null);
+  useEffect(() => {
+    const container = wrapperRef.current;
+    if (!container) return;
+    let frame = 0;
+    let lastWidth = container.clientWidth;
+    let lastHeight = container.clientHeight;
+    const ro = new ResizeObserver(() => {
+      const width = container.clientWidth;
+      const height = container.clientHeight;
+      if (width === lastWidth && height === lastHeight) return;
+      lastWidth = width;
+      lastHeight = height;
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(() => calendarRef.current?.getApi()?.updateSize());
+    });
+    ro.observe(container);
+    return () => {
+      cancelAnimationFrame(frame);
+      ro.disconnect();
+    };
+  }, [isMobile, mobileGridActive, professionalsLoading, professionals.length]);
+  const [dayHeaderCompact, setDayHeaderCompact] = useState(false);
+  useEffect(() => {
+    const container = wrapperRef.current;
+    if (!container) return;
+    let frame = 0;
+    const measure = () => {
+      const cell = container.querySelector(".fc-col-header-cell[data-date]");
+      if (!cell) return;
+      const colWidth = cell.getBoundingClientRect().width;
+      const cushion = cell.querySelector(".fc-col-header-cell-cushion") ?? cell;
+      const cs = getComputedStyle(cushion);
+      const probe = document.createElement("span");
+      probe.style.cssText = "position:absolute;visibility:hidden;white-space:nowrap;top:-9999px";
+      probe.style.fontSize = cs.fontSize;
+      probe.style.fontWeight = cs.fontWeight;
+      probe.style.fontFamily = cs.fontFamily;
+      probe.style.letterSpacing = cs.letterSpacing;
+      probe.style.textTransform = cs.textTransform;
+      document.body.appendChild(probe);
+      probe.textContent = "Wed";
+      const weekdayWidth = probe.getBoundingClientRect().width;
+      probe.textContent = "12/14";
+      const dateWidth = probe.getBoundingClientRect().width;
+      probe.remove();
+      const needed = Math.max(weekdayWidth, dateWidth) + 12;
+      setDayHeaderCompact(colWidth < needed);
+    };
+    const timers = [];
+    const schedule = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(measure);
+      timers.forEach(clearTimeout);
+      timers.length = 0;
+      timers.push(setTimeout(measure, 130), setTimeout(measure, 330));
+    };
+    schedule();
+    const ro = new ResizeObserver(schedule);
+    ro.observe(container);
+    return () => {
+      cancelAnimationFrame(frame);
+      timers.forEach(clearTimeout);
+      ro.disconnect();
+    };
+  }, [resources, currentView, visibleRange]);
+  const applyResourceStriping = useCallback(() => {
+    const container = wrapperRef.current;
+    if (!container) return;
+    const resourceIds = resources.map((r) => r.id);
+    const cells = Array.from(container.querySelectorAll("[data-resource-id]"));
+    if (cells.length === 0) return;
+    const dates = [];
+    for (const el of cells) {
+      const d = el.getAttribute("data-date");
+      if (d && !dates.includes(d)) dates.push(d);
+    }
+    const groupByDate = dates.length > 1;
+    const firstResource = resourceIds[0];
+    for (const el of cells) {
+      const rid = el.getAttribute("data-resource-id");
+      const date = el.getAttribute("data-date");
+      if (groupByDate) {
+        const idx = date ? dates.indexOf(date) : -1;
+        el.classList.toggle("fc-resource-alt", idx % 2 === 1);
+        el.classList.toggle("fc-day-start", rid === firstResource);
+      } else {
+        const idx = rid ? resourceIds.indexOf(rid) : -1;
+        el.classList.toggle("fc-resource-alt", resourceIds.length > 1 && idx % 2 === 1);
+        el.classList.remove("fc-day-start");
+      }
+    }
+  }, [resources]);
+  useEffect(() => {
+    applyResourceStriping();
+    const t1 = setTimeout(applyResourceStriping, 100);
+    const t2 = setTimeout(applyResourceStriping, 300);
+    return () => {
+      clearTimeout(t1);
+      clearTimeout(t2);
+    };
+  }, [applyResourceStriping, currentView, visibleRange, bookings]);
+  useEffect(() => {
+    function handleOpenBooking(e) {
+      const detail = e.detail ?? {};
+      const externalSource = detail.source ? { type: String(detail.source), id: detail.waitlistId, waitlistId: detail.waitlistId } : void 0;
+      if (detail.bookingId) {
+        openModal("edit", { bookingId: detail.bookingId, externalSource });
+        return;
+      }
+      openModal("create", {
+        prefill: detail.prefill ?? {
+          clientId: detail.clientId,
+          professionalId: detail.professionalId,
+          locationId: detail.locationId,
+          startsAt: detail.startsAt
+        },
+        externalSource
+      });
+    }
+    const handleOpenSchedules = (e) => {
+      const detail = e.detail ?? {};
+      if (detail.professionalId) setFilters({ professionalIds: [detail.professionalId] });
+      setSchedulesOpen(true);
+      setSchedulesFor((e.detail ?? {}).professionalId ?? null);
+    };
+    const handleOpenBlock = (e) => {
+      const detail = e.detail ?? {};
+      setBlockFor({ professionalId: detail.professionalId ?? null, date: detail.date ?? null });
+    };
+    window.addEventListener("agenda:open-booking", handleOpenBooking);
+    window.addEventListener("agenda:open-schedules", handleOpenSchedules);
+    window.addEventListener("agenda:open-block", handleOpenBlock);
+    return () => {
+      window.removeEventListener("agenda:open-booking", handleOpenBooking);
+      window.removeEventListener("agenda:open-schedules", handleOpenSchedules);
+      window.removeEventListener("agenda:open-block", handleOpenBlock);
+    };
+  }, [openModal, setFilters]);
+  const dayHeaderContent = useCallback((arg) => {
+    const date = arg.date;
+    const dateLocale = currentLocale === "pt-BR" ? "pt-BR" : "en";
+    const pad = (n) => String(n).padStart(2, "0");
+    const iso = `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+    const noMes = arg.view?.type === "dayGridMonth";
+    const feriado = noMes ? void 0 : holidayByDate.get(iso);
+    const wrapStyle = { display: "flex", flexDirection: "column", alignItems: "center", lineHeight: 1.15, width: "fit-content", maxWidth: "100%", minWidth: 0, margin: "0 auto", boxSizing: "border-box" };
+    const dayLink = String(arg.view?.type ?? "").endsWith("Week") ? {
+      role: "link",
+      tabIndex: 0,
+      className: "agenda-day-link",
+      onClick: () => openDay(date),
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          openDay(date);
+        }
+      }
+    } : {};
+    const dateStyle = { fontSize: "0.65rem", opacity: 0.75 };
+    if (dayHeaderCompact) {
+      const letter = date.toLocaleDateString(dateLocale, { weekday: "narrow" });
+      return /* @__PURE__ */ jsxs("div", { style: wrapStyle, title: feriado ? feriado.names.join(" \xB7 ") : void 0, ...dayLink, children: [
+        /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: letter }),
+        /* @__PURE__ */ jsx("span", { style: dateStyle, children: date.getDate() }),
+        feriado && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-label": feriado.names.join(" \xB7 "),
+            style: {
+              width: 4,
+              height: 4,
+              borderRadius: 999,
+              marginTop: 2,
+              background: feriado.closes ? "hsl(var(--destructive))" : "hsl(var(--muted-foreground))"
+            }
+          }
+        )
+      ] });
+    }
+    const weekday = date.toLocaleDateString(dateLocale, { weekday: "short" });
+    if (noMes) return /* @__PURE__ */ jsx("div", { style: wrapStyle, children: /* @__PURE__ */ jsx("span", { children: arg.text }) });
+    const diaMes = date.toLocaleDateString(dateLocale, { day: "numeric", month: "numeric" });
+    return /* @__PURE__ */ jsxs("div", { style: wrapStyle, ...dayLink, children: [
+      /* @__PURE__ */ jsx("span", { children: weekday }),
+      /* @__PURE__ */ jsx("span", { style: dateStyle, children: diaMes }),
+      feriado && /* @__PURE__ */ jsxs(
+        "span",
+        {
+          title: feriado.names.join(" \xB7 "),
+          style: {
+            fontSize: "0.6rem",
+            lineHeight: 1.1,
+            marginTop: 1,
+            maxWidth: "100%",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            fontWeight: feriado.closes ? 600 : 400,
+            color: feriado.closes ? "hsl(var(--destructive))" : "hsl(var(--muted-foreground))"
+          },
+          children: [
+            feriado.names[0],
+            feriado.names.length > 1 ? ` +${feriado.names.length - 1}` : ""
+          ]
+        }
+      )
+    ] });
+  }, [dayHeaderCompact, currentLocale, holidayByDate, openDay]);
+  const dayCellContent = useCallback((arg) => {
+    const date = arg.date;
+    const pad = (n) => String(n).padStart(2, "0");
+    const feriado = holidayByDate.get(`${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`);
+    return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-end", maxWidth: "100%", minWidth: 0 }, children: [
+      /* @__PURE__ */ jsx("span", { children: arg.dayNumberText }),
+      feriado && /* @__PURE__ */ jsxs(
+        "span",
+        {
+          title: feriado.names.join(" \xB7 "),
+          style: {
+            fontSize: "0.6rem",
+            lineHeight: 1.1,
+            maxWidth: "100%",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            fontWeight: feriado.closes ? 600 : 400,
+            color: feriado.closes ? "hsl(var(--destructive))" : "hsl(var(--muted-foreground))"
+          },
+          children: [
+            feriado.names[0],
+            feriado.names.length > 1 ? ` +${feriado.names.length - 1}` : ""
+          ]
+        }
+      )
+    ] });
+  }, [holidayByDate]);
+  const resourceLabelContent = useCallback((arg) => {
+    const { id, title, extendedProps } = arg.resource;
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-1.5 py-1.5 min-w-0", children: [
+      /* @__PURE__ */ jsx(PersonAvatar, { name: title, src: extendedProps?.avatarUrl, size: "xs" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden", children: [
+        /* @__PURE__ */ jsx(
+          PersonLink,
+          {
+            personId: id,
+            name: abbreviatePersonName(title),
+            avatarUrl: extendedProps?.avatarUrl,
+            size: "sm",
+            tab: "schedule",
+            profileHref: appHref(`/registry/staff/${id}/schedule`)
+          }
+        ),
+        id === nextProfessionalId ? /* @__PURE__ */ jsx(Badge, { className: "shrink-0 border-foreground/10 bg-foreground px-1.5 py-0 text-[9px] leading-4 text-background", children: "Pr\xF3ximo" }) : null
+      ] })
+    ] });
+  }, [nextProfessionalId]);
+  const eventContent = useCallback((arg) => {
+    if (arg.event.display === "background") return null;
+    if (arg.event.extendedProps?.isLocationLabel) {
+      return /* @__PURE__ */ jsx("div", { className: "px-1.5 py-0.5 overflow-hidden", children: /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium truncate", children: arg.event.title }) });
+    }
+    const serviceNames = arg.event.extendedProps?.serviceNames;
+    const start = arg.event.start;
+    const end = arg.event.end;
+    const fmt = (d) => `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+    const timeRange = start && end ? `${fmt(start)} \u2013 ${fmt(end)}` : start ? fmt(start) : "";
+    const stripe = arg.event.extendedProps?.statusStripe;
+    return /* @__PURE__ */ jsxs("div", { className: `relative py-0.5 overflow-hidden leading-tight h-full ${stripe ? "pl-2.5 pr-1.5" : "px-1.5"}`, children: [
+      stripe && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "absolute inset-y-0 left-0 w-1.5", style: { backgroundColor: stripe } }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-semibold truncate", children: arg.event.title }),
+        serviceNames && /* @__PURE__ */ jsx("p", { className: "text-[10px] opacity-60 truncate shrink-0 max-w-[45%] text-right", children: serviceNames })
+      ] }),
+      timeRange && /* @__PURE__ */ jsx("p", { className: "text-[9px] opacity-50", children: timeRange })
+    ] });
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { ref: shellRef, className: "flex", style: { height: shellHeight ?? void 0 }, children: [
+    /* @__PURE__ */ jsx(AgendaRailColumn, { children: /* @__PURE__ */ jsx(
+      AgendaFilterRail,
+      {
+        quickActions: [
+          { id: "block", label: t("agenda.sidebar.block"), icon: Ban, onClick: () => setBlockFor({ professionalId: null, date: null }) },
+          ...config.capabilities.professional ? [{ id: "working-hours", label: t("agenda.sidebar.workingHours"), icon: Clock3, onClick: () => setSchedulesOpen(true) }] : []
+        ],
+        beforeMark: { label: "Calend\xE1rio" },
+        before: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(MiniCalendar, { selectedDate, onDateSelect: handleMiniDateSelect }),
+          /* @__PURE__ */ jsx(
+            LostSlotsCard,
+            {
+              range: visibleRange,
+              selectedStatuses,
+              onPick: toggleStatus
+            }
+          )
+        ] }),
+        sections: [
+          {
+            id: "professionals",
+            title: t("agenda.sidebar.professionals"),
+            count: selectedProfIds.length,
+            hidden: !config.capabilities.professional,
+            // O mesmo primitivo do "quem atende" do agendamento, na versão de
+            // marcar várias: o retrato é o que separa a Ana Caroline da Ana
+            // Luiza numa coluna de 220px, onde o nome trunca antes do
+            // sobrenome chegar.
+            // Seis agendas ou menos: caixinhas, que se leem de uma vez. Mais
+            // que isso, o campo com retrato e busca — é o que separa a Ana
+            // Caroline da Ana Luiza numa coluna de 220px.
+            content: pickerProfessionals.length > 0 && pickerProfessionals.length <= INLINE_FILTER_MAX && !professionalsTruncated ? /* @__PURE__ */ jsx(
+              AdaptiveFilter,
+              {
+                options: pickerProfessionals.map((p) => ({
+                  value: p.id,
+                  // Abreviado para caber, ordenado e identificado pelo inteiro.
+                  label: p.name,
+                  avatarUrl: p.avatarUrl ?? null,
+                  hint: scheduledProfIds.has(p.id) ? void 0 : t("agenda.sidebar.noGrid")
+                })),
+                value: selectedProfIds,
+                onChange: (ids) => setFilters({ professionalIds: ids }),
+                allLabel: t("agenda.sidebar.allProfessionals")
+              }
+            ) : /* @__PURE__ */ jsx(
+              PersonMultiPicker,
+              {
+                options: pickerProfessionals.map((p) => ({
+                  id: p.id,
+                  name: p.name,
+                  avatarUrl: p.avatarUrl,
+                  hint: scheduledProfIds.has(p.id) ? void 0 : t("agenda.sidebar.noGrid")
+                })),
+                value: selectedProfIds,
+                onChange: (ids) => setFilters({ professionalIds: ids }),
+                max: MAX_SELECTED_AGENDAS,
+                allLabel: t("agenda.sidebar.allProfessionals"),
+                searchPlaceholder: t("agenda.sidebar.searchAgendas"),
+                onSearchChange: professionalsTruncated ? setProfSearch : void 0
+              }
+            )
+          },
+          {
+            id: "unit",
+            title: t("agenda.sidebar.unit"),
+            count: selectedLocationId ? 1 : 0,
+            hidden: !config.modules.locationSelection || allLocations.size <= 1,
+            content: /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: selectedLocationId ?? "__all__",
+                onValueChange: (v) => setFilters({ locationId: v === "__all__" ? null : v }),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 text-sm", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsxs(SelectContent, { children: [
+                    /* @__PURE__ */ jsx(SelectItem, { value: "__all__", children: t("agenda.sidebar.allUnits") }),
+                    [...allLocations].map(([id, name]) => /* @__PURE__ */ jsx(SelectItem, { value: id, children: name }, id))
+                  ] })
+                ]
+              }
+            )
+          },
+          {
+            id: "service",
+            title: t("agenda.sidebar.service"),
+            count: serviceFilter.length,
+            hidden: !config.capabilities.services || serviceOptions.length === 0,
+            // Três serviços agendáveis viram três caixinhas; trezentos viram
+            // um campo com busca. Quem chama não escolhe a forma.
+            content: /* @__PURE__ */ jsx(
+              AdaptiveFilter,
+              {
+                options: serviceOptions,
+                value: serviceFilter,
+                onChange: setServiceFilter,
+                allLabel: t("agenda.sidebar.allServices")
+              }
+            )
+          },
+          {
+            id: "status",
+            title: t("agenda.sidebar.status"),
+            count: selectedStatuses.length,
+            // Fora do ar quando nenhum tipo de reserva tem fluxo de status
+            // (eventMode:'simple').
+            hidden: !config.capabilities.status,
+            content: /* @__PURE__ */ jsx(
+              StatusFilterList,
+              {
+                statuses: config.statuses,
+                selected: selectedStatuses,
+                onToggle: toggleStatus
+              }
+            )
+          },
+          {
+            id: "week-grouping",
+            title: "Agrupar semana por",
+            // Só na SEMANA: no dia existe uma data só, e um seletor que não
+            // muda nada é um seletor que ensina a desconfiar dos outros.
+            hidden: !config.capabilities.professional || !currentView.endsWith("Week"),
+            defaultOpen: true,
+            content: /* @__PURE__ */ jsx(
+              SegmentedControl,
+              {
+                size: "sm",
+                value: weekGrouping,
+                onChange: (v) => prefs.set("weekGrouping", v),
+                "aria-label": "Agrupar a semana por dia ou por profissional",
+                options: [
+                  { value: "day", label: "Dia" },
+                  { value: "professional", label: "Profissional" }
+                ]
+              }
+            )
+          },
+          {
+            id: "week-days",
+            title: "Dias da semana",
+            // A choice away from the automatic one is something in force.
+            count: Array.isArray(weekDaysPref) ? 1 : 0,
+            hidden: !currentView.endsWith("Week") || currentView.startsWith("list"),
+            defaultOpen: true,
+            content: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex gap-1", role: "group", "aria-label": "Dias que a semana mostra", children: [1, 2, 3, 4, 5, 6, 0].map((dow2) => {
+                const on = shownWeekDays.includes(dow2);
+                const name = new Date(2024, 0, 7 + dow2).toLocaleDateString(currentLocale === "pt-BR" ? "pt-BR" : "en", { weekday: "long" });
+                return /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "bare",
+                    size: "bare",
+                    type: "button",
+                    "aria-pressed": on,
+                    title: name,
+                    "aria-label": name,
+                    "data-testid": `week-day-${dow2}`,
+                    onClick: () => toggleWeekDay(dow2),
+                    className: `font-normal whitespace-normal flex h-7 w-7 items-center justify-center rounded-full text-xs font-medium uppercase transition-colors ${on ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:text-foreground"}`,
+                    children: name.charAt(0)
+                  },
+                  dow2
+                );
+              }) }),
+              Array.isArray(weekDaysPref) && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "bare",
+                  size: "bare",
+                  type: "button",
+                  onClick: () => prefs.set("weekDays", "auto"),
+                  className: "font-normal whitespace-normal text-xs text-muted-foreground underline-offset-2 hover:text-foreground hover:underline",
+                  children: "Voltar ao autom\xE1tico"
+                }
+              )
+            ] })
+          },
+          {
+            id: "hide-empty",
+            title: t("agenda.sidebar.hideEmptyGrids"),
+            count: hideEmptyGrids ? 1 : 0,
+            hidden: !config.capabilities.professional,
+            content: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                size: "sm",
+                checked: hideEmptyGrids,
+                onCheckedChange: setHideEmptyGrids,
+                label: /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("agenda.sidebar.hideEmptyGrids") })
+              }
+            )
+          }
+        ]
+      }
+    ) }),
+    config.capabilities.professional && /* @__PURE__ */ jsx(ScheduleGridDialog, { open: schedulesOpen, professionalId: schedulesFor, onClose: () => {
+      setSchedulesOpen(false);
+      setSchedulesFor(null);
+    } }),
+    blockFor && /* @__PURE__ */ jsx(
+      BlockDialog,
+      {
+        open: true,
+        professionalId: blockFor.professionalId,
+        date: blockFor.date,
+        onClose: () => setBlockFor(null),
+        onSaved: invalidateSchedules
+      }
+    ),
+    editingBlock && /* @__PURE__ */ jsx(
+      BlockDialog,
+      {
+        open: true,
+        editing: editingBlock,
+        onClose: () => setEditingBlock(null),
+        onSaved: invalidateSchedules
+      }
+    ),
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(
+      PageActions,
+      {
+        actions: [
+          {
+            id: "new-booking",
+            label: t("agenda.calendar.newAppointment"),
+            icon: Plus,
+            intent: "primary",
+            creates: true,
+            onSelect: () => openModal("create")
+          },
+          {
+            id: "agenda-settings",
+            label: t("agenda.settings.title"),
+            icon: Settings,
+            // Utility, not an alternative way to book: the shell gives it
+            // its own quiet circle above the "+" instead of hiding it in a
+            // create menu.
+            intent: "utility",
+            onSelect: () => {
+              navigateApp("/settings/agenda");
+            }
+          }
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0 overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-b", children: [
+        /* @__PURE__ */ jsxs("div", { className: `${mobileGridActive ? "flex" : "hidden"} md:flex h-12 items-center justify-between pl-4 pr-4`, children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: `${mobileGridActive ? "flex" : "hidden"} md:flex items-center gap-3`, children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "bare",
+                  size: "bare",
+                  onClick: handleToday,
+                  className: "rounded-md border px-3 py-1 text-sm font-medium hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
+                  children: t("agenda.toolbar.today")
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+                /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: handlePrev, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) }),
+                /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: handleNext, className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) })
+              ] })
+            ] }),
+            !(isMobile && !mobileGridActive) && /* @__PURE__ */ jsx("h2", { className: "truncate text-base font-normal sm:text-lg", children: calendarTitle })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 shrink-0", children: /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center gap-1", children: viewOptions.map((opt) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              onClick: () => handleViewChange(opt.key),
+              className: `font-normal rounded-md px-3 py-1 text-sm transition-colors ${currentView === opt.key ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:bg-muted/50"}`,
+              children: t(opt.labelKey)
+            },
+            opt.key
+          )) }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex md:hidden items-center gap-1 overflow-x-auto px-3 pb-2", children: mobileViewOptions.map((opt) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            onClick: () => handleMobileViewChange(opt.key),
+            "aria-pressed": mobileView === opt.key,
+            className: `font-normal flex min-h-[2.75rem] shrink-0 items-center rounded-full px-4 text-sm transition-colors active:scale-[0.98] ${mobileView === opt.key ? "bg-primary/10 font-medium text-primary" : "text-muted-foreground hover:bg-muted/50"}`,
+            children: t(opt.labelKey)
+          },
+          opt.key
+        )) })
+      ] }),
+      isMobile && !mobileGridActive ? (
+        // The mobile branch used to sit in front of the loading check, so the
+        // list rendered empty while the query ran — which on this screen reads
+        // as "nothing scheduled", the one wrong answer it must not give.
+        bookingsLoading && bookings.length === 0 ? /* @__PURE__ */ jsx(AgendaMobileListSkeleton, {}) : /* @__PURE__ */ jsx(
+          AgendaMobileList,
+          {
+            bookings,
+            statusColors,
+            currencyCode: config.currency.code,
+            onSelect: (b) => openModal("edit", { bookingId: b.id }),
+            onCreate: () => openModal("create")
+          }
+        )
+      ) : professionalsLoading && professionals.length === 0 ? /* @__PURE__ */ jsx(CalendarSkeleton, { profCount: 2 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        semGradeNoPeriodo && /* @__PURE__ */ jsxs("div", { className: "mx-3 mb-2 flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-lg border border-warning/40 bg-warning/10 px-3 py-2", children: [
+          /* @__PURE__ */ jsx(Clock3, { className: "h-4 w-4 shrink-0 text-warning-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 text-xs text-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("agenda.calendar.noGridTitle") }),
+            " \u2014 ",
+            t("agenda.calendar.noGridBody")
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              onClick: () => setSchedulesOpen(true),
+              className: "shrink-0 rounded-button border bg-card px-2.5 py-1 text-xs font-medium shadow-button transition-all hover:bg-muted active:scale-95",
+              children: t("agenda.calendar.noGridCta")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { ref: wrapperRef, className: `min-h-0 min-w-0 flex-1 overflow-x-auto overflow-y-hidden agenda-calendar${semGradeNoPeriodo ? " agenda-unscheduled" : ""}`, children: /* @__PURE__ */ jsx("div", { className: "h-full", style: gridMinWidth ? { minWidth: gridMinWidth } : void 0, children: /* @__PURE__ */ jsx(
+          FullCalendar,
+          {
+            ref: calendarRef,
+            plugins: [dayGridPlugin, timeGridPlugin, resourceTimeGridPlugin, interactionPlugin, listPlugin],
+            initialView: mobileGridActive ? mobileView : effectiveInitialView,
+            initialDate: urlTarget?.date,
+            schedulerLicenseKey: "CC-Attribution-NonCommercial-NoDerivatives",
+            views: weekViewOptions,
+            resources: resourceCapable ? columnsSettled ? resources : [] : void 0,
+            events,
+            headerToolbar: false,
+            locale: fcLocale,
+            height: "100%",
+            slotMinTime: effectiveBusinessHours.startTime + ":00",
+            slotMaxTime: effectiveBusinessHours.endTime + ":00",
+            slotDuration: { minutes: config.slotDuration },
+            allDaySlot: false,
+            nowIndicator: true,
+            editable: config.modules.dragAndDrop,
+            selectable: true,
+            selectMirror: true,
+            eventOverlap: false,
+            datesSet: handleDatesSet,
+            eventDidMount: handleEventDidMount,
+            eventClick: handleEventClick,
+            eventMouseEnter: handleEventMouseEnter,
+            eventMouseLeave: handleEventMouseLeave,
+            select: handleSelect,
+            dateClick: handleDateClick,
+            selectLongPressDelay: 400,
+            eventDrop: handleEventDrop,
+            resourceLabelContent,
+            dayHeaderContent,
+            dayCellContent,
+            eventContent,
+            resourceOrder: "title",
+            datesAboveResources: weekGrouping === "day",
+            stickyHeaderDates: true,
+            expandRows: false,
+            eventTimeFormat: { hour: "2-digit", minute: "2-digit", hour12: false },
+            slotLabelFormat: { hour: "2-digit", minute: "2-digit", hour12: false }
+          }
+        ) }) })
+      ] }),
+      config.capabilities.status && !isMobile && /* @__PURE__ */ jsx("div", { className: "hidden md:flex shrink-0 flex-wrap items-center gap-x-4 gap-y-1.5 border-t px-4 py-2", children: config.statuses.map((status) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { className: "h-2 w-2 shrink-0 rounded-full", style: { backgroundColor: status.color } }),
+        status.label
+      ] }, status.value)) })
+    ] }),
+    selectedBooking && popoverAnchor && popoverVisible && /* @__PURE__ */ jsx(
+      AppointmentPopover,
+      {
+        booking: selectedBooking,
+        position: popoverAnchor,
+        onClose: () => {
+          setPopoverVisible(false);
+          setSelectedBooking(null);
+          setPopoverAnchor(null);
+        },
+        onEdit: (id) => {
+          setPopoverVisible(false);
+          setSelectedBooking(null);
+          setPopoverAnchor(null);
+          openModal("edit", { bookingId: id });
+        }
+      }
+    ),
+    contextMenu && /* @__PURE__ */ jsx(
+      EventContextMenu,
+      {
+        booking: contextMenu.booking,
+        position: { x: contextMenu.x, y: contextMenu.y },
+        onClose: () => {
+          setContextMenuVisible(false);
+          setContextMenu(null);
+        },
+        onEdit: (id) => {
+          setContextMenuVisible(false);
+          setContextMenu(null);
+          openModal("edit", { bookingId: id });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: !!scheduleConfirm,
+        variant: "warning",
+        title: t("agenda.calendar.noScheduleConfirm"),
+        confirmLabel: t("common.confirm"),
+        cancelLabel: t("common.cancel"),
+        onConfirm: () => {
+          const cb = scheduleConfirm?.onConfirm;
+          setScheduleConfirm(null);
+          cb?.();
+        },
+        onCancel: () => setScheduleConfirm(null)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AppointmentModal,
+      {
+        open: modalState.open,
+        mode: modalState.mode,
+        bookingId: modalState.bookingId,
+        prefill: modalState.prefill,
+        initialTab: modalState.initialTab,
+        externalSource: modalState.externalSource,
+        onClose: closeModal,
+        onCreated: (newId, source) => {
+          if (config.onBookingCreated) {
+            void Promise.resolve(config.onBookingCreated({ bookingId: newId, source })).catch((error) => {
+              console.error("Failed to run agenda booking-created bridge", error);
+            });
+          }
+          setTimeout(() => {
+            const booking = bookings.find((b) => b.id === newId);
+            if (!booking) return;
+            const el = document.querySelector(`[data-booking-id="${newId}"]`);
+            if (el) {
+              const rect = el.getBoundingClientRect();
+              const popW = 320, popH = 340;
+              let x = rect.right + 8;
+              let y = rect.top + rect.height / 2 - popH / 2;
+              if (x + popW > window.innerWidth - 16) x = rect.left - popW - 8;
+              if (y + popH > window.innerHeight - 16) y = window.innerHeight - popH - 16;
+              if (y < 16) y = 16;
+              setSelectedBooking(booking);
+              setPopoverAnchor({ x, y });
+              setPopoverVisible(true);
+            }
+          }, 400);
+        }
+      }
+    )
+  ] });
+}
+function AgendaPage({ config, provider, store, children }) {
+  const runtime = usePluginRuntimeOptional();
+  const tenantId = runtime?.context.tenant?.id;
+  React.useEffect(() => {
+    setAgendaTenantId(tenantId);
+    return () => setAgendaTenantId(void 0);
+  }, [tenantId]);
+  return /* @__PURE__ */ jsx(AgendaContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 space-y-3 overflow-y-auto p-2 md:space-y-4 md:px-3 md:pb-3 md:pt-2", children: children ?? /* @__PURE__ */ jsx(CalendarView, {}) }) });
+}
+
+export { AgendaPage };
+//# sourceMappingURL=AgendaPage-43OXQDZE.js.map
+//# sourceMappingURL=AgendaPage-43OXQDZE.js.map