@fayz-ai/plugin-tables 0.10.2 → 0.10.4

package/dist/TablesPage-VVDNK3GN.js

@@ -0,0 +1,1145 @@
+import { TablesContextProvider, useTablesConfig, useTablesStore, useTablesProvider } from './chunk-XHRPH676.js';
+import React, { useEffect, useMemo } from 'react';
+import { UtensilsCrossed, Settings, Loader2, Receipt, Users, Minus, Plus, ChevronLeft, Sparkles, Utensils, CheckCircle2, X, UserPlus, Trash2, Percent, ArrowRightLeft, History, AlertTriangle } from 'lucide-react';
+import { PageHeaderActions, Button, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Checkbox } from '@fayz-ai/ui';
+import { RightRailPage, RecordPickerModal } from '@fayz-ai/admin';
+import { useTranslation } from '@fayz-ai/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function money(v, currency = "BRL") {
+  return new Intl.NumberFormat("pt-BR", { style: "currency", currency }).format(v);
+}
+function guestLabel(g) {
+  return g.label?.trim() || `Pessoa ${g.seatNo}`;
+}
+function ParticipantBar({ order }) {
+  const activeGuestId = useTablesStore((s) => s.activeGuestId);
+  const selectGuest = useTablesStore((s) => s.selectGuest);
+  const addGuest = useTablesStore((s) => s.addGuest);
+  const removeGuest = useTablesStore((s) => s.removeGuest);
+  const tableLines = order.lines.filter((l) => !l.guestId && !l.cancelledAt);
+  const tableTotal = tableLines.reduce((sum, l) => sum + l.total, 0);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => selectGuest(null),
+          className: `rounded-full border px-2.5 py-1 text-xs transition-colors ${activeGuestId == null ? "border-primary bg-primary/10 font-medium text-primary" : "border-border text-muted-foreground hover:bg-muted/50"}`,
+          children: [
+            "Mesa",
+            tableTotal > 0 ? ` \xB7 ${money(tableTotal, order.currency)}` : ""
+          ]
+        }
+      ),
+      order.participants.map((g) => /* @__PURE__ */ jsxs("span", { className: "group/chip relative", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => selectGuest(g.id),
+            className: `rounded-full border py-1 pl-2.5 pr-6 text-xs transition-colors ${activeGuestId === g.id ? "border-primary bg-primary/10 font-medium text-primary" : "border-border text-muted-foreground hover:bg-muted/50"}`,
+            children: [
+              guestLabel(g),
+              g.subtotal > 0 ? ` \xB7 ${money(g.subtotal, order.currency)}` : "",
+              g.ownServiceChargePercent != null && /* @__PURE__ */ jsxs("span", { className: "ml-1 opacity-70", children: [
+                "(",
+                g.ownServiceChargePercent,
+                "%)"
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Remover ${guestLabel(g)}`,
+            onClick: () => void removeGuest(g.id),
+            className: "absolute right-1 top-1/2 -translate-y-1/2 rounded-full p-0.5 opacity-0 transition-opacity hover:bg-muted group-hover/chip:opacity-100 focus-visible:opacity-100",
+            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+          }
+        )
+      ] }, g.id)),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 rounded-full px-2 text-xs",
+          onClick: () => void addGuest(),
+          children: [
+            /* @__PURE__ */ jsx(UserPlus, { className: "mr-1 h-3 w-3" }),
+            " Pessoa"
+          ]
+        }
+      )
+    ] }),
+    activeGuestId != null && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "O que for lan\xE7ado agora entra na conta de",
+      " ",
+      guestLabel(order.participants.find((g) => g.id === activeGuestId) ?? { seatNo: 0}),
+      "."
+    ] })
+  ] });
+}
+function LinePicker({ order, selected, onToggle, onAll }) {
+  const eligible = order.lines.filter((l) => !l.cancelledAt);
+  const allIds = eligible.map((l) => l.id);
+  const all = selected.length === eligible.length && eligible.length > 0;
+  const byGuest = new Map(
+    order.participants.map((g) => [g.id, guestLabel(g)])
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded px-2 py-1 hover:bg-muted/50", children: [
+      /* @__PURE__ */ jsx(Checkbox, { checked: all, onChange: () => onAll(all ? [] : allIds), "aria-label": "Todos os itens" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Todos os itens" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "max-h-64 space-y-1 overflow-y-auto", children: [
+      eligible.map((line) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded px-2 py-1.5 hover:bg-muted/50", children: [
+        /* @__PURE__ */ jsx(Checkbox, { checked: selected.includes(line.id), onChange: () => onToggle(line.id), "aria-label": line.name }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("span", { className: "block truncate text-sm", children: [
+            line.quantity,
+            "\xD7 ",
+            line.name
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground", children: [
+            line.guestId ? byGuest.get(line.guestId) ?? "Participante" : "Mesa",
+            line.discount > 0 && ` \xB7 j\xE1 com ${money(line.discount, order.currency)} de desconto`
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums", children: money(line.total, order.currency) })
+      ] }, line.id)),
+      eligible.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-2 py-4 text-center text-sm text-muted-foreground", children: "Nada a escolher nesta comanda." })
+    ] })
+  ] });
+}
+function DiscountDialog({ order, onClose }) {
+  const discountLines = useTablesStore((s) => s.discountLines);
+  const [selected, setSelected] = React.useState([]);
+  const [mode, setMode] = React.useState("percent");
+  const [value, setValue] = React.useState("");
+  const [saving, setSaving] = React.useState(false);
+  const amount = Number(value.replace(",", ".")) || 0;
+  const chosen = order.lines.filter((l) => selected.includes(l.id));
+  const preview = chosen.reduce((sum, l) => {
+    const gross = l.unitPrice * l.quantity;
+    return sum + Math.min(Math.max(mode === "percent" ? gross * (amount / 100) : amount, 0), gross);
+  }, 0);
+  async function confirm() {
+    setSaving(true);
+    try {
+      await discountLines({ lineIds: selected, mode, value: amount });
+      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__ */ jsx(ModalTitle, { children: "Desconto" }) }),
+    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(
+        LinePicker,
+        {
+          order,
+          selected,
+          onToggle: (id) => setSelected((s) => s.includes(id) ? s.filter((x) => x !== id) : [...s, id]),
+          onAll: setSelected
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "fz-container 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: "Tipo" }),
+          /* @__PURE__ */ jsxs(Select, { value: mode, onValueChange: (v) => setMode(v), children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "percent", children: "Percentual %" }),
+              /* @__PURE__ */ jsx(SelectItem, { value: "amount", children: "Valor R$" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: mode === "percent" ? "Percentual" : "Valor por item" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value,
+              onChange: (e) => setValue(e.target.value),
+              placeholder: mode === "percent" ? "10" : "5,00",
+              inputMode: "decimal"
+            }
+          )
+        ] })
+      ] }),
+      mode === "amount" && selected.length > 1 && /* @__PURE__ */ jsx("p", { className: "rounded-lg bg-muted/50 px-3 py-2 text-xs text-muted-foreground", children: "O valor \xE9 aplicado a CADA item escolhido, n\xE3o dividido entre eles." }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: selected.length === 0 ? "Escolha os itens." : `Sai ${money(preview, order.currency)} de ${selected.length} ${selected.length === 1 ? "item" : "itens"}.` })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Cancelar" }),
+      /* @__PURE__ */ jsx(Button, { onClick: confirm, disabled: selected.length === 0 || amount <= 0 || saving, children: saving ? "Aplicando\u2026" : "Aplicar desconto" })
+    ] })
+  ] }) });
+}
+function CancelDialog({ order, onClose }) {
+  const cancelLines = useTablesStore((s) => s.cancelLines);
+  const reasons = useTablesStore((s) => s.cancelReasons);
+  const fetchCancelReasons = useTablesStore((s) => s.fetchCancelReasons);
+  const [selected, setSelected] = React.useState([]);
+  const [reason, setReason] = React.useState("");
+  const [saving, setSaving] = React.useState(false);
+  React.useEffect(() => {
+    void fetchCancelReasons();
+  }, [fetchCancelReasons]);
+  const active = reasons.filter((r) => r.isActive);
+  const chosen = order.lines.filter((l) => selected.includes(l.id));
+  const amount = chosen.reduce((sum, l) => sum + l.total, 0);
+  async function confirm() {
+    setSaving(true);
+    try {
+      await cancelLines({ lineIds: selected, reason });
+      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__ */ jsx(ModalTitle, { children: "Cancelar itens" }) }),
+    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(
+        LinePicker,
+        {
+          order,
+          selected,
+          onToggle: (id) => setSelected((s) => s.includes(id) ? s.filter((x) => x !== id) : [...s, id]),
+          onAll: setSelected
+        }
+      ),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Motivo" }),
+        active.length > 0 ? /* @__PURE__ */ jsxs(Select, { value: reason, onValueChange: setReason, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Escolha o motivo\u2026" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: active.map((r) => /* @__PURE__ */ jsx(SelectItem, { value: r.label, children: r.label }, r.id)) })
+        ] }) : (
+          // Sem motivos cadastrados a tela não trava: escreve-se um. O
+          // caminho certo é cadastrá-los em Configurações, e é o que a
+          // frase abaixo diz.
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: reason,
+              onChange: (e) => setReason(e.target.value),
+              placeholder: "Por que este item sai da comanda?"
+            }
+          )
+        ),
+        active.length === 0 && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Nenhum motivo cadastrado. Configura\xE7\xF5es \u2192 Comanda." })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: selected.length === 0 ? "Escolha os itens." : `${money(amount, order.currency)} sai da conta. O item continua na comanda, riscado.` })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Voltar" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "destructive",
+          onClick: confirm,
+          disabled: selected.length === 0 || reason.trim().length === 0 || saving,
+          children: saving ? "Cancelando\u2026" : "Cancelar itens"
+        }
+      )
+    ] })
+  ] }) });
+}
+function TransferDialog({ order, tables, onClose }) {
+  const transfer = useTablesStore((s) => s.transfer);
+  const [kind, setKind] = React.useState("table");
+  const [toTableId, setToTableId] = React.useState("");
+  const [lineIds, setLineIds] = React.useState([]);
+  const [toGuestId, setToGuestId] = React.useState("");
+  const [saving, setSaving] = React.useState(false);
+  const free = tables.filter((tb) => !tb.currentOrderId);
+  async function confirm() {
+    setSaving(true);
+    try {
+      await transfer(kind === "table" ? { kind: "table", toTableId } : { kind: "items", lineIds, toGuestId: toGuestId || null });
+      onClose();
+    } finally {
+      setSaving(false);
+    }
+  }
+  const ready = kind === "table" ? !!toTableId : lineIds.length > 0;
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (v) => !v && onClose(), children: /* @__PURE__ */ jsxs(ModalContent, { size: "md", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: "Transferir" }) }),
+    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: [["table", "Mesa inteira"], ["items", "Itens entre participantes"]].map(([id, label]) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setKind(id),
+          className: `flex-1 rounded-lg border-2 p-2 text-sm transition-colors ${kind === id ? "border-primary bg-primary/10 font-medium" : "border-border hover:bg-muted/50"}`,
+          children: label
+        },
+        id
+      )) }),
+      kind === "table" ? /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Para qual mesa" }),
+        /* @__PURE__ */ jsxs(Select, { value: toTableId, onValueChange: setToTableId, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Escolha a mesa\u2026" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: free.map((tb) => /* @__PURE__ */ jsxs(SelectItem, { value: tb.id, children: [
+            "Mesa ",
+            tb.number,
+            tb.zoneName ? ` \xB7 ${tb.zoneName}` : "",
+            " \xB7 ",
+            tb.seats,
+            " lugares"
+          ] }, tb.id)) })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "S\xF3 mesas livres. A comanda inteira muda de lugar e a mesa atual fica livre." })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx(
+          LinePicker,
+          {
+            order,
+            selected: lineIds,
+            onToggle: (id) => setLineIds((s) => s.includes(id) ? s.filter((x) => x !== id) : [...s, id]),
+            onAll: setLineIds
+          }
+        ),
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Para quem" }),
+          /* @__PURE__ */ jsxs(Select, { value: toGuestId || "__table", onValueChange: (v) => setToGuestId(v === "__table" ? "" : v), children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "__table", children: "A mesa" }),
+              order.participants.map((g) => /* @__PURE__ */ jsx(SelectItem, { value: g.id, children: guestLabel(g) }, g.id))
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Cancelar" }),
+      /* @__PURE__ */ jsx(Button, { onClick: confirm, disabled: !ready || saving, children: saving ? "Transferindo\u2026" : "Transferir" })
+    ] })
+  ] }) });
+}
+function ServiceChargeDialog({ order, housePercent, onClose }) {
+  const setOrderServiceCharge = useTablesStore((s) => s.setOrderServiceCharge);
+  const setGuestServiceCharge = useTablesStore((s) => s.setGuestServiceCharge);
+  const [tablePct, setTablePct] = React.useState(
+    order.serviceChargePercent == null ? "" : String(order.serviceChargePercent)
+  );
+  const [guestPct, setGuestPct] = React.useState(
+    () => Object.fromEntries(order.participants.map((g) => [
+      g.id,
+      g.ownServiceChargePercent == null ? "" : String(g.ownServiceChargePercent)
+    ]))
+  );
+  const [saving, setSaving] = React.useState(false);
+  const parse = (v) => {
+    const trimmed = v.trim();
+    if (trimmed === "") return null;
+    const n = Number(trimmed.replace(",", "."));
+    return Number.isFinite(n) ? n : null;
+  };
+  const effectiveTable = parse(tablePct) ?? housePercent;
+  async function confirm() {
+    setSaving(true);
+    try {
+      await setOrderServiceCharge(parse(tablePct));
+      for (const g of order.participants) {
+        const next = parse(guestPct[g.id] ?? "");
+        if (next !== (g.ownServiceChargePercent ?? null)) {
+          await setGuestServiceCharge(g.id, next);
+        }
+      }
+      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__ */ jsx(ModalTitle, { children: "Taxa de servi\xE7o" }) }),
+    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs("div", { className: "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: "Esta mesa" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "w-28 shrink-0", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: tablePct,
+              onChange: (e) => setTablePct(e.target.value),
+              placeholder: String(housePercent),
+              inputMode: "decimal"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "%" })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "Em branco usa a taxa da casa (",
+          housePercent,
+          "%)."
+        ] })
+      ] }),
+      order.participants.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Users, { className: "h-3.5 w-3.5" }),
+          " Por participante"
+        ] }),
+        order.participants.map((g) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: guestLabel(g) }),
+          /* @__PURE__ */ jsx("span", { className: "w-24 shrink-0", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: guestPct[g.id] ?? "",
+              onChange: (e) => setGuestPct((s) => ({ ...s, [g.id]: e.target.value })),
+              placeholder: String(effectiveTable),
+              inputMode: "decimal",
+              "aria-label": `Taxa de ${guestLabel(g)}`
+            }
+          ) }),
+          /* @__PURE__ */ jsx("span", { className: "w-4 text-sm text-muted-foreground", children: "%" })
+        ] }, g.id)),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          "Em branco usa a taxa da mesa (",
+          effectiveTable,
+          "%)."
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Cancelar" }),
+      /* @__PURE__ */ jsx(Button, { onClick: confirm, disabled: saving, children: saving ? "Salvando\u2026" : "Confirmar taxa" })
+    ] })
+  ] }) });
+}
+var TRANSFER_WORD = {
+  table: "Mesa inteira",
+  guest: "Participante",
+  items: "Itens"
+};
+function TransferHistoryDialog({ onClose }) {
+  const transfers = useTablesStore((s) => s.transfers);
+  const fetchTransfers = useTablesStore((s) => s.fetchTransfers);
+  React.useEffect(() => {
+    void fetchTransfers();
+  }, [fetchTransfers]);
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (v) => !v && onClose(), children: /* @__PURE__ */ jsxs(ModalContent, { size: "md", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: "Hist\xF3rico de transfer\xEAncias" }) }),
+    /* @__PURE__ */ jsx(ModalBody, { children: transfers.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "Nenhuma transfer\xEAncia nesta comanda." }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: transfers.map((tr) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 border-b pb-2 last:border-b-0", children: [
+      /* @__PURE__ */ jsx(ArrowRightLeft, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("span", { className: "block text-sm", children: [
+          TRANSFER_WORD[tr.kind] ?? tr.kind,
+          tr.fromTableName && tr.toTableName && ` \xB7 ${tr.fromTableName} \u2192 ${tr.toTableName}`,
+          tr.kind === "items" && ` \xB7 ${tr.itemCount} ${tr.itemCount === 1 ? "item" : "itens"}`
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: new Date(tr.createdAt).toLocaleString("pt-BR") })
+      ] })
+    ] }, tr.id)) }) }),
+    /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Fechar" }) })
+  ] }) });
+}
+function ComandaVerbs({ onPick, disabled }) {
+  const verbs = [
+    ["discount", "Desconto", Percent],
+    ["cancel", "Cancelar", X],
+    ["transfer", "Transferir", ArrowRightLeft],
+    ["service", "Taxa", Percent],
+    ["history", "Hist\xF3rico", History]
+  ];
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1.5", children: verbs.map(([id, label, Icon]) => /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      disabled,
+      className: "h-8 justify-center px-1 text-xs",
+      onClick: () => onPick(id),
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: "mr-1 h-3 w-3 shrink-0" }),
+        " ",
+        label
+      ]
+    },
+    id
+  )) });
+}
+var STATUS_STYLE = {
+  available: { bg: "bg-success/10", fg: "text-success", Icon: CheckCircle2 },
+  occupied: { bg: "bg-primary/10", fg: "text-primary", Icon: Utensils },
+  reserved: { bg: "bg-accent/10", fg: "text-accent-foreground", Icon: Sparkles },
+  cleaning: { bg: "bg-muted", fg: "text-muted-foreground", Icon: Loader2 }
+};
+var QUICK_GUESTS = [1, 2, 3, 4, 5, 6, 8, 10];
+function fill(text, values) {
+  return Object.entries(values).reduce(
+    (out, [key, value]) => out.replace(`{${key}}`, String(value)),
+    text
+  );
+}
+function useCurrency(currency = "BRL") {
+  return React.useCallback(
+    (value) => new Intl.NumberFormat("pt-BR", { style: "currency", currency }).format(value),
+    [currency]
+  );
+}
+function useElapsed(seatedAt) {
+  const [, tick] = React.useReducer((n) => n + 1, 0);
+  React.useEffect(() => {
+    if (!seatedAt) return;
+    const id = window.setInterval(tick, 3e4);
+    return () => window.clearInterval(id);
+  }, [seatedAt]);
+  if (!seatedAt) return null;
+  return Math.max(0, Math.round((Date.now() - new Date(seatedAt).getTime()) / 6e4));
+}
+function formatElapsed(minutes) {
+  if (minutes == null) return null;
+  if (minutes < 60) return `${minutes}min`;
+  const h = Math.floor(minutes / 60);
+  const m = minutes % 60;
+  return m > 0 ? `${h}h${String(m).padStart(2, "0")}` : `${h}h`;
+}
+function splitEvenly(total, ways) {
+  if (ways <= 0) return total;
+  return Math.round(total / ways * 100) / 100;
+}
+function StatusBadge({ status, label }) {
+  const { bg, fg, Icon } = STATUS_STYLE[status];
+  return /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[11px] font-medium ${bg} ${fg}`, children: [
+    /* @__PURE__ */ jsx(Icon, { className: "h-3 w-3", "aria-hidden": true }),
+    label
+  ] });
+}
+function GuestPicker({ seats, value, onChange, t }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("tables.panel.howManyGuests") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8",
+            "aria-label": t("tables.panel.oneLess"),
+            onClick: () => onChange(Math.max(1, value - 1)),
+            children: /* @__PURE__ */ jsx(Minus, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "w-8 text-center text-lg font-bold tabular-nums", children: value }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8",
+            "aria-label": t("tables.panel.oneMore"),
+            onClick: () => onChange(value + 1),
+            children: /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: QUICK_GUESTS.map((n) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => onChange(n),
+        className: `fz-tap h-8 min-w-8 rounded-md border px-2 text-sm tabular-nums transition-colors ${n === value ? "border-primary bg-primary text-primary-foreground" : "hover:bg-accent"}`,
+        children: n
+      },
+      n
+    )) }),
+    value > seats && /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-amber-500", "aria-hidden": true }),
+      fill(t("tables.panel.overCapacity"), { seats, guests: value })
+    ] })
+  ] });
+}
+function LineRow({ line, owner, money: money2, onQuantity, onRemove, t }) {
+  const cancelled = !!line.cancelledAt;
+  return /* @__PURE__ */ jsxs("div", { className: `group flex items-center gap-2 border-b py-2 last:border-b-0 ${cancelled ? "opacity-60" : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("p", { className: `truncate text-sm font-medium ${cancelled ? "line-through" : ""}`, children: line.name }),
+      line.notes && /* @__PURE__ */ jsxs("p", { className: "truncate text-xs italic text-muted-foreground", children: [
+        "\u201C",
+        line.notes,
+        "\u201D"
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "truncate text-xs text-muted-foreground tabular-nums", children: [
+        money2(line.unitPrice),
+        " ",
+        t("tables.panel.each"),
+        owner && /* @__PURE__ */ jsxs("span", { className: "ml-1 not-italic", children: [
+          "\xB7 ",
+          owner
+        ] }),
+        line.discount > 0 && /* @__PURE__ */ jsxs("span", { className: "ml-1", children: [
+          "\xB7 \u2212 ",
+          money2(line.discount)
+        ] })
+      ] }),
+      cancelled && /* @__PURE__ */ jsxs("p", { className: "truncate text-xs text-destructive", children: [
+        "Cancelado",
+        line.cancelReason ? ` \xB7 ${line.cancelReason}` : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1 ${cancelled ? "invisible" : ""}`, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "icon",
+          className: "h-7 w-7",
+          "aria-label": fill(t("tables.panel.removeOne"), { item: line.name }),
+          onClick: () => onQuantity(line.quantity - 1),
+          children: /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3" })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "w-6 text-center text-sm font-semibold tabular-nums", children: line.quantity }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "icon",
+          className: "h-7 w-7",
+          "aria-label": fill(t("tables.panel.addOne"), { item: line.name }),
+          onClick: () => onQuantity(line.quantity + 1),
+          children: /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: `w-20 shrink-0 text-right text-sm font-semibold tabular-nums ${cancelled ? "line-through" : ""}`, children: money2(line.total) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: `h-7 w-7 opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100 ${cancelled ? "invisible" : ""}`,
+        "aria-label": fill(t("tables.panel.removeItem"), { item: line.name }),
+        onClick: onRemove,
+        children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5 text-destructive" })
+      }
+    )
+  ] });
+}
+function AddItemsButton({ money: money2, t }) {
+  const provider = useTablesProvider();
+  const menuCategories = useTablesStore((s) => s.menuCategories);
+  const fetchMenuCategories = useTablesStore((s) => s.fetchMenuCategories);
+  const addOrderLine = useTablesStore((s) => s.addOrderLine);
+  const activeGuestId = useTablesStore((s) => s.activeGuestId);
+  const [open, setOpen] = React.useState(false);
+  const [category, setCategory] = React.useState(null);
+  React.useEffect(() => {
+    if (open) void fetchMenuCategories();
+  }, [open, fetchMenuCategories]);
+  const search = React.useCallback(
+    async (term) => provider.getMenuItems?.(term || void 0, category ?? void 0) ?? [],
+    [provider, category]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "w-full", onClick: () => setOpen(true), children: [
+      /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }),
+      " ",
+      t("tables.panel.addItem")
+    ] }),
+    /* @__PURE__ */ jsx(
+      RecordPickerModal,
+      {
+        open,
+        onClose: () => {
+          setOpen(false);
+          setCategory(null);
+        },
+        title: t("tables.panel.pickerTitle"),
+        placeholder: t("tables.panel.searchMenu"),
+        confirmLabel: t("tables.panel.addItem"),
+        emptyLabel: t("tables.panel.menuEmpty"),
+        columns: { product: t("tables.panel.columnItem"), meta: t("tables.panel.columnCategory"), value: t("tables.panel.columnPrice") },
+        filters: {
+          options: menuCategories.map((c) => ({ id: c.id, label: c.name })),
+          value: category,
+          onChange: setCategory,
+          allLabel: t("tables.panel.allCategories")
+        },
+        search,
+        rowKey: (item) => item.id,
+        renderRow: (item) => ({
+          imageUrl: item.imageUrl,
+          title: item.name,
+          meta: item.categoryName,
+          value: money2(item.price)
+        }),
+        onConfirm: (rows) => {
+          void (async () => {
+            for (const item of rows) {
+              await addOrderLine({
+                productId: item.id,
+                name: item.name,
+                quantity: 1,
+                unitPrice: item.price,
+                // Quem está selecionado na barra recebe a linha. Null = a mesa.
+                guestId: activeGuestId ?? void 0
+              });
+            }
+          })();
+        }
+      }
+    )
+  ] });
+}
+function OpenTableModal({ table, onClose }) {
+  const t = useTranslation();
+  const seatGuests = useTablesStore((s) => s.seatGuests);
+  const updateTableStatus = useTablesStore((s) => s.updateTableStatus);
+  const [guests, setGuests] = React.useState(() => Math.min(table.seats || 2, 4) || 2);
+  const [busy, setBusy] = React.useState(false);
+  const guestWord = (n) => t(n === 1 ? "tables.panel.guestOne" : "tables.panel.guestMany");
+  async function run(action, keepSelection = false) {
+    setBusy(true);
+    try {
+      await action();
+      if (!keepSelection) onClose();
+    } finally {
+      setBusy(false);
+    }
+  }
+  const title = table.name || `Mesa ${table.number}`;
+  const meta = [table.zoneName, `${table.seats} ${t("tables.floorPlan.seats")}`].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: (v) => !v && onClose(), children: /* @__PURE__ */ jsxs(ModalContent, { size: "sm", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: title }) }),
+    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: meta }),
+      table.status === "cleaning" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("tables.panel.cleaningDesc") }) : /* @__PURE__ */ jsx(GuestPicker, { seats: table.seats, value: guests, onChange: setGuests, t })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Cancelar" }),
+      table.status === "reserved" && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          disabled: busy,
+          onClick: () => void run(() => updateTableStatus({ tableId: table.id, status: "available" })),
+          children: t("tables.panel.cancelReservation")
+        }
+      ),
+      table.status === "cleaning" ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          disabled: busy,
+          onClick: () => void run(() => updateTableStatus({ tableId: table.id, status: "available" })),
+          children: t("tables.detail.markClean")
+        }
+      ) : /* @__PURE__ */ jsxs(
+        Button,
+        {
+          disabled: busy,
+          onClick: () => void run(() => seatGuests({ tableId: table.id, guests }), true),
+          children: [
+            busy ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Users, { className: "mr-1.5 h-4 w-4" }),
+            t("tables.panel.openTable"),
+            " \xB7 ",
+            guests,
+            " ",
+            guestWord(guests)
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function TableRailPage() {
+  const t = useTranslation();
+  const config = useTablesConfig();
+  const tables = useTablesStore((s) => s.tables);
+  const selectedTableId = useTablesStore((s) => s.selectedTableId);
+  const selectTable = useTablesStore((s) => s.selectTable);
+  const order = useTablesStore((s) => s.openOrder);
+  const orderLoading = useTablesStore((s) => s.openOrderLoading);
+  const comandaSupported = useTablesStore((s) => s.comandaSupported);
+  const closeSession = useTablesStore((s) => s.closeSession);
+  const setOrderLineQuantity = useTablesStore((s) => s.setOrderLineQuantity);
+  const setSessionGuests = useTablesStore((s) => s.setSessionGuests);
+  const settings = useTablesStore((s) => s.settings);
+  const fetchSettings = useTablesStore((s) => s.fetchSettings);
+  const table = selectedTableId ? tables.find((t2) => t2.id === selectedTableId) : void 0;
+  const money2 = useCurrency(order?.currency);
+  const elapsed = useElapsed(order?.seatedAt);
+  const [stage, setStage] = React.useState("order");
+  const [busy, setBusy] = React.useState(false);
+  const [verb, setVerb] = React.useState(null);
+  React.useEffect(() => {
+    void fetchSettings();
+  }, [fetchSettings]);
+  React.useEffect(() => {
+    setStage("order");
+  }, [table?.id]);
+  const ownerOf = React.useMemo(() => {
+    const byId = new Map((order?.participants ?? []).map((g) => [g.id, guestLabel(g)]));
+    return (guestId) => guestId ? byId.get(guestId) : void 0;
+  }, [order?.participants]);
+  if (!table) return null;
+  if (table.status !== "occupied") {
+    return /* @__PURE__ */ jsx(OpenTableModal, { table, onClose: () => selectTable(null) });
+  }
+  const statusLabel = t(`tables.floorPlan.${table.status}`);
+  const guestWord = (n) => t(n === 1 ? "tables.panel.guestOne" : "tables.panel.guestMany");
+  const lines = order?.lines ?? [];
+  const liveLines = lines.filter((l) => !l.cancelledAt);
+  const itemCount = liveLines.reduce((sum, l) => sum + l.quantity, 0);
+  const cancelledTotal = lines.filter((l) => l.cancelledAt).reduce((sum, l) => sum + l.total, 0);
+  const subtotal = order?.subtotal ?? 0;
+  const service = order?.tax ?? 0;
+  const housePercent = settings?.serviceChargePercent ?? config.serviceChargePercent ?? 0;
+  const servicePercent = order?.serviceChargePercent ?? housePercent;
+  const total = order?.total ?? 0;
+  const perPerson = splitEvenly(total, order?.guests || 1);
+  const meta = [
+    table.zoneName,
+    order ? `${order.guests} ${guestWord(order.guests)}` : `${table.seats} ${t("tables.floorPlan.seats")}`,
+    order?.waiterName,
+    formatElapsed(elapsed)
+  ].filter(Boolean).join(" \xB7 ");
+  async function run(action) {
+    setBusy(true);
+    try {
+      await action();
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs(RightRailPage, { title: table.name || `Mesa ${table.number}`, open: true, onClose: () => selectTable(null), width: "max-w-md", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "border-b px-4 py-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(StatusBadge, { status: table.status, label: statusLabel }),
+          order?.reference && /* @__PURE__ */ jsxs("span", { className: "ml-auto text-xs text-muted-foreground", children: [
+            t("tables.panel.ticket"),
+            " ",
+            order.reference
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 truncate text-xs text-muted-foreground", children: meta })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: table.status === "occupied" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        orderLoading && !order && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+          " ",
+          t("tables.panel.ticketLoading")
+        ] }),
+        !comandaSupported && /* @__PURE__ */ jsx("p", { className: "rounded-md border bg-muted/40 p-3 text-sm text-muted-foreground", children: t("tables.panel.noReader") }),
+        order && lines.length === 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-dashed p-6 text-center", children: [
+          /* @__PURE__ */ jsx(Receipt, { className: "mx-auto mb-2 h-8 w-8 text-muted-foreground/40", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("tables.panel.ticketEmpty") }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("tables.panel.ticketEmptyDesc") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(AddItemsButton, { money: money2, t }) })
+        ] }),
+        order && /* @__PURE__ */ jsx(ParticipantBar, { order }),
+        lines.length > 0 && /* @__PURE__ */ jsx("div", { children: lines.map((line) => /* @__PURE__ */ jsx(
+          LineRow,
+          {
+            line,
+            owner: ownerOf(line.guestId),
+            money: money2,
+            t,
+            onQuantity: (q) => void setOrderLineQuantity(line.id, q),
+            onRemove: () => void setOrderLineQuantity(line.id, 0)
+          },
+          line.id
+        )) }),
+        order && lines.length > 0 && /* @__PURE__ */ jsx(AddItemsButton, { money: money2, t }),
+        order && /* @__PURE__ */ jsx(ComandaVerbs, { onPick: setVerb, disabled: busy }),
+        order && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-md border p-3", children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Users, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+            " ",
+            t("tables.panel.guestsAtTable")
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-7 w-7",
+                "aria-label": t("tables.panel.oneLess"),
+                onClick: () => void setSessionGuests(Math.max(1, (order.guests || 1) - 1)),
+                children: /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3" })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "w-6 text-center text-sm font-semibold tabular-nums", children: order.guests }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-7 w-7",
+                "aria-label": t("tables.panel.oneMore"),
+                onClick: () => void setSessionGuests((order.guests || 0) + 1),
+                children: /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" })
+              }
+            )
+          ] })
+        ] }),
+        order?.notes && /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-muted/40 p-3", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: t("tables.panel.tableNote") }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm italic", children: [
+            "\u201C",
+            order.notes,
+            "\u201D"
+          ] })
+        ] })
+      ] }) }),
+      table.status === "occupied" && order && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 border-t px-4 py-3 text-sm", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("tables.panel.subtotal") }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money2(subtotal) })
+        ] }),
+        service > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: order.participants.some((g) => g.ownServiceChargePercent != null) ? t("tables.panel.serviceMixed") : fill(t("tables.panel.service"), { percent: servicePercent }) }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money2(service) })
+        ] }),
+        cancelledTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("tables.panel.cancelledTotal") }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums text-muted-foreground line-through", children: money2(cancelledTotal) })
+        ] }),
+        order.discount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("tables.panel.discount") }),
+          /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+            "\u2212 ",
+            money2(order.discount)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between border-t pt-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("tables.panel.total") }),
+          /* @__PURE__ */ jsx("span", { className: "text-xl font-bold tabular-nums", children: money2(total) })
+        ] }),
+        (order.guests || 0) > 1 && order.participants.length === 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { children: fill(t("tables.panel.perPerson"), { guests: order.guests }) }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money2(perPerson) })
+        ] }),
+        order.participants.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-0.5 border-t pt-2 text-xs", children: order.participants.map((g) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+            guestLabel(g),
+            g.serviceCharge > 0 && ` \xB7 servi\xE7o ${g.serviceChargePercent}%`
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money2(g.subtotal + g.serviceCharge) })
+        ] }, g.id)) }),
+        (order.paid > 0 || order.due !== total) && /* @__PURE__ */ jsxs("div", { className: "flex justify-between border-t pt-2 text-xs", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("tables.panel.paid") }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money2(order.paid) })
+        ] }),
+        order.paid > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs font-medium", children: [
+          /* @__PURE__ */ jsx("span", { children: t("tables.panel.due") }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money2(order.due) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "border-t p-4", children: order && (stage === "order" ? /* @__PURE__ */ jsxs(Button, { className: "w-full", disabled: busy, onClick: () => setStage("closing"), children: [
+        t("tables.panel.closeBill"),
+        /* @__PURE__ */ jsx("span", { className: "ml-1.5 tabular-nums", children: money2(total) })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "fz-tap flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground",
+            onClick: () => setStage("order"),
+            children: [
+              /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
+              " ",
+              t("tables.panel.backToTicket")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          itemCount === 0 ? t("tables.panel.closingEmpty") : fill(
+            t(itemCount === 1 ? "tables.panel.closingSummaryOne" : "tables.panel.closingSummary"),
+            { count: itemCount, total: money2(total) }
+          ),
+          itemCount > 0 && (order.guests || 0) > 1 && ` \xB7 ${fill(t("tables.panel.closingPerPerson"), { amount: money2(perPerson) })}`
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            className: "w-full",
+            disabled: busy,
+            onClick: () => void run(async () => {
+              if (table.currentSessionId) await closeSession(table.currentSessionId);
+              setStage("order");
+              selectTable(null);
+            }),
+            children: [
+              busy && /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" }),
+              t("tables.panel.confirmClose")
+            ]
+          }
+        )
+      ] })) })
+    ] }),
+    order && verb === "discount" && /* @__PURE__ */ jsx(DiscountDialog, { order, onClose: () => setVerb(null) }),
+    order && verb === "cancel" && /* @__PURE__ */ jsx(CancelDialog, { order, onClose: () => setVerb(null) }),
+    order && verb === "transfer" && /* @__PURE__ */ jsx(TransferDialog, { order, tables, onClose: () => setVerb(null) }),
+    order && verb === "service" && /* @__PURE__ */ jsx(ServiceChargeDialog, { order, housePercent, onClose: () => setVerb(null) }),
+    order && verb === "history" && /* @__PURE__ */ jsx(TransferHistoryDialog, { onClose: () => setVerb(null) })
+  ] });
+}
+var statusConfig = {
+  available: { color: "text-success", bg: "bg-success/10 border-success/30 hover:bg-success/20" },
+  occupied: { color: "text-primary", bg: "bg-primary/10 border-primary/30 hover:bg-primary/20" },
+  reserved: { color: "text-accent", bg: "bg-accent/10 border-accent/30 hover:bg-accent/20" },
+  cleaning: { color: "text-muted-foreground", bg: "bg-muted border-border hover:bg-muted/80" }
+};
+function formatElapsed2(minutes, minLabel) {
+  if (minutes == null) return "";
+  if (minutes < 60) return `${minutes}${minLabel}`;
+  const h = Math.floor(minutes / 60);
+  const m = minutes % 60;
+  return m > 0 ? `${h}h ${m}${minLabel}` : `${h}h`;
+}
+function TableCard({ table, isSelected, onClick, t }) {
+  const config = statusConfig[table.status];
+  const isLarge = table.seats >= 6;
+  const minLabel = t("tables.floorPlan.min");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick,
+      className: `
+        relative flex flex-col items-center justify-center rounded-lg border-2 p-3 transition-all cursor-pointer
+        ${config.bg}
+        ${isLarge ? "col-span-2" : ""}
+        ${isSelected ? "ring-2 ring-primary ring-offset-2" : ""}
+      `,
+      style: { minHeight: "120px" },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: `text-2xl font-bold ${config.color}`, children: table.number }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground mt-1", children: [
+          table.seats,
+          " ",
+          t("tables.floorPlan.seats")
+        ] }),
+        table.status === "occupied" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium mt-1", children: [
+            table.currentGuests,
+            " ",
+            t("tables.detail.guests").toLowerCase()
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatElapsed2(table.currentElapsedMinutes, minLabel) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `
+          absolute -top-2 -right-2 text-[10px] px-1.5 py-0.5 rounded-full font-medium border
+          ${table.status === "occupied" ? "bg-primary text-primary-foreground border-primary" : "bg-secondary text-secondary-foreground border-border"}
+        `,
+            children: t(`tables.floorPlan.${table.status}`)
+          }
+        )
+      ]
+    }
+  );
+}
+function FloorPlanSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-4 w-20 rounded bg-muted animate-pulse" }, i)) }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-6", children: Array.from({ length: 2 }).map((_, z) => /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card p-5", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-24 rounded bg-muted animate-pulse mb-4" }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 gap-3", children: Array.from({ length: 6 }).map((_2, i) => /* @__PURE__ */ jsx("div", { className: "h-[120px] rounded-lg bg-muted animate-pulse" }, i)) })
+    ] }, z)) })
+  ] });
+}
+function FloorPlanView() {
+  const t = useTranslation();
+  useTablesConfig();
+  const tables = useTablesStore((s) => s.tables);
+  const zones = useTablesStore((s) => s.zones);
+  const tablesLoading = useTablesStore((s) => s.tablesLoading);
+  const fetchTables = useTablesStore((s) => s.fetchTables);
+  const fetchZones = useTablesStore((s) => s.fetchZones);
+  const selectedTableId = useTablesStore((s) => s.selectedTableId);
+  const selectTable = useTablesStore((s) => s.selectTable);
+  useEffect(() => {
+    fetchTables();
+    fetchZones();
+  }, [fetchTables, fetchZones]);
+  const tablesByZone = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const zone of zones) {
+      map.set(zone.id, { zoneName: zone.name, color: zone.color, tables: [] });
+    }
+    for (const table of tables) {
+      const zoneId = table.zone;
+      if (!map.has(zoneId)) {
+        map.set(zoneId, { zoneName: table.zoneName || zoneId, tables: [] });
+      }
+      map.get(zoneId).tables.push(table);
+    }
+    return Array.from(map.entries()).filter(([, v]) => v.tables.length > 0).map(([id, v]) => ({ id, ...v }));
+  }, [tables, zones]);
+  const occupiedCount = tables.filter((t2) => t2.status === "occupied").length;
+  const availableCount = tables.filter((t2) => t2.status === "available").length;
+  const selectedTable = selectedTableId ? tables.find((t2) => t2.id === selectedTableId) ?? null : null;
+  if (tablesLoading && tables.length === 0) {
+    return /* @__PURE__ */ jsx(FloorPlanSkeleton, {});
+  }
+  if (!tablesLoading && tables.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-20 text-center", children: [
+      /* @__PURE__ */ jsx(UtensilsCrossed, { className: "h-12 w-12 text-muted-foreground/40 mb-4" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: t("tables.floorPlan.noTables") }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: t("tables.floorPlan.noTablesDesc") })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: "#/settings/tables",
+        "aria-label": t("tables.floorPlan.manage"),
+        title: t("tables.floorPlan.manage"),
+        className: "fz-tap inline-flex h-9 w-9 items-center justify-center rounded-md border border-input text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
+        children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between flex-wrap gap-4", children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: t("tables.floorPlan.occupiedOf").replace("{occupied}", String(occupiedCount)).replace("{available}", String(availableCount)).replace("{total}", String(tables.length)) }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-3 flex-wrap", children: Object.keys(statusConfig).map((status) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs", children: [
+        /* @__PURE__ */ jsx("div", { className: `h-3 w-3 rounded-full ${statusConfig[status].bg} border` }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(`tables.floorPlan.${status}`) })
+      ] }, status)) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsx("div", { className: "space-y-6", children: tablesByZone.map((zone) => /* @__PURE__ */ jsxs("div", { className: "rounded-card border bg-card p-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+        zone.color && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-3 w-3 rounded-full border",
+            style: { backgroundColor: zone.color }
+          }
+        ),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-muted-foreground uppercase tracking-wider", children: zone.zoneName })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 gap-3", children: zone.tables.map((table) => /* @__PURE__ */ jsx(
+        TableCard,
+        {
+          table,
+          isSelected: table.id === selectedTableId,
+          onClick: () => selectTable(table.id === selectedTableId ? null : table.id),
+          t
+        },
+        table.id
+      )) })
+    ] }, zone.id)) }) }),
+    selectedTable && /* @__PURE__ */ jsx(TableRailPage, {})
+  ] });
+}
+function TablesPage({ config, provider, store, registries }) {
+  return /* @__PURE__ */ jsx(TablesContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx(FloorPlanView, {}) });
+}
+
+export { TablesPage };
+//# sourceMappingURL=TablesPage-VVDNK3GN.js.map
+//# sourceMappingURL=TablesPage-VVDNK3GN.js.map