@fayz-ai/plugin-shop 0.18.2 → 0.19.1

package/dist/{ShopPage-J34V43NW.js → ShopPage-2CTRGQTX.js}

@@ -1,12 +1,12 @@
-import { errorMessage, shopCustomerLookup, listProductsDetailed, invalidateProductLists, buildStockLocationsRegistry, listProductsCached, resolveTerm, candidateMeta } from './chunk-6DRDPROL.js';
+import { errorMessage, shopCustomerLookup, listProductsDetailed, invalidateProductLists, buildStockLocationsRegistry, listProductsCached, resolveTerm, candidateMeta } from './chunk-XV3KZRQX.js';
 import * as React2 from 'react';
 import React2__default, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
-import { Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter, Button, formatPhone, toast, DataTable, ConfirmDialog, Skeleton, ModalPortal, ModalOverlay, ModalBody, SearchSelect } from '@fayz-ai/ui';
-import { RotateCcw, QrCode, Pencil, Archive, Ban, CreditCard, XCircle, ShoppingBag, Package, Wallet, Plus, WandSparkles, CheckCircle2, Printer, RefreshCw, ExternalLink, Truck, AlertTriangle, Loader2, Check, Copy, Link2, HandCoins, Share2, MessageCircle, X, MapPin } from 'lucide-react';
+import { Button, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, Input, ModalFooter, formatPhone, toast, Textarea, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DataTable, ConfirmDialog, Skeleton, ModalPortal, ModalOverlay, ModalBody, SearchSelect } from '@fayz-ai/ui';
+import { RotateCcw, QrCode, Pencil, Archive, Ban, CreditCard, XCircle, ShoppingBag, Package, Wallet, Plus, WandSparkles, CheckCircle2, Printer, RefreshCw, ExternalLink, Truck, AlertTriangle, Loader2, Check, Copy, Link2, HandCoins, Share2, MessageCircle, MapPin, X } from 'lucide-react';
 import { formatDocument, getShopProvider, CHARGEABLE_PROVIDERS, supportsPaymentLink, resolveShippingLabelProvider, documentDigits, isValidDocument } from '@fayz-ai/shop';
-import { useAdminPath, adminNavigateTo, useOrderReceivable, OrderDetailSkeleton, PageActions, OrderDetailBlock, OrderDetailRow, toOrderDetailReceivable, PersonLink, OrderDetailView as OrderDetailView$1, OrderFormBlock, OrderCreateScreen, OrderListView, askAI, useConnectors, CrudRecordModal, useAgentSurface, ClientOrdersTab, createClientOrdersProvider, duplicateWrite } from '@fayz-ai/admin';
-import { ReceivePaymentModal } from '@fayz-ai/plugin-financial';
-import { usePluginRuntimeOptional, getSupabaseClientOptional } from '@fayz-ai/core';
+import { useAdminPath, adminNavigateTo, useOrderReceivable, OrderDetailSkeleton, PageActions, OrderDetailBlock, OrderDetailRow, toOrderDetailReceivable, PersonLink, OrderDetailView as OrderDetailView$1, WidgetSlot, OrderFormBlock, OrderCreateScreen, OrderListView, askAI, useConnectors, CrudRecordModal, AddressFormModal, useAgentSurface, ClientOrdersTab, createClientOrdersProvider, duplicateWrite } from '@fayz-ai/admin';
+import { FINANCIAL_ZONES } from '@fayz-ai/financial/views/zones';
+import { usePluginRuntimeOptional, getWidgetsForZone, getSupabaseClientOptional, formatCurrency } from '@fayz-ai/core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { listStockReasonCodes } from '@fayz-ai/shop/inventory';
 
@@ -63,8 +63,10 @@ function ShipOrderForm({ orderId, provider, onShipped }) {
   }
   if (!open) {
     return /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: () => setOpen(true),
         "data-testid": "order-ship",
@@ -81,26 +83,26 @@ function ShipOrderForm({ orderId, provider, onShipped }) {
       /* @__PURE__ */ jsxs("label", { className: "block", children: [
         /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Transportadora" }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
             value: carrier,
             onChange: (event) => setCarrier(event.target.value),
             placeholder: "Correios, motoboy, entrega pr\xF3pria\u2026",
             "data-testid": "order-ship-carrier",
-            className: "mt-1 w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary"
+            className: "mt-1 px-2.5"
           }
         )
       ] }),
       /* @__PURE__ */ jsxs("label", { className: "block", children: [
         /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "C\xF3digo de rastreio" }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
             value: tracking,
             onChange: (event) => setTracking(event.target.value),
             placeholder: "Opcional",
             "data-testid": "order-ship-tracking",
-            className: "mt-1 w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary"
+            className: "mt-1 px-2.5"
           }
         )
       ] })
@@ -110,8 +112,10 @@ function ShipOrderForm({ orderId, provider, onShipped }) {
     error && /* @__PURE__ */ jsx("p", { className: "rounded-md border border-red-200 bg-red-50 px-2.5 py-1.5 text-xs text-red-800", children: error }),
     /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: ship,
           disabled: saving,
@@ -121,8 +125,10 @@ function ShipOrderForm({ orderId, provider, onShipped }) {
         }
       ),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: () => {
             setOpen(false);
@@ -220,7 +226,7 @@ function isSenderRefusal(message) {
   const text2 = String(message ?? "");
   return /\bfrom\./iu.test(text2) || /remetente/iu.test(text2);
 }
-var money = (value) => new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(Number(value) || 0);
+var money = (value) => formatCurrency(Number(value) || 0, "BRL");
 var eta = (option) => {
   const min = option.etaMinDays ?? null;
   const max = option.etaMaxDays ?? null;
@@ -385,8 +391,10 @@ function ShipWithCarrier({ orderId, provider, preferredCarrier, onShipped }) {
   }
   if (!open) {
     return /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: () => setOpen(true),
         "data-testid": "carrier-open",
@@ -539,12 +547,14 @@ function CarrierError({ error, onFix }) {
       children: [
         /* @__PURE__ */ jsx("p", { children: error }),
         isSenderRefusal(error) && /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: onFix,
             "data-testid": "carrier-fix-sender",
-            className: "mt-1 font-medium underline underline-offset-2",
+            className: "mt-1 whitespace-normal text-xs font-medium underline underline-offset-2",
             children: "Completar o cadastro do remetente"
           }
         )
@@ -625,40 +635,42 @@ function ShipmentActions({ fulfillmentId, status, hasTracking, provider, onChang
   if (mode === "tracking") {
     return /* @__PURE__ */ jsxs("div", { className: "mt-1.5 space-y-1.5", children: [
       /* @__PURE__ */ jsx(
-        "input",
+        Input,
         {
           value: carrier,
           onChange: (event) => setCarrier(event.target.value),
           placeholder: "Transportadora (Correios, motoboy\u2026)",
           "data-testid": "shipment-carrier-input",
-          className: "w-full rounded-md border bg-background px-2 py-1 text-xs outline-none focus:border-primary"
+          className: "h-auto rounded-md border-border bg-background px-2 py-1 text-xs shadow-none focus:border-primary focus-visible:ring-0 focus-visible:ring-offset-0"
         }
       ),
       /* @__PURE__ */ jsx(
-        "input",
+        Input,
         {
           value: tracking,
           onChange: (event) => setTracking(event.target.value),
           placeholder: "C\xF3digo de rastreio",
           "data-testid": "shipment-tracking-input",
-          className: "w-full rounded-md border bg-background px-2 py-1 text-xs outline-none focus:border-primary"
+          className: "h-auto rounded-md border-border bg-background px-2 py-1 text-xs shadow-none focus:border-primary focus-visible:ring-0 focus-visible:ring-offset-0"
         }
       ),
       /* @__PURE__ */ jsx(
-        "input",
+        Input,
         {
           value: trackingUrl,
           onChange: (event) => setTrackingUrl(event.target.value),
           placeholder: "Link de rastreio (opcional)",
           "data-testid": "shipment-tracking-url-input",
-          className: "w-full rounded-md border bg-background px-2 py-1 text-xs outline-none focus:border-primary"
+          className: "h-auto rounded-md border-border bg-background px-2 py-1 text-xs shadow-none focus:border-primary focus-visible:ring-0 focus-visible:ring-offset-0"
         }
       ),
       error && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-red-700", children: error }),
       /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: saveTracking,
             disabled: busy,
@@ -667,7 +679,7 @@ function ShipmentActions({ fulfillmentId, status, hasTracking, provider, onChang
             children: busy ? "Salvando\u2026" : "Salvar"
           }
         ),
-        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
+        /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => {
           setMode("idle");
           setError(null);
         }, className: `border ${link}`, children: "Voltar" })
@@ -680,8 +692,10 @@ function ShipmentActions({ fulfillmentId, status, hasTracking, provider, onChang
       error && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-red-700", children: error }),
       /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: cancelShipment,
             disabled: busy,
@@ -690,7 +704,7 @@ function ShipmentActions({ fulfillmentId, status, hasTracking, provider, onChang
             children: busy ? "Cancelando\u2026" : "Cancelar envio"
           }
         ),
-        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
+        /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => {
           setMode("idle");
           setError(null);
         }, className: `border bg-background ${link}`, children: "Voltar" })
@@ -698,9 +712,9 @@ function ShipmentActions({ fulfillmentId, status, hasTracking, provider, onChang
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: [
-    !hasTracking && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setMode("tracking"), "data-testid": "shipment-add-tracking", className: `border ${link}`, children: "Informar rastreio" }),
-    status !== "delivered" && /* @__PURE__ */ jsx("button", { type: "button", onClick: markDelivered, disabled: busy, "data-testid": "shipment-deliver", className: `border ${link}`, children: busy ? "Salvando\u2026" : "Marcar como entregue" }),
-    status !== "delivered" && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setMode("cancel"), "data-testid": "shipment-cancel", className: `border border-red-200 text-red-700 hover:bg-red-50 ${link}`, children: "Cancelar envio" }),
+    !hasTracking && /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => setMode("tracking"), "data-testid": "shipment-add-tracking", className: `border ${link}`, children: "Informar rastreio" }),
+    status !== "delivered" && /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: markDelivered, disabled: busy, "data-testid": "shipment-deliver", className: `border ${link}`, children: busy ? "Salvando\u2026" : "Marcar como entregue" }),
+    status !== "delivered" && /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", type: "button", onClick: () => setMode("cancel"), "data-testid": "shipment-cancel", className: `border border-red-200 text-red-700 hover:bg-red-50 ${link}`, children: "Cancelar envio" }),
     error && /* @__PURE__ */ jsx("p", { className: "w-full text-[11px] text-red-700", children: error })
   ] });
 }
@@ -808,13 +822,15 @@ function OrderPaymentDetail({ orderId }) {
       /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx("code", { className: "max-w-[16rem] truncate font-mono text-xs", title: link.external_id, children: link.external_id }),
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: copy,
             "aria-label": "Copiar o c\xF3digo da cobran\xE7a",
             "data-testid": "order-payment-copy",
-            className: "rounded p-1 text-muted-foreground transition hover:bg-muted hover:text-foreground",
+            className: "font-normal rounded p-1 text-muted-foreground transition hover:bg-muted hover:text-foreground",
             children: copied ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
           }
         ),
@@ -846,12 +862,14 @@ async function cancelShopOrder(provider, orderId, reason) {
 var POLL_MS = 4e3;
 function ChargeChoice({ icon: Icon, title, hint, onClick, testId }) {
   return /* @__PURE__ */ jsxs(
-    "button",
+    Button,
     {
+      variant: "bare",
+      size: "bare",
       type: "button",
       onClick,
       "data-testid": testId,
-      className: "flex w-full items-start gap-3 rounded-md border px-3 py-2.5 text-left transition hover:border-primary hover:bg-muted/40",
+      className: "font-normal justify-start whitespace-normal flex w-full items-start gap-3 rounded-md border px-3 py-2.5 text-left transition hover:border-primary hover:bg-muted/40",
       children: [
         /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
         /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
@@ -887,7 +905,7 @@ function NewOrderCharge({
   const [checking, setChecking] = useState(false);
   const settled = useRef(false);
   const inFlight = useRef(false);
-  const money5 = new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(total);
+  const money5 = formatCurrency(total, currency2);
   const check = useCallback(async () => {
     if (settled.current || !sessionId || inFlight.current) return;
     inFlight.current = true;
@@ -1126,8 +1144,7 @@ ${payable}`;
 }
 function money2(value) {
   const n = Number(value);
-  if (!Number.isFinite(n)) return "R$ 0,00";
-  return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(n);
+  return formatCurrency(Number.isFinite(n) ? n : 0, "BRL");
 }
 function buildShopCustomerEntity() {
   const fields = [
@@ -1185,13 +1202,12 @@ function buildShopCustomerEntity() {
       hint: "Necess\xE1rio para emitir nota \u2014 sem ele o cliente n\xE3o sobe para o ERP.",
       showInTable: false,
       renderInput: ({ value, onChange }) => /* @__PURE__ */ jsx(
-        "input",
+        Input,
         {
           value: formatDocument(String(value ?? "")),
           onChange: (e) => onChange(documentDigits(e.target.value)),
           placeholder: "000.000.000-00",
-          inputMode: "numeric",
-          className: "flex h-9 w-full rounded-input border border-input bg-background px-3 py-1.5 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          inputMode: "numeric"
         }
       )
     },
@@ -1360,8 +1376,10 @@ function CustomerModal({ open, initialName, customerId, initial, provider, onClo
             ] }) }),
             /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-3", children: [
               conflict.hit && /* @__PURE__ */ jsx(
-                "button",
+                Button,
                 {
+                  variant: "bare",
+                  size: "bare",
                   type: "button",
                   onClick: () => onSaved(conflict.hit),
                   "data-testid": "new-customer-use-existing",
@@ -1370,8 +1388,10 @@ function CustomerModal({ open, initialName, customerId, initial, provider, onClo
                 }
               ),
               /* @__PURE__ */ jsx(
-                "button",
+                Button,
                 {
+                  variant: "bare",
+                  size: "bare",
                   type: "button",
                   onClick: () => void saveAnyway(),
                   disabled: forcing,
@@ -1387,7 +1407,7 @@ function CustomerModal({ open, initialName, customerId, initial, provider, onClo
     }
   );
 }
-var money3 = (v, currency2 = "BRL") => new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(Number(v) || 0);
+var money3 = (v, currency2 = "BRL") => formatCurrency(Number(v) || 0, currency2);
 var dateTime2 = (iso) => new Intl.DateTimeFormat("pt-BR", { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit" }).format(new Date(iso));
 var dateOnly = (iso) => new Date(iso).toLocaleDateString("pt-BR");
 var paidAtLabel = (iso) => {
@@ -1515,6 +1535,7 @@ function OrderDetailView({ orderId, provider, onBack, fallback }) {
   const hasFinancial = (runtime?.activePlugins ?? []).some(
     (p) => p.routes?.some((r) => r.path === "/financial")
   );
+  const receiveMounted = runtime ? getWidgetsForZone(runtime, FINANCIAL_ZONES.receivePayment).length > 0 : false;
   const [order, setOrder] = useState(() => shopOrderCache.get(orderId) ?? null);
   const [shipments, setShipments] = useState(() => shopShipmentsCache.get(orderId) ?? []);
   const [loading, setLoading] = useState(() => !shopOrderCache.has(orderId));
@@ -1708,13 +1729,13 @@ function OrderDetailView({ orderId, provider, onBack, fallback }) {
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       destructive && order.financialStatus === "paid" && /* @__PURE__ */ jsx("p", { className: "rounded-md border border-red-200 bg-red-50 px-2.5 py-1.5 text-xs font-medium text-red-900", children: "Este pedido est\xE1 pago. Cancelar N\xC3O devolve o dinheiro \u2014 o estorno \xE9 feito na m\xE3o, no Financeiro ou no seu meio de pagamento." }),
       destructive && /* @__PURE__ */ jsx(
-        "input",
+        Input,
         {
           value: cancelReason,
           onChange: (event) => setCancelReason(event.target.value),
           placeholder: "Motivo (opcional) \u2014 fica no hist\xF3rico do pedido",
           "data-testid": "order-cancel-reason",
-          className: "w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary"
+          className: "px-2.5"
         }
       ),
       statusError && /* @__PURE__ */ jsx("p", { role: "alert", className: "rounded-md border border-red-200 bg-red-50 px-2.5 py-1.5 text-xs text-red-800", children: statusError })
@@ -1817,8 +1838,10 @@ function OrderDetailView({ orderId, provider, onBack, fallback }) {
       customer?.phone && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: formatPhone(customer.phone) }),
       customer?.document && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: formatDocument(customer.document) }),
       order.customerId && missingOnCustomer.length > 0 && /* @__PURE__ */ jsx("p", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 pt-1", children: missingOnCustomer.map((field) => /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: () => setEditingCustomer(true),
           "data-testid": `order-customer-add-${field.key}`,
@@ -1857,7 +1880,7 @@ function OrderDetailView({ orderId, provider, onBack, fallback }) {
       {
         dateOnly: (value) => value ? dateOnly(value) : "",
         actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-          receivable && receivable.balance.balance > 0 && receivable.balance.status !== "cancelled" && /* @__PURE__ */ jsx(
+          receiveMounted && receivable && receivable.balance.balance > 0 && receivable.balance.status !== "cancelled" && /* @__PURE__ */ jsx(
             Button,
             {
               onClick: () => {
@@ -1869,8 +1892,10 @@ function OrderDetailView({ orderId, provider, onBack, fallback }) {
             }
           ),
           hasFinancial && /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => adminNavigateTo("/financial"),
               className: "rounded-md border px-3 py-1.5 text-sm font-medium transition hover:bg-muted",
@@ -1979,11 +2004,11 @@ function OrderDetailView({ orderId, provider, onBack, fallback }) {
         onChoose: (asLink) => {
           void openCharge(asLink);
         },
-        onRegisterReceipt: () => {
+        onRegisterReceipt: receiveMounted ? () => {
           setChargeOpen(false);
           const open = receivable?.bills.find((b) => Number(b.paid_amount ?? 0) < Number(b.amount));
           if (open) setPayingInstallment(toModalInstallment(open));
-        },
+        } : void 0,
         total: charge?.total ?? order.total,
         currency: cur,
         customerName: order.customerName ?? "",
@@ -2003,8 +2028,9 @@ function OrderDetailView({ orderId, provider, onBack, fallback }) {
       }
     ),
     payingInstallment && /* @__PURE__ */ jsx(
-      ReceivePaymentModal,
+      WidgetSlot,
       {
+        zone: FINANCIAL_ZONES.receivePayment,
         installment: payingInstallment,
         onClose: () => setPayingInstallment(null),
         onPaid: () => {
@@ -2075,7 +2101,7 @@ function StockEntryModal({
       setSaving(false);
     }
   }
-  const inputClass = "mt-1 w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary";
+  const inputClass = "mt-1 px-2.5";
   return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (next) => {
     if (!next) onClose();
   }, children: /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(ModalContent, { size: "lg", "data-testid": "stock-entry-modal", children: [
@@ -2096,7 +2122,7 @@ function StockEntryModal({
       /* @__PURE__ */ jsxs("label", { className: "block", children: [
         /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Quantidade recebida" }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
             type: "number",
             min: 1,
@@ -2116,7 +2142,7 @@ function StockEntryModal({
       /* @__PURE__ */ jsxs("label", { className: "block", children: [
         /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Data de entrada" }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
             type: "date",
             value: arrivedOn,
@@ -2130,21 +2156,15 @@ function StockEntryModal({
       ] }),
       /* @__PURE__ */ jsxs("label", { className: "block", children: [
         /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Motivo" }),
-        /* @__PURE__ */ jsx(
-          "select",
-          {
-            value: reasonCode,
-            onChange: (event) => setReasonCode(event.target.value),
-            "data-testid": "stock-entry-reason",
-            className: inputClass,
-            children: reasons.map((reason) => /* @__PURE__ */ jsx("option", { value: reason.key, children: reason.label }, reason.key))
-          }
-        )
+        /* @__PURE__ */ jsxs(Select, { value: reasonCode, onValueChange: setReasonCode, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { "data-testid": "stock-entry-reason", className: inputClass, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: reasons.map((reason) => /* @__PURE__ */ jsx(SelectItem, { value: reason.key, children: reason.label }, reason.key)) })
+        ] })
       ] }),
       /* @__PURE__ */ jsxs("label", { className: "block", children: [
         /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Observa\xE7\xE3o" }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
             value: note,
             onChange: (event) => setNote(event.target.value),
@@ -2180,13 +2200,13 @@ var PAYMENT_METHODS = [
   { id: "boleto", label: "Boleto" },
   { id: "other", label: "Outro" }
 ];
-var money4 = (value, currency2 = "BRL") => new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency2 }).format(Number(value) || 0);
+var money4 = (value, currency2 = "BRL") => formatCurrency(Number(value) || 0, currency2);
 var onlyDigits2 = (value) => value.replace(/\D/gu, "");
 var maskPostal = (value) => {
   const digits2 = onlyDigits2(value).slice(0, 8);
   return digits2.length > 5 ? `${digits2.slice(0, 5)}-${digits2.slice(5)}` : digits2;
 };
-var fieldClass = "mt-1 w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary";
+var fieldClass = "mt-1 px-2.5";
 function Field({ label, hint, children }) {
   return /* @__PURE__ */ jsxs("label", { className: "block", children: [
     /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: label }),
@@ -2460,17 +2480,17 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
     const wanted = name.trim().toLowerCase();
     return lines.find((line) => line.name.trim().toLowerCase() === wanted) ?? null;
   }, [error, lines]);
+  const leadSections = /* @__PURE__ */ jsx(OrderFormBlock, { title: "Cliente", children: /* @__PURE__ */ jsx(
+    CustomerPicker,
+    {
+      provider,
+      value: customer,
+      onChange: setCustomer,
+      editing: editingCustomer,
+      onEditing: setEditingCustomer
+    }
+  ) });
   const sideSections = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(OrderFormBlock, { title: "Cliente", children: /* @__PURE__ */ jsx(
-      CustomerPicker,
-      {
-        provider,
-        value: customer,
-        onChange: setCustomer,
-        editing: editingCustomer,
-        onEditing: setEditingCustomer
-      }
-    ) }),
     /* @__PURE__ */ jsx(OrderFormBlock, { title: "Entrega", children: /* @__PURE__ */ jsx(
       DeliveryAddress,
       {
@@ -2481,14 +2501,14 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
       }
     ) }),
     /* @__PURE__ */ jsx(OrderFormBlock, { title: "Observa\xE7\xF5es", children: /* @__PURE__ */ jsx(
-      "textarea",
+      Textarea,
       {
         value: notes,
         onChange: (event) => setNotes(event.target.value),
         rows: 2,
         placeholder: "Combinado por telefone: entregar depois das 18h\u2026",
         "data-testid": "new-order-notes",
-        className: "w-full resize-y rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary"
+        className: "min-h-0 resize-y px-2.5 py-1.5"
       }
     ) })
   ] });
@@ -2504,27 +2524,29 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
       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",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             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",
+            className: "font-normal text-sm text-muted-foreground underline-offset-2 transition hover:text-foreground hover:underline",
             children: "Adicionar cupom"
           }
         )
       ),
-      value: couponOpen || discountCode ? /* @__PURE__ */ jsx(
-        "input",
+      value: couponOpen || discountCode ? /* @__PURE__ */ jsx("div", { className: "w-40", children: /* @__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"
+          className: "h-auto rounded-md border-border bg-background px-2 py-1 text-right uppercase shadow-none focus:border-primary focus-visible:ring-0 focus-visible:ring-offset-0"
         }
-      ) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" })
+      ) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" })
     },
     {
       key: "shipping",
@@ -2535,12 +2557,14 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
   ], [couponOpen, discountCode, delivers, freight, shipping, currency2]);
   const errorActions = /* @__PURE__ */ jsxs(Fragment, { children: [
     customer.id && error && /cliente/iu.test(error) && /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: () => setEditingCustomer(true),
         "data-testid": "new-order-fix-customer",
-        className: "mt-1 font-medium underline underline-offset-2",
+        className: "mt-1 whitespace-normal font-medium underline underline-offset-2",
         children: [
           "Editar cadastro de ",
           customer.name
@@ -2548,12 +2572,14 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
       }
     ),
     blockedLine && /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: () => setEntryOpen(true),
         "data-testid": "new-order-stock-entry",
-        className: "mt-1 font-medium underline underline-offset-2",
+        className: "mt-1 whitespace-normal font-medium underline underline-offset-2",
         children: [
           "Dar entrada no estoque de ",
           blockedLine.name
@@ -2576,18 +2602,12 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
   };
   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: "Como recebeu", children: /* @__PURE__ */ jsxs(Select, { value: method, onValueChange: (v) => setMethod(v), children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { "data-testid": "new-order-method", className: fieldClass, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: PAYMENT_METHODS.map((option) => /* @__PURE__ */ jsx(SelectItem, { 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",
+        Input,
         {
           value: reference,
           onChange: (event) => setReference(event.target.value),
@@ -2711,6 +2731,7 @@ function NewOrderPage({ provider, onDone, onCancel, orderId }) {
       totalsTitle: "Pagamento",
       totalRows,
       extraTotal: shipping,
+      leadSections,
       sideSections,
       error,
       errorActions,
@@ -2748,8 +2769,10 @@ function CustomerPicker({ provider, value, onChange, editing, onEditing }) {
           value.document && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: formatDocument(value.document) })
         ] }),
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             "aria-label": "Trocar cliente",
             "data-testid": "new-order-customer-clear",
@@ -2761,12 +2784,14 @@ function CustomerPicker({ provider, value, onChange, editing, onEditing }) {
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
         /* @__PURE__ */ jsxs(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: () => setEditing(true),
             "data-testid": "new-order-customer-edit",
-            className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground underline-offset-2 transition hover:text-foreground hover:underline",
+            className: "font-normal inline-flex items-center gap-1.5 text-sm text-muted-foreground underline-offset-2 transition hover:text-foreground hover:underline",
             children: [
               /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" }),
               "Editar cadastro"
@@ -2888,15 +2913,17 @@ function DeliveryAddress({ provider, customerId, address, onChange }) {
     };
   }, [customerId, provider]);
   const filled = Boolean(address.postalCode && address.street);
-  if (!editing) {
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       saved.map((row) => /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: () => use(row),
           "data-testid": "new-order-saved-address",
-          className: `block w-full rounded-md border p-2.5 text-left text-sm transition ${chosen === row.id ? "border-primary bg-primary/5" : "hover:bg-muted/50"}`,
+          className: `font-normal whitespace-normal justify-start block w-full rounded-md border p-2.5 text-left text-sm transition ${chosen === row.id ? "border-primary bg-primary/5" : "hover:bg-muted/50"}`,
           children: [
             /* @__PURE__ */ jsx("span", { className: "block", children: [row.street, row.number].filter(Boolean).join(", ") }),
             /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground", children: [
@@ -2917,152 +2944,61 @@ function DeliveryAddress({ provider, customerId, address, onChange }) {
       ] }),
       saved.length === 0 && !filled && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Sem endere\xE7o = retirada." }),
       /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: () => setEditing(true),
           "data-testid": "new-order-add-address",
-          className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground underline-offset-2 transition hover:text-foreground hover:underline",
+          className: "font-normal whitespace-normal inline-flex items-center gap-1.5 text-sm text-muted-foreground underline-offset-2 transition hover:text-foreground hover:underline",
           children: [
             /* @__PURE__ */ jsx(MapPin, { className: "h-3.5 w-3.5" }),
             filled ? "Usar outro endere\xE7o" : "Adicionar endere\xE7o"
           ]
         }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "fz-fields fz-fields-2 gap-2", children: [
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-      PostalField,
-      {
-        value: address.postalCode,
-        onChange: (postalCode) => onChange({ ...address, postalCode }),
-        onResolved: (found) => onChange({ ...address, ...found })
-      }
-    ) }),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Field, { label: "N\xFAmero", children: /* @__PURE__ */ jsx(
-      "input",
-      {
-        value: address.number,
-        onChange: (e) => onChange({ ...address, number: e.target.value }),
-        "data-testid": "new-order-number",
-        className: fieldClass
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx("div", { className: "fz-field-wide", children: /* @__PURE__ */ jsx(Field, { label: "Rua", children: /* @__PURE__ */ jsx(
-      "input",
-      {
-        value: address.street,
-        onChange: (e) => onChange({ ...address, street: e.target.value }),
-        "data-testid": "new-order-street",
-        className: fieldClass
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx("div", { className: "fz-field-wide", children: /* @__PURE__ */ jsx(Field, { label: "Complemento", children: /* @__PURE__ */ jsx(
-      "input",
-      {
-        value: address.complement,
-        onChange: (e) => onChange({ ...address, complement: e.target.value }),
-        placeholder: "Apto, bloco, ponto de refer\xEAncia",
-        className: fieldClass
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx("div", { className: "fz-field-wide", children: /* @__PURE__ */ jsx(Field, { label: "Bairro", children: /* @__PURE__ */ jsx(
-      "input",
-      {
-        value: address.district,
-        onChange: (e) => onChange({ ...address, district: e.target.value }),
-        className: fieldClass
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Field, { label: "Cidade", children: /* @__PURE__ */ jsx(
-      "input",
-      {
-        value: address.city,
-        onChange: (e) => onChange({ ...address, city: e.target.value }),
-        className: fieldClass
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Field, { label: "UF", children: /* @__PURE__ */ jsx(
-      "input",
-      {
-        value: address.state,
-        maxLength: 2,
-        onChange: (e) => onChange({ ...address, state: e.target.value.toUpperCase() }),
-        className: fieldClass
-      }
-    ) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "fz-field-wide flex gap-3", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setEditing(false),
-          "data-testid": "new-order-address-done",
-          className: "text-sm font-medium text-primary underline-offset-2 hover:underline",
-          children: "Pronto"
-        }
       ),
       filled && /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           "data-testid": "new-order-address-clear",
           onClick: () => {
             onChange(EMPTY_ADDRESS);
             setChosen(null);
-            setEditing(false);
           },
-          className: "text-sm text-muted-foreground underline-offset-2 hover:underline",
+          className: "font-normal whitespace-normal ml-4 text-sm text-muted-foreground underline-offset-2 transition hover:text-foreground hover:underline",
           children: "Remover entrega"
         }
       )
-    ] })
-  ] });
-}
-function PostalField({ value, onChange, onResolved }) {
-  const [looking, setLooking] = useState(false);
-  const [missing, setMissing] = useState(false);
-  useEffect(() => {
-    const digits2 = onlyDigits2(value);
-    if (digits2.length !== 8) {
-      setMissing(false);
-      return;
-    }
-    let cancelled = false;
-    setLooking(true);
-    fetch(`https://viacep.com.br/ws/${digits2}/json/`).then((response) => response.json()).then((found) => {
-      if (cancelled) return;
-      if (found?.erro) {
-        setMissing(true);
-        return;
+    ] }),
+    /* @__PURE__ */ jsx(
+      AddressFormModal,
+      {
+        open: editing,
+        onClose: () => setEditing(false),
+        ownerId: customerId,
+        onSaved: (row) => {
+          const picked = {
+            id: row.id || "typed",
+            postalCode: row.postal_code,
+            street: row.street,
+            number: row.number ?? void 0,
+            complement: row.complement ?? void 0,
+            district: row.district ?? void 0,
+            city: row.city,
+            state: row.state,
+            recipient: row.recipient ?? void 0,
+            phone: row.phone ?? void 0
+          };
+          if (row.id) setSaved((prev) => [picked, ...prev.filter((r) => r.id !== row.id)]);
+          use(picked);
+        }
       }
-      setMissing(false);
-      onResolved({
-        street: found.logradouro || "",
-        district: found.bairro || "",
-        city: found.localidade || "",
-        state: (found.uf || "").toUpperCase()
-      });
-    }).catch(() => {
-    }).finally(() => {
-      if (!cancelled) setLooking(false);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [value]);
-  return /* @__PURE__ */ jsx(Field, { label: "CEP", hint: looking ? "Buscando\u2026" : missing ? "CEP n\xE3o encontrado \u2014 preencha \xE0 m\xE3o" : void 0, children: /* @__PURE__ */ jsx(
-    "input",
-    {
-      value: maskPostal(value),
-      onChange: (event) => onChange(event.target.value),
-      placeholder: "00000-000",
-      inputMode: "numeric",
-      "data-testid": "new-order-postal",
-      className: fieldClass
-    }
-  ) });
+    )
+  ] });
 }
 
 // src/views/orders-agent.ts
@@ -3554,8 +3490,8 @@ function OrdersAgentSurface({
   useAgentSurface(contribution);
   return null;
 }
-function currency(value, code = "BRL", locale = "pt-BR") {
-  return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(value);
+function currency(value, code = "BRL") {
+  return formatCurrency(value, code);
 }
 function badge(label, color) {
   return /* @__PURE__ */ jsx("span", { className: `inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${color}`, children: label });
@@ -3666,16 +3602,7 @@ function ProductsTab({ provider }) {
   ], []);
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "search",
-          value: search,
-          onChange: handleSearch,
-          placeholder: "Buscar produtos...",
-          className: "border rounded-lg px-3 py-2 text-sm w-64 focus:outline-none focus:ring-2 focus:ring-primary/50"
-        }
-      ),
+      /* @__PURE__ */ jsx("div", { className: "w-64", children: /* @__PURE__ */ jsx(Input, { type: "search", value: search, onChange: handleSearch, placeholder: "Buscar produtos..." }) }),
       /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
         products.length,
         " produtos"
@@ -4095,10 +4022,12 @@ var ShopPage = ({ provider, section }) => {
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: copy.subtitle })
       ] }),
       !section && /* @__PURE__ */ jsx("div", { className: "border-b mb-6", children: /* @__PURE__ */ jsx("nav", { className: "flex gap-1", children: TABS.map((t) => /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: () => setTab(t.id),
-          className: `px-4 py-2 text-sm font-medium border-b-2 transition-colors ${tab === t.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+          className: `rounded-none px-4 py-2 text-sm font-medium border-b-2 transition-colors ${tab === t.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
           children: t.label
         },
         t.id
@@ -4113,5 +4042,5 @@ var ShopPage = ({ provider, section }) => {
 ShopPage.displayName = "ShopPage";
 
 export { ShopOrderDetailSlot, ShopPage };
-//# sourceMappingURL=ShopPage-J34V43NW.js.map
-//# sourceMappingURL=ShopPage-J34V43NW.js.map
+//# sourceMappingURL=ShopPage-2CTRGQTX.js.map
+//# sourceMappingURL=ShopPage-2CTRGQTX.js.map