@fayz-ai/plugin-reservations 0.1.1

package/dist/ReservationsPage-5RF5SYZT.js

@@ -0,0 +1,1157 @@
+import { DEFAULT_SETTINGS } from './chunk-7KXGSUHT.js';
+import React2, { useState, useEffect, useMemo, useCallback } from 'react';
+import { CalendarClock, List, Plus, AlertTriangle, CalendarOff, Users, Phone, Check, Armchair, X, Pencil, Trash2 } from 'lucide-react';
+import { PageTabs, TooltipProvider, PageHeaderActions, Button, MiniCalendar, toLocalISODate, FilterCheckList, StatTiles, Skeleton, SearchField, Input, DotBadge, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, formatPhone, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, TimePicker, ModalFooter, Switch, Tooltip, TooltipTrigger, TooltipContent } from '@fayz-ai/ui';
+import { createPluginContext, PermissionGate, createArchetypeLookup, ContactPicker } from '@fayz-ai/admin';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var ctx = createPluginContext("ReservationsPage");
+var ReservationsContextProvider = ctx.ContextProvider;
+var useReservationsConfig = ctx.useConfig;
+ctx.useProvider;
+var useReservationsStore = ctx.useStore;
+function CapacityStrip({ slots, loading, error, onPickSlot }) {
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: [0, 1].map((i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-[72px] w-full rounded-lg" }, i)) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-destructive/30 bg-destructive/5 p-4", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-destructive" }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: "N\xE3o foi poss\xEDvel ler a grade de capacidade" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-0.5 break-words text-xs text-muted-foreground", children: error })
+      ] })
+    ] });
+  }
+  if (!slots.length) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-dashed p-4", children: [
+      /* @__PURE__ */ jsx(CalendarOff, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        "Nenhuma faixa aberta neste dia. A grade semanal e as exce\xE7\xF5es ficam em",
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Configura\xE7\xF5es \u2192 Reservas" }),
+        "."
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: slots.map((slot, i) => {
+    const pct = slot.capacity > 0 ? Math.min(slot.booked / slot.capacity * 100, 100) : 0;
+    const full = slot.remaining === 0;
+    const tone = full ? "bg-destructive" : pct >= 80 ? "bg-accent" : "bg-primary";
+    const Row = onPickSlot ? "button" : "div";
+    return /* @__PURE__ */ jsxs(
+      Row,
+      {
+        ...onPickSlot ? { onClick: () => onPickSlot(slot), type: "button" } : {},
+        className: `rounded-lg border bg-card p-3 text-left transition-colors ${onPickSlot ? "hover:bg-muted/50" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium tabular-nums", children: [
+              slot.startTime,
+              " \u2013 ",
+              slot.endTime
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: `text-sm tabular-nums ${full ? "font-semibold text-destructive" : "text-muted-foreground"}`, children: [
+              slot.booked,
+              "/",
+              slot.capacity
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex items-center gap-2", children: [
+            slot.zoneColor && /* @__PURE__ */ jsx("span", { className: "h-2 w-2 shrink-0 rounded-full", style: { backgroundColor: slot.zoneColor } }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: slot.zoneName ?? "Restaurante" }),
+            slot.isException && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-accent/15 px-1.5 py-px text-[10px] font-medium text-accent", children: "exce\xE7\xE3o" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 h-1.5 w-full overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx("div", { className: `h-full rounded-full transition-all ${tone}`, style: { width: `${pct}%` } }) }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs text-muted-foreground", children: full ? "Lota\xE7\xE3o cheia" : `${slot.remaining} ${slot.remaining === 1 ? "lugar" : "lugares"} livres` })
+        ]
+      },
+      `${slot.zoneId ?? "all"}-${slot.startTime}-${i}`
+    );
+  }) });
+}
+function requireContactFields(def, phone, email) {
+  if (!def || !phone && !email) return def;
+  return {
+    ...def,
+    fields: def.fields.map((f) => f.key === "phone" && phone || f.key === "email" && email ? { ...f, required: true } : f)
+  };
+}
+function ReservationModal({ open, onClose, date, reservation, defaultSlot }) {
+  const config = useReservationsConfig();
+  const zones = useReservationsStore((s) => s.zones);
+  const tables = useReservationsStore((s) => s.tables);
+  const slots = useReservationsStore((s) => s.slots);
+  const settings = useReservationsStore((s) => s.settings);
+  const create = useReservationsStore((s) => s.create);
+  const update = useReservationsStore((s) => s.update);
+  const [form, setForm] = useState(() => blank(date, defaultSlot));
+  const [saving, setSaving] = useState(false);
+  const [personPhone, setPersonPhone] = useState(void 0);
+  const requirePhone = !!settings?.requirePhone;
+  const requireEmail = !!settings?.requireEmail;
+  const baseLookup = useMemo(
+    () => config.contactLookup ?? createArchetypeLookup({ archetype: "person", kind: config.clientKind }),
+    [config.contactLookup, config.clientKind]
+  );
+  const clientLookup = useMemo(() => {
+    const def = requireContactFields(baseLookup.entityDef, requirePhone, requireEmail);
+    return def === baseLookup.entityDef ? baseLookup : { ...baseLookup, entityDef: def };
+  }, [baseLookup, requirePhone, requireEmail]);
+  const clientEntityDef = useMemo(
+    () => requireContactFields(config.clientEntityDef, requirePhone, requireEmail),
+    [config.clientEntityDef, requirePhone, requireEmail]
+  );
+  useEffect(() => {
+    if (!open) return;
+    setForm(reservation ? {
+      personId: reservation.personId,
+      guestName: reservation.guestName,
+      phone: reservation.phone,
+      email: reservation.email,
+      zoneId: reservation.zoneId,
+      tableId: reservation.tableId,
+      reservedOn: reservation.reservedOn,
+      startTime: reservation.startTime,
+      endTime: reservation.endTime,
+      partySize: reservation.partySize,
+      occasion: reservation.occasion,
+      notes: reservation.notes,
+      status: reservation.status
+    } : blank(date, defaultSlot));
+    setPersonPhone(reservation?.phone || void 0);
+  }, [open, reservation, date, defaultSlot]);
+  const slot = useMemo(() => {
+    const candidates = slots.filter((s) => (!s.zoneId || !form.zoneId || s.zoneId === form.zoneId) && form.startTime >= s.startTime && form.startTime < s.endTime);
+    return candidates[0] ?? null;
+  }, [slots, form.startTime, form.zoneId]);
+  useEffect(() => {
+    if (!open || form.zoneId) return;
+    const covering = slots.filter((s) => s.zoneId && form.startTime >= s.startTime && form.startTime < s.endTime);
+    const unique = new Set(covering.map((s) => s.zoneId));
+    if (unique.size === 1) setForm((f) => f.zoneId ? f : { ...f, zoneId: covering[0].zoneId });
+  }, [open, slots, form.startTime, form.zoneId]);
+  const zonedWindows = slots.filter((s) => s.zoneId && form.startTime >= s.startTime && form.startTime < s.endTime);
+  const unzonedInAZonedHouse = !form.zoneId && zonedWindows.length > 0;
+  const remainingAfter = useMemo(() => {
+    if (!slot) return null;
+    const own = reservation && reservation.startTime >= slot.startTime && reservation.startTime < slot.endTime ? reservation.partySize : 0;
+    return slot.capacity - (slot.booked - own) - (form.partySize || 0);
+  }, [slot, form.partySize, reservation]);
+  const zoneTables = tables.filter((t) => !form.zoneId || t.zoneId === form.zoneId);
+  const missing = [];
+  if (!form.personId) missing.push("o cliente que reservou");
+  if (requirePhone && !form.phone?.trim()) missing.push("o telefone do cliente");
+  if (requireEmail && !form.email?.trim()) missing.push("o e-mail do cliente");
+  if (!form.partySize || form.partySize < 1) missing.push("quantas pessoas");
+  if (unzonedInAZonedHouse) missing.push("a pra\xE7a \u2014 sem ela a reserva n\xE3o entra em nenhuma lota\xE7\xE3o");
+  async function submit() {
+    if (missing.length) return;
+    setSaving(true);
+    try {
+      if (reservation) await update(reservation.id, form);
+      else await create(form);
+      onClose();
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (v) => !v && onClose(), children: /* @__PURE__ */ jsxs(ModalContent, { size: "lg", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: reservation ? "Editar reserva" : config.labels.newReservation }) }),
+    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs("div", { className: "fz-container space-y-4", children: [
+      /* @__PURE__ */ jsx(
+        ContactPicker,
+        {
+          value: form.personId || form.guestName ? { id: form.personId, name: form.guestName, phone: form.phone, email: form.email } : null,
+          onChange: (c) => {
+            setPersonPhone(c?.phone || void 0);
+            setForm({
+              ...form,
+              personId: c?.id,
+              guestName: c?.name ?? "",
+              phone: c?.phone ?? "",
+              email: c?.email ?? ""
+            });
+          },
+          kind: config.clientKind,
+          lookup: clientLookup,
+          createEntityDef: clientEntityDef,
+          label: "Cliente *",
+          placeholder: "Quem reservou",
+          createLabel: "Cadastrar cliente",
+          autoFocus: true,
+          required: true,
+          ...form.personId ? {
+            handleField: {
+              label: "telefone",
+              fieldLabel: "Telefone",
+              placeholder: "(00) 00000-0000",
+              derived: personPhone,
+              value: form.phone ?? "",
+              onChange: (v) => setForm({ ...form, phone: v })
+            }
+          } : {}
+        }
+      ),
+      reservation && !form.personId && form.guestName && /* @__PURE__ */ jsxs("p", { className: "text-xs text-amber-600 dark:text-amber-500", children: [
+        "Em nome de ",
+        /* @__PURE__ */ jsx("strong", { children: form.guestName }),
+        ", sem cliente vinculado. Busque a pessoa acima para ligar as duas \u2014 ou cadastre-a."
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Data *", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "date",
+            value: form.reservedOn,
+            onChange: (e) => setForm({ ...form, reservedOn: e.target.value })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: "Pessoas *", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            min: 1,
+            value: form.partySize,
+            onChange: (e) => setForm({ ...form, partySize: Number(e.target.value) })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Hora in\xEDcio *", children: /* @__PURE__ */ jsx(
+          TimePicker,
+          {
+            value: form.startTime,
+            onChange: (v) => setForm({ ...form, startTime: v })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: "Hora fim", children: /* @__PURE__ */ jsx(
+          TimePicker,
+          {
+            value: form.endTime ?? "",
+            onChange: (v) => setForm({ ...form, endTime: v })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(SlotHint, { slot, remainingAfter, party: form.partySize }),
+      /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Pra\xE7a", children: /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: form.zoneId ?? "__none",
+            onValueChange: (v) => setForm({ ...form, zoneId: v === "__none" ? void 0 : v, tableId: void 0 }),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Restaurante todo" }) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "__none", children: "Restaurante todo" }),
+                zones.map((z) => /* @__PURE__ */ jsx(SelectItem, { value: z.id, children: z.name }, z.id))
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: "Mesa (opcional)", children: /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: form.tableId ?? "__none",
+            onValueChange: (v) => setForm({ ...form, tableId: v === "__none" ? void 0 : v }),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014 Nenhuma \u2014" }) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "__none", children: "\u2014 Nenhuma \u2014" }),
+                zoneTables.map((t) => /* @__PURE__ */ jsxs(SelectItem, { value: t.id, children: [
+                  "Mesa ",
+                  t.number,
+                  " \xB7 ",
+                  t.seats,
+                  " lug."
+                ] }, t.id))
+              ] })
+            ]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(Field, { label: "Ocasi\xE3o", children: /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: form.occasion ?? "__none",
+          onValueChange: (v) => setForm({ ...form, occasion: v === "__none" ? void 0 : v }),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014" }) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "__none", children: "\u2014" }),
+              config.occasions.map((o) => /* @__PURE__ */ jsx(SelectItem, { value: o.value, children: o.label }, o.value))
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Observa\xE7\xF5es", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: form.notes ?? "",
+          onChange: (e) => setForm({ ...form, notes: e.target.value }),
+          placeholder: "Cadeirinha de beb\xEA, anivers\xE1rio surpresa\u2026"
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "min-w-0 text-xs text-muted-foreground", children: missing.length ? `Falta ${missing.join(", ")}.` : "" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Cancelar" }),
+        /* @__PURE__ */ jsx(Button, { onClick: submit, disabled: !!missing.length || saving, children: saving ? "Salvando\u2026" : "Salvar" })
+      ] })
+    ] }) })
+  ] }) });
+}
+function Field({ label, children }) {
+  return /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: label }),
+    children
+  ] });
+}
+function SlotHint({ slot, remainingAfter, party }) {
+  if (!slot) {
+    return /* @__PURE__ */ jsx("p", { className: "rounded-lg bg-muted/50 px-3 py-2 text-xs text-muted-foreground", children: "Nenhuma faixa de capacidade cobre este hor\xE1rio. A reserva pode ser registrada assim mesmo \u2014 s\xF3 n\xE3o h\xE1 teto configurado para ela." });
+  }
+  const over = remainingAfter != null && remainingAfter < 0;
+  return /* @__PURE__ */ jsxs("p", { className: `rounded-lg px-3 py-2 text-xs ${over ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-muted-foreground"}`, children: [
+    /* @__PURE__ */ jsxs("span", { className: "font-medium tabular-nums", children: [
+      slot.startTime,
+      "\u2013",
+      slot.endTime
+    ] }),
+    slot.zoneName ? ` \xB7 ${slot.zoneName}` : "",
+    " \xB7 ",
+    slot.booked,
+    "/",
+    slot.capacity,
+    " ocupados.",
+    " ",
+    over ? `Com ${party} pessoa(s) a faixa estoura em ${Math.abs(remainingAfter)}.` : `Sobram ${remainingAfter} depois desta reserva.`
+  ] });
+}
+function blank(date, slot) {
+  return {
+    guestName: "",
+    reservedOn: date,
+    // 20:00 is the V1's default and the right one: the reservation a
+    // restaurant takes over the phone is a dinner one.
+    startTime: slot?.startTime ?? "20:00",
+    zoneId: slot?.zoneId,
+    partySize: 2
+  };
+}
+function SeatDialog({ reservation, onClose }) {
+  const tables = useReservationsStore((s) => s.tables);
+  const seat = useReservationsStore((s) => s.seat);
+  const [tableId, setTableId] = useState(reservation?.tableId ?? null);
+  const [guests, setGuests] = useState(reservation?.partySize ?? 2);
+  const [saving, setSaving] = useState(false);
+  React2.useEffect(() => {
+    setTableId(reservation?.tableId ?? null);
+    setGuests(reservation?.partySize ?? 2);
+  }, [reservation]);
+  if (!reservation) return null;
+  const free = tables.filter((t) => !t.isOccupied);
+  const chosen = tables.find((t) => t.id === tableId);
+  const tooSmall = chosen ? chosen.seats < guests : false;
+  async function confirm() {
+    if (!tableId) return;
+    setSaving(true);
+    try {
+      await seat(reservation.id, tableId, guests);
+      onClose();
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (v) => !v && onClose(), children: /* @__PURE__ */ jsxs(ModalContent, { size: "md", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs(ModalTitle, { children: [
+      "Acomodar ",
+      reservation.guestName
+    ] }) }),
+    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs("div", { className: "fz-container space-y-4", children: [
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Quantas pessoas sentaram" }),
+        /* @__PURE__ */ jsx(Input, { type: "number", min: 1, value: guests, onChange: (e) => setGuests(Number(e.target.value)) }),
+        guests !== reservation.partySize && // The party that shows up is not always the party that booked,
+        // and the comanda has to open with the real number — the couvert
+        // and the split bill both hang off it.
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "A reserva era para ",
+          reservation.partySize,
+          ". A comanda abre com ",
+          guests,
+          "."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Mesa" }),
+        free.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-dashed p-3 text-sm text-muted-foreground", children: "Nenhuma mesa livre. Uma mesa fica ocupada enquanto h\xE1 comanda aberta nela \u2014 feche uma comanda em Pedidos para liberar." }) : /* @__PURE__ */ jsx("div", { className: "grid max-h-64 grid-cols-3 gap-2 overflow-y-auto sm:grid-cols-4", children: free.map((t) => {
+          const selected = t.id === tableId;
+          const small = t.seats < guests;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setTableId(t.id),
+              className: `flex flex-col items-center rounded-lg border-2 p-2 transition-colors ${selected ? "border-primary bg-primary/10" : "border-border hover:bg-muted/50"}`,
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "text-lg font-bold", children: t.number }),
+                /* @__PURE__ */ jsxs("span", { className: `flex items-center gap-0.5 text-[11px] ${small ? "text-accent" : "text-muted-foreground"}`, children: [
+                  /* @__PURE__ */ jsx(Users, { className: "h-3 w-3" }),
+                  t.seats
+                ] })
+              ]
+            },
+            t.id
+          );
+        }) })
+      ] }),
+      tooSmall && /* @__PURE__ */ jsxs("p", { className: "rounded-lg bg-accent/10 px-3 py-2 text-xs text-accent", children: [
+        "A mesa ",
+        chosen.number,
+        " tem ",
+        chosen.seats,
+        " lugares para ",
+        guests,
+        " pessoas."
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "min-w-0 text-xs text-muted-foreground", children: tableId ? "Abre a comanda desta mesa." : "Escolha a mesa para abrir a comanda." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Cancelar" }),
+        /* @__PURE__ */ jsx(Button, { onClick: confirm, disabled: !tableId || saving, children: saving ? "Abrindo\u2026" : "Acomodar e abrir comanda" })
+      ] })
+    ] }) })
+  ] }) });
+}
+function ServiceDayView() {
+  const config = useReservationsConfig();
+  const selectedDate = useReservationsStore((s) => s.selectedDate);
+  const setSelectedDate = useReservationsStore((s) => s.setSelectedDate);
+  const slots = useReservationsStore((s) => s.slots);
+  const slotsLoading = useReservationsStore((s) => s.slotsLoading);
+  const slotsError = useReservationsStore((s) => s.slotsError);
+  const dayReservations = useReservationsStore((s) => s.dayReservations);
+  const dayLoading = useReservationsStore((s) => s.dayLoading);
+  const summary = useReservationsStore((s) => s.summary);
+  const monthRows = useReservationsStore((s) => s.reservations);
+  const fetchDay = useReservationsStore((s) => s.fetchDay);
+  const fetchRange = useReservationsStore((s) => s.fetchRange);
+  const fetchSalao = useReservationsStore((s) => s.fetchSalao);
+  const setStatus = useReservationsStore((s) => s.setStatus);
+  const [statusFilter, setStatusFilter] = useState([]);
+  const [editing, setEditing] = useState(null);
+  const [creating, setCreating] = useState(false);
+  const [slotSeed, setSlotSeed] = useState(null);
+  const [seating, setSeating] = useState(null);
+  useEffect(() => {
+    void fetchDay();
+    void fetchSalao();
+  }, [fetchDay, fetchSalao]);
+  useEffect(() => {
+    const [y, m] = selectedDate.split("-").map(Number);
+    const from = `${y}-${String(m).padStart(2, "0")}-01`;
+    const last = new Date(y, m, 0).getDate();
+    void fetchRange(from, `${y}-${String(m).padStart(2, "0")}-${last}`);
+  }, [selectedDate, fetchRange]);
+  const colorOf = useMemo(() => {
+    const map = new Map(config.statuses.map((s) => [s.value, s]));
+    return (status) => map.get(status) ?? { label: status, color: "#6b7280" };
+  }, [config.statuses]);
+  const markers = useMemo(() => {
+    var _a;
+    const out = {};
+    for (const r of monthRows) {
+      if (r.status === "cancelled") continue;
+      const s = colorOf(r.status);
+      const day = out[_a = r.reservedOn] ?? (out[_a] = []);
+      if (!day.some((d) => d.color === s.color)) day.push({ color: s.color, label: s.label });
+    }
+    return out;
+  }, [monthRows, colorOf]);
+  const rows = statusFilter.length ? dayReservations.filter((r) => statusFilter.includes(r.status)) : dayReservations;
+  const dateObj = useMemo(() => {
+    const [y, m, d] = selectedDate.split("-").map(Number);
+    return new Date(y, m - 1, d);
+  }, [selectedDate]);
+  return /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 300, children: [
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(PermissionGate, { feature: "reservations", action: "create", children: /* @__PURE__ */ jsxs(Button, { onClick: () => {
+      setSlotSeed(null);
+      setCreating(true);
+    }, children: [
+      /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: config.labels.newReservation })
+    ] }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:flex-row", children: [
+      /* @__PURE__ */ jsxs("aside", { className: "w-full shrink-0 space-y-5 lg:w-60", children: [
+        /* @__PURE__ */ jsx(
+          MiniCalendar,
+          {
+            selectedDate: dateObj,
+            markers,
+            onDateSelect: (d) => setSelectedDate(toLocalISODate(d))
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(
+            FilterCheckList,
+            {
+              label: "Estado",
+              options: config.statuses.map((s) => ({
+                value: s.value,
+                label: s.label,
+                color: s.color,
+                count: dayReservations.filter((r) => r.status === s.value).length
+              })),
+              selected: statusFilter,
+              onChange: setStatusFilter
+            }
+          ),
+          statusFilter.length > 0 && /* @__PURE__ */ jsx("button", { onClick: () => setStatusFilter([]), className: "px-1 text-xs text-primary hover:underline", children: "Limpar filtro" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-5", children: [
+        /* @__PURE__ */ jsx(
+          StatTiles,
+          {
+            tiles: [
+              { id: "total", label: "Reservas", value: summary ? String(summary.total) : "\u2014" },
+              // Pessoas, não linhas: é o número contra o qual a cozinha se
+              // planeja, e cancelada/não-compareceu não comem.
+              { id: "guests", label: "Pessoas esperadas", value: summary ? String(summary.expectedGuests) : "\u2014" },
+              { id: "pending", label: "A confirmar", value: summary ? String(summary.pending) : "\u2014" },
+              { id: "seated", label: "J\xE1 sentaram", value: summary ? String(summary.seated) : "\u2014" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Capacidade do dia" }),
+          /* @__PURE__ */ jsx(
+            CapacityStrip,
+            {
+              slots,
+              loading: slotsLoading,
+              error: slotsError,
+              onPickSlot: (slot) => {
+                setSlotSeed(slot);
+                setCreating(true);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs("h3", { className: "text-sm font-medium", children: [
+            "Reservas do dia ",
+            rows.length ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              "(",
+              rows.length,
+              ")"
+            ] }) : null
+          ] }),
+          dayLoading ? (
+            // The SHAPE of the row, never "Carregando…".
+            /* @__PURE__ */ jsx("div", { className: "space-y-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full rounded-lg" }, i)) })
+          ) : rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground", children: dayReservations.length ? "Nenhuma reserva com esse estado neste dia." : "Nenhuma reserva para este dia." }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: rows.map((r) => /* @__PURE__ */ jsx(
+            ReservationRow,
+            {
+              reservation: r,
+              badge: colorOf(r.status),
+              onEdit: () => setEditing(r),
+              onSeat: () => setSeating(r),
+              onStatus: (s) => setStatus(r.id, s)
+            },
+            r.id
+          )) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ReservationModal,
+      {
+        open: creating || !!editing,
+        onClose: () => {
+          setCreating(false);
+          setEditing(null);
+          setSlotSeed(null);
+        },
+        date: selectedDate,
+        reservation: editing,
+        defaultSlot: slotSeed
+      }
+    ),
+    /* @__PURE__ */ jsx(SeatDialog, { reservation: seating, onClose: () => setSeating(null) })
+  ] });
+}
+function ReservationRow({ reservation: r, badge, onEdit, onSeat, onStatus }) {
+  const done = r.status === "seated" || r.status === "cancelled" || r.status === "no_show";
+  return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 rounded-lg border bg-card p-3", children: [
+    /* @__PURE__ */ jsx("span", { className: "w-12 shrink-0 text-sm font-semibold tabular-nums", children: r.startTime }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: r.guestName }),
+        /* @__PURE__ */ jsx(DotBadge, { label: badge.label, color: badge.color })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-3 gap-y-0.5 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Users, { className: "h-3 w-3" }),
+          r.partySize
+        ] }),
+        r.zoneName && /* @__PURE__ */ jsx("span", { children: r.zoneName }),
+        r.tableNumber != null && /* @__PURE__ */ jsxs("span", { children: [
+          "Mesa ",
+          r.tableNumber
+        ] }),
+        r.phone && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Phone, { className: "h-3 w-3" }),
+          formatPhone(r.phone)
+        ] }),
+        r.orderReference && /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: r.orderReference }),
+        r.notes && /* @__PURE__ */ jsx("span", { className: "truncate italic", children: r.notes })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+      r.status === "pending" && /* @__PURE__ */ jsx(IconAction, { label: "Confirmar", onClick: () => onStatus("confirmed"), children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }),
+      !done && /* @__PURE__ */ jsx(IconAction, { label: "Acomodar \u2014 abre a comanda", onClick: onSeat, primary: true, children: /* @__PURE__ */ jsx(Armchair, { className: "h-4 w-4" }) }),
+      !done && /* @__PURE__ */ jsx(IconAction, { label: "N\xE3o compareceu", onClick: () => onStatus("no_show"), children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx(IconAction, { label: "Editar", onClick: onEdit, children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" }) })
+    ] })
+  ] });
+}
+function IconAction({ label, onClick, primary, children }) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick,
+        "aria-label": label,
+        className: `flex h-8 w-8 items-center justify-center rounded-button border transition-colors ${primary ? "border-primary bg-primary text-primary-foreground hover:bg-primary/90" : "border-border bg-card text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+        children
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: label })
+  ] });
+}
+function ReservationsListView() {
+  const config = useReservationsConfig();
+  const rows = useReservationsStore((s) => s.reservations);
+  const loading = useReservationsStore((s) => s.listLoading);
+  const fetchRange = useReservationsStore((s) => s.fetchRange);
+  const selectedDate = useReservationsStore((s) => s.selectedDate);
+  const [from, setFrom] = useState(selectedDate);
+  const [to, setTo] = useState(() => {
+    const [y, m, d] = selectedDate.split("-").map(Number);
+    const end = new Date(y, m - 1, d + 30);
+    return `${end.getFullYear()}-${String(end.getMonth() + 1).padStart(2, "0")}-${String(end.getDate()).padStart(2, "0")}`;
+  });
+  const [statusFilter, setStatusFilter] = useState([]);
+  const [search, setSearch] = useState("");
+  const [editing, setEditing] = useState(null);
+  const [creating, setCreating] = useState(false);
+  const statusKey = statusFilter.join(",");
+  const load = useCallback(() => {
+    void fetchRange(from, to, {
+      status: statusKey ? statusKey.split(",") : void 0,
+      search: search || void 0
+    });
+  }, [from, to, statusKey, search, fetchRange]);
+  useEffect(() => {
+    load();
+  }, [load]);
+  const colorOf = useMemo(() => {
+    const map = new Map(config.statuses.map((s) => [s.value, s]));
+    return (s) => map.get(s) ?? { label: s, color: "#6b7280" };
+  }, [config.statuses]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(PermissionGate, { feature: "reservations", action: "create", children: /* @__PURE__ */ jsxs(Button, { onClick: () => setCreating(true), children: [
+      /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: config.labels.newReservation })
+    ] }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:flex-row", children: [
+      /* @__PURE__ */ jsxs("aside", { className: "w-full shrink-0 space-y-4 lg:w-60", children: [
+        /* @__PURE__ */ jsx(SearchField, { value: search, onChange: setSearch, placeholder: "Nome ou telefone\u2026" }),
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "De" }),
+          /* @__PURE__ */ jsx(Input, { type: "date", value: from, onChange: (e) => setFrom(e.target.value) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "At\xE9" }),
+          /* @__PURE__ */ jsx(Input, { type: "date", value: to, onChange: (e) => setTo(e.target.value) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          FilterCheckList,
+          {
+            label: "Estado",
+            options: config.statuses.map((s) => ({ value: s.value, label: s.label, color: s.color })),
+            selected: statusFilter,
+            onChange: setStatusFilter
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: loading ? /* @__PURE__ */ jsx("div", { className: "space-y-2", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full rounded-lg" }, i)) }) : rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground", children: "Nenhuma reserva encontrada neste per\xEDodo." }) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsx("thead", { className: "bg-muted/50 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx(Th, { children: "Data" }),
+          /* @__PURE__ */ jsx(Th, { children: "Hora" }),
+          /* @__PURE__ */ jsx(Th, { children: "Cliente" }),
+          /* @__PURE__ */ jsx(Th, { children: "Pessoas" }),
+          /* @__PURE__ */ jsx(Th, { children: "Pra\xE7a" }),
+          /* @__PURE__ */ jsx(Th, { children: "Mesa" }),
+          /* @__PURE__ */ jsx(Th, { children: "Estado" }),
+          /* @__PURE__ */ jsx(Th, { children: "Comanda" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: rows.map((r) => {
+          const badge = colorOf(r.status);
+          return /* @__PURE__ */ jsxs(
+            "tr",
+            {
+              onClick: () => setEditing(r),
+              className: "cursor-pointer border-t hover:bg-muted/40",
+              children: [
+                /* @__PURE__ */ jsx(Td, { className: "tabular-nums", children: r.reservedOn.split("-").reverse().join("/") }),
+                /* @__PURE__ */ jsx(Td, { className: "tabular-nums", children: r.startTime }),
+                /* @__PURE__ */ jsx(Td, { className: "font-medium", children: r.guestName }),
+                /* @__PURE__ */ jsx(Td, { className: "tabular-nums", children: r.partySize }),
+                /* @__PURE__ */ jsx(Td, { children: r.zoneName ?? "\u2014" }),
+                /* @__PURE__ */ jsx(Td, { children: r.tableNumber ?? "\u2014" }),
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(DotBadge, { label: badge.label, color: badge.color }) }),
+                /* @__PURE__ */ jsx(Td, { children: r.orderReference ?? "\u2014" })
+              ]
+            },
+            r.id
+          );
+        }) })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ReservationModal,
+      {
+        open: creating || !!editing,
+        onClose: () => {
+          setCreating(false);
+          setEditing(null);
+          load();
+        },
+        date: editing?.reservedOn ?? from,
+        reservation: editing
+      }
+    )
+  ] });
+}
+var Th = ({ children }) => /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-medium", children });
+var Td = ({ children, className }) => /* @__PURE__ */ jsx("td", { className: `px-3 py-2 ${className ?? ""}`, children });
+var WEEKDAYS = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "S\xE1b"];
+var MODES = [
+  {
+    value: "no_duration",
+    label: "Sem dura\xE7\xE3o \u2014 s\xF3 limite por faixa",
+    // The V1's own legend, verbatim. It is the clearest statement of the model
+    // and it explains the arithmetic everywhere else on the screen.
+    hint: "A capacidade \xE9 o teto de pessoas que pode iniciar dentro da faixa, sem rolagem entre faixas."
+  },
+  {
+    value: "fixed_duration",
+    label: "Dura\xE7\xE3o fixa global",
+    hint: "Toda reserva ocupa a mesa pela dura\xE7\xE3o padr\xE3o abaixo."
+  },
+  {
+    value: "per_slot_duration",
+    label: "Dura\xE7\xE3o por faixa de hor\xE1rio",
+    hint: "Cada faixa da grade define quanto tempo a mesa fica ocupada."
+  }
+];
+function CapacitySettingsView() {
+  const settings = useReservationsStore((s) => s.settings);
+  const rules = useReservationsStore((s) => s.rules);
+  const exceptions = useReservationsStore((s) => s.exceptions);
+  const zones = useReservationsStore((s) => s.zones);
+  const loading = useReservationsStore((s) => s.configLoading);
+  const fetchConfig = useReservationsStore((s) => s.fetchConfig);
+  const fetchSalao = useReservationsStore((s) => s.fetchSalao);
+  const saveSettings = useReservationsStore((s) => s.saveSettings);
+  useEffect(() => {
+    void fetchConfig();
+    void fetchSalao();
+  }, [fetchConfig, fetchSalao]);
+  const [draft, setDraft] = useState(DEFAULT_SETTINGS);
+  const [dirty, setDirty] = useState(false);
+  useEffect(() => {
+    if (settings) setDraft(settings);
+  }, [settings]);
+  function edit(patch) {
+    setDraft((d) => ({ ...d, ...patch }));
+    setDirty(true);
+  }
+  if (loading && !settings) {
+    return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full rounded-lg" }, i)) });
+  }
+  const mode = MODES.find((m) => m.value === draft.capacityMode);
+  return /* @__PURE__ */ jsxs("div", { className: "fz-container space-y-8", children: [
+    /* @__PURE__ */ jsxs("section", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("header", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Pol\xEDtica de reservas" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Como a casa aceita e conta reserva." })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Modo de capacidade" }),
+        /* @__PURE__ */ jsxs(Select, { value: draft.capacityMode, onValueChange: (v) => edit({ capacityMode: v }), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: MODES.map((m) => /* @__PURE__ */ jsx(SelectItem, { value: m.value, children: m.label }, m.value)) })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: mode.hint })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Dura\xE7\xE3o padr\xE3o (minutos)" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 15,
+              value: draft.defaultDurationMinutes,
+              onChange: (e) => edit({ defaultDurationMinutes: Number(e.target.value) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Anteced\xEAncia m\xEDnima (horas)" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 0,
+              value: draft.minAdvanceHours,
+              onChange: (e) => edit({ minAdvanceHours: Number(e.target.value) })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: draft.minAdvanceHours >= 24 ? `${(draft.minAdvanceHours / 24).toFixed(draft.minAdvanceHours % 24 ? 1 : 0)} dia(s) antes` : "No mesmo dia" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Anteced\xEAncia m\xE1xima (dias)" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            min: 1,
+            value: draft.maxAdvanceDays,
+            onChange: (e) => edit({ maxAdvanceDays: Number(e.target.value) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(
+          ToggleRow,
+          {
+            label: "Confirmar automaticamente",
+            hint: "A reserva j\xE1 nasce Confirmada, sem algu\xE9m retornar a liga\xE7\xE3o.",
+            checked: draft.autoConfirm,
+            onChange: (v) => edit({ autoConfirm: v })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ToggleRow,
+          {
+            label: "Exigir telefone",
+            hint: "Sem telefone n\xE3o h\xE1 como avisar de atraso ou de cancelamento.",
+            checked: draft.requirePhone,
+            onChange: (v) => edit({ requirePhone: v })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ToggleRow,
+          {
+            label: "Exigir e-mail",
+            checked: draft.requireEmail,
+            onChange: (v) => edit({ requireEmail: v })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: async () => {
+            await saveSettings(draft);
+            setDirty(false);
+          },
+          disabled: !dirty,
+          children: "Salvar pol\xEDtica"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(RulesSection, { rules, zones }),
+    /* @__PURE__ */ jsx(ExceptionsSection, { exceptions, zones })
+  ] });
+}
+function ToggleRow({ label, hint, checked, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 rounded-lg border p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: label }),
+      hint && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: hint })
+    ] }),
+    /* @__PURE__ */ jsx(Switch, { checked, onCheckedChange: onChange, "aria-label": label })
+  ] });
+}
+var BLANK_RULE = { zoneId: void 0, capacity: 50, startTime: "12:00", endTime: "15:00", weekdays: [1, 2, 3, 4, 5] };
+function RulesSection({ rules, zones }) {
+  const saveRule = useReservationsStore((s) => s.saveRule);
+  const deleteRule = useReservationsStore((s) => s.deleteRule);
+  const [draft, setDraft] = useState(null);
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Grade semanal de capacidade" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Uma regra por pra\xE7a e faixa. Almo\xE7o e jantar s\xE3o duas; o fim de semana costuma ser uma terceira." })
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => setDraft({ ...BLANK_RULE }), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+        "Nova regra"
+      ] })
+    ] }),
+    rules.length === 0 && !draft && /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-dashed p-4 text-sm text-muted-foreground", children: "Sem grade, a tela do dia n\xE3o tem faixa nenhuma para desenhar e nada limita a lota\xE7\xE3o." }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: rules.map((r) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-3 rounded-lg border bg-card p-3", children: [
+      /* @__PURE__ */ jsxs("p", { className: "min-w-0 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: r.zoneName ?? "Restaurante todo" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          " \xB7 ",
+          r.weekdays.map((d) => WEEKDAYS[d]).join(", "),
+          " \u2022 ",
+          r.startTime,
+          " \u2013 ",
+          r.endTime,
+          " \u2022 ",
+          r.capacity,
+          " pessoas"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => deleteRule(r.id),
+          "aria-label": `Excluir regra de ${r.zoneName ?? "restaurante todo"}`,
+          className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-button border text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+          children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+        }
+      )
+    ] }, r.id)) }),
+    draft && /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border bg-muted/30 p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Pra\xE7a" }),
+          /* @__PURE__ */ jsxs(Select, { value: draft.zoneId ?? "__all", onValueChange: (v) => setDraft({ ...draft, zoneId: v === "__all" ? void 0 : v }), children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "__all", children: "Restaurante todo" }),
+              zones.map((z) => /* @__PURE__ */ jsx(SelectItem, { value: z.id, children: z.name }, z.id))
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Capacidade (pessoas)" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 1,
+              value: draft.capacity,
+              onChange: (e) => setDraft({ ...draft, capacity: Number(e.target.value) })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "In\xEDcio" }),
+          /* @__PURE__ */ jsx(TimePicker, { value: draft.startTime, onChange: (v) => setDraft({ ...draft, startTime: v }) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Fim" }),
+          /* @__PURE__ */ jsx(TimePicker, { value: draft.endTime, onChange: (v) => setDraft({ ...draft, endTime: v }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Dias da semana" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: WEEKDAYS.map((label, i) => {
+          const on = draft.weekdays.includes(i);
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setDraft({
+                ...draft,
+                weekdays: on ? draft.weekdays.filter((d) => d !== i) : [...draft.weekdays, i].sort()
+              }),
+              className: `rounded-button border px-2.5 py-1 text-xs transition-colors ${on ? "border-primary bg-primary text-primary-foreground" : "border-border hover:bg-muted"}`,
+              children: label
+            },
+            i
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: draft.weekdays.length === 0 ? "Escolha pelo menos um dia da semana." : "" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => setDraft(null), children: "Cancelar" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              disabled: !draft.weekdays.length || draft.endTime <= draft.startTime,
+              onClick: async () => {
+                await saveRule(draft);
+                setDraft(null);
+              },
+              children: "Salvar regra"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function todayISO() {
+  const d = /* @__PURE__ */ new Date();
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+}
+function ExceptionsSection({ exceptions, zones }) {
+  const saveException = useReservationsStore((s) => s.saveException);
+  const deleteException = useReservationsStore((s) => s.deleteException);
+  const [draft, setDraft] = useState(null);
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Exce\xE7\xF5es de capacidade" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          "Exce\xE7\xF5es ",
+          /* @__PURE__ */ jsx("strong", { children: "sobrep\xF5em" }),
+          " a grade semanal para os dias cobertos na mesma pra\xE7a. Capacidade 0 fecha a pra\xE7a sem apagar a grade."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => setDraft({ startsOn: todayISO(), endsOn: todayISO(), capacity: 0 }),
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+            "Nova exce\xE7\xE3o"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: exceptions.map((e) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-3 rounded-lg border bg-card p-3", children: [
+      /* @__PURE__ */ jsxs("p", { className: "min-w-0 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: e.zoneName ?? "Restaurante todo" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          " \xB7 ",
+          e.startsOn,
+          e.endsOn !== e.startsOn ? ` a ${e.endsOn}` : "",
+          " \u2022 ",
+          e.capacity === 0 ? "fechado" : `${e.capacity} pessoas`,
+          e.reason ? ` \u2022 ${e.reason}` : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => deleteException(e.id),
+          "aria-label": "Excluir exce\xE7\xE3o",
+          className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-button border text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+          children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+        }
+      )
+    ] }, e.id)) }),
+    exceptions.length === 0 && !draft && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 rounded-lg border border-dashed p-4 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(CalendarOff, { className: "h-4 w-4 shrink-0" }),
+      "Nenhuma exce\xE7\xE3o. Feriado, evento fechado e reforma entram aqui."
+    ] }),
+    draft && /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border bg-muted/30 p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Pra\xE7a" }),
+          /* @__PURE__ */ jsxs(Select, { value: draft.zoneId ?? "__all", onValueChange: (v) => setDraft({ ...draft, zoneId: v === "__all" ? void 0 : v }), children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "__all", children: "Restaurante todo" }),
+              zones.map((z) => /* @__PURE__ */ jsx(SelectItem, { value: z.id, children: z.name }, z.id))
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Capacidade (0 = fechado)" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 0,
+              value: draft.capacity ?? 0,
+              onChange: (e) => setDraft({ ...draft, capacity: Number(e.target.value) })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "De" }),
+          /* @__PURE__ */ jsx(Input, { type: "date", value: draft.startsOn ?? "", onChange: (e) => setDraft({ ...draft, startsOn: e.target.value }) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "At\xE9" }),
+          /* @__PURE__ */ jsx(Input, { type: "date", value: draft.endsOn ?? "", onChange: (e) => setDraft({ ...draft, endsOn: e.target.value }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Motivo" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: draft.reason ?? "",
+            onChange: (e) => setDraft({ ...draft, reason: e.target.value }),
+            placeholder: "Feriado, evento fechado, reforma\u2026"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => setDraft(null), children: "Cancelar" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            disabled: !draft.startsOn,
+            onClick: async () => {
+              await saveException(draft);
+              setDraft(null);
+            },
+            children: "Salvar exce\xE7\xE3o"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ReservationsPage({ config, provider, store }) {
+  const [tab, setTab] = useState("day");
+  return /* @__PURE__ */ jsx(ReservationsContextProvider, { config, provider, store, children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      PageTabs,
+      {
+        "aria-label": "Reservas",
+        value: tab,
+        onChange: setTab,
+        tabs: [
+          { value: "day", label: "Servi\xE7o", icon: CalendarClock },
+          { value: "list", label: "Lista", icon: List }
+        ]
+      }
+    ),
+    tab === "day" ? /* @__PURE__ */ jsx(ServiceDayView, {}) : /* @__PURE__ */ jsx(ReservationsListView, {})
+  ] }) });
+}
+function ReservationsSettingsPage({ config, provider, store }) {
+  return /* @__PURE__ */ jsx(ReservationsContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx(CapacitySettingsView, {}) });
+}
+
+export { ReservationsPage, ReservationsSettingsPage };
+//# sourceMappingURL=ReservationsPage-5RF5SYZT.js.map
+//# sourceMappingURL=ReservationsPage-5RF5SYZT.js.map