@fayz-ai/pos 0.20.0

package/dist/index.js

@@ -0,0 +1,2638 @@
+import { haptic, createKeymap, directionOf, moveFocus } from '@fayz-ai/core/interaction';
+export { comboOf, createKeymap, haptic, setHapticsEnabled } from '@fayz-ai/core/interaction';
+import { useState, useRef, useCallback, useEffect, useMemo, useReducer } from 'react';
+import { Pencil, Receipt, AlertTriangle, ChefHat, ChevronLeft, QrCode, CreditCard, Banknote, Trash2, Minus, Plus, Bike, Package, CheckCheck, Clock, MapPin, ShieldCheck, Keyboard, X, CalendarClock, Users, Phone, Check, UserRound, User, Delete, UtensilsCrossed, Info, Search, LayoutGrid, ClipboardList, Utensils, CheckCircle2, CookingPot, CircleDashed } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/keyboard/index.ts
+
+// src/screen/money.ts
+function formatCents(cents, currency = "BRL", locale = "pt-BR") {
+  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(cents / 100);
+}
+function splitEvenly(totalCents, ways) {
+  if (ways <= 0) throw new Error("splitEvenly: ways must be positive");
+  const base = Math.floor(totalCents / ways);
+  const remainder = totalCents - base * ways;
+  return Array.from({ length: ways }, (_, i) => base + (i < remainder ? 1 : 0));
+}
+function serviceChargeCents(subtotalCents, percent) {
+  return Math.round(subtotalCents * percent / 100);
+}
+
+// src/screen/session.ts
+function ticketReducer(ticket, action) {
+  switch (action.type) {
+    case "add_item": {
+      const modifiers = action.modifiers ?? [];
+      const unitPriceCents = action.item.priceCents + modifiers.reduce((sum, m) => sum + m.priceDeltaCents, 0);
+      const plain = !action.note && modifiers.length === 0;
+      const last = plain ? ticket.lines.find(
+        (l) => l.itemId === action.item.id && !l.note && !l.modifiers?.length && // A fired line is already in the kitchen's hands; adding to it
+        // would raise a quantity nobody downstream heard about.
+        (l.state ?? "pending") === "pending"
+      ) : void 0;
+      const quantity = action.quantity ?? 1;
+      if (last) {
+        return {
+          ...ticket,
+          lines: ticket.lines.map(
+            (l) => l.id === last.id ? { ...l, quantity: l.quantity + quantity } : l
+          )
+        };
+      }
+      return {
+        ...ticket,
+        lines: [
+          ...ticket.lines,
+          {
+            id: action.lineId,
+            itemId: action.item.id,
+            name: action.item.name,
+            unitPriceCents,
+            basePriceCents: action.item.priceCents,
+            quantity,
+            ...action.note ? { note: action.note } : {},
+            ...modifiers.length ? { modifiers } : {}
+          }
+        ]
+      };
+    }
+    case "change_quantity": {
+      const lines = ticket.lines.map((l) => l.id === action.lineId ? { ...l, quantity: l.quantity + action.delta } : l).filter((l) => l.quantity > 0);
+      return { ...ticket, lines };
+    }
+    case "remove_one_of": {
+      const target = [...ticket.lines].reverse().find((l) => l.itemId === action.itemId);
+      if (!target) return ticket;
+      return ticketReducer(ticket, { type: "change_quantity", lineId: target.id, delta: -1 });
+    }
+    case "remove_line":
+      return { ...ticket, lines: ticket.lines.filter((l) => l.id !== action.lineId) };
+    case "edit_line": {
+      const unitPriceCents = action.basePriceCents + action.modifiers.reduce((sum, m) => sum + m.priceDeltaCents, 0);
+      return {
+        ...ticket,
+        lines: ticket.lines.map(
+          (l) => l.id === action.lineId ? {
+            ...l,
+            unitPriceCents,
+            basePriceCents: action.basePriceCents,
+            modifiers: action.modifiers.length ? action.modifiers : void 0,
+            note: action.note || void 0
+          } : l
+        )
+      };
+    }
+    case "set_note":
+      return {
+        ...ticket,
+        lines: ticket.lines.map((l) => l.id === action.lineId ? { ...l, note: action.note } : l)
+      };
+    case "fire": {
+      if (!ticket.lines.some((l) => (l.state ?? "pending") === "pending")) return ticket;
+      return {
+        ...ticket,
+        lines: ticket.lines.map(
+          (l) => (l.state ?? "pending") === "pending" ? { ...l, state: "fired", firedAt: action.at } : l
+        )
+      };
+    }
+    case "set_line_state":
+      return {
+        ...ticket,
+        lines: ticket.lines.map((l) => l.id === action.lineId ? { ...l, state: action.state } : l)
+      };
+    case "clear":
+      return { ...ticket, lines: [] };
+  }
+}
+function totalsOf(ticket, options = {}) {
+  const subtotalCents = ticket.lines.reduce((sum, l) => sum + l.unitPriceCents * l.quantity, 0);
+  const serviceCents = options.serviceChargePercent ? serviceChargeCents(subtotalCents, options.serviceChargePercent) : 0;
+  const discountCents = options.discountCents ?? 0;
+  return {
+    subtotalCents,
+    serviceCents,
+    discountCents,
+    totalCents: subtotalCents + serviceCents - discountCents
+  };
+}
+function emptyTicket(id, openedAt) {
+  return { id, lines: [], openedAt };
+}
+var COUNTER_KEY = "__counter";
+function bookReducer(book, action) {
+  switch (action.type) {
+    case "at": {
+      const current = book[action.positionId] ?? emptyTicket(`t-${action.positionId}`, "");
+      const next = ticketReducer(current, action.action);
+      if (next === current) return book;
+      return { ...book, [action.positionId]: next };
+    }
+    case "drop": {
+      if (!(action.positionId in book)) return book;
+      const { [action.positionId]: _dropped, ...rest } = book;
+      return rest;
+    }
+  }
+}
+function ticketAt(book, positionId) {
+  const key = positionId ?? COUNTER_KEY;
+  return book[key] ?? emptyTicket(`t-${key}`, "");
+}
+function countsOf(book) {
+  const out = {};
+  for (const [key, ticket] of Object.entries(book)) {
+    out[key] = ticket.lines.reduce((n, l) => n + l.quantity, 0);
+  }
+  return out;
+}
+var REVEAL_PX = 88;
+var COMMIT_PX = 188;
+function useSwipeAway(onRemove) {
+  const [offset, setOffset] = useState(0);
+  const [open, setOpen] = useState(false);
+  const [removing, setRemoving] = useState(false);
+  const start = useRef();
+  const base = useRef(0);
+  const passed = useRef({ reveal: false, commit: false });
+  const commit = useCallback(() => {
+    setRemoving(true);
+    haptic("commit");
+    window.setTimeout(onRemove, 180);
+  }, [onRemove]);
+  const onPointerDown = useCallback((event) => {
+    if (event.pointerType === "mouse") return;
+    start.current = event.clientX;
+    base.current = offset;
+    passed.current = { reveal: false, commit: false };
+  }, [offset]);
+  const onPointerMove = useCallback((event) => {
+    if (start.current == null) return;
+    const dx = Math.min(0, base.current + (event.clientX - start.current));
+    setOffset(dx);
+    const travelled = -dx;
+    if (travelled >= REVEAL_PX && !passed.current.reveal) {
+      passed.current.reveal = true;
+      haptic("tap");
+    }
+    if (travelled >= COMMIT_PX && !passed.current.commit) {
+      passed.current.commit = true;
+      haptic("warn");
+    }
+  }, []);
+  const onPointerUp = useCallback(() => {
+    if (start.current == null) return;
+    const travelled = -offset;
+    start.current = void 0;
+    if (travelled >= COMMIT_PX) {
+      commit();
+      return;
+    }
+    if (travelled >= REVEAL_PX / 2) {
+      setOffset(-REVEAL_PX);
+      setOpen(true);
+      return;
+    }
+    setOffset(0);
+    setOpen(false);
+  }, [offset, commit]);
+  const close = useCallback(() => {
+    setOffset(0);
+    setOpen(false);
+  }, []);
+  return {
+    offset,
+    /** The row is parked showing its trash. */
+    open,
+    removing,
+    close,
+    /** Tapping the revealed trash is the deliberate path to the same place. */
+    remove: commit,
+    handlers: { onPointerDown, onPointerMove, onPointerUp, onPointerCancel: onPointerUp }
+  };
+}
+var STATUS = {
+  free: { label: "Livre", Icon: CheckCircle2 },
+  occupied: { label: "Ocupada", Icon: Utensils },
+  bill_requested: { label: "Conta pedida", Icon: Receipt },
+  attention: { label: "Aten\xE7\xE3o", Icon: AlertTriangle }
+};
+function StatusBadge({ status }) {
+  const { label, Icon } = STATUS[status];
+  return /* @__PURE__ */ jsxs("span", { className: "pos-badge", "data-status": status, children: [
+    /* @__PURE__ */ jsx(Icon, { size: 12, strokeWidth: 2.4, "aria-hidden": true }),
+    label
+  ] });
+}
+function elapsed(openedAt, now = Date.now()) {
+  if (!openedAt) return void 0;
+  const minutes = Math.floor((now - new Date(openedAt).getTime()) / 6e4);
+  if (minutes < 0 || !Number.isFinite(minutes)) return void 0;
+  return minutes < 60 ? `${minutes}min` : `${Math.floor(minutes / 60)}h${String(minutes % 60).padStart(2, "0")}`;
+}
+function EmptyState({ title, hint, Icon = Search, action }) {
+  return /* @__PURE__ */ jsxs("div", { className: "pos-empty", children: [
+    /* @__PURE__ */ jsx("span", { className: "pos-empty__icon", children: /* @__PURE__ */ jsx(Icon, { size: 20, strokeWidth: 2, "aria-hidden": true }) }),
+    /* @__PURE__ */ jsx("span", { className: "pos-empty__t", children: title }),
+    hint && /* @__PURE__ */ jsx("span", { className: "pos-empty__s", children: hint }),
+    action && /* @__PURE__ */ jsx("button", { className: "pos-empty__b", onClick: () => {
+      haptic("tap");
+      action.onClick();
+    }, children: action.label })
+  ] });
+}
+function FloorView({ positions, config, activeId, onSelect, now, picking }) {
+  if (positions.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { title: "Nenhuma mesa nesta \xE1rea", hint: "Escolha outra \xE1rea acima.", Icon: Utensils });
+  }
+  return config.layout === "plan" ? /* @__PURE__ */ jsx(PlanFloor, { positions, config, activeId, onSelect, picking }) : /* @__PURE__ */ jsx(GridFloor, { positions, activeId, onSelect, now, picking });
+}
+function GridFloor({ positions, activeId, onSelect, now, picking }) {
+  return /* @__PURE__ */ jsx("div", { className: "pos-floor pos-scroll", "data-picking": picking, children: positions.map((p, index) => {
+    const since = elapsed(p.openedAt, now);
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "pos-tbl",
+        "data-status": p.status,
+        "data-target": picking ? p.status === "free" : void 0,
+        "aria-current": p.id === activeId,
+        "aria-disabled": picking && p.status !== "free",
+        style: { ["--pos-stagger"]: `${Math.min(index, 11) * 20}ms` },
+        onClick: () => {
+          haptic("tap");
+          onSelect(p);
+        },
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "pos-tbl__top", children: [
+            /* @__PURE__ */ jsx("span", { className: "pos-tbl__no", children: p.label }),
+            p.seats != null && /* @__PURE__ */ jsxs("span", { className: "pos-tbl__seats", children: [
+              /* @__PURE__ */ jsx(Users, { size: 12, strokeWidth: 2.2, "aria-hidden": true }),
+              p.seats
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(StatusBadge, { status: p.status }),
+          p.attendantName && /* @__PURE__ */ jsx("span", { className: "pos-tbl__who", children: p.attendantName }),
+          /* @__PURE__ */ jsxs("span", { className: "pos-tbl__foot", children: [
+            /* @__PURE__ */ jsx("span", { className: "pos-tbl__time pos-num", children: since ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Clock, { size: 12, strokeWidth: 2.2, "aria-hidden": true }),
+              since
+            ] }) : "\u2014" }),
+            p.totalCents != null && /* @__PURE__ */ jsx("span", { className: "pos-tbl__total pos-num", children: formatCents(p.totalCents) })
+          ] })
+        ]
+      },
+      p.id
+    );
+  }) });
+}
+var CELL = 44;
+function PlanFloor({ positions, config, activeId, onSelect, picking }) {
+  const cols = Math.max(...positions.map((p) => (p.x ?? 1) + (p.w ?? 2) - 1), 4) + 1;
+  const rows = Math.max(...positions.map((p) => (p.y ?? 1) + (p.h ?? 2) - 1), 4) + 1;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pos-plan pos-scroll",
+      "data-picking": picking,
+      style: { ["--pos-plan-cell"]: `${CELL}px` },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "pos-plan__canvas", style: { width: cols * CELL, height: rows * CELL }, children: positions.map((p) => {
+          const w = p.w ?? 2;
+          const h = p.h ?? 2;
+          const left = ((p.x ?? 1) - 1) * CELL;
+          const top = ((p.y ?? 1) - 1) * CELL;
+          return /* @__PURE__ */ jsx(
+            PlanTable,
+            {
+              position: p,
+              left,
+              top,
+              width: w * CELL - 8,
+              height: h * CELL - 8,
+              active: p.id === activeId,
+              onSelect,
+              picking
+            },
+            p.id
+          );
+        }) }),
+        /* @__PURE__ */ jsx("div", { className: "pos-plan__legend", children: Object.keys(STATUS).map((s) => /* @__PURE__ */ jsxs("span", { className: "pos-legend__k", children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-legend__sw", style: { background: `var(--pos-${{ free: "line-strong", occupied: "warn", bill_requested: "info", attention: "danger" }[s]})` } }),
+          STATUS[s].label
+        ] }, s)) })
+      ]
+    }
+  );
+}
+function PlanTable({ position, left, top, width, height, active, onSelect, picking }) {
+  const seats = position.seats ?? 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    seatOffsets(seats, width, height).map((s, i) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "pos-seat",
+        style: { left: left + 4 + s.x, top: top + 4 + s.y },
+        "aria-hidden": true
+      },
+      i
+    )),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "pos-pt",
+        "data-status": position.status,
+        "data-shape": position.shape ?? "square",
+        "data-target": picking ? position.status === "free" : void 0,
+        "aria-disabled": picking && position.status !== "free",
+        "aria-current": active,
+        onClick: () => onSelect(position),
+        style: { left: left + 4, top: top + 4, width, height },
+        title: `${position.label} \xB7 ${STATUS[position.status].label}`,
+        children: [
+          position.itemCount != null && position.itemCount > 0 && /* @__PURE__ */ jsxs("span", { className: "pos-pt__badge pos-num", children: [
+            "+",
+            position.itemCount
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "pos-pt__no", children: position.label.replace(/^Mesa\s*/i, "") }),
+          position.attendantName && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "pos-pt__chip",
+              style: { background: `var(--pos-tone-${position.attendantTone ?? "mint"})` },
+              children: initialsOf(position.attendantName)
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function initialsOf(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+function seatOffsets(seats, w, h) {
+  if (seats <= 0) return [];
+  const out = [];
+  const perSide = Math.ceil(seats / 4);
+  const place = (n, fn) => {
+    for (let i = 0; i < n && out.length < seats; i++) out.push(fn(i));
+  };
+  const step = (count, span, i) => (i + 1) * span / (count + 1) - 6;
+  place(perSide, (i) => ({ x: step(perSide, w, i), y: -17 }));
+  place(perSide, (i) => ({ x: step(perSide, w, i), y: h + 4 }));
+  place(perSide, (i) => ({ x: -17, y: step(perSide, h, i) }));
+  place(perSide, (i) => ({ x: w + 4, y: step(perSide, h, i) }));
+  return out;
+}
+function CatalogView({
+  categories,
+  items,
+  activeCategoryId,
+  onCategoryChange,
+  quantities,
+  onAdd,
+  onRemove,
+  query
+}) {
+  const normalised = query.trim().toLowerCase();
+  const searching = normalised.length > 0;
+  const shown = items.filter(
+    (i) => searching ? i.name.toLowerCase().includes(normalised) || i.code?.toLowerCase() === normalised : !activeCategoryId || i.categoryId === activeCategoryId
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "pos-scroll", style: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
+    !searching && /* @__PURE__ */ jsx("div", { className: "pos-cats", children: categories.map((c, index) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "pos-cat",
+        style: {
+          background: `var(--pos-tone-${c.tone})`,
+          ["--pos-stagger"]: `${Math.min(index, 11) * 20}ms`
+        },
+        "aria-pressed": c.id === activeCategoryId,
+        onClick: () => {
+          haptic("tap");
+          onCategoryChange(c.id);
+        },
+        children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsx("span", { className: "pos-cat__name", children: c.label }),
+            c.itemCount != null && /* @__PURE__ */ jsxs("span", { className: "pos-cat__n pos-num", style: { display: "block" }, children: [
+              c.itemCount,
+              " itens"
+            ] })
+          ] }),
+          c.icon && /* @__PURE__ */ jsx("span", { className: "pos-cat__icon", children: c.icon })
+        ]
+      },
+      c.id
+    )) }),
+    !searching && /* @__PURE__ */ jsx("hr", { className: "pos-cats-rule" }),
+    shown.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { title: `Nada encontrado para \u201C${query}\u201D`, hint: "Tente o c\xF3digo do item ou parte do nome." }) : /* @__PURE__ */ jsx("div", { className: "pos-items", children: shown.map((item, index) => {
+      const quantity = quantities[item.id] ?? 0;
+      const category = categories.find((c) => c.id === item.categoryId);
+      const filled = quantity > 0 && category != null;
+      return /* @__PURE__ */ jsxs(
+        ItemCard,
+        {
+          quantity,
+          filled,
+          onQuickAdd: () => {
+            haptic("tap");
+            onAdd(item);
+          },
+          label: item.name,
+          delayMs: Math.min(index, 11) * 24,
+          tone: category?.tone,
+          children: [
+            item.route && /* @__PURE__ */ jsx("span", { className: "pos-item__route", children: item.route }),
+            /* @__PURE__ */ jsx("span", { className: "pos-item__name", children: item.name }),
+            /* @__PURE__ */ jsxs("span", { className: "pos-item__price pos-num", children: [
+              formatCents(item.priceCents),
+              item.code && ` \xB7 ${item.code}`
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "pos-item__foot", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs("span", { className: "pos-step", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "pos-step__b",
+                  onClick: () => {
+                    haptic("tap");
+                    onRemove(item);
+                  },
+                  disabled: quantity === 0,
+                  "aria-label": `Tirar um ${item.name}`,
+                  children: /* @__PURE__ */ jsx(Minus, { size: 16, strokeWidth: 2.6, "aria-hidden": true })
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "pos-step__n", children: quantity }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "pos-step__b",
+                  onClick: () => {
+                    haptic("tap");
+                    onAdd(item);
+                  },
+                  "aria-label": `Mais um ${item.name}`,
+                  children: /* @__PURE__ */ jsx(Plus, { size: 16, strokeWidth: 2.6, "aria-hidden": true })
+                }
+              )
+            ] }) })
+          ]
+        },
+        item.id
+      );
+    }) })
+  ] });
+}
+function ShiftView({ positions, staff }) {
+  const open = positions.filter((p) => p.status !== "free");
+  const onFloor = open.reduce((sum, p) => sum + (p.totalCents ?? 0), 0);
+  return /* @__PURE__ */ jsxs("div", { className: "pos-scroll", style: { flex: 1, padding: "var(--pos-4x)", display: "grid", gap: "var(--pos-3x)", alignContent: "start" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))", gap: "var(--pos-3x)" }, children: [
+      /* @__PURE__ */ jsx(Stat, { label: "Em aberto no sal\xE3o", value: formatCents(onFloor) }),
+      /* @__PURE__ */ jsx(Stat, { label: "Comandas abertas", value: String(open.length) }),
+      /* @__PURE__ */ jsx(Stat, { label: "Pessoas no turno", value: String(staff.length) })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "pos-t-sm", style: { margin: 0 }, children: "Abertura de caixa, sangria e fechamento chegam no M5 \u2014 este painel \xE9 o lugar deles." })
+  ] });
+}
+function Stat({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { style: {
+    border: "1px solid var(--pos-line)",
+    borderRadius: "var(--pos-r)",
+    background: "var(--pos-2)",
+    padding: "var(--pos-4x)"
+  }, children: [
+    /* @__PURE__ */ jsx("div", { className: "pos-t-xs", style: { marginBottom: 4 }, children: label }),
+    /* @__PURE__ */ jsx("div", { className: "pos-t-display pos-num", children: value })
+  ] });
+}
+function ItemCard({ quantity, filled, delayMs, tone, onQuickAdd, label, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "pos-item",
+      role: "button",
+      tabIndex: 0,
+      "aria-label": `${label}, adicionar \xE0 comanda`,
+      "data-filled": filled,
+      onClick: onQuickAdd,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onQuickAdd();
+        }
+      },
+      style: {
+        ["--pos-stagger"]: `${delayMs}ms`,
+        ...tone ? { ["--pos-item-tone"]: `var(--pos-tone-${tone})` } : {},
+        ...filled && tone ? { background: `var(--pos-tone-${tone})` } : {}
+      },
+      children
+    }
+  );
+}
+var PAY_ICON = {
+  cash: Banknote,
+  dinheiro: Banknote,
+  card: CreditCard,
+  cartao: CreditCard,
+  "cart\xE3o": CreditCard,
+  pix: QrCode
+};
+function TicketRail({
+  ticket,
+  totals,
+  vocabulary,
+  paymentMethods,
+  selectedPaymentId,
+  onSelectPayment,
+  onChangeQuantity,
+  selectedLineId,
+  onSelectLine,
+  onClose,
+  closeShortcut,
+  guests,
+  status,
+  open,
+  zoneLabel,
+  request,
+  now = Date.now(),
+  containerRef,
+  onBrowseCatalog,
+  onEditLine,
+  onEditIdentity,
+  alias,
+  customerPhone,
+  onFire,
+  fireShortcut
+}) {
+  const [tab, setTab] = useState("order");
+  const [paid, setPaid] = useState(false);
+  const [stage, setStage] = useState("order");
+  const empty = ticket.lines.length === 0;
+  const count = ticket.lines.reduce((n, l) => n + l.quantity, 0);
+  const pendingCount = ticket.lines.filter((l) => (l.state ?? "pending") === "pending").reduce((n, l) => n + l.quantity, 0);
+  ticket.id;
+  if (stage === "checkout" && empty) setStage("order");
+  const firedAt = ticket.lines.map((l) => l.firedAt).filter((v) => Boolean(v)).sort()[0];
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: "pos-aside",
+      ref: containerRef,
+      "data-open": open ?? true,
+      "aria-label": vocabulary.ticket,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "pos-tkt", children: [
+          /* @__PURE__ */ jsxs("div", { className: "pos-tkt__row", children: [
+            /* @__PURE__ */ jsx("span", { className: "pos-t-xl", children: ticket.positionLabel ?? "Balc\xE3o" }),
+            status && /* @__PURE__ */ jsx(StatusBadge, { status }),
+            onEditIdentity && /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "pos-tkt__edit",
+                onClick: onEditIdentity,
+                "aria-label": "Nomear a comanda ou anotar o celular",
+                title: "Nomear a comanda ou anotar o celular",
+                children: /* @__PURE__ */ jsx(Pencil, { size: 14, strokeWidth: 2.2 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "pos-tkt__sub", children: [
+            alias && /* @__PURE__ */ jsx("strong", { className: "pos-tkt__alias", children: alias }),
+            /* @__PURE__ */ jsx("span", { className: "pos-tkt__meta", children: [
+              ticket.attendantName,
+              guests != null && `${guests} pessoas`,
+              sinceLabel(ticket.seatedAt, now),
+              customerPhone
+            ].filter(Boolean).join(" \xB7 ") || `Sem ${vocabulary.position} selecionada` })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pos-tabs", role: "tablist", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "pos-tab",
+              role: "tab",
+              "aria-selected": tab === "order",
+              onClick: () => setTab("order"),
+              children: [
+                "Pedido",
+                count > 0 && /* @__PURE__ */ jsx("span", { className: "pos-tab__n pos-num", children: count })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "pos-tab",
+              role: "tab",
+              "aria-selected": tab === "activity",
+              onClick: () => setTab("activity"),
+              children: [
+                "Atividade",
+                pendingCount > 0 && /* @__PURE__ */ jsx("span", { className: "pos-tab__dot", "aria-label": `${pendingCount} n\xE3o lan\xE7ados` })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "pos-scroll", style: { flex: 1, minHeight: 0 }, role: "tabpanel", children: tab === "order" ? empty ? /* @__PURE__ */ jsx(
+          EmptyState,
+          {
+            title: `${vocabulary.ticket} vazia`,
+            hint: "Digite o c\xF3digo do item e Enter, ou escolha no card\xE1pio.",
+            Icon: Receipt,
+            action: onBrowseCatalog && { label: "Ver card\xE1pio", onClick: onBrowseCatalog }
+          }
+        ) : ticket.lines.map((line) => /* @__PURE__ */ jsx(
+          TicketLineRow,
+          {
+            line,
+            selected: line.id === selectedLineId,
+            onSelect: () => {
+              onSelectLine(line.id);
+              onEditLine?.(line.id);
+            },
+            onChangeQuantity: (delta) => onChangeQuantity(line.id, delta),
+            onRemove: () => onChangeQuantity(line.id, -line.quantity)
+          },
+          line.id
+        )) : /* @__PURE__ */ jsx(
+          ActivityPanel,
+          {
+            ticket,
+            firedAt,
+            pendingCount,
+            guests,
+            zoneLabel,
+            request,
+            totals,
+            count,
+            now
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "pos-tot", children: [
+          /* @__PURE__ */ jsxs("div", { className: "pos-tot__r", children: [
+            /* @__PURE__ */ jsx("span", { children: "Subtotal" }),
+            /* @__PURE__ */ jsx("span", { className: "pos-num", children: formatCents(totals.subtotalCents) })
+          ] }),
+          totals.serviceCents > 0 && /* @__PURE__ */ jsxs("div", { className: "pos-tot__r", children: [
+            /* @__PURE__ */ jsx("span", { children: "Servi\xE7o 10%" }),
+            /* @__PURE__ */ jsx("span", { className: "pos-num", children: formatCents(totals.serviceCents) })
+          ] }),
+          totals.discountCents > 0 && /* @__PURE__ */ jsxs("div", { className: "pos-tot__r", children: [
+            /* @__PURE__ */ jsx("span", { children: "Desconto" }),
+            /* @__PURE__ */ jsxs("span", { className: "pos-num", children: [
+              "\u2212 ",
+              formatCents(totals.discountCents)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "pos-tot__g", children: [
+            /* @__PURE__ */ jsx("span", { className: "pos-t-md", children: "Total" }),
+            /* @__PURE__ */ jsx("strong", { className: "pos-t-display pos-num", children: formatCents(totals.totalCents) })
+          ] })
+        ] }),
+        stage === "order" ? (
+          /* The primary action is whatever comes NEXT, not always the last step.
+             With items still on the counter, "fechar conta" is the wrong verb —
+             and offering it as the big button is how a bill gets paid for food
+             the kitchen never heard about. */
+          /* @__PURE__ */ jsx("div", { className: "pos-cta pos-cta--stack", children: pendingCount > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("p", { className: "pos-hint", children: [
+              /* @__PURE__ */ jsx(AlertTriangle, { size: 14, strokeWidth: 2.4, "aria-hidden": true }),
+              pendingCount === 1 ? "1 item marcado ainda n\xE3o foi para a cozinha" : `${pendingCount} itens marcados ainda n\xE3o foram para a cozinha`
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                className: "pos-btn",
+                onClick: () => {
+                  haptic("commit");
+                  onFire?.();
+                },
+                children: [
+                  /* @__PURE__ */ jsx(ChefHat, { size: 19, strokeWidth: 2.2, "aria-hidden": true }),
+                  "Enviar \xE0 cozinha",
+                  /* @__PURE__ */ jsx("span", { className: "pos-num", children: pendingCount }),
+                  fireShortcut && /* @__PURE__ */ jsx("kbd", { className: "pos-kbd", children: fireShortcut })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                className: "pos-btn pos-btn--ghost pos-btn--wide",
+                onClick: () => setStage("checkout"),
+                children: [
+                  "Fechar mesmo assim \xB7 ",
+                  formatCents(totals.totalCents)
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "pos-btn",
+              disabled: empty,
+              onClick: () => {
+                haptic("commit");
+                setStage("checkout");
+              },
+              children: [
+                "Fechar conta",
+                !empty && /* @__PURE__ */ jsx("span", { className: "pos-num", children: formatCents(totals.totalCents) }),
+                closeShortcut && /* @__PURE__ */ jsx("kbd", { className: "pos-kbd", children: closeShortcut })
+              ]
+            }
+          ) })
+        ) : /* @__PURE__ */ jsxs("div", { className: "pos-checkout", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "pos-back",
+              onClick: () => {
+                haptic("tap");
+                setStage("order");
+              },
+              children: [
+                /* @__PURE__ */ jsx(ChevronLeft, { size: 20, strokeWidth: 2.4, "aria-hidden": true }),
+                "Voltar \xE0 comanda"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "pos-checkout__head", children: /* @__PURE__ */ jsx("span", { className: "pos-t-xs", children: "Como vai pagar" }) }),
+          /* @__PURE__ */ jsx("div", { className: "pos-pay", role: "radiogroup", "aria-label": "Forma de pagamento", children: paymentMethods.map((m) => {
+            const Icon = PAY_ICON[m.id.toLowerCase()] ?? Banknote;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                className: "pos-pay__b",
+                role: "radio",
+                "aria-checked": m.id === selectedPaymentId,
+                onClick: () => {
+                  haptic("tap");
+                  onSelectPayment(m.id);
+                },
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, { size: 18, strokeWidth: 2, "aria-hidden": true }) }),
+                  m.label
+                ]
+              },
+              m.id
+            );
+          }) }),
+          /* @__PURE__ */ jsx("div", { className: "pos-cta", children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pos-btn",
+              "data-paid": paid,
+              disabled: !selectedPaymentId,
+              onClick: () => {
+                haptic("commit");
+                setPaid(true);
+                window.setTimeout(() => {
+                  setPaid(false);
+                  setStage("order");
+                }, 900);
+                onClose();
+              },
+              children: selectedPaymentId ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                "Confirmar ",
+                /* @__PURE__ */ jsx("span", { className: "pos-num", children: formatCents(totals.totalCents) })
+              ] }) : "Escolha a forma de pagamento"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+function ActivityPanel({
+  ticket,
+  firedAt,
+  pendingCount,
+  guests,
+  zoneLabel,
+  request,
+  totals,
+  count,
+  now
+}) {
+  const fires = /* @__PURE__ */ new Map();
+  for (const line of ticket.lines) {
+    if (!line.firedAt) continue;
+    fires.set(line.firedAt, [...fires.get(line.firedAt) ?? [], line.name]);
+  }
+  const events = [];
+  if (ticket.seatedAt) {
+    events.push({
+      at: ticket.seatedAt,
+      title: "Sentou",
+      detail: guests ? `${guests} pessoas` : void 0,
+      done: true
+    });
+  }
+  for (const [at, names] of [...fires.entries()].sort()) {
+    events.push({
+      at,
+      title: "Enviado \xE0 cozinha",
+      detail: names.join(", "),
+      done: true
+    });
+  }
+  if (pendingCount > 0) {
+    events.push({
+      title: "Aguardando envio",
+      detail: `${pendingCount} ${pendingCount === 1 ? "item" : "itens"} ainda no balc\xE3o`,
+      done: false
+    });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "pos-activity", children: [
+    /* @__PURE__ */ jsxs("ol", { className: "pos-tl", children: [
+      events.map((e, i) => /* @__PURE__ */ jsxs("li", { className: "pos-ev", "data-done": e.done, children: [
+        /* @__PURE__ */ jsx("span", { className: "pos-ev__mark", "aria-hidden": true }),
+        /* @__PURE__ */ jsxs("span", { className: "pos-ev__body", children: [
+          /* @__PURE__ */ jsxs("span", { className: "pos-ev__row", children: [
+            /* @__PURE__ */ jsx("span", { className: "pos-ev__t", children: e.title }),
+            e.at && /* @__PURE__ */ jsx("span", { className: "pos-ev__at pos-num", children: clock(e.at) })
+          ] }),
+          e.detail && /* @__PURE__ */ jsx("span", { className: "pos-ev__d", children: e.detail })
+        ] })
+      ] }, i)),
+      events.length === 0 && /* @__PURE__ */ jsx("li", { className: "pos-ev__none", children: "Nada aconteceu ainda." })
+    ] }),
+    request && /* @__PURE__ */ jsxs("div", { className: "pos-note-block", children: [
+      /* @__PURE__ */ jsx("div", { className: "pos-t-xs", children: "Observa\xE7\xE3o da mesa" }),
+      /* @__PURE__ */ jsxs("p", { className: "pos-note-block__t", children: [
+        "\u201C",
+        request,
+        "\u201D"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("dl", { className: "pos-dl", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "pos-t-xs", children: "\xC1rea" }),
+        /* @__PURE__ */ jsx("dd", { children: zoneLabel ?? "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "pos-t-xs", children: "Por pessoa" }),
+        /* @__PURE__ */ jsx("dd", { className: "pos-num", children: guests && guests > 0 ? formatCents(splitEvenly(totals.totalCents, guests)[0] ?? 0) : "\u2014" })
+      ] })
+    ] })
+  ] });
+}
+var STATE_LABEL = {
+  pending: "Ainda n\xE3o lan\xE7ado",
+  fired: "Na cozinha",
+  delivered: "Entregue"
+};
+function StateIcon({ state }) {
+  if (state === "fired") return /* @__PURE__ */ jsx(CookingPot, { size: 15, strokeWidth: 2.2, "aria-hidden": true });
+  if (state === "delivered") return /* @__PURE__ */ jsx(UtensilsCrossed, { size: 15, strokeWidth: 2.2, "aria-hidden": true });
+  return /* @__PURE__ */ jsx(CircleDashed, { size: 15, strokeWidth: 2.2, "aria-hidden": true });
+}
+function clock(iso) {
+  return new Date(iso).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" });
+}
+function sinceLabel(iso, now) {
+  if (!iso) return "\u2014";
+  const minutes = Math.floor((now - new Date(iso).getTime()) / 6e4);
+  if (!Number.isFinite(minutes) || minutes < 0) return "\u2014";
+  return minutes < 60 ? `${minutes}min` : `${Math.floor(minutes / 60)}h${String(minutes % 60).padStart(2, "0")}`;
+}
+function TicketLineRow({ line, selected, onSelect, onChangeQuantity, onRemove }) {
+  const swipe = useSwipeAway(onRemove);
+  const state = line.state ?? "pending";
+  return /* @__PURE__ */ jsxs("div", { className: "pos-ln-wrap", "data-open": swipe.open, "data-swiping": swipe.offset !== 0, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "pos-swipe-bg",
+        tabIndex: swipe.open ? 0 : -1,
+        "aria-hidden": !swipe.open,
+        onClick: swipe.remove,
+        children: [
+          /* @__PURE__ */ jsx(Trash2, { size: 18, strokeWidth: 2.3, "aria-hidden": true }),
+          "Remover"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "pos-ln",
+        "data-state": state,
+        "data-removing": swipe.removing,
+        "data-swiping": swipe.offset !== 0,
+        style: { transform: swipe.offset ? `translateX(${swipe.offset}px)` : void 0 },
+        role: "button",
+        tabIndex: 0,
+        "aria-current": selected,
+        onClick: () => swipe.open ? swipe.close() : onSelect(),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") onSelect();
+        },
+        ...swipe.handlers,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-ln__state", title: STATE_LABEL[state], children: /* @__PURE__ */ jsx(StateIcon, { state }) }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsx("span", { className: "pos-ln__n", children: line.name }),
+            line.modifiers && line.modifiers.length > 0 && /* @__PURE__ */ jsx("span", { className: "pos-ln__mods", children: line.modifiers.map((m) => /* @__PURE__ */ jsxs("span", { className: "pos-ln__mod", children: [
+              m.label,
+              m.priceDeltaCents !== 0 && /* @__PURE__ */ jsxs("span", { className: "pos-num", children: [
+                " ",
+                m.priceDeltaCents > 0 ? "+" : "\u2212",
+                formatCents(Math.abs(m.priceDeltaCents))
+              ] })
+            ] }, `${m.groupId}:${m.optionId}`)) }),
+            line.note && /* @__PURE__ */ jsxs("span", { className: "pos-ln__note", children: [
+              "\u201C",
+              line.note,
+              "\u201D"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "pos-step", onClick: (e) => e.stopPropagation(), children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "pos-step__b",
+                onClick: () => {
+                  haptic("tap");
+                  onChangeQuantity(-1);
+                },
+                "aria-label": `Tirar um ${line.name}`,
+                children: /* @__PURE__ */ jsx(Minus, { size: 14, strokeWidth: 2.6, "aria-hidden": true })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "pos-step__n", children: line.quantity }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "pos-step__b",
+                onClick: () => {
+                  haptic("tap");
+                  onChangeQuantity(1);
+                },
+                "aria-label": `Adicionar ${line.name}`,
+                children: /* @__PURE__ */ jsx(Plus, { size: 14, strokeWidth: 2.6, "aria-hidden": true })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "pos-ln__p pos-num", children: formatCents(line.unitPriceCents * line.quantity) })
+        ]
+      }
+    )
+  ] });
+}
+var COLUMNS = [
+  { id: "received", label: "Recebido", Icon: Package },
+  { id: "preparing", label: "Em produ\xE7\xE3o", Icon: ChefHat },
+  { id: "ready", label: "Pronto", Icon: CheckCheck },
+  { id: "out", label: "Saiu", Icon: Bike }
+];
+function lateness(p, now) {
+  if (!p.dueAt) return void 0;
+  return Math.floor((now - new Date(p.dueAt).getTime()) / 6e4);
+}
+var GHOST_MS = 300;
+function DeliveryBoard({ orders, activeId, onSelect, now }) {
+  const seen = useRef({});
+  const [ghosts, setGhosts] = useState([]);
+  useEffect(() => {
+    const moved = [];
+    for (const o of orders) {
+      const at = o.dispatch ?? "received";
+      const was = seen.current[o.id];
+      if (was && was !== at) moved.push({ id: o.id, from: was, label: o.label });
+      seen.current[o.id] = at;
+    }
+    if (moved.length === 0) return;
+    setGhosts((g) => [...g, ...moved]);
+    const t = window.setTimeout(
+      () => setGhosts((g) => g.filter((x) => !moved.some((m) => m.id === x.id))),
+      GHOST_MS
+    );
+    return () => window.clearTimeout(t);
+  }, [orders]);
+  if (orders.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { title: "Nenhum pedido de delivery agora", hint: "Pedidos dos aplicativos aparecem aqui assim que entram.", Icon: Bike });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "pos-board", children: COLUMNS.map(({ id, label, Icon }) => {
+    const column = orders.filter((o) => (o.dispatch ?? "received") === id);
+    return /* @__PURE__ */ jsxs("section", { className: "pos-col", "aria-label": label, children: [
+      /* @__PURE__ */ jsxs("header", { className: "pos-col__head", children: [
+        /* @__PURE__ */ jsx(Icon, { size: 15, strokeWidth: 2.2, "aria-hidden": true }),
+        /* @__PURE__ */ jsx("span", { className: "pos-col__t", children: label }),
+        /* @__PURE__ */ jsx("span", { className: "pos-col__n pos-num", children: column.length })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "pos-col__body", children: [
+        column.map((o) => {
+          const late = lateness(o, now);
+          const isLate = late != null && late > 0;
+          const awaiting = id === "received" && !isLate;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "pos-card",
+              "data-late": isLate,
+              "data-await": awaiting,
+              "aria-current": o.id === activeId,
+              style: o.channelTone && !isLate && !awaiting ? { ["--pos-edge"]: `var(--pos-tone-${o.channelTone})` } : void 0,
+              onClick: () => {
+                haptic("tap");
+                onSelect(o);
+              },
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "pos-card__top", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "pos-card__id pos-num", children: [
+                    "#",
+                    o.label.replace(/\D/g, "") || o.label
+                  ] }),
+                  o.channel && /* @__PURE__ */ jsx("span", { className: "pos-card__ch", children: o.channel })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "pos-card__who", children: o.customerName ?? "\u2014" }),
+                o.address && /* @__PURE__ */ jsx("span", { className: "pos-card__addr", children: o.address }),
+                /* @__PURE__ */ jsxs("span", { className: "pos-card__foot", children: [
+                  /* @__PURE__ */ jsx("span", { className: isLate ? "pos-card__late" : "pos-card__due", children: isLate ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(AlertTriangle, { size: 12, strokeWidth: 2.4, "aria-hidden": true }),
+                    late,
+                    "min atrasado"
+                  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(Clock, { size: 12, strokeWidth: 2.2, "aria-hidden": true }),
+                    dueLabel(o, now)
+                  ] }) }),
+                  o.totalCents != null && /* @__PURE__ */ jsx("span", { className: "pos-card__v pos-num", children: formatCents(o.totalCents) })
+                ] }),
+                o.courierName && /* @__PURE__ */ jsxs("span", { className: "pos-card__courier", children: [
+                  /* @__PURE__ */ jsx(Bike, { size: 12, strokeWidth: 2.2, "aria-hidden": true }),
+                  o.courierName
+                ] })
+              ]
+            },
+            o.id
+          );
+        }),
+        ghosts.filter((g) => g.from === id).map((g) => /* @__PURE__ */ jsx("span", { className: "pos-card pos-card--ghost", "aria-hidden": true }, `ghost-${g.id}`)),
+        column.length === 0 && ghosts.every((g) => g.from !== id) && /* @__PURE__ */ jsx("p", { className: "pos-col__empty", children: "Nenhum" })
+      ] })
+    ] }, id);
+  }) });
+}
+function dueLabel(p, now) {
+  if (!p.dueAt) return "\u2014";
+  const minutes = Math.ceil((new Date(p.dueAt).getTime() - now) / 6e4);
+  return minutes <= 0 ? "agora" : `em ${minutes}min`;
+}
+var DISPATCH_LABEL = {
+  received: "Recebido",
+  preparing: "Em produ\xE7\xE3o",
+  ready: "Pronto",
+  out: "Saiu para entrega",
+  delivered: "Entregue",
+  cancelled: "Cancelado"
+};
+function nextDispatch(current) {
+  const order = ["received", "preparing", "ready", "out", "delivered"];
+  const i = order.indexOf(current);
+  return i >= 0 && i < order.length - 1 ? order[i + 1] : void 0;
+}
+function DispatchRail({
+  order,
+  ticket,
+  totals,
+  onAdvance,
+  onCancel,
+  now,
+  open,
+  containerRef
+}) {
+  const status = order.dispatch ?? "received";
+  const next = nextDispatch(status);
+  const late = order.dueAt ? Math.floor((now - new Date(order.dueAt).getTime()) / 6e4) : void 0;
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: "pos-aside",
+      ref: containerRef,
+      "data-open": open ?? true,
+      "aria-label": `Pedido ${order.label}`,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "pos-tkt", children: [
+          /* @__PURE__ */ jsxs("div", { className: "pos-tkt__row", children: [
+            /* @__PURE__ */ jsx("span", { className: "pos-t-xl", children: order.label }),
+            /* @__PURE__ */ jsx("span", { className: "pos-badge", "data-status": status === "out" ? "bill_requested" : "occupied", children: DISPATCH_LABEL[status] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "pos-tkt__sub", children: [order.channel, order.customerName].filter(Boolean).join(" \xB7 ") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pos-scroll", style: { flex: 1, minHeight: 0 }, children: [
+          /* @__PURE__ */ jsxs("div", { className: "pos-dispatch", children: [
+            late != null && late > 0 && /* @__PURE__ */ jsxs("div", { className: "pos-alert", children: [
+              /* @__PURE__ */ jsx(AlertTriangle, { size: 16, strokeWidth: 2.3, "aria-hidden": true }),
+              late,
+              "min al\xE9m do prometido"
+            ] }),
+            order.address && /* @__PURE__ */ jsxs("div", { className: "pos-fact", children: [
+              /* @__PURE__ */ jsx(MapPin, { size: 15, strokeWidth: 2.2, "aria-hidden": true }),
+              /* @__PURE__ */ jsx("span", { children: order.address })
+            ] }),
+            order.courierName && /* @__PURE__ */ jsxs("div", { className: "pos-fact", children: [
+              /* @__PURE__ */ jsx(Bike, { size: 15, strokeWidth: 2.2, "aria-hidden": true }),
+              /* @__PURE__ */ jsx("span", { children: order.courierName })
+            ] }),
+            order.dueAt && /* @__PURE__ */ jsxs("div", { className: "pos-fact", children: [
+              /* @__PURE__ */ jsx(Clock, { size: 15, strokeWidth: 2.2, "aria-hidden": true }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "Prometido para ",
+                clock2(order.dueAt)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "pos-t-xs", style: { padding: "0 var(--pos-4x) var(--pos-2x)" }, children: "Itens" }),
+          ticket.lines.map((line) => /* @__PURE__ */ jsxs("div", { className: "pos-ln", "data-state": line.state ?? "pending", "data-readonly": "true", children: [
+            /* @__PURE__ */ jsxs("span", { className: "pos-ln__qty pos-num", children: [
+              line.quantity,
+              "\xD7"
+            ] }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("span", { className: "pos-ln__n", children: line.name }),
+              line.note && /* @__PURE__ */ jsxs("span", { className: "pos-ln__note", children: [
+                "\u201C",
+                line.note,
+                "\u201D"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "pos-ln__p pos-num", children: formatCents(line.unitPriceCents * line.quantity) })
+          ] }, line.id))
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pos-tot", children: [
+          /* @__PURE__ */ jsxs("div", { className: "pos-tot__g", children: [
+            /* @__PURE__ */ jsx("span", { className: "pos-t-md", children: "Total" }),
+            /* @__PURE__ */ jsx("strong", { className: "pos-t-display pos-num", children: formatCents(totals.totalCents) })
+          ] }),
+          order.prepaid !== false && /* @__PURE__ */ jsxs("p", { className: "pos-paid", children: [
+            /* @__PURE__ */ jsx(ShieldCheck, { size: 14, strokeWidth: 2.3, "aria-hidden": true }),
+            "J\xE1 pago no ",
+            order.channel ?? "aplicativo",
+            " \u2014 n\xE3o cobrar"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pos-cta", style: { display: "grid", gap: "var(--pos-2x)" }, children: [
+          next ? /* @__PURE__ */ jsx("button", { className: "pos-btn", onClick: () => onAdvance(next), children: ADVANCE_LABEL[next] }) : /* @__PURE__ */ jsx("button", { className: "pos-btn", disabled: true, children: "Entregue" }),
+          /* @__PURE__ */ jsx("button", { className: "pos-btn pos-btn--ghost", style: { width: "100%" }, onClick: onCancel, children: "Cancelar pedido" })
+        ] })
+      ]
+    }
+  );
+}
+var ADVANCE_LABEL = {
+  preparing: "Aceitar e produzir",
+  ready: "Marcar pronto",
+  out: "Despachar",
+  delivered: "Confirmar entrega"
+};
+function clock2(iso) {
+  return new Date(iso).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" });
+}
+var BUILT_IN = [
+  { combo: "c\xF3digo + Enter", label: "Lan\xE7ar item pelo c\xF3digo" },
+  { combo: "\u2191 \u2193 \u2190 \u2192", label: "Andar pela tela" },
+  { combo: "Enter", label: "Acionar o que est\xE1 em foco" },
+  { combo: "Esc", label: "Voltar o cursor ao campo de comando" },
+  { combo: "F1", label: "Esta lista" }
+];
+function ShortcutsOverlay({ actions, onClose }) {
+  useEffect(() => {
+    function onKey(event) {
+      if (event.key === "Escape" || event.key === "F1") {
+        event.preventDefault();
+        onClose();
+      }
+    }
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [onClose]);
+  const bound = actions.filter((a) => a.shortcut);
+  return /* @__PURE__ */ jsxs("div", { className: "pos-sheet", role: "dialog", "aria-modal": "true", "aria-label": "Atalhos", children: [
+    /* @__PURE__ */ jsx("div", { className: "pos-sheet__scrim", onClick: onClose }),
+    /* @__PURE__ */ jsxs("div", { className: "pos-sheet__panel", style: { width: "min(620px, 94vw)" }, children: [
+      /* @__PURE__ */ jsxs("header", { className: "pos-sheet__head", children: [
+        /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
+          /* @__PURE__ */ jsx(Keyboard, { size: 20, strokeWidth: 2.1, "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "pos-t-xl", children: "Atalhos" })
+        ] }),
+        /* @__PURE__ */ jsx("button", { className: "pos-icon-btn", onClick: onClose, "aria-label": "Fechar", children: /* @__PURE__ */ jsx(X, { size: 18, strokeWidth: 2.2 }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "pos-sheet__body pos-scroll", children: [
+        /* @__PURE__ */ jsxs("section", { children: [
+          /* @__PURE__ */ jsx("div", { className: "pos-t-xs", style: { marginBottom: 8 }, children: "Opera\xE7\xE3o" }),
+          /* @__PURE__ */ jsx("div", { className: "pos-keys", children: bound.map((a) => /* @__PURE__ */ jsxs("div", { className: "pos-key", children: [
+            /* @__PURE__ */ jsx("kbd", { className: "pos-kbd", children: a.shortcut }),
+            /* @__PURE__ */ jsx("span", { children: a.label }),
+            a.requiresPin && /* @__PURE__ */ jsx("span", { className: "pos-key__pin", children: "PIN" })
+          ] }, a.id)) })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { children: [
+          /* @__PURE__ */ jsx("div", { className: "pos-t-xs", style: { marginBottom: 8 }, children: "Sempre" }),
+          /* @__PURE__ */ jsx("div", { className: "pos-keys", children: BUILT_IN.map((k) => /* @__PURE__ */ jsxs("div", { className: "pos-key", children: [
+            /* @__PURE__ */ jsx("kbd", { className: "pos-kbd", children: k.combo }),
+            /* @__PURE__ */ jsx("span", { children: k.label })
+          ] }, k.combo)) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+var STATUS2 = {
+  booked: { label: "Reservado", tone: "occupied" },
+  confirmed: { label: "Confirmado", tone: "bill_requested" },
+  arrived: { label: "Chegou", tone: "free" },
+  seated: { label: "Sentado", tone: "free" },
+  no_show: { label: "N\xE3o veio", tone: "attention" }
+};
+function ReservationsView({
+  reservations,
+  positions,
+  now,
+  onSeat,
+  onMarkArrived,
+  onOpenPosition
+}) {
+  if (reservations.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { title: "Nenhuma reserva hoje", hint: "Reservas feitas no site ou por telefone aparecem aqui.", Icon: CalendarClock });
+  }
+  const sorted = [...reservations].sort((a, b) => a.at.localeCompare(b.at));
+  const upcoming = sorted.filter((r) => new Date(r.at).getTime() >= now - 15 * 6e4);
+  const past = sorted.filter((r) => !upcoming.includes(r));
+  return /* @__PURE__ */ jsxs("div", { className: "pos-res pos-scroll", children: [
+    upcoming.length > 0 && /* @__PURE__ */ jsx(
+      Group,
+      {
+        title: "A seguir",
+        rows: upcoming,
+        positions,
+        now,
+        onSeat,
+        onMarkArrived,
+        onOpenPosition
+      }
+    ),
+    past.length > 0 && /* @__PURE__ */ jsx(
+      Group,
+      {
+        title: "J\xE1 passou",
+        rows: past,
+        positions,
+        now,
+        onSeat,
+        onMarkArrived,
+        onOpenPosition,
+        muted: true
+      }
+    )
+  ] });
+}
+function Group({ title, rows, positions, now, onSeat, onMarkArrived, onOpenPosition, muted }) {
+  return /* @__PURE__ */ jsxs("section", { className: "pos-res__group", "data-muted": muted, children: [
+    /* @__PURE__ */ jsx("h3", { className: "pos-t-xs", children: title }),
+    rows.map((r) => {
+      const late = Math.floor((now - new Date(r.at).getTime()) / 6e4);
+      const isLate = late > 10 && (r.status === "booked" || r.status === "confirmed");
+      return /* @__PURE__ */ jsxs("article", { className: "pos-res__row", "data-late": isLate, children: [
+        /* @__PURE__ */ jsx("span", { className: "pos-res__time pos-num", children: clock3(r.at) }),
+        /* @__PURE__ */ jsxs("span", { className: "pos-res__who", children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-res__name", children: r.name }),
+          /* @__PURE__ */ jsxs("span", { className: "pos-res__meta", children: [
+            /* @__PURE__ */ jsxs("span", { className: "pos-res__chip", children: [
+              /* @__PURE__ */ jsx(Users, { size: 12, strokeWidth: 2.2, "aria-hidden": true }),
+              r.party
+            ] }),
+            r.phone && /* @__PURE__ */ jsxs("span", { className: "pos-res__chip", children: [
+              /* @__PURE__ */ jsx(Phone, { size: 12, strokeWidth: 2.2, "aria-hidden": true }),
+              r.phone
+            ] }),
+            r.channel && /* @__PURE__ */ jsx("span", { className: "pos-res__chip", children: r.channel })
+          ] }),
+          r.note && /* @__PURE__ */ jsxs("span", { className: "pos-res__note", children: [
+            "\u201C",
+            r.note,
+            "\u201D"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "pos-res__end", children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-badge", "data-status": STATUS2[r.status].tone, children: STATUS2[r.status].label }),
+          isLate && /* @__PURE__ */ jsxs("span", { className: "pos-res__late pos-num", children: [
+            late,
+            "min de atraso"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "pos-res__do", children: r.status === "seated" ? (
+          /* Naming the table, and going there. "Na mesa" without saying
+             which one makes the host walk the floor asking. */
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "pos-res__b pos-res__at",
+              onClick: () => r.positionId && onOpenPosition(r.positionId),
+              disabled: !r.positionId,
+              children: [
+                /* @__PURE__ */ jsx(Check, { size: 15, strokeWidth: 2.6, "aria-hidden": true }),
+                positions.find((p) => p.id === r.positionId)?.label ?? "Na mesa"
+              ]
+            }
+          )
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          r.status !== "arrived" && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "pos-res__b",
+              onClick: () => {
+                haptic("tap");
+                onMarkArrived(r.id);
+              },
+              children: [
+                /* @__PURE__ */ jsx(UserRound, { size: 14, strokeWidth: 2.2, "aria-hidden": true }),
+                "Chegou"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pos-res__b pos-res__b--primary",
+              onClick: () => {
+                haptic("tap");
+                onSeat(r);
+              },
+              children: "Sentar"
+            }
+          )
+        ] }) })
+      ] }, r.id);
+    })
+  ] });
+}
+function clock3(iso) {
+  return new Date(iso).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" });
+}
+function ModifierSheet({ item, onCancel, onConfirm, initial, mode = "add" }) {
+  const groups = item.modifiers ?? [];
+  const [picked, setPicked] = useState(() => {
+    const seed = {};
+    for (const g of groups) seed[g.id] = [];
+    for (const m of initial?.modifiers ?? []) {
+      seed[m.groupId] = [...seed[m.groupId] ?? [], m.optionId];
+    }
+    return seed;
+  });
+  const [note, setNote] = useState(initial?.note ?? "");
+  const noteRef = useRef(null);
+  const chosen = useMemo(
+    () => groups.flatMap(
+      (g) => (picked[g.id] ?? []).flatMap((optionId) => {
+        const option = g.options.find((o) => o.id === optionId);
+        return option ? [{ groupId: g.id, optionId, label: option.label, priceDeltaCents: option.priceDeltaCents ?? 0 }] : [];
+      })
+    ),
+    [groups, picked]
+  );
+  const missing = groups.filter((g) => (g.min ?? 0) > (picked[g.id]?.length ?? 0));
+  const total = item.priceCents + chosen.reduce((s, m) => s + m.priceDeltaCents, 0);
+  function toggle(groupId, optionId, max) {
+    setPicked((prev) => {
+      const current = prev[groupId] ?? [];
+      if (current.includes(optionId)) return { ...prev, [groupId]: current.filter((id) => id !== optionId) };
+      const next = max === 1 ? [optionId] : [...current, optionId].slice(-max);
+      return { ...prev, [groupId]: next };
+    });
+  }
+  useEffect(() => {
+    function onKey(event) {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onCancel();
+        return;
+      }
+      if (event.key === "Enter" && document.activeElement !== noteRef.current) {
+        if (missing.length === 0) {
+          event.preventDefault();
+          onConfirm(chosen, note.trim());
+        }
+      }
+    }
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [chosen, note, missing.length, onCancel, onConfirm]);
+  return /* @__PURE__ */ jsxs("div", { className: "pos-sheet", role: "dialog", "aria-modal": "true", "aria-label": `Op\xE7\xF5es de ${item.name}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "pos-sheet__scrim", onClick: onCancel }),
+    /* @__PURE__ */ jsxs("div", { className: "pos-sheet__panel", children: [
+      /* @__PURE__ */ jsxs("header", { className: "pos-sheet__head", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-t-xl", children: item.name }),
+          /* @__PURE__ */ jsx("span", { className: "pos-t-sm pos-num", style: { display: "block" }, children: mode === "edit" ? "Editando o item na comanda" : formatCents(item.priceCents) })
+        ] }),
+        /* @__PURE__ */ jsx("button", { className: "pos-icon-btn", onClick: onCancel, "aria-label": "Cancelar", children: /* @__PURE__ */ jsx(X, { size: 18, strokeWidth: 2.2 }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "pos-sheet__body pos-scroll", children: [
+        groups.length === 0 && mode === "edit" && /* @__PURE__ */ jsx("p", { className: "pos-t-sm", style: { margin: 0 }, children: "Este item n\xE3o tem op\xE7\xF5es \u2014 s\xF3 observa\xE7\xE3o." }),
+        groups.map((g) => {
+          const max = g.max ?? 1;
+          const need = (g.min ?? 0) > (picked[g.id]?.length ?? 0);
+          return /* @__PURE__ */ jsxs("section", { className: "pos-mgroup", children: [
+            /* @__PURE__ */ jsxs("div", { className: "pos-mgroup__head", children: [
+              /* @__PURE__ */ jsx("span", { className: "pos-t-xs", children: g.label }),
+              need && /* @__PURE__ */ jsx("span", { className: "pos-mgroup__req", children: "obrigat\xF3rio" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "pos-mgroup__opts", children: g.options.map((o) => {
+              const on = (picked[g.id] ?? []).includes(o.id);
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: "pos-mopt",
+                  "aria-pressed": on,
+                  onClick: () => toggle(g.id, o.id, max),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "pos-mopt__check", children: on && /* @__PURE__ */ jsx(Check, { size: 14, strokeWidth: 3 }) }),
+                    /* @__PURE__ */ jsx("span", { className: "pos-mopt__label", children: o.label }),
+                    o.priceDeltaCents ? /* @__PURE__ */ jsxs("span", { className: "pos-mopt__delta pos-num", children: [
+                      o.priceDeltaCents > 0 ? "+" : "\u2212",
+                      " ",
+                      formatCents(Math.abs(o.priceDeltaCents))
+                    ] }) : null
+                  ]
+                },
+                o.id
+              );
+            }) })
+          ] }, g.id);
+        }),
+        /* @__PURE__ */ jsxs("section", { className: "pos-mgroup", children: [
+          /* @__PURE__ */ jsx("div", { className: "pos-mgroup__head", children: /* @__PURE__ */ jsx("span", { className: "pos-t-xs", children: "Observa\xE7\xE3o" }) }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: noteRef,
+              className: "pos-note",
+              value: note,
+              onChange: (e) => setNote(e.target.value),
+              placeholder: "Ex.: sem cebola, ponto para a mesa toda",
+              "aria-label": "Observa\xE7\xE3o para a cozinha"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("footer", { className: "pos-sheet__foot", children: [
+        /* @__PURE__ */ jsx("button", { className: "pos-btn pos-btn--ghost", onClick: onCancel, children: "Cancelar" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "pos-btn",
+            disabled: missing.length > 0,
+            onClick: () => onConfirm(chosen, note.trim()),
+            children: missing.length > 0 ? `Falta: ${missing[0].label}` : mode === "edit" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              "Salvar ",
+              /* @__PURE__ */ jsx("span", { className: "pos-num", children: formatCents(total) })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              "Adicionar ",
+              /* @__PURE__ */ jsx("span", { className: "pos-num", children: formatCents(total) })
+            ] })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function OpenTableSheet({
+  position,
+  vocabulary,
+  staff,
+  defaultSeats,
+  seatingName,
+  onCancel,
+  onConfirm
+}) {
+  const [guests, setGuests] = useState(defaultSeats ?? position.seats ?? 2);
+  const [attendantId, setAttendantId] = useState(staff[0]?.id);
+  useEffect(() => {
+    function onKey(event) {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onCancel();
+        return;
+      }
+      if (event.key === "Enter") {
+        event.preventDefault();
+        onConfirm(guests, attendantId);
+        return;
+      }
+      if (/^[1-9]$/.test(event.key)) {
+        event.preventDefault();
+        setGuests(Number(event.key));
+      }
+    }
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [guests, attendantId, onCancel, onConfirm]);
+  return /* @__PURE__ */ jsxs("div", { className: "pos-sheet", role: "dialog", "aria-modal": "true", "aria-label": `Abrir ${position.label}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "pos-sheet__scrim", onClick: onCancel }),
+    /* @__PURE__ */ jsxs("div", { className: "pos-sheet__panel", style: { width: "min(460px, 92vw)" }, children: [
+      /* @__PURE__ */ jsxs("header", { className: "pos-sheet__head", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-t-xl", children: seatingName ? `Sentar na ${position.label}` : `Abrir ${position.label}` }),
+          /* @__PURE__ */ jsx("span", { className: "pos-t-sm", style: { display: "block" }, children: seatingName ? `${seatingName} \xB7 ${position.seats ?? "\u2014"} lugares` : position.seats ? `${position.seats} lugares` : vocabulary.position })
+        ] }),
+        /* @__PURE__ */ jsx("button", { className: "pos-icon-btn", onClick: onCancel, "aria-label": "Cancelar", children: /* @__PURE__ */ jsx(X, { size: 18, strokeWidth: 2.2 }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "pos-sheet__body pos-scroll", children: [
+        /* @__PURE__ */ jsxs("section", { className: "pos-mgroup", children: [
+          /* @__PURE__ */ jsx("div", { className: "pos-mgroup__head", children: /* @__PURE__ */ jsx("span", { className: "pos-t-xs", children: "Pessoas" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "pos-guests", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "pos-step__b pos-guests__pm",
+                onClick: () => setGuests((g) => Math.max(1, g - 1)),
+                disabled: guests <= 1,
+                "aria-label": "Menos uma pessoa",
+                children: /* @__PURE__ */ jsx(Minus, { size: 18, strokeWidth: 2.6 })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "pos-guests__n pos-num", "aria-live": "polite", children: guests }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "pos-step__b pos-guests__pm",
+                onClick: () => setGuests((g) => g + 1),
+                "aria-label": "Mais uma pessoa",
+                children: /* @__PURE__ */ jsx(Plus, { size: 18, strokeWidth: 2.6 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "pos-quick", children: [1, 2, 3, 4, 5, 6, 8, 10].map((n) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pos-quick__b pos-num",
+              "aria-pressed": guests === n,
+              onClick: () => setGuests(n),
+              children: n
+            },
+            n
+          )) })
+        ] }),
+        seatingName && position.seats != null && guests > position.seats && /* Said, not blocked: pushing two tables together is a normal thing
+           a host does, and a POS that refuses it is a POS they work around. */
+        /* @__PURE__ */ jsxs("p", { className: "pos-warnline", children: [
+          position.label,
+          " tem ",
+          position.seats,
+          " lugares para ",
+          guests,
+          " pessoas."
+        ] }),
+        staff.length > 0 && /* @__PURE__ */ jsxs("section", { className: "pos-mgroup", children: [
+          /* @__PURE__ */ jsx("div", { className: "pos-mgroup__head", children: /* @__PURE__ */ jsx("span", { className: "pos-t-xs", children: "Atendente" }) }),
+          /* @__PURE__ */ jsx("div", { className: "pos-mgroup__opts", children: staff.map((s) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "pos-mopt",
+              "aria-pressed": s.id === attendantId,
+              onClick: () => setAttendantId(s.id),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "pos-person__av", style: { background: `var(--pos-tone-${s.tone})` }, children: s.name.slice(0, 1) }),
+                /* @__PURE__ */ jsx("span", { className: "pos-mopt__label", children: s.name })
+              ]
+            },
+            s.id
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("footer", { className: "pos-sheet__foot", children: [
+        /* @__PURE__ */ jsx("button", { className: "pos-btn pos-btn--ghost", onClick: onCancel, children: "Cancelar" }),
+        /* @__PURE__ */ jsxs("button", { className: "pos-btn", onClick: () => onConfirm(guests, attendantId), children: [
+          /* @__PURE__ */ jsx(Users, { size: 18, strokeWidth: 2.2, "aria-hidden": true }),
+          seatingName ? `Sentar ${guests}` : `Abrir com ${guests}`
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function IdentitySheet({ position, onCancel, onSave }) {
+  const [alias, setAlias] = useState(position.alias ?? "");
+  const [phone, setPhone] = useState(position.customerPhone ?? "");
+  const first = useRef(null);
+  useEffect(() => {
+    first.current?.focus();
+  }, []);
+  useEffect(() => {
+    function onKey(event) {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onCancel();
+      }
+      if (event.key === "Enter") {
+        event.preventDefault();
+        onSave(alias.trim(), phone.trim());
+      }
+    }
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [alias, phone, onCancel, onSave]);
+  return /* @__PURE__ */ jsxs("div", { className: "pos-sheet", role: "dialog", "aria-modal": "true", "aria-label": `Identificar ${position.label}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "pos-sheet__scrim", onClick: onCancel }),
+    /* @__PURE__ */ jsxs("div", { className: "pos-sheet__panel", style: { width: "min(440px, 92vw)" }, children: [
+      /* @__PURE__ */ jsxs("header", { className: "pos-sheet__head", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-t-xl", children: "Identificar" }),
+          /* @__PURE__ */ jsx("span", { className: "pos-t-sm", style: { display: "block" }, children: position.label })
+        ] }),
+        /* @__PURE__ */ jsx("button", { className: "pos-icon-btn", onClick: onCancel, "aria-label": "Cancelar", children: /* @__PURE__ */ jsx(X, { size: 18, strokeWidth: 2.2 }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "pos-sheet__body", children: [
+        /* @__PURE__ */ jsxs("label", { className: "pos-labelled", children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-t-xs", children: "Nome na comanda" }),
+          /* @__PURE__ */ jsxs("span", { className: "pos-input", children: [
+            /* @__PURE__ */ jsx(User, { size: 16, strokeWidth: 2.1, "aria-hidden": true }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: first,
+                value: alias,
+                onChange: (e) => setAlias(e.target.value),
+                placeholder: `Ex.: Jo\xE3o do balc\xE3o`,
+                autoComplete: "off"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "pos-labelled", children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-t-xs", children: "Celular do cliente" }),
+          /* @__PURE__ */ jsxs("span", { className: "pos-input", children: [
+            /* @__PURE__ */ jsx(Phone, { size: 16, strokeWidth: 2.1, "aria-hidden": true }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: phone,
+                onChange: (e) => setPhone(e.target.value),
+                placeholder: "(11) 9 9999-9999",
+                type: "tel",
+                inputMode: "tel",
+                autoComplete: "tel"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "pos-t-sm", style: { margin: 0 }, children: "Serve para achar a conta depois \u2014 o cliente costuma lembrar do n\xFAmero, n\xE3o do n\xFAmero da mesa." })
+      ] }),
+      /* @__PURE__ */ jsxs("footer", { className: "pos-sheet__foot", children: [
+        /* @__PURE__ */ jsx("button", { className: "pos-btn pos-btn--ghost", onClick: onCancel, children: "Cancelar" }),
+        /* @__PURE__ */ jsx("button", { className: "pos-btn", onClick: () => onSave(alias.trim(), phone.trim()), children: "Salvar" })
+      ] })
+    ] })
+  ] });
+}
+var PIN_LENGTH = 4;
+function PinSheet({ actionLabel, onCancel, onVerify, onGranted }) {
+  const [pin, setPin] = useState("");
+  const [error, setError] = useState();
+  const [checking, setChecking] = useState(false);
+  async function submit(value) {
+    setChecking(true);
+    try {
+      const person = await onVerify(value);
+      if (person) {
+        onGranted(person);
+        return;
+      }
+      setError("PIN n\xE3o confere");
+      setPin("");
+    } finally {
+      setChecking(false);
+    }
+  }
+  function push(digit) {
+    setError(void 0);
+    const next = (pin + digit).slice(0, PIN_LENGTH);
+    setPin(next);
+    if (next.length === PIN_LENGTH) void submit(next);
+  }
+  useEffect(() => {
+    function onKey(event) {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onCancel();
+        return;
+      }
+      if (event.key === "Backspace") {
+        event.preventDefault();
+        setPin((p) => p.slice(0, -1));
+        return;
+      }
+      if (/^[0-9]$/.test(event.key)) {
+        event.preventDefault();
+        push(event.key);
+      }
+    }
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "pos-sheet", role: "dialog", "aria-modal": "true", "aria-label": `PIN para ${actionLabel}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "pos-sheet__scrim", onClick: onCancel }),
+    /* @__PURE__ */ jsxs("div", { className: "pos-sheet__panel", style: { width: "min(400px, 92vw)" }, children: [
+      /* @__PURE__ */ jsxs("header", { className: "pos-sheet__head", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-t-xl", children: actionLabel }),
+          /* @__PURE__ */ jsx("span", { className: "pos-t-sm", style: { display: "block" }, children: "Precisa de autoriza\xE7\xE3o" })
+        ] }),
+        /* @__PURE__ */ jsx("button", { className: "pos-icon-btn", onClick: onCancel, "aria-label": "Cancelar", children: /* @__PURE__ */ jsx(X, { size: 18, strokeWidth: 2.2 }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "pos-sheet__body", children: [
+        /* @__PURE__ */ jsx("div", { className: "pos-pin__dots", "aria-live": "polite", "aria-label": `${pin.length} de ${PIN_LENGTH} d\xEDgitos`, children: Array.from({ length: PIN_LENGTH }, (_, i) => /* @__PURE__ */ jsx("span", { className: "pos-pin__dot", "data-on": i < pin.length }, i)) }),
+        /* @__PURE__ */ jsx("p", { className: "pos-pin__err", role: "alert", children: error ?? "\xA0" }),
+        /* @__PURE__ */ jsxs("div", { className: "pos-pad", children: [
+          ["1", "2", "3", "4", "5", "6", "7", "8", "9"].map((d) => /* @__PURE__ */ jsx("button", { className: "pos-pad__b pos-num", onClick: () => push(d), disabled: checking, children: d }, d)),
+          /* @__PURE__ */ jsx("button", { className: "pos-pad__b", onClick: onCancel, "aria-label": "Cancelar", children: /* @__PURE__ */ jsx(X, { size: 20, strokeWidth: 2.4 }) }),
+          /* @__PURE__ */ jsx("button", { className: "pos-pad__b pos-num", onClick: () => push("0"), disabled: checking, children: "0" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pos-pad__b",
+              onClick: () => setPin((p) => p.slice(0, -1)),
+              "aria-label": "Apagar \xFAltimo d\xEDgito",
+              children: /* @__PURE__ */ jsx(Delete, { size: 20, strokeWidth: 2.2 })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("footer", { className: "pos-sheet__foot", style: { gridTemplateColumns: "1fr" }, children: /* @__PURE__ */ jsxs("span", { className: "pos-pin__hint", children: [
+        /* @__PURE__ */ jsx(ShieldCheck, { size: 15, strokeWidth: 2.2, "aria-hidden": true }),
+        "Fica registrado quem autorizou"
+      ] }) })
+    ] })
+  ] });
+}
+function SplitSheet({ ticket, totals, guests, onCancel, onConfirm }) {
+  const [mode, setMode] = useState("even");
+  const [ways, setWays] = useState(Math.max(2, guests ?? 2));
+  const [assigned, setAssigned] = useState({});
+  const evenParts = useMemo(() => splitEvenly(totals.totalCents, ways), [totals.totalCents, ways]);
+  const itemParts = useMemo(() => {
+    const parts2 = Array.from({ length: ways }, () => 0);
+    let unassigned = 0;
+    for (const line of ticket.lines) {
+      const value = line.unitPriceCents * line.quantity;
+      const share = assigned[line.id];
+      if (share == null) {
+        unassigned += value;
+        continue;
+      }
+      parts2[share] = (parts2[share] ?? 0) + value;
+    }
+    const shared = totals.totalCents - totals.subtotalCents + unassigned;
+    const spread = splitEvenly(Math.max(0, shared), ways);
+    return parts2.map((p, i) => p + (spread[i] ?? 0));
+  }, [ticket.lines, assigned, ways, totals]);
+  const parts = mode === "even" ? evenParts : itemParts;
+  const sum = parts.reduce((a, b) => a + b, 0);
+  const unassignedCount = ticket.lines.filter((l) => assigned[l.id] == null).length;
+  return /* @__PURE__ */ jsxs("div", { className: "pos-sheet", role: "dialog", "aria-modal": "true", "aria-label": "Dividir conta", children: [
+    /* @__PURE__ */ jsx("div", { className: "pos-sheet__scrim", onClick: onCancel }),
+    /* @__PURE__ */ jsxs("div", { className: "pos-sheet__panel", style: { width: "min(680px, 94vw)" }, children: [
+      /* @__PURE__ */ jsxs("header", { className: "pos-sheet__head", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-t-xl", children: "Dividir conta" }),
+          /* @__PURE__ */ jsxs("span", { className: "pos-t-sm pos-num", style: { display: "block" }, children: [
+            formatCents(totals.totalCents),
+            " no total"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("button", { className: "pos-icon-btn", onClick: onCancel, "aria-label": "Cancelar", children: /* @__PURE__ */ jsx(X, { size: 18, strokeWidth: 2.2 }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "pos-sheet__body pos-scroll", children: [
+        /* @__PURE__ */ jsxs("div", { className: "pos-seg", style: { alignSelf: "start" }, children: [
+          /* @__PURE__ */ jsxs("button", { className: "pos-seg__btn", "aria-pressed": mode === "even", onClick: () => setMode("even"), children: [
+            /* @__PURE__ */ jsx(Users, { size: 15, strokeWidth: 2.2, "aria-hidden": true }),
+            " Igual"
+          ] }),
+          /* @__PURE__ */ jsxs("button", { className: "pos-seg__btn", "aria-pressed": mode === "by_item", onClick: () => setMode("by_item"), children: [
+            /* @__PURE__ */ jsx(UtensilsCrossed, { size: 15, strokeWidth: 2.2, "aria-hidden": true }),
+            " Por item"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "pos-mgroup", children: [
+          /* @__PURE__ */ jsx("div", { className: "pos-mgroup__head", children: /* @__PURE__ */ jsx("span", { className: "pos-t-xs", children: "Em quantas partes" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "pos-guests", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "pos-step__b pos-guests__pm",
+                onClick: () => setWays((w) => Math.max(2, w - 1)),
+                disabled: ways <= 2,
+                "aria-label": "Menos uma parte",
+                children: /* @__PURE__ */ jsx(Minus, { size: 18, strokeWidth: 2.6 })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "pos-guests__n pos-num", children: ways }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "pos-step__b pos-guests__pm",
+                onClick: () => setWays((w) => w + 1),
+                "aria-label": "Mais uma parte",
+                children: /* @__PURE__ */ jsx(Plus, { size: 18, strokeWidth: 2.6 })
+              }
+            )
+          ] })
+        ] }),
+        mode === "by_item" && /* @__PURE__ */ jsxs("section", { className: "pos-mgroup", children: [
+          /* @__PURE__ */ jsxs("div", { className: "pos-mgroup__head", children: [
+            /* @__PURE__ */ jsx("span", { className: "pos-t-xs", children: "Quem pediu o qu\xEA" }),
+            unassignedCount > 0 && /* @__PURE__ */ jsxs("span", { className: "pos-mgroup__req", children: [
+              unassignedCount,
+              " sem dono \u2014 rateado"
+            ] })
+          ] }),
+          ticket.lines.map((line) => /* @__PURE__ */ jsxs("div", { className: "pos-split__line", children: [
+            /* @__PURE__ */ jsxs("span", { className: "pos-split__name", children: [
+              line.quantity,
+              "\xD7 ",
+              line.name
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "pos-split__pick", children: Array.from({ length: ways }, (_, i) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "pos-split__b pos-num",
+                "aria-pressed": assigned[line.id] === i,
+                onClick: () => setAssigned(
+                  (prev) => prev[line.id] === i ? Object.fromEntries(Object.entries(prev).filter(([k]) => k !== line.id)) : { ...prev, [line.id]: i }
+                ),
+                children: i + 1
+              },
+              i
+            )) }),
+            /* @__PURE__ */ jsx("span", { className: "pos-split__v pos-num", children: formatCents(line.unitPriceCents * line.quantity) })
+          ] }, line.id))
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "pos-mgroup", children: [
+          /* @__PURE__ */ jsx("div", { className: "pos-mgroup__head", children: /* @__PURE__ */ jsx("span", { className: "pos-t-xs", children: "Cada parte paga" }) }),
+          /* @__PURE__ */ jsx("div", { className: "pos-parts", children: parts.map((value, i) => /* @__PURE__ */ jsxs("div", { className: "pos-part", children: [
+            /* @__PURE__ */ jsxs("span", { className: "pos-part__k pos-num", children: [
+              "Parte ",
+              i + 1
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "pos-part__v pos-num", children: formatCents(value) })
+          ] }, i)) }),
+          /* @__PURE__ */ jsxs("p", { className: "pos-split__sum pos-num", children: [
+            "Soma das partes: ",
+            formatCents(sum),
+            sum === totals.totalCents ? " \u2014 confere" : " \u2014 N\xC3O confere"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("footer", { className: "pos-sheet__foot", children: [
+        /* @__PURE__ */ jsx("button", { className: "pos-btn pos-btn--ghost", onClick: onCancel, children: "Cancelar" }),
+        /* @__PURE__ */ jsxs("button", { className: "pos-btn", onClick: () => onConfirm(parts), children: [
+          "Dividir em ",
+          ways
+        ] })
+      ] })
+    ] })
+  ] });
+}
+var ICON = { info: Info, ok: Check, warn: AlertTriangle };
+function Notice({ notice, onDone }) {
+  const [leaving, setLeaving] = useState(false);
+  useEffect(() => {
+    if (!notice) return;
+    setLeaving(false);
+    const out = window.setTimeout(() => setLeaving(true), 1900);
+    const gone = window.setTimeout(onDone, 2200);
+    return () => {
+      window.clearTimeout(out);
+      window.clearTimeout(gone);
+    };
+  }, [notice, onDone]);
+  if (!notice) return null;
+  const tone = notice.tone ?? "info";
+  const Icon = ICON[tone];
+  return /* @__PURE__ */ jsxs("div", { className: "pos-notice", "data-tone": tone, "data-leaving": leaving, role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx("span", { className: "pos-notice__i", "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon, { size: 17, strokeWidth: 2.6 }) }),
+    notice.text
+  ] });
+}
+var MENU_ICON = {
+  // `list` é o quadro de despacho — a moto, a mesma que o back office usa para
+  // Delivery. Um caminhão fala de carga, e o que sai daqui vai numa garupa.
+  floor: LayoutGrid,
+  catalog: UtensilsCrossed,
+  list: Bike,
+  shift: Banknote,
+  reservations: CalendarClock
+};
+var lineSeq = 0;
+var nextLineId = () => `line-${++lineSeq}`;
+function PosScreen({
+  config,
+  categories,
+  items,
+  positions,
+  staff = [],
+  reservations = [],
+  terminalName,
+  operatorName,
+  connection = "online",
+  onAction,
+  onOpenPosition,
+  onFire,
+  onCloseBill,
+  onDispatch,
+  verifyPin,
+  onAuthorised,
+  initialTickets,
+  notice: appNotice,
+  brandMark,
+  brandName,
+  className,
+  railTop,
+  now = Date.now()
+}) {
+  const [book, dispatchBook] = useReducer(bookReducer, void 0, () => {
+    const seeded = {};
+    const openedAt = new Date(now).toISOString();
+    for (const [positionId, lines] of Object.entries(initialTickets ?? {})) {
+      const seatedAt2 = positions.find((p) => p.id === positionId)?.openedAt ?? openedAt;
+      seeded[positionId] = { id: `t-${positionId}`, lines, openedAt, seatedAt: seatedAt2 };
+    }
+    return seeded;
+  });
+  const [menuId, setMenuId] = useState(config.menus[0]?.id);
+  const [activePositionId, setActivePositionId] = useState();
+  const [activeZoneId, setActiveZoneId] = useState(config.positions.zones?.[0]?.id);
+  const [activeCategoryId, setActiveCategoryId] = useState(categories[0]?.id);
+  const [selectedLineId, setSelectedLineId] = useState();
+  const [paymentId, setPaymentId] = useState();
+  const [query, setQuery] = useState("");
+  const [railOpen, setRailOpen] = useState(false);
+  const [pendingItem, setPendingItem] = useState();
+  const [openingPosition, setOpeningPosition] = useState();
+  const [editing, setEditing] = useState();
+  const [naming, setNaming] = useState();
+  const [named, setNamed] = useState({});
+  const [bookings, setBookings] = useState({});
+  const [seatedAt, setSeatedAt] = useState({});
+  const [seating, setSeating] = useState();
+  const [pinFor, setPinFor] = useState();
+  const [splitting, setSplitting] = useState(false);
+  const [showKeys, setShowKeys] = useState(false);
+  const [notice, setNotice] = useState();
+  const [dispatched, setDispatched] = useState({});
+  const [opened, setOpened] = useState({});
+  const [settled, setSettled] = useState({});
+  const [settling, setSettling] = useState(false);
+  const commandRef = useRef(null);
+  useEffect(() => {
+    if (appNotice) setNotice(appNotice);
+  }, [appNotice]);
+  const menu = config.menus.find((m) => m.id === menuId) ?? config.menus[0];
+  const ticketKey = activePositionId ?? COUNTER_KEY;
+  const ticket = ticketAt(book, ticketKey);
+  const dispatch = useCallback(
+    (action) => dispatchBook({ type: "at", positionId: ticketKey, action }),
+    [ticketKey]
+  );
+  const counts = useMemo(() => countsOf(book), [book]);
+  const totals = useMemo(
+    () => totalsOf(ticket, { serviceChargePercent: config.serviceChargePercent }),
+    [ticket, config.serviceChargePercent]
+  );
+  const quantities = useMemo(() => {
+    const map = {};
+    for (const line of ticket.lines) map[line.itemId] = (map[line.itemId] ?? 0) + line.quantity;
+    return map;
+  }, [ticket.lines]);
+  const ring = useCallback((item, modifiers, note) => {
+    dispatch({ type: "add_item", item, lineId: nextLineId(), modifiers, note });
+  }, [dispatch]);
+  const addItem = useCallback((item) => {
+    if (item.modifiers && item.modifiers.length > 0) {
+      setPendingItem(item);
+      return;
+    }
+    ring(item);
+  }, [ring]);
+  const removeItem = useCallback((item) => {
+    dispatch({ type: "remove_one_of", itemId: item.id });
+  }, [dispatch]);
+  const submitCode = useCallback(() => {
+    const code = query.trim().toLowerCase();
+    if (!code) return;
+    const hit = items.find((i) => i.code?.toLowerCase() === code);
+    if (hit) {
+      addItem(hit);
+      setQuery("");
+    }
+  }, [query, items, addItem]);
+  const keymap = useMemo(() => createKeymap(), []);
+  const handleActionRef = useRef((_id) => {
+  });
+  const settleBillRef = useRef(async () => {
+  });
+  const mainRef = useRef(null);
+  const asideRef = useRef(null);
+  const zonePositionsRef = useRef([]);
+  const ticketRef = useRef(ticket);
+  const seatingRef = useRef(void 0);
+  useEffect(() => {
+    const disposers = config.actions.filter((a) => a.shortcut).map((a) => keymap.register({ id: a.id, combo: a.shortcut, handler: () => handleActionRef.current(a.id) }));
+    return () => disposers.forEach((d) => d());
+  }, [config.actions, keymap]);
+  useEffect(() => {
+    function onKeyDown(event) {
+      if (document.querySelector(".pos-sheet")) return;
+      if (event.key === "Enter" && document.activeElement === commandRef.current) {
+        submitCode();
+        return;
+      }
+      if (event.key === "F1") {
+        event.preventDefault();
+        setShowKeys(true);
+        return;
+      }
+      if (event.key === "Escape") {
+        commandRef.current?.focus();
+        return;
+      }
+      const direction = directionOf(event.key);
+      if (direction && document.activeElement !== commandRef.current) {
+        const active = document.activeElement;
+        const region = asideRef.current?.contains(active) ? asideRef.current : mainRef.current;
+        if (region && moveFocus(region, direction)) event.preventDefault();
+        return;
+      }
+      if (keymap.dispatch(event)) event.preventDefault();
+    }
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [keymap, submitCode]);
+  const livePositions = useMemo(() => positions.map((raw) => {
+    if (settled[raw.id]) {
+      const {
+        ticketId: _t,
+        openedAt: _o,
+        attendantName: _a,
+        attendantTone: _n,
+        totalCents: _c,
+        itemCount: _i,
+        request: _r,
+        ...rest
+      } = raw;
+      return { ...rest, status: "free" };
+    }
+    const just = opened[raw.id];
+    let p = just ? {
+      ...raw,
+      status: "occupied",
+      seats: just.seats,
+      attendantName: just.attendantName ?? raw.attendantName,
+      attendantTone: just.attendantTone ?? raw.attendantTone,
+      openedAt: just.openedAt
+    } : raw;
+    const moved = dispatched[raw.id];
+    if (moved) p = { ...p, dispatch: moved };
+    const t = book[p.id];
+    if (!t) return p;
+    const totalCents = totalsOf(t, { serviceChargePercent: config.serviceChargePercent }).totalCents;
+    return { ...p, itemCount: counts[p.id] ?? p.itemCount, totalCents: totalCents || p.totalCents };
+  }), [positions, opened, dispatched, settled, book, counts, config.serviceChargePercent]);
+  const activePosition = livePositions.find((p) => p.id === activePositionId);
+  const zonePositions = activeZoneId ? livePositions.filter((p) => p.zoneId === activeZoneId) : livePositions;
+  const selectPosition = useCallback((p) => {
+    if (p.status === "free") {
+      setOpeningPosition(p);
+      return;
+    }
+    if (seatingRef.current) return;
+    setActivePositionId(p.id);
+    setRailOpen(true);
+  }, []);
+  const confirmOpen = useCallback((guests, attendantId) => {
+    const p = openingPosition;
+    if (!p) return;
+    const person = staff.find((s) => s.id === attendantId);
+    setOpened((prev) => ({
+      ...prev,
+      [p.id]: {
+        seats: guests,
+        attendantName: person?.name,
+        attendantTone: person?.tone,
+        openedAt: new Date(now).toISOString()
+      }
+    }));
+    setActivePositionId(p.id);
+    setRailOpen(true);
+    setOpeningPosition(void 0);
+    if (seating) {
+      setNamed((prev) => ({ ...prev, [p.id]: { alias: seating.name, phone: seating.phone ?? "" } }));
+      setBookings((prev) => ({ ...prev, [seating.id]: "seated" }));
+      setSeatedAt((prev) => ({ ...prev, [seating.id]: p.id }));
+      setSeating(void 0);
+    }
+    setNotice({
+      text: seating ? `${seating.name} na ${config.vocabulary.position} ${p.label}` : `${config.vocabulary.position} ${p.label} aberta`,
+      tone: "ok"
+    });
+    onOpenPosition?.(p.id, guests, attendantId);
+  }, [openingPosition, staff, now, seating, onOpenPosition, config.vocabulary.position]);
+  const runAction = useCallback((actionId) => {
+    if (actionId === "fire") {
+      const at = new Date(now).toISOString();
+      const sent = ticketRef.current.lines.filter((l) => (l.state ?? "pending") === "pending");
+      dispatch({ type: "fire", at });
+      setNotice(sent.length > 0 ? { text: sent.length === 1 ? "1 item enviado \xE0 cozinha" : `${sent.length} itens enviados \xE0 cozinha`, tone: "ok" } : { text: "Nada novo para enviar", tone: "warn" });
+      if (sent.length > 0) {
+        const stamp = (l) => ({ ...l, state: "fired", firedAt: at });
+        const whole = ticketRef.current;
+        void onFire?.(ticketKey, sent.map(stamp), {
+          ...whole,
+          lines: whole.lines.map((l) => (l.state ?? "pending") === "pending" ? stamp(l) : l)
+        });
+      }
+    }
+    if (actionId === "close_bill") {
+      void settleBillRef.current();
+    }
+    if (actionId === "split") setSplitting(true);
+    if (actionId === "open_table") {
+      const free = zonePositionsRef.current.find((p) => p.status === "free");
+      if (free) setOpeningPosition(free);
+    }
+    onAction?.(actionId);
+  }, [dispatch, now, onAction, onFire, ticketKey]);
+  const settleBill = useCallback(async () => {
+    if (settling) return;
+    const positionId = ticketKey;
+    const current = ticketRef.current;
+    if (current.lines.length === 0) {
+      setNotice({ text: `${config.vocabulary.ticket} vazia`, tone: "warn" });
+      return;
+    }
+    if (!paymentId) {
+      setNotice({ text: "Escolha a forma de pagamento", tone: "warn" });
+      return;
+    }
+    const bill = { ticket: current, totals, paymentMethodId: paymentId };
+    setSettling(true);
+    try {
+      const outcome = await onCloseBill?.(positionId, bill);
+      if (outcome === false) {
+        setNotice({ text: "A conta n\xE3o foi fechada", tone: "warn" });
+        return;
+      }
+      dispatchBook({ type: "drop", positionId });
+      setSettled((prev) => ({ ...prev, [positionId]: true }));
+      setOpened((prev) => {
+        const { [positionId]: _closed, ...rest } = prev;
+        return rest;
+      });
+      setPaymentId(void 0);
+      setSelectedLineId(void 0);
+      setActivePositionId(void 0);
+      setRailOpen(false);
+      setNotice({
+        text: `${activePosition?.label ?? config.vocabulary.ticket} fechada \xB7 ${formatCents(bill.totals.totalCents)}`,
+        tone: "ok"
+      });
+    } catch (error) {
+      setNotice({
+        text: error instanceof Error ? error.message : "A conta n\xE3o foi fechada",
+        tone: "warn"
+      });
+    } finally {
+      setSettling(false);
+    }
+  }, [settling, ticketKey, paymentId, totals, onCloseBill, config.vocabulary.ticket, activePosition?.label]);
+  const handleAction = useCallback((actionId) => {
+    const action = config.actions.find((a) => a.id === actionId);
+    if (action?.requiresPin && verifyPin) {
+      haptic("warn");
+      setPinFor(action);
+      return;
+    }
+    haptic("tap");
+    runAction(actionId);
+  }, [config.actions, verifyPin, runAction]);
+  config.actions.filter(
+    (a) => !a.cycles || a.cycles.includes(config.saleCycle)
+  );
+  useEffect(() => {
+    handleActionRef.current = handleAction;
+  }, [handleAction]);
+  useEffect(() => {
+    settleBillRef.current = settleBill;
+  }, [settleBill]);
+  useEffect(() => {
+    zonePositionsRef.current = zonePositions;
+  }, [zonePositions]);
+  useEffect(() => {
+    ticketRef.current = ticket;
+  }, [ticket]);
+  useEffect(() => {
+    seatingRef.current = seating;
+  }, [seating]);
+  const openCount = livePositions.filter((p) => p.status !== "free").length;
+  return /* @__PURE__ */ jsxs("div", { className: className ? `pos ${className}` : "pos", children: [
+    /* @__PURE__ */ jsxs("div", { className: "pos-body", children: [
+      /* @__PURE__ */ jsxs("nav", { className: "pos-rail", "aria-label": "Navega\xE7\xE3o principal", children: [
+        /* @__PURE__ */ jsxs("div", { className: "pos-brand", children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-brand__mark", children: brandMark ?? config.name.slice(0, 1) }),
+          /* @__PURE__ */ jsx("span", { className: "pos-brand__name", children: brandName ?? config.name })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "pos-field", children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-field__icon", children: /* @__PURE__ */ jsx(Search, { size: 17, strokeWidth: 2.2, "aria-hidden": true }) }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: commandRef,
+              value: query,
+              onChange: (e) => {
+                setQuery(e.target.value);
+                const cat = config.menus.find((m) => m.view === "catalog");
+                if (e.target.value && cat && menu?.view !== "catalog") setMenuId(cat.id);
+              },
+              placeholder: "Buscar",
+              "aria-label": "Buscar item por c\xF3digo ou nome"
+            }
+          ),
+          query ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "pos-field__clear",
+              onClick: () => {
+                setQuery("");
+                commandRef.current?.focus();
+              },
+              "aria-label": "Limpar busca",
+              children: /* @__PURE__ */ jsx(X, { size: 14, strokeWidth: 2.6 })
+            }
+          ) : (
+            // Esc is the way back to this field from anywhere; saying so
+            // costs one chip and saves the operator from hunting for it.
+            /* @__PURE__ */ jsx("kbd", { className: "pos-field__hint", "aria-hidden": true, children: "Esc" })
+          )
+        ] }),
+        railTop && /* @__PURE__ */ jsx("div", { className: "pos-rail__top", children: railTop }),
+        /* @__PURE__ */ jsx("div", { className: "pos-rail__label pos-t-xs", children: "Opera\xE7\xE3o" }),
+        /* @__PURE__ */ jsx("div", { className: "pos-nav", children: config.menus.map((m) => {
+          const Icon = MENU_ICON[m.view] ?? ClipboardList;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "pos-nav__item",
+              "aria-current": m.id === menu?.id ? "page" : void 0,
+              onClick: () => setMenuId(m.id),
+              title: m.label,
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "pos-nav__icon", children: /* @__PURE__ */ jsx(Icon, { size: 19, strokeWidth: 2.1, "aria-hidden": true }) }),
+                /* @__PURE__ */ jsx("span", { className: "pos-nav__text", children: m.label }),
+                m.badge != null && m.badge > 0 && /* @__PURE__ */ jsx("span", { className: "pos-nav__count pos-num", children: m.badge })
+              ]
+            },
+            m.id
+          );
+        }) }),
+        /* @__PURE__ */ jsxs("div", { className: "pos-user", "data-state": connection, children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-user__av", children: (operatorName ?? config.name).slice(0, 1) }),
+          /* @__PURE__ */ jsxs("span", { className: "pos-user__txt", children: [
+            /* @__PURE__ */ jsxs("span", { className: terminalName ? "pos-user__name" : "pos-user__name pos-user__name--dotted", children: [
+              !terminalName && /* @__PURE__ */ jsx("span", { className: "pos-user__dot", "aria-hidden": true }),
+              operatorName ?? config.name
+            ] }),
+            terminalName && /* @__PURE__ */ jsxs("span", { className: "pos-user__meta", children: [
+              /* @__PURE__ */ jsx("span", { className: "pos-user__dot", "aria-hidden": true }),
+              terminalName
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pos-user__act",
+              onClick: () => setShowKeys(true),
+              "aria-label": "Atalhos",
+              title: "Atalhos (F1)",
+              children: /* @__PURE__ */ jsx(Keyboard, { size: 15, strokeWidth: 2.2, "aria-hidden": true })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("main", { className: "pos-main", ref: mainRef, children: [
+        /* @__PURE__ */ jsxs("div", { className: "pos-head", children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-head__title", children: menu?.label }),
+          menu?.view === "floor" && (config.positions.zones ?? []).length > 0 && /* @__PURE__ */ jsx("span", { className: "pos-seg", role: "group", "aria-label": "\xC1reas", children: config.positions.zones.map((z) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pos-seg__btn",
+              "aria-pressed": z.id === activeZoneId,
+              onClick: () => setActiveZoneId(z.id),
+              children: z.label
+            },
+            z.id
+          )) })
+        ] }),
+        menu?.view === "floor" && /* @__PURE__ */ jsx(
+          FloorView,
+          {
+            positions: zonePositions,
+            config: config.positions,
+            activeId: activePositionId,
+            onSelect: selectPosition,
+            now,
+            picking: seating != null
+          }
+        ),
+        menu?.view === "catalog" && /* @__PURE__ */ jsx(
+          CatalogView,
+          {
+            categories,
+            items,
+            activeCategoryId,
+            onCategoryChange: (id) => {
+              setActiveCategoryId(id);
+              setQuery("");
+            },
+            quantities,
+            onAdd: addItem,
+            onRemove: removeItem,
+            query
+          }
+        ),
+        menu?.view === "list" && /* @__PURE__ */ jsx(
+          DeliveryBoard,
+          {
+            orders: livePositions.filter((p) => p.kind === "delivery"),
+            activeId: activePositionId,
+            onSelect: selectPosition,
+            now
+          }
+        ),
+        menu?.view === "reservations" && /* @__PURE__ */ jsx(
+          ReservationsView,
+          {
+            reservations: reservations.map((r) => ({
+              ...r,
+              ...bookings[r.id] ? { status: bookings[r.id] } : {},
+              ...seatedAt[r.id] ? { positionId: seatedAt[r.id] } : {}
+            })),
+            positions: livePositions,
+            now,
+            onOpenPosition: (id) => {
+              const p = livePositions.find((x) => x.id === id);
+              if (p) selectPosition(p);
+            },
+            onMarkArrived: (id) => setBookings((prev) => ({ ...prev, [id]: "arrived" })),
+            onSeat: (reservation) => {
+              setSeating(reservation);
+              const floor = config.menus.find((m) => m.view === "floor");
+              if (floor) setMenuId(floor.id);
+            }
+          }
+        ),
+        menu?.view === "shift" && /* @__PURE__ */ jsx(ShiftView, { positions: livePositions, staff }),
+        /* @__PURE__ */ jsx(
+          Dock,
+          {
+            positions: livePositions.filter((p) => p.status !== "free" && p.kind !== "delivery"),
+            activeId: activePositionId,
+            onSelect: selectPosition,
+            now,
+            openCount,
+            seating,
+            onCancelSeating: () => setSeating(void 0)
+          }
+        ),
+        /* @__PURE__ */ jsx(Notice, { notice, onDone: () => setNotice(void 0) })
+      ] }),
+      activePosition?.kind === "delivery" ? /* @__PURE__ */ jsx(
+        DispatchRail,
+        {
+          containerRef: asideRef,
+          order: activePosition,
+          ticket,
+          totals,
+          now,
+          open: railOpen,
+          onAdvance: (to) => {
+            setDispatched((prev) => ({ ...prev, [activePosition.id]: to }));
+            void onDispatch?.(activePosition.id, to);
+          },
+          onCancel: () => handleAction("cancel_order")
+        }
+      ) : /* @__PURE__ */ jsx(
+        TicketRail,
+        {
+          containerRef: asideRef,
+          ticket: {
+            ...ticket,
+            positionLabel: activePosition?.label,
+            attendantName: activePosition?.attendantName,
+            seatedAt: ticket.seatedAt ?? activePosition?.openedAt
+          },
+          totals,
+          vocabulary: config.vocabulary,
+          paymentMethods: config.paymentMethods,
+          selectedPaymentId: paymentId,
+          onSelectPayment: setPaymentId,
+          onChangeQuantity: (lineId, delta) => dispatch({ type: "change_quantity", lineId, delta }),
+          selectedLineId,
+          onSelectLine: setSelectedLineId,
+          onClose: () => handleAction("close_bill"),
+          onFire: () => handleAction("fire"),
+          fireShortcut: config.actions.find((a) => a.id === "fire")?.shortcut,
+          closeShortcut: config.actions.find((a) => a.id === "close_bill")?.shortcut,
+          onBrowseCatalog: () => {
+            const cat = config.menus.find((m) => m.view === "catalog");
+            if (cat) setMenuId(cat.id);
+            commandRef.current?.focus();
+          },
+          alias: activePositionId ? named[activePositionId]?.alias : void 0,
+          customerPhone: activePositionId ? named[activePositionId]?.phone : void 0,
+          onEditIdentity: activePosition ? () => setNaming(activePosition) : void 0,
+          onEditLine: (lineId) => {
+            const line = ticket.lines.find((l) => l.id === lineId);
+            const item = line && items.find((i) => i.id === line.itemId);
+            if (line && item) setEditing({ item, line });
+          },
+          guests: activePosition?.seats,
+          status: activePosition?.status,
+          zoneLabel: config.positions.zones?.find((z) => z.id === activePosition?.zoneId)?.label,
+          request: activePosition?.request,
+          now,
+          open: railOpen
+        }
+      )
+    ] }),
+    showKeys && /* @__PURE__ */ jsx(ShortcutsOverlay, { actions: config.actions, onClose: () => setShowKeys(false) }),
+    pinFor && /* @__PURE__ */ jsx(
+      PinSheet,
+      {
+        actionLabel: pinFor.label,
+        onCancel: () => setPinFor(void 0),
+        onVerify: (pin) => verifyPin(pin, pinFor.id),
+        onGranted: (by) => {
+          const id = pinFor.id;
+          setPinFor(void 0);
+          onAuthorised?.(id, by);
+          runAction(id);
+        }
+      }
+    ),
+    splitting && /* @__PURE__ */ jsx(
+      SplitSheet,
+      {
+        ticket,
+        totals,
+        guests: activePosition?.seats,
+        onCancel: () => setSplitting(false),
+        onConfirm: () => setSplitting(false)
+      }
+    ),
+    openingPosition && /* @__PURE__ */ jsx(
+      OpenTableSheet,
+      {
+        position: openingPosition,
+        vocabulary: config.vocabulary,
+        staff,
+        defaultSeats: seating?.party,
+        seatingName: seating?.name,
+        onCancel: () => {
+          setOpeningPosition(void 0);
+          setSeating(void 0);
+        },
+        onConfirm: confirmOpen
+      }
+    ),
+    naming && /* @__PURE__ */ jsx(
+      IdentitySheet,
+      {
+        position: {
+          ...naming,
+          alias: named[naming.id]?.alias ?? naming.alias,
+          customerPhone: named[naming.id]?.phone ?? naming.customerPhone
+        },
+        onCancel: () => setNaming(void 0),
+        onSave: (alias, phone) => {
+          setNamed((prev) => ({ ...prev, [naming.id]: { alias, phone } }));
+          setNaming(void 0);
+        }
+      }
+    ),
+    editing && /* @__PURE__ */ jsx(
+      ModifierSheet,
+      {
+        item: editing.item,
+        mode: "edit",
+        initial: { modifiers: editing.line.modifiers, note: editing.line.note },
+        onCancel: () => setEditing(void 0),
+        onConfirm: (modifiers, note) => {
+          dispatch({
+            type: "edit_line",
+            lineId: editing.line.id,
+            modifiers,
+            note,
+            basePriceCents: editing.line.basePriceCents ?? editing.item.priceCents
+          });
+          setEditing(void 0);
+        }
+      }
+    ),
+    pendingItem && /* @__PURE__ */ jsx(
+      ModifierSheet,
+      {
+        item: pendingItem,
+        onCancel: () => setPendingItem(void 0),
+        onConfirm: (modifiers, note) => {
+          ring(pendingItem, modifiers, note || void 0);
+          setPendingItem(void 0);
+        }
+      }
+    )
+  ] });
+}
+function Dock({ positions, activeId, onSelect, now, openCount, seating, onCancelSeating }) {
+  const activeRef = useRef(null);
+  useEffect(() => {
+    const el = activeRef.current;
+    if (!el) return;
+    const still = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    el.scrollIntoView?.({
+      behavior: still ? "auto" : "smooth",
+      block: "nearest",
+      inline: "nearest"
+    });
+  }, [activeId]);
+  if (positions.length === 0 && !seating) return null;
+  return /* @__PURE__ */ jsxs("footer", { className: "pos-dock pos-scroll-x", "aria-label": `${openCount} comandas abertas`, children: [
+    seating && /* @__PURE__ */ jsxs("div", { className: "pos-seating", role: "status", children: [
+      /* @__PURE__ */ jsx("span", { className: "pos-seating__pulse", "aria-hidden": true }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("span", { className: "pos-seating__t", children: seating.name }),
+        /* @__PURE__ */ jsxs("span", { className: "pos-seating__s pos-num", children: [
+          seating.party,
+          " pessoas \xB7 escolha a mesa"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "pos-seating__x",
+          onClick: onCancelSeating,
+          "aria-label": "Cancelar a acomoda\xE7\xE3o",
+          children: /* @__PURE__ */ jsx(X, { size: 15, strokeWidth: 2.4 })
+        }
+      )
+    ] }),
+    positions.map((p) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: p.id === activeId ? activeRef : void 0,
+        className: "pos-dchip",
+        "data-status": p.status,
+        "aria-current": p.id === activeId,
+        onClick: () => onSelect(p),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "pos-dchip__tag pos-num", children: p.label.replace(/\D/g, "").slice(-3) || p.label.slice(0, 2) }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsx("span", { className: "pos-dchip__t", children: p.attendantName ?? p.label }),
+            /* @__PURE__ */ jsxs("span", { className: "pos-dchip__s pos-num", children: [
+              p.totalCents != null && formatCents(p.totalCents),
+              elapsed(p.openedAt, now) && ` \xB7 ${elapsed(p.openedAt, now)}`
+            ] })
+          ] }),
+          p.status !== "occupied" && /* A glyph, not a word: on a strip of five the word is the widest
+             thing in the row and it repeats what the colour already said.
+             `title` keeps it readable for anyone who needs the word. */
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "pos-dchip__st",
+              "data-status": p.status,
+              title: p.status === "bill_requested" ? "Conta pedida" : "Aten\xE7\xE3o",
+              "aria-label": p.status === "bill_requested" ? "Conta pedida" : "Aten\xE7\xE3o",
+              children: p.status === "bill_requested" ? /* @__PURE__ */ jsx(Receipt, { size: 14, strokeWidth: 2.3, "aria-hidden": true }) : /* @__PURE__ */ jsx(AlertTriangle, { size: 14, strokeWidth: 2.3, "aria-hidden": true })
+            }
+          )
+        ]
+      },
+      p.id
+    ))
+  ] });
+}
+
+export { COUNTER_KEY, DISPATCH_LABEL, DeliveryBoard, DispatchRail, IdentitySheet, ModifierSheet, Notice, OpenTableSheet, PinSheet, PosScreen, ReservationsView, ShortcutsOverlay, SplitSheet, TicketRail, bookReducer, countsOf, emptyTicket, formatCents, nextDispatch, serviceChargeCents, splitEvenly, ticketAt, ticketReducer, totalsOf, useSwipeAway };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map