@fayz-ai/plugin-shop 0.14.1 → 0.15.0

package/dist/{ShopPage-6IQ7WKQG.js → ShopPage-5IERN4E5.js}

@@ -1,10 +1,11 @@
-import { errorMessage, shopCustomerLookup, listProductsDetailed, invalidateProductLists, buildShopCustomerEntity, buildStockLocationsRegistry, listProductsCached, resolveTerm, candidateMeta } from './chunk-NFFJVQCY.js';
+import { errorMessage, listProductsDetailed, invalidateProductLists, shopCustomerLookup, buildShopCustomerEntity, buildStockLocationsRegistry, listProductsCached, resolveTerm, candidateMeta } from './chunk-RPBKGW24.js';
 import * as React2 from 'react';
 import React2__default, { useState, useEffect, useMemo, useCallback, useRef } from 'react';
-import { useSaveBar, Thumbnail, Button, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter, formatPhone, toast, DataTable, ConfirmDialog, SearchSelect, ModalPortal, ModalOverlay, ModalBody, Skeleton } from '@fayz-ai/ui';
-import { Minus, Plus, Trash2, RotateCcw, QrCode, Pencil, Archive, Ban, CreditCard, XCircle, ShoppingBag, Package, Wallet, WandSparkles, X, MapPin, Search, Link2, HandCoins, Check, Copy, Share2, MessageCircle, CheckCircle2, Printer, RefreshCw, ExternalLink, Truck, AlertTriangle, Loader2 } from 'lucide-react';
+import { Button, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter, formatPhone, toast, DataTable, ConfirmDialog, SearchSelect, ModalPortal, ModalOverlay, ModalBody, Skeleton } from '@fayz-ai/ui';
+import { RotateCcw, QrCode, Pencil, Archive, Ban, CreditCard, XCircle, ShoppingBag, Package, Wallet, Plus, WandSparkles, X, MapPin, Link2, HandCoins, Check, Copy, Share2, MessageCircle, CheckCircle2, Printer, RefreshCw, ExternalLink, Truck, AlertTriangle, Loader2 } from 'lucide-react';
 import { CHARGEABLE_PROVIDERS, supportsPaymentLink, getShopProvider, formatDocument, resolveShippingLabelProvider, isValidDocument, documentDigits } from '@fayz-ai/shop';
-import { useAdminPath, adminNavigateTo, OrderFormBlock, OrderFormView, OrderDetailSkeleton, PageActions, OrderDetailBlock, OrderDetailRow, PersonLink, OrderDetailView as OrderDetailView$1, OrderListView, askAI, RecordPickerModal, useConnectors, CrudRecordModal, useAgentSurface, duplicateWrite } from '@fayz-ai/admin';
+import { useAdminPath, adminNavigateTo, OrderFormBlock, OrderCreateScreen, useOrderReceivable, OrderDetailSkeleton, PageActions, OrderDetailBlock, OrderDetailRow, toOrderDetailReceivable, PersonLink, OrderDetailView as OrderDetailView$1, OrderListView, askAI, useConnectors, CrudRecordModal, useAgentSurface, duplicateWrite } from '@fayz-ai/admin';
+import { ReceivePaymentModal } from '@fayz-ai/plugin-financial';
 import { usePluginRuntimeOptional, getSupabaseClientOptional } from '@fayz-ai/core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { listStockReasonCodes } from '@fayz-ai/shop/inventory';
@@ -29,13 +30,24 @@ function ShipOrderForm({ orderId, provider, onShipped }) {
           trackingCode: tracking.trim() || void 0
         });
       } else {
-        const { error: rpcError } = await db.rpc("shop_create_fulfillment", {
+        const { data: pending } = await db.from("v_order_fulfillment").select("item_id, pending").eq("order_id", orderId).gt("pending", 0);
+        const lines = (pending ?? []).map((i) => ({
+          item_id: i.item_id,
+          quantity: i.pending
+        }));
+        if (lines.length === 0) throw new Error("N\xE3o h\xE1 itens pendentes de envio neste pedido.");
+        const { error: rpcError } = await db.rpc("fulfillment_record", {
           p_order_id: orderId,
-          p_location_id: null,
-          p_carrier: carrier.trim() || null,
-          p_tracking: tracking.trim() || null,
-          p_items: null,
-          p_notes: null
+          p_lines: lines,
+          p_kind: "shipment",
+          // Enviado, não entregue: quem despacha não sabe se chegou, e
+          // `delivered` é o padrão da função porque a maioria dos produtos que
+          // a usam entregam na hora. Uma loja não.
+          p_status: "in_transit",
+          p_metadata: {
+            carrier: carrier.trim() || null,
+            tracking_code: tracking.trim() || null
+          }
         });
         if (rpcError) throw new Error(rpcError.message);
       }
@@ -1267,14 +1279,6 @@ var ORDER_STATUS_LABEL = {
   cancelled: "Cancelado",
   archived: "Arquivado"
 };
-var RECEIVABLE_LABEL = {
-  open: "Em aberto",
-  pending: "Em aberto",
-  partial: "Parcialmente recebido",
-  paid: "Recebido",
-  overdue: "Vencido",
-  cancelled: "Cancelado"
-};
 var SHIPMENT_LABEL = {
   pending: "Aguardando coleta",
   in_transit: "Em tr\xE2nsito",
@@ -1283,6 +1287,17 @@ var SHIPMENT_LABEL = {
   returned: "Devolvido",
   cancelled: "Cancelado"
 };
+function toModalInstallment(bill) {
+  return {
+    id: bill.id,
+    amount: Number(bill.amount ?? 0),
+    paidAmount: Number(bill.paid_amount ?? 0),
+    installmentNumber: bill.installment_number ?? bill.number ?? 1,
+    direction: bill.direction,
+    dueDate: bill.due_date,
+    invoiceId: bill.financial_invoice_id ?? bill.invoice_id
+  };
+}
 function toneOf(value) {
   switch (value) {
     case "paid":
@@ -1353,21 +1368,21 @@ function fromSession(session) {
   };
 }
 var shopShipmentsCache = /* @__PURE__ */ new Map();
-var shopReceivableCache = /* @__PURE__ */ new Map();
 function OrderDetailView({ orderId, provider, onBack }) {
   const runtime = usePluginRuntimeOptional();
-  const hasFinancial = (runtime?.activePlugins ?? []).some((p) => p.id === "financial");
+  const hasFinancial = (runtime?.activePlugins ?? []).some(
+    (p) => p.routes?.some((r) => r.path === "/financial")
+  );
   const [order, setOrder] = useState(() => shopOrderCache.get(orderId) ?? null);
   const [shipments, setShipments] = useState(() => shopShipmentsCache.get(orderId) ?? []);
   const [loading, setLoading] = useState(() => !shopOrderCache.has(orderId));
   const [error, setError] = useState(null);
-  const [confirming, setConfirming] = useState(false);
-  const [confirmError, setConfirmError] = useState(null);
+  const [payingInstallment, setPayingInstallment] = useState(null);
   const [pendingStatus, setPendingStatus] = useState(null);
   const [statusSaving, setStatusSaving] = useState(false);
   const [statusError, setStatusError] = useState(null);
   const [cancelReason, setCancelReason] = useState("");
-  const [receivable, setReceivable] = useState(() => shopReceivableCache.get(orderId) ?? null);
+  const { receivable, reload: loadReceivable } = useOrderReceivable(orderId);
   const [charge, setCharge] = useState(null);
   const [chargeOpen, setChargeOpen] = useState(false);
   const [charging, setCharging] = useState(null);
@@ -1435,26 +1450,6 @@ function OrderDetailView({ orderId, provider, onBack }) {
       cancelled = true;
     };
   }, [orderId]);
-  const loadReceivable = useCallback(async (force = false) => {
-    const db = getSupabaseClientOptional();
-    if (!db) return;
-    if (force) shopReceivableCache.delete(orderId);
-    else if (shopReceivableCache.has(orderId)) {
-      setReceivable(shopReceivableCache.get(orderId) ?? null);
-      return;
-    }
-    const [balance, bills] = await Promise.all([
-      db.from("v_invoice_balances").select("*").eq("invoice_id", orderId).maybeSingle(),
-      db.from("plg_financial_movements").select("*").eq("invoice_id", orderId).eq("movement_kind", "bill").order("installment_number", { ascending: true })
-    ]);
-    if (!balance?.data) return;
-    const rec = { balance: balance.data, bills: bills?.data ?? [] };
-    shopReceivableCache.set(orderId, rec);
-    setReceivable(rec);
-  }, [orderId]);
-  useEffect(() => {
-    void loadReceivable();
-  }, [loadReceivable]);
   useEffect(() => {
     let cancelled = false;
     const shop = providerRef.current();
@@ -1494,22 +1489,15 @@ function OrderDetailView({ orderId, provider, onBack }) {
       setOrder(fresh);
     }
   }
-  async function registerReceipt() {
+  async function afterReceipt() {
+    setPayingInstallment(null);
     if (!order) return;
-    setConfirming(true);
-    setConfirmError(null);
-    try {
-      const fresh = await provider().confirmPayment?.(order.id) ?? await provider().getOrder(order.id);
-      if (fresh) {
-        shopOrderCache.set(order.id, fresh);
-        setOrder(fresh);
-      }
-      await loadReceivable(true);
-    } catch (err) {
-      setConfirmError(errorMessage(err));
-    } finally {
-      setConfirming(false);
+    const fresh = await provider().getOrder(order.id);
+    if (fresh) {
+      shopOrderCache.set(order.id, fresh);
+      setOrder(fresh);
     }
+    await loadReceivable(true);
   }
   async function applyStatus(next) {
     if (!order) return;
@@ -1651,13 +1639,6 @@ function OrderDetailView({ orderId, provider, onBack }) {
       }
     )
   );
-  const installments = receivable && receivable.bills.length > 0 ? receivable.bills.map((b) => ({
-    number: b.installment_number ?? 0,
-    amount: `${money2(Number(b.paid_amount ?? 0), cur)} / ${money2(Number(b.amount), cur)}`,
-    status: RECEIVABLE_LABEL[b.status] ?? b.status,
-    statusTone: toneOf(b.status),
-    dueDate: `vence ${dateOnly(b.due_date)}`
-  })) : [];
   const data = {
     // No topo, onde o layout compartilhado já reserva lugar para uma recusa.
     errorBanner: chargeError && !chargeOpen ? /* @__PURE__ */ jsx(
@@ -1725,30 +1706,38 @@ function OrderDetailView({ orderId, provider, onBack }) {
     paymentMethod: order.paymentMethodKind ? PAYMENT_LABEL[order.paymentMethodKind] ?? order.paymentMethodKind : void 0,
     paidAt: order.paidAt ? paidAtLabel(order.paidAt) : void 0,
     paymentExtra: /* @__PURE__ */ jsx(OrderPaymentDetail, { orderId: order.id }),
-    receivable: receivable ? {
-      referenceNumber: receivable.balance.reference_number ?? void 0,
-      statusBadge: { label: RECEIVABLE_LABEL[receivable.balance.status] ?? receivable.balance.status, tone: toneOf(receivable.balance.status) },
-      rows: [
-        { label: "Faturado", value: money2(receivable.balance.amount, cur) },
-        { label: "Recebido", value: money2(receivable.balance.paid, cur) },
-        { label: "Saldo", value: money2(receivable.balance.balance, cur), strong: true }
-      ],
-      installments,
-      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-        receivable.balance.balance > 0 && receivable.balance.status !== "cancelled" && /* @__PURE__ */ jsx(Button, { onClick: registerReceipt, disabled: confirming, "data-testid": "order-register-receipt", children: confirming ? "Registrando\u2026" : "Registrar recebimento" }),
-        hasFinancial && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => adminNavigateTo("/financial"),
-            className: "rounded-md border px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
-            children: "Abrir no Financeiro"
-          }
-        ),
-        confirmError && /* @__PURE__ */ jsx("p", { className: "mt-2 w-full rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-800", children: confirmError })
-      ] }),
-      emptyLabel: "Sem conta a receber para este pedido."
-    } : { rows: [], installments: [], emptyLabel: "Sem conta a receber para este pedido." },
+    // Mapped by the shared helper, so the balance rows, the labels and the
+    // instalment shape are the same three lines every product reads. What stays
+    // here is the only part that is the shop's: the verbs, which need a writer.
+    receivable: toOrderDetailReceivable(
+      receivable,
+      (value) => money2(value, cur),
+      {
+        dateOnly: (value) => value ? dateOnly(value) : "",
+        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+          receivable && receivable.balance.balance > 0 && receivable.balance.status !== "cancelled" && /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => {
+                const open = receivable?.bills.find((b) => Number(b.paid_amount ?? 0) < Number(b.amount));
+                if (open) setPayingInstallment(toModalInstallment(open));
+              },
+              "data-testid": "order-register-receipt",
+              children: "Registrar recebimento"
+            }
+          ),
+          hasFinancial && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => adminNavigateTo("/financial"),
+              className: "rounded-md border px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
+              children: "Abrir no Financeiro"
+            }
+          )
+        ] })
+      }
+    ) ?? { rows: [], installments: [], emptyLabel: "Sem conta a receber para este pedido." },
     extraSections: /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(OrderDetailBlock, { title: "Entrega", hint: "O que a log\xEDstica precisa", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-sm", children: [
         addr ? /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
@@ -1850,7 +1839,8 @@ function OrderDetailView({ orderId, provider, onBack }) {
         },
         onRegisterReceipt: () => {
           setChargeOpen(false);
-          void registerReceipt();
+          const open = receivable?.bills.find((b) => Number(b.paid_amount ?? 0) < Number(b.amount));
+          if (open) setPayingInstallment(toModalInstallment(open));
         },
         total: charge?.total ?? order.total,
         currency: cur,
@@ -1869,6 +1859,16 @@ function OrderDetailView({ orderId, provider, onBack }) {
         },
         onClose: () => setChargeOpen(false)
       }
+    ),
+    payingInstallment && /* @__PURE__ */ jsx(
+      ReceivePaymentModal,
+      {
+        installment: payingInstallment,
+        onClose: () => setPayingInstallment(null),
+        onPaid: () => {
+          void afterReceipt();
+        }
+      }
     )
   ] });
 }
@@ -2086,7 +2086,7 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
         setOrderNumber(order.orderNumber);
         setLines(order.items.map((item, index) => ({
           key: `${item.productId ?? item.id}:${index}`,
-          productId: item.productId ?? "",
+          itemId: item.productId ?? "",
           name: item.name,
           sku: item.sku,
           imageUrl: item.imageUrl,
@@ -2170,17 +2170,19 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
   useEffect(() => {
     void quoteFreight(postalDigits);
   }, [postalDigits, quoteFreight]);
-  function addLine(product, variants) {
-    const sellable = variants.filter((v) => v.status !== "archived");
-    const only = sellable.length === 1 ? sellable[0] : null;
-    setLines((current) => {
-      const existing = current.find((line) => line.productId === product.id && !line.variants.length);
-      if (existing && sellable.length <= 1) {
-        return current.map((line) => line.key === existing.key ? { ...line, quantity: line.quantity + 1 } : line);
-      }
-      return [...current, {
-        key: `${product.id}:${current.length}`,
-        productId: product.id,
+  const toLines = useCallback(async (products) => {
+    const built = [];
+    for (const product of products) {
+      let variants = [];
+      try {
+        variants = (await provider().getProductVariants?.(product.id))?.variants ?? [];
+      } catch {
+      }
+      const sellable = variants.filter((v) => v.status !== "archived");
+      const only = sellable.length === 1 ? sellable[0] : null;
+      built.push({
+        key: `${product.id}:${Date.now()}:${built.length}`,
+        itemId: product.id,
         name: product.name,
         sku: only?.sku ?? product.sku ?? null,
         imageUrl: product.images?.[0]?.url ?? null,
@@ -2190,21 +2192,10 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
         variantId: only?.id ?? null,
         optionsLabel: null,
         stock: only?.inventoryCount ?? product.inventoryCount ?? null
-      }];
-    });
-  }
-  const setQuantity = (key, quantity) => setLines((current) => current.map((line) => line.key === key ? { ...line, quantity: Math.max(0, quantity) } : line).filter((line) => line.quantity > 0));
-  const pickVariant = (key, variantId) => setLines((current) => current.map((line) => {
-    if (line.key !== key) return line;
-    const variant = line.variants.find((v) => v.id === variantId);
-    return variant ? {
-      ...line,
-      variantId: variant.id,
-      sku: variant.sku ?? line.sku,
-      unitPrice: variant.price ?? line.unitPrice,
-      optionsLabel: Object.values(variant.options ?? {}).join(" / ") || null
-    } : line;
-  }));
+      });
+    }
+    return built;
+  }, [provider]);
   const shippingAddress = delivers ? {
     postalCode: postalDigits,
     street: address.street.trim(),
@@ -2261,7 +2252,7 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
       if (ending === "charge" || ending === "link") {
         const opened = await provider().openCheckoutSession?.({
           items: lines.map((line) => ({
-            productId: line.productId,
+            productId: line.itemId,
             variantId: line.variantId,
             quantity: line.quantity,
             optionsLabel: line.optionsLabel
@@ -2297,7 +2288,7 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
         customerId,
         customer: { name: customer.name.trim(), email: customer.email.trim().toLowerCase() || void 0 },
         items: lines.map((line) => ({
-          productId: line.productId,
+          productId: line.itemId,
           variantId: line.variantId ?? void 0,
           quantity: line.quantity,
           optionsLabel: line.optionsLabel ?? void 0
@@ -2321,29 +2312,6 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
       setSaving(false);
     }
   }
-  useSaveBar({
-    dirty: lines.length > 0 && !loading && !session && !settling && !charging,
-    saving,
-    onSave: () => {
-      void finish("later");
-    },
-    onDiscard: () => {
-      if (orderId) {
-        onCancel();
-        return;
-      }
-      setLines([]);
-      setCustomer(EMPTY_CUSTOMER);
-      setAddress(EMPTY_ADDRESS);
-      setNotes("");
-      setDiscountCode("");
-      setCouponOpen(false);
-      setError(null);
-    },
-    message: orderId ? "Altera\xE7\xF5es n\xE3o salvas" : "Pedido n\xE3o salvo",
-    saveLabel: orderId ? "Salvar altera\xE7\xF5es" : "Salvar pedido",
-    discardLabel: orderId ? "Sair sem salvar" : "Descartar"
-  });
   const blockedLine = useMemo(() => {
     const name = insufficientStockProduct(error);
     if (!name) return null;
@@ -2382,234 +2350,158 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
       }
     ) })
   ] });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      OrderFormView,
+  const [fromCache, setFromCache] = useState(false);
+  const searchProducts = useCallback(async (term) => {
+    const answer = await listProductsDetailed(provider, { search: term || void 0, status: "active", limit: 20 });
+    setFromCache(Boolean(answer.cached || answer.stale));
+    return answer.rows;
+  }, [provider]);
+  const totalRows = useMemo(() => [
+    {
+      key: "coupon",
+      label: couponOpen || discountCode ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Cupom" }) : (
+        // Muted "+ add" rows keep the card empty until it is asked for.
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setCouponOpen(true),
+            "data-testid": "new-order-add-coupon",
+            className: "text-sm text-muted-foreground underline-offset-2 transition hover:text-foreground hover:underline",
+            children: "Adicionar cupom"
+          }
+        )
+      ),
+      value: couponOpen || discountCode ? /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: discountCode,
+          onChange: (event) => setDiscountCode(event.target.value.toUpperCase()),
+          placeholder: "C\xD3DIGO",
+          autoFocus: true,
+          "data-testid": "new-order-discount",
+          className: "w-40 rounded-md border bg-background px-2 py-1 text-right text-sm uppercase outline-none focus:border-primary"
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" })
+    },
+    {
+      key: "shipping",
+      label: delivers ? `Entrega${freight ? ` \xB7 ${freight.label}` : ""}` : "Entrega",
+      muted: !delivers,
+      value: delivers ? money3(shipping, currency2) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "sem entrega" })
+    }
+  ], [couponOpen, discountCode, delivers, freight, shipping, currency2]);
+  const errorActions = /* @__PURE__ */ jsxs(Fragment, { children: [
+    customer.id && error && /cliente/iu.test(error) && /* @__PURE__ */ jsxs(
+      "button",
       {
-        title: orderId ? `Editar pedido${orderNumber ? ` #${orderNumber}` : ""}` : "Novo pedido",
-        parentLabel: "Pedidos",
-        onBack: onCancel,
-        subtitle: orderId ? "Enquanto ningu\xE9m pagou, o pedido ainda \xE9 rascunho" : "Venda por telefone, WhatsApp ou balc\xE3o",
-        sideSections,
+        type: "button",
+        onClick: () => setEditingCustomer(true),
+        "data-testid": "new-order-fix-customer",
+        className: "mt-1 font-medium underline underline-offset-2",
         children: [
-          /* @__PURE__ */ jsxs(OrderFormBlock, { title: "Produtos", children: [
-            /* @__PURE__ */ jsx(ProductPicker, { provider, onPick: addLine, currency: currency2 }),
-            lines.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-3 divide-y", children: lines.map((line) => /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 py-2", children: [
-              /* @__PURE__ */ jsx(Thumbnail, { src: line.imageUrl, size: "lg" }),
-              /* @__PURE__ */ jsxs("div", { className: "min-w-[9rem] flex-1", children: [
-                /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: line.name }),
-                line.variants.length > 0 ? /* @__PURE__ */ jsxs(
-                  "select",
-                  {
-                    value: line.variantId ?? "",
-                    onChange: (event) => pickVariant(line.key, event.target.value),
-                    "data-testid": "new-order-variant",
-                    className: "mt-1 rounded-md border bg-background px-2 py-1 text-xs outline-none focus:border-primary",
-                    children: [
-                      /* @__PURE__ */ jsx("option", { value: "", children: "Escolha a varia\xE7\xE3o\u2026" }),
-                      line.variants.map((variant) => /* @__PURE__ */ jsx("option", { value: variant.id, children: Object.values(variant.options ?? {}).join(" / ") || variant.sku || "Varia\xE7\xE3o" }, variant.id))
-                    ]
-                  }
-                ) : (
-                  // The line shows its total; from two units on, the unit
-                  // price is the number the merchant is asked to repeat.
-                  /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: line.quantity > 1 ? `${line.quantity} \xD7 ${money3(line.unitPrice, currency2)}` : line.sku })
-                )
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": "Menos um",
-                    onClick: () => setQuantity(line.key, line.quantity - 1),
-                    className: "fz-tap flex items-center justify-center rounded-md border p-1.5 transition hover:bg-muted",
-                    children: /* @__PURE__ */ jsx(Minus, { className: "h-3.5 w-3.5" })
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    value: line.quantity,
-                    onChange: (event) => setQuantity(line.key, Number(onlyDigits2(event.target.value) || 0)),
-                    "aria-label": "Quantidade",
-                    "data-testid": "new-order-quantity",
-                    className: "fz-tap w-14 rounded-md border bg-background px-1 py-1.5 text-center text-sm tabular-nums outline-none focus:border-primary"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": "Mais um",
-                    onClick: () => setQuantity(line.key, line.quantity + 1),
-                    className: "fz-tap flex items-center justify-center rounded-md border p-1.5 transition hover:bg-muted",
-                    children: /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "ml-auto w-24 shrink-0 text-right text-sm tabular-nums", children: money3(line.unitPrice * line.quantity, currency2) }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  "aria-label": "Remover item",
-                  onClick: () => setQuantity(line.key, 0),
-                  className: "fz-tap flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition hover:bg-muted hover:text-foreground",
-                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
-                }
-              )
-            ] }, line.key)) })
-          ] }),
-          /* @__PURE__ */ jsxs(OrderFormBlock, { title: "Pagamento", children: [
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 text-sm", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx("span", { children: "Subtotal" }),
-                /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money3(subtotal, currency2) })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-3", children: couponOpen || discountCode ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Cupom" }),
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    value: discountCode,
-                    onChange: (event) => setDiscountCode(event.target.value.toUpperCase()),
-                    placeholder: "C\xD3DIGO",
-                    autoFocus: true,
-                    "data-testid": "new-order-discount",
-                    className: "w-40 rounded-md border bg-background px-2 py-1 text-right text-sm uppercase outline-none focus:border-primary"
-                  }
-                )
-              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setCouponOpen(true),
-                    "data-testid": "new-order-add-coupon",
-                    className: "text-sm text-muted-foreground underline-offset-2 transition hover:text-foreground hover:underline",
-                    children: "Adicionar cupom"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "tabular-nums text-muted-foreground", children: "\u2014" })
-              ] }) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx("span", { className: delivers ? "" : "text-muted-foreground", children: delivers ? `Entrega${freight ? ` \xB7 ${freight.label}` : ""}` : "Entrega" }),
-                /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: delivers ? money3(shipping, currency2) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "sem entrega" }) })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t pt-2 text-base", children: [
-                /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Total" }),
-                /* @__PURE__ */ jsx("span", { className: "font-semibold tabular-nums", "data-testid": "new-order-total", children: money3(subtotal + shipping, currency2) })
-              ] })
-            ] }),
-            settling && /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2 mt-3 gap-2 rounded-md border bg-muted/30 p-3", children: [
-              /* @__PURE__ */ jsx(Field, { label: "Como recebeu", children: /* @__PURE__ */ jsx(
-                "select",
-                {
-                  value: method,
-                  onChange: (event) => setMethod(event.target.value),
-                  "data-testid": "new-order-method",
-                  className: fieldClass,
-                  children: PAYMENT_METHODS.map((option) => /* @__PURE__ */ jsx("option", { value: option.id, children: option.label }, option.id))
-                }
-              ) }),
-              /* @__PURE__ */ jsx(Field, { label: "Comprovante", hint: "Id da transa\xE7\xE3o, n\xFAmero do recibo \u2014 fica no pedido", children: /* @__PURE__ */ jsx(
-                "input",
-                {
-                  value: reference,
-                  onChange: (event) => setReference(event.target.value),
-                  placeholder: "Opcional",
-                  "data-testid": "new-order-reference",
-                  className: fieldClass
-                }
-              ) })
-            ] }),
-            error && /* @__PURE__ */ jsxs(
-              "div",
-              {
-                role: "alert",
-                "data-testid": "new-order-error",
-                className: "mt-3 rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800",
-                children: [
-                  /* @__PURE__ */ jsx("p", { children: error }),
-                  customer.id && /cliente/iu.test(error) && /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => setEditingCustomer(true),
-                      "data-testid": "new-order-fix-customer",
-                      className: "mt-1 font-medium underline underline-offset-2",
-                      children: [
-                        "Editar cadastro de ",
-                        customer.name
-                      ]
-                    }
-                  ),
-                  blockedLine && /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => setEntryOpen(true),
-                      "data-testid": "new-order-stock-entry",
-                      className: "mt-1 font-medium underline underline-offset-2",
-                      children: [
-                        "Dar entrada no estoque de ",
-                        blockedLine.name
-                      ]
-                    }
-                  )
-                ]
-              }
-            ),
-            lines.length > 0 && !editing && /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap items-center gap-2", children: settling ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Button, { onClick: () => void finish("received"), disabled: saving, "data-testid": "new-order-confirm-received", children: saving ? "Criando\u2026" : "Confirmar pagamento" }),
-              /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setSettling(false), children: "Voltar" })
-            ] }) : charging ? (
-              /* Pix e link são a MESMA cobrança — muda só por onde ela chega ao
-                 cliente. A escolha só aparece para quem tem as duas. */
-              /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Button, { onClick: () => void finish("charge"), disabled: saving, "data-testid": "new-order-charge-pix", children: saving ? "Abrindo\u2026" : "Cobran\xE7a Pix" }),
-                /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => void finish("link"), disabled: saving, "data-testid": "new-order-link", children: saving ? "Gerando\u2026" : "Link de pagamento" }),
-                /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => setCharging(false), children: "Voltar" })
-              ] })
-            ) : session ? (
-              /* Com cobrança aberta o pedido nasce do pagamento, não daqui:
-                 salvar agora criaria um segundo pedido quando o cliente pagar. */
-              /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Button, { onClick: () => setChargeOpen(true), "data-testid": "new-order-charge", children: "Ver cobran\xE7a" }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "A cobran\xE7a est\xE1 aberta \u2014 o pedido entra sozinho quando ela for paga." })
-              ] })
-            ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              canCharge && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  onClick: () => canLink ? setCharging(true) : void finish("charge"),
-                  disabled: saving,
-                  "data-testid": "new-order-charge",
-                  children: saving ? "Abrindo\u2026" : canLink ? "Cobrar" : "Cobrar por Pix"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: canCharge ? "ghost" : "default",
-                  onClick: () => setSettling(true),
-                  "data-testid": "new-order-received",
-                  children: "J\xE1 recebi"
-                }
-              )
-            ] }) })
-          ] })
+          "Editar cadastro de ",
+          customer.name
         ]
       }
     ),
+    blockedLine && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setEntryOpen(true),
+        "data-testid": "new-order-stock-entry",
+        className: "mt-1 font-medium underline underline-offset-2",
+        children: [
+          "Dar entrada no estoque de ",
+          blockedLine.name
+        ]
+      }
+    )
+  ] });
+  const discard = () => {
+    if (orderId) {
+      onCancel();
+      return;
+    }
+    setLines([]);
+    setCustomer(EMPTY_CUSTOMER);
+    setAddress(EMPTY_ADDRESS);
+    setNotes("");
+    setDiscountCode("");
+    setCouponOpen(false);
+    setError(null);
+  };
+  const endingsNode = /* @__PURE__ */ jsxs(Fragment, { children: [
+    settling && /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2 mt-3 gap-2 rounded-md border bg-muted/30 p-3", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Como recebeu", children: /* @__PURE__ */ jsx(
+        "select",
+        {
+          value: method,
+          onChange: (event) => setMethod(event.target.value),
+          "data-testid": "new-order-method",
+          className: fieldClass,
+          children: PAYMENT_METHODS.map((option) => /* @__PURE__ */ jsx("option", { value: option.id, children: option.label }, option.id))
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Comprovante", hint: "Id da transa\xE7\xE3o, n\xFAmero do recibo \u2014 fica no pedido", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: reference,
+          onChange: (event) => setReference(event.target.value),
+          placeholder: "Opcional",
+          "data-testid": "new-order-reference",
+          className: fieldClass
+        }
+      ) })
+    ] }),
+    lines.length > 0 && !editing && /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap items-center gap-2", children: settling ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Button, { onClick: () => void finish("received"), disabled: saving, "data-testid": "new-order-confirm-received", children: saving ? "Criando\u2026" : "Confirmar pagamento" }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setSettling(false), children: "Voltar" })
+    ] }) : charging ? (
+      /* Pix e link são a MESMA cobrança — muda só por onde ela chega ao
+         cliente. A escolha só aparece para quem tem as duas. */
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { onClick: () => void finish("charge"), disabled: saving, "data-testid": "new-order-charge-pix", children: saving ? "Abrindo\u2026" : "Cobran\xE7a Pix" }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => void finish("link"), disabled: saving, "data-testid": "new-order-link", children: saving ? "Gerando\u2026" : "Link de pagamento" }),
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => setCharging(false), children: "Voltar" })
+      ] })
+    ) : session ? (
+      /* Com cobrança aberta o pedido nasce do pagamento, não daqui:
+         salvar agora criaria um segundo pedido quando o cliente pagar. */
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { onClick: () => setChargeOpen(true), "data-testid": "new-order-charge", children: "Ver cobran\xE7a" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "A cobran\xE7a est\xE1 aberta \u2014 o pedido entra sozinho quando ela for paga." })
+      ] })
+    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      canCharge && /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => canLink ? setCharging(true) : void finish("charge"),
+          disabled: saving,
+          "data-testid": "new-order-charge",
+          children: saving ? "Abrindo\u2026" : canLink ? "Cobrar" : "Cobrar por Pix"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: canCharge ? "ghost" : "default",
+          onClick: () => setSettling(true),
+          "data-testid": "new-order-received",
+          children: "J\xE1 recebi"
+        }
+      )
+    ] }) })
+  ] });
+  const overlays = /* @__PURE__ */ jsxs(Fragment, { children: [
     blockedLine && /* @__PURE__ */ jsx(
       StockEntryModal,
       {
         open: entryOpen,
         provider,
         variantId: blockedLine.variantId,
-        productId: blockedLine.productId,
+        productId: blockedLine.itemId,
         productName: blockedLine.name,
         sku: blockedLine.sku,
         available: blockedLine.stock,
@@ -2643,55 +2535,22 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
       }
     )
   ] });
-}
-function ProductPicker({ provider, onPick, currency: currency2 }) {
-  const [open, setOpen] = useState(false);
-  const [fromCache, setFromCache] = useState(false);
-  const search = useCallback(
-    // Same cache funnel as the products page: a catalogue the merchant just
-    // browsed answers the picker without a round-trip.
-    async (term) => {
-      const answer = await listProductsDetailed(provider, { search: term || void 0, status: "active", limit: 20 });
-      setFromCache(Boolean(answer.cached || answer.stale));
-      return answer.rows;
-    },
-    [provider]
-  );
-  async function add(products) {
-    for (const product of products) {
-      let variants = [];
-      try {
-        variants = (await provider().getProductVariants?.(product.id))?.variants ?? [];
-      } catch {
-      }
-      onPick(product, variants);
-    }
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen(true),
-        "data-testid": "new-order-product-search",
-        className: "fz-tap flex w-full items-center gap-2 rounded-md border bg-background px-2.5 py-2.5 text-left text-sm text-muted-foreground transition hover:border-primary",
-        children: [
-          /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 shrink-0" }),
-          "Buscar produto por nome ou SKU"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      RecordPickerModal,
-      {
-        open,
-        onClose: () => setOpen(false),
+  return /* @__PURE__ */ jsx(
+    OrderCreateScreen,
+    {
+      title: orderId ? `Editar pedido${orderNumber ? ` #${orderNumber}` : ""}` : "Novo pedido",
+      parentLabel: "Pedidos",
+      onBack: onCancel,
+      subtitle: orderId ? "Enquanto ningu\xE9m pagou, o pedido ainda \xE9 rascunho" : "Venda por telefone, WhatsApp ou balc\xE3o",
+      itemsTitle: "Produtos",
+      itemSearch: {
+        placeholder: "Buscar produto por nome ou SKU",
         title: "Selecionar produtos",
-        placeholder: "Buscar produtos",
-        confirmLabel: "Adicionar",
         emptyLabel: "Nenhum produto encontrado.",
         columns: { product: "Produto", meta: "Estoque", value: "Pre\xE7o" },
-        search,
+        // Same cache funnel as the products page: a catalogue the merchant just
+        // browsed answers the picker without a round-trip.
+        search: searchProducts,
         rowKey: (product) => product.id,
         renderRow: (product) => ({
           imageUrl: product.images?.[0]?.url ?? null,
@@ -2700,14 +2559,34 @@ function ProductPicker({ provider, onPick, currency: currency2 }) {
           meta: product.inventoryCount ?? 0,
           value: money3(product.price, currency2)
         }),
-        onConfirm: (products) => {
-          void add(products);
-        },
+        toLines,
         onRefresh: invalidateProductLists,
         fromCache
+      },
+      lines,
+      onLinesChange: setLines,
+      formatMoney: (value) => money3(value, currency2),
+      totalsTitle: "Pagamento",
+      totalRows,
+      extraTotal: shipping,
+      sideSections,
+      error,
+      errorActions,
+      endings: endingsNode,
+      overlays,
+      saveBar: {
+        dirty: lines.length > 0 && !loading && !session && !settling && !charging,
+        saving,
+        onSave: () => {
+          void finish("later");
+        },
+        onDiscard: discard,
+        message: orderId ? "Altera\xE7\xF5es n\xE3o salvas" : "Pedido n\xE3o salvo",
+        saveLabel: orderId ? "Salvar altera\xE7\xF5es" : "Salvar pedido",
+        discardLabel: orderId ? "Sair sem salvar" : "Descartar"
       }
-    )
-  ] });
+    }
+  );
 }
 function CustomerPicker({ provider, value, onChange, editing, onEditing }) {
   const [creating, setCreating] = useState(null);
@@ -3807,6 +3686,50 @@ function OrdersTab({ provider }) {
       { label: "Recebido", value: currency(billed), icon: Wallet, hint: "Soma dos pedidos pagos nesta lista" }
     ];
   }, [orders]);
+  const board = useMemo(() => {
+    const delivered = (o) => {
+      const shipments = (o.shipments ?? []).filter((s) => s.status !== "cancelled");
+      return shipments.length > 0 && shipments.every((s) => s.status === "delivered");
+    };
+    return {
+      columns: [
+        { id: "to_pay", label: "A receber", color: "bg-amber-500" },
+        { id: "to_ship", label: "A enviar", color: "bg-blue-500" },
+        { id: "shipped", label: "Enviado", color: "bg-cyan-500" },
+        { id: "delivered", label: "Entregue", color: "bg-emerald-500" },
+        { id: "cancelled", label: "Cancelado", color: "bg-red-500" }
+      ],
+      columnOf: (o) => {
+        if (o.status && o.status !== "open") return o.status === "cancelled" ? "cancelled" : null;
+        if (delivered(o)) return "delivered";
+        if (o.financialStatus === "pending") return "to_pay";
+        if (o.fulfillmentStatus === "fulfilled") return "shipped";
+        return "to_ship";
+      },
+      // No advance handler and no bulk actions on the board: advancing a
+      // storefront order is a shipment or a receipt, both of which are their own
+      // screens. The board is for seeing where the work is.
+      emptyColumn: "Nada aqui",
+      card: (o) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-sm font-bold", children: [
+            "#",
+            o.orderNumber
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: new Date(o.createdAt).toLocaleDateString("pt-BR") })
+        ] }),
+        o.customerName && /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: o.customerName }),
+        o.customerEmail && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: o.customerEmail }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-between border-t pt-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-bold", children: currency(o.total, o.currency) }),
+          badge(
+            ORDER_STATUS_LABEL[o.financialStatus] ?? o.financialStatus,
+            statusColors[o.financialStatus] ?? "bg-gray-100 text-gray-700"
+          )
+        ] })
+      ] })
+    };
+  }, []);
   if (error) return /* @__PURE__ */ jsx(ErrorState, { message: error });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -3860,7 +3783,11 @@ function OrdersTab({ provider }) {
         searchText: (o) => [o.orderNumber, o.customerName, o.customerEmail].filter(Boolean).join(" "),
         searchPlaceholder: "Buscar por n\xFAmero, cliente ou e-mail\u2026",
         onRowClick: (row) => adminNavigateTo(`/orders/${row.id}`),
-        bulkActions
+        bulkActions,
+        viewKey: "shop-orders",
+        views: ["list", "board"],
+        defaultView: "list",
+        board
       }
     ),
     /* @__PURE__ */ jsx(
@@ -4032,5 +3959,5 @@ var ShopPage = ({ provider, section }) => {
 ShopPage.displayName = "ShopPage";
 
 export { ShopPage };
-//# sourceMappingURL=ShopPage-6IQ7WKQG.js.map
-//# sourceMappingURL=ShopPage-6IQ7WKQG.js.map
+//# sourceMappingURL=ShopPage-5IERN4E5.js.map
+//# sourceMappingURL=ShopPage-5IERN4E5.js.map