@fayz-ai/storefront 0.17.0 → 0.19.0

package/dist/{chunk-STL6MATQ.js → chunk-77V5ZAF5.js}

@@ -3,11 +3,11 @@ import { persist } from 'zustand/middleware';
 import { createAuthRuntime, createMockAuthAdapter } from '@fayz-ai/plugin-auth';
 import { getShopProvider, setShopProvider } from '@fayz-ai/shop/runtime';
 import { setShopCarrierQuotesResolver, setShopAccessTokenResolver, setShopShippingItemsResolver } from '@fayz-ai/sdk/shop';
-import { normalizePostalCode, lookupPostalCode, defaultRouterAdapter, defineLoader, staticRouterAdapter, isLoaderParamRef, isLoaderPropRef, resolveLoader, dataNeedKey, getBlockMeta, defaultPropsFromSettings, getBlockErrorVisibility, isBlockEnabledOn, checkBlockConstraints, checkBlockContext, repairBlockTree, renderBlocks, clearExtensionPoints, defineExtensionPoint, runExtensionPoint, runEscapeValve, breadcrumbJsonLd, hasEntityDeclaration, resolveEntityDeclaration, defineBlock, formatPostalCode, defineEntity, listEntityDeclarations, resolveHandle, seoOrigin, RESERVED_ENTITY_FIELDS, ENTITY_FIELD_TYPES, handleNameFor, registerHandle, hasHandle, listHandles, blockRegistry, loaderRegistry, listLoaders } from '@fayz-ai/core';
-import React4, { createContext, useContext, useEffect, useRef, useState, useSyncExternalStore, useMemo, useCallback } from 'react';
+import { normalizePostalCode, lookupPostalCode, defaultRouterAdapter, defineLoader, staticRouterAdapter, isLoaderParamRef, isLoaderPropRef, resolveLoader, errorMessage, dataNeedKey, getBlockMeta, defaultPropsFromSettings, getBlockErrorVisibility, isBlockEnabledOn, checkBlockConstraints, checkBlockContext, repairBlockTree, renderBlocks, clearExtensionPoints, defineExtensionPoint, runExtensionPoint, runEscapeValve, breadcrumbJsonLd, hasEntityDeclaration, resolveEntityDeclaration, defineBlock, formatPostalCode, defineEntity, listEntityDeclarations, resolveHandle, seoOrigin, RESERVED_ENTITY_FIELDS, ENTITY_FIELD_TYPES, handleNameFor, registerHandle, hasHandle, listHandles, blockRegistry, loaderRegistry, listLoaders } from '@fayz-ai/core';
+import React37, { createContext, useContext, useEffect, useRef, useState, useSyncExternalStore, useMemo, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { isStorageImageUrl, imageVariantUrl, imageSrcSet, IMAGE_SRCSET_WIDTHS, validateDiscount, documentDigits, isChargeableProvider, supportsCard, formatDocument, isValidDocument, gatewayLabel } from '@fayz-ai/shop';
-import { ChevronLeft, ChevronRight, ShoppingBag, X, Minus, Plus, Send, MessageCircle, Mail, Truck, RefreshCcw, ShieldCheck, ChevronDown, Check, Search, Trash2, Lock, CreditCard, Star, MapPin, Phone, User, UserCircle, Package, LogOut, Menu, QrCode, Copy, XCircle, RotateCcw, Clock, PackageCheck, Info, AlertCircle } from 'lucide-react';
+import { ChevronLeft, ChevronRight, ShoppingBag, X, Minus, Plus, Send, MessageCircle, Mail, Truck, RefreshCcw, ShieldCheck, ChevronDown, Check, Search, Menu, Trash2, Lock, CreditCard, Store, Bike, Clock, MapPin, Star, Phone, User, UserCircle, Package, LogOut, QrCode, Copy, XCircle, RotateCcw, PackageCheck, Info, AlertCircle } from 'lucide-react';
 import { getLucideIcon } from '@fayz-ai/ui/icons';
 import { storefrontDiscountToPromotion, previewCouponPercent, discountToPromotion, PROMOTION_TYPES, PROMOTION_STATUSES, APPLICATION_METHOD_TYPES, APPLICATION_METHOD_TARGET_TYPES, APPLICATION_METHOD_ALLOCATIONS, hasRuleAttribute, listRuleAttributeKeys, RULE_OPERATORS, resolveRuleAttribute } from '@fayz-ai/shop/rules';
 import { createMockShopProvider } from '@fayz-ai/shop/mock';
@@ -231,6 +231,13 @@ function productOptionSelectionKey(selection) {
   const entries = Object.entries(normalized);
   return entries.length > 0 ? JSON.stringify(entries) : "";
 }
+var HINT_TIMEOUT_MS = 1200;
+var MAX_SAVED_ADDRESSES = 8;
+function newAddressId() {
+  const c = globalThis.crypto;
+  if (c && typeof c.randomUUID === "function") return c.randomUUID();
+  return `addr-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
 var EMPTY = {
   postalCode: "",
   address: null,
@@ -238,12 +245,24 @@ var EMPTY = {
   selectedZoneId: null,
   status: "idle",
   error: null,
-  refusedZone: null
+  refusedZone: null,
+  reviewZone: null
 };
 var useDeliveryStore = create()(
   persist(
     (set, get) => ({
       ...EMPTY,
+      // 'delivery' é o default porque é o que toda loja anterior à 0094 é, e o
+      // que uma loja sem retirada continua sendo.
+      fulfillmentType: "delivery",
+      scheduledFor: null,
+      setFulfillmentType(type) {
+        if (get().fulfillmentType === type) return;
+        set({ fulfillmentType: type, scheduledFor: null });
+      },
+      setScheduledFor(startsAt) {
+        set({ scheduledFor: startsAt });
+      },
       async resolve(postalCode, subtotal) {
         const code = normalizePostalCode(postalCode);
         if (code.length !== 8) {
@@ -252,10 +271,17 @@ var useDeliveryStore = create()(
         }
         set({ postalCode: code, status: "loading", error: null });
         const shop = getShopProvider();
-        const refusalPromise = shop.checkDelivery ? shop.checkDelivery(code).then((check) => check.refused ? check.refusedZone || "Regi\xE3o n\xE3o atendida" : null).catch(() => null) : Promise.resolve(null);
+        const addressPromise = lookupPostalCode(code).catch(() => null);
+        const hint = await Promise.race([
+          addressPromise.then((a) => a ? { district: a.district, city: a.city, state: a.state, cityCode: a.cityCode } : void 0),
+          new Promise((resolve) => {
+            setTimeout(() => resolve(void 0), HINT_TIMEOUT_MS);
+          })
+        ]);
+        const checkPromise = shop.checkDelivery ? shop.checkDelivery(code, hint).catch(() => null) : Promise.resolve(null);
         let options = [];
         try {
-          options = await shop.quoteShipping?.(code, subtotal) ?? [];
+          options = await shop.quoteShipping?.(code, subtotal, hint) ?? [];
         } catch {
           set({
             ...EMPTY,
@@ -265,22 +291,19 @@ var useDeliveryStore = create()(
           });
           return;
         }
-        const refusedZone = await refusalPromise;
+        const check = await checkPromise;
+        const refusedZone = check?.refused ? check.refusedZone || "Regi\xE3o n\xE3o atendida" : null;
+        const reviewZone = !refusedZone && check?.outcome === "review" ? check.zoneName || "Regi\xE3o a confirmar" : null;
         if (refusedZone) options = [];
-        let address = null;
-        let notFound = false;
-        try {
-          address = await lookupPostalCode(code);
-          notFound = address === null;
-        } catch {
-          address = null;
-        }
+        const address = await addressPromise;
+        const notFound = address === null;
         set({
           postalCode: code,
           address,
           options,
           selectedZoneId: options[0]?.zoneId ?? null,
           refusedZone,
+          reviewZone,
           // A store with no zones configured quotes nothing, and that must NOT
           // read as "we don't deliver here" — it falls back to the store-wide
           // flat rate, which the cart already knows how to show.
@@ -298,6 +321,37 @@ var useDeliveryStore = create()(
       },
       clear() {
         set({ ...EMPTY });
+      },
+      savedAddresses: [],
+      selectedAddressId: null,
+      saveAddress(input) {
+        const id = newAddressId();
+        const entry = { ...input, id, createdAt: (/* @__PURE__ */ new Date()).toISOString() };
+        set((state) => ({
+          // Mesmo CEP + mesmo número é o MESMO endereço com o complemento
+          // corrigido, não um segundo. Sem isto, três tentativas de acertar o
+          // apartamento viram três linhas idênticas na lista.
+          savedAddresses: [
+            entry,
+            ...state.savedAddresses.filter(
+              (a) => normalizePostalCode(a.postalCode) !== normalizePostalCode(entry.postalCode) || a.number.trim().toLowerCase() !== entry.number.trim().toLowerCase()
+            )
+          ].slice(0, MAX_SAVED_ADDRESSES),
+          selectedAddressId: id
+        }));
+        return id;
+      },
+      async selectAddress(id, subtotal) {
+        const entry = get().savedAddresses.find((a) => a.id === id);
+        if (!entry) return;
+        set({ selectedAddressId: id });
+        await get().resolve(entry.postalCode, subtotal);
+      },
+      removeAddress(id) {
+        set((state) => ({
+          savedAddresses: state.savedAddresses.filter((a) => a.id !== id),
+          selectedAddressId: state.selectedAddressId === id ? null : state.selectedAddressId
+        }));
       }
     }),
     {
@@ -305,7 +359,21 @@ var useDeliveryStore = create()(
       // Deliberately NOT persisting `options`: a rehydrated
       // price would be shown as current without anything having quoted it. The
       // address survives, the money is asked for again.
-      partialize: (state) => ({ postalCode: state.postalCode, address: state.address }),
+      // `fulfillmentType` acompanha o endereço e pela mesma razão: é uma
+      // preferência ("eu sempre busco na loja"), e ela vale amanhã.
+      // `scheduledFor` NÃO acompanha, pela mesma razão de `options`: um horário
+      // escolhido ontem é um horário que já passou, e restaurá-lo mandaria o
+      // comprador ao checkout com uma janela que o servidor vai recusar.
+      partialize: (state) => ({
+        postalCode: state.postalCode,
+        address: state.address,
+        fulfillmentType: state.fulfillmentType,
+        // O caderno é o ponto: número e complemento são o que o comprador
+        // digita de novo a cada visita, e o que nenhuma consulta de CEP
+        // devolve. Sem persistir, salvar endereço não salva nada.
+        savedAddresses: state.savedAddresses,
+        selectedAddressId: state.selectedAddressId
+      }),
       onRehydrateStorage: () => (state) => {
         if (state?.address) state.status = "idle";
       }
@@ -332,10 +400,12 @@ var useCartStore = create()(
       discountFreeShipping: false,
       isOpen: false,
       justAddedLineId: null,
-      addItem: (product, qty = 1, options) => set((state) => {
+      addItem: (product, qty = 1, options, notes, opts) => set((state) => {
         const normalizedOptions = normalizeProductOptionSelection(options);
         const optionKey = productOptionSelectionKey(normalizedOptions);
-        const lineId = optionKey ? `${product.id}:${optionKey}` : product.id;
+        const cleanNotes = notes?.trim().slice(0, 250) || void 0;
+        const baseId = optionKey ? `${product.id}:${optionKey}` : product.id;
+        const lineId = cleanNotes ? `${baseId}#${cleanNotes}` : baseId;
         const variant = resolveVariantForSelection(product, normalizedOptions);
         const unitPrice = variant?.price ?? product.price;
         const stock = variant ? variant.inventoryCount : product.inventoryCount;
@@ -345,7 +415,7 @@ var useCartStore = create()(
           return {
             // Auto-open the cart on add — the standard premium "slide-in cart"
             // signal — and flag the line so the drawer can highlight it.
-            isOpen: true,
+            isOpen: opts?.openDrawer ?? true,
             justAddedLineId: lineId,
             lines: state.lines.map(
               (l) => (l.lineId ?? l.productId) === lineId ? { ...l, lineId, quantity: nextQty } : l
@@ -372,9 +442,14 @@ var useCartStore = create()(
           heightCm: variant?.heightCm ?? product.heightCm ?? null,
           widthCm: variant?.widthCm ?? product.widthCm ?? null,
           lengthCm: variant?.lengthCm ?? product.lengthCm ?? null,
-          packageId: product.packageId ?? null
+          packageId: product.packageId ?? null,
+          notes: cleanNotes
+        };
+        return {
+          isOpen: opts?.openDrawer ?? true,
+          justAddedLineId: lineId,
+          lines: [...state.lines, line]
         };
-        return { isOpen: true, justAddedLineId: lineId, lines: [...state.lines, line] };
       }),
       setQuantity: (lineId, qty) => set((state) => {
         if (qty <= 0) return { lines: state.lines.filter((l) => (l.lineId ?? l.productId) !== lineId) };
@@ -737,7 +812,7 @@ function resolveConfig(config) {
   const homePage = config.pages?.home ?? (config.home ? { blocks: config.home.sections } : void 0);
   const catalogPath = homePage ? "/catalog" : "/";
   const commerceMode = config.commerceMode ?? "checkout";
-  const checkoutEnabled = commerceMode === "checkout";
+  const checkoutEnabled = commerceMode === "checkout" || commerceMode === "delivery";
   return {
     ...config,
     pages: { ...config.pages, ...homePage ? { home: homePage } : {} },
@@ -753,6 +828,22 @@ function resolveConfig(config) {
       terms: config.payments?.terms
     },
     commerceMode,
+    // Só existe no modo delivery. Fora dele o objeto inteiro é undefined, e é
+    // isso que a rota /menu consulta para decidir se existe.
+    delivery: commerceMode === "delivery" ? {
+      menuPath: config.delivery?.menuPath ?? "/menu",
+      coverImage: config.delivery?.coverImage,
+      logoImage: config.delivery?.logoImage,
+      locality: config.delivery?.locality,
+      highlightSlugs: config.delivery?.highlightSlugs,
+      // A ORDEM é a do seletor na tela. Um Set aqui perderia isso.
+      fulfillmentModes: config.delivery?.fulfillmentModes?.length ? config.delivery.fulfillmentModes : ["delivery"].slice(),
+      // Agendamento é opt-in duas vezes: aqui e na loja (0094 devolve zero
+      // slots quando scheduling_enabled é falso). A tela só oferece quando
+      // as duas concordam.
+      scheduling: config.delivery?.scheduling ?? false,
+      pickupAddress: config.delivery?.pickupAddress
+    } : void 0,
     enquiry: {
       label: config.enquiry?.label ?? "Contact me",
       successMessage: config.enquiry?.successMessage ?? "Thanks. We received your enquiry.",
@@ -974,7 +1065,7 @@ function Link({ to, children, onClick, target, ...rest }) {
     event.preventDefault();
     adapter.navigate(to);
   };
-  return React4.createElement(
+  return React37.createElement(
     "a",
     { href: adapter.href(to), onClick: handleClick, target, ...rest },
     children
@@ -1093,6 +1184,43 @@ var TID = {
   cartTotal: "cart-total",
   goCheckout: "go-checkout",
   cartEmpty: "cart-empty",
+  // menu / delivery mode (0094)
+  menuPage: "menu-page",
+  menuSection: (slug) => `menu-section-${slug}`,
+  menuItem: (slug) => `menu-item-${slug}`,
+  menuQuickAdd: (slug) => `menu-quick-add-${slug}`,
+  devPlaceOrderWithoutCharge: "dev-place-order-without-charge",
+  menuCartBar: "menu-cart-bar",
+  menuItemSoldOut: "menu-sold-out",
+  itemSheet: "item-sheet",
+  itemSheetNotes: "item-sheet-notes",
+  itemSheetNotesCount: "item-sheet-notes-count",
+  itemSheetQty: "item-sheet-qty",
+  itemSheetAdd: "item-sheet-add",
+  serviceStatus: "service-status",
+  serviceHoursModal: "service-hours-modal",
+  serviceClosedGate: "service-closed-gate",
+  fulfillmentMode: (mode) => `fulfillment-mode-${mode}`,
+  scheduleSheet: "schedule-sheet",
+  scheduleSlot: (iso) => `schedule-slot-${iso}`,
+  storeCover: "store-cover",
+  menuSearch: "menu-search",
+  menuCategoryNav: "menu-category-nav",
+  menuCategoryLink: (slug) => `menu-category-link-${slug}`,
+  menuHighlights: "menu-highlights",
+  menuItemBadge: (slug) => `menu-item-badge-${slug}`,
+  deliveryTabBar: "delivery-tab-bar",
+  deliveryTab: (key) => `delivery-tab-${key}`,
+  addressStrip: "address-strip",
+  addressSheet: "address-sheet",
+  addressCep: "address-cep",
+  addressNumber: "address-number",
+  addressComplement: "address-complement",
+  addressReference: "address-reference",
+  addressSave: "address-save",
+  addressAddNew: "address-add-new",
+  savedAddress: (id) => `saved-address-${id}`,
+  itemSheetGroup: (label) => `item-sheet-group-${label}`,
   // delivery estimate (product page + cart)
   deliveryEstimator: "delivery-estimator",
   deliveryCepInput: "delivery-cep-input",
@@ -1177,9 +1305,9 @@ function SmoothImage({
   const easing = resolved.easing ?? "cubic-bezier(0.22, 1, 0.36, 1)";
   const blur = resolved.blur ?? true;
   const transform = resolved.transform ?? "none";
-  const ref = React4.useRef(null);
-  const [loaded, setLoaded] = React4.useState(() => mode === "none" || !clientMounted);
-  const delivered = React4.useMemo(() => {
+  const ref = React37.useRef(null);
+  const [loaded, setLoaded] = React37.useState(() => mode === "none" || !clientMounted);
+  const delivered = React37.useMemo(() => {
     if (transform !== "supabase" || !src || srcSet || !isStorageImageUrl(src)) return { src, srcSet, sizes };
     if (variant?.width) {
       const w = variant.width;
@@ -1197,10 +1325,10 @@ function SmoothImage({
       sizes: variant?.sizes ?? sizes ?? "100vw"
     };
   }, [transform, src, srcSet, sizes, variant?.width, variant?.sizes, variant?.widths, variant?.quality]);
-  React4.useEffect(() => {
+  React37.useEffect(() => {
     clientMounted = true;
   }, []);
-  React4.useEffect(() => {
+  React37.useEffect(() => {
     if (mode === "none") {
       setLoaded(true);
       return;
@@ -1556,7 +1684,7 @@ async function resolvePageDataNeed(need) {
     const data = await impl(need.params, { shop: getShopProvider() });
     return { status: "ready", data };
   } catch (err) {
-    const message = err instanceof Error ? err.message : String(err);
+    const message = errorMessage(err);
     console.error(`[storefront] loader "${need.loader}" failed:`, err);
     return { status: "error", error: message };
   }
@@ -2468,8 +2596,8 @@ var BADGE_TONE_CLASSES = {
   warning: "bg-amber-500 text-white"
 };
 function useExtensionBadges(product) {
-  const [badges, setBadges] = React4.useState([]);
-  React4.useEffect(() => {
+  const [badges, setBadges] = React37.useState([]);
+  React37.useEffect(() => {
     let cancelled = false;
     getProductCardBadges(product).then((next) => {
       if (!cancelled && next.length > 0) setBadges(next);
@@ -3665,7 +3793,7 @@ function scalarToString(value) {
 }
 function ProductSpecs({ product }) {
   const config = useStorefrontConfig();
-  const extraExcluded = React4.useMemo(
+  const extraExcluded = React37.useMemo(
     () => new Set(config.productSpecs?.exclude ?? []),
     [config.productSpecs?.exclude]
   );
@@ -3772,7 +3900,7 @@ function useProducts(opts) {
       setProducts(data);
       setError(null);
     }).catch((e) => {
-      if (!cancelled) setError(e instanceof Error ? e.message : String(e));
+      if (!cancelled) setError(errorMessage(e));
     }).finally(() => {
       if (!cancelled) setLoading(false);
     });
@@ -3825,7 +3953,7 @@ function ProductEnquiryForm({ product, onSuccess }) {
       onSuccess?.();
     } catch (e) {
       setStatus("error");
-      setError(e instanceof Error ? e.message : String(e));
+      setError(errorMessage(e));
     }
   };
   return /* @__PURE__ */ jsxs(
@@ -4201,7 +4329,8 @@ function DeliveryEstimator({ compact: compact2 = false }) {
             }
           ) }, option.zoneId);
         }) }),
-        delivery.status === "unserved" && /* @__PURE__ */ jsx("p", { "data-testid": TID.deliveryUnserved, className: "mt-3 text-sm text-destructive", children: "Ainda n\xE3o entregamos nesse CEP." }),
+        delivery.status === "unserved" && /* @__PURE__ */ jsx("p", { "data-testid": TID.deliveryUnserved, className: "mt-3 text-sm text-destructive", children: delivery.refusedZone ? "Esta loja n\xE3o entrega nesse endere\xE7o." : "Ainda n\xE3o entregamos nesse CEP." }),
+        delivery.reviewZone && delivery.status === "served" && /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-amber-600 dark:text-amber-500", children: "Entregamos nessa regi\xE3o, mas confirmamos com voc\xEA antes de sair." }),
         delivery.postalCode && /* @__PURE__ */ jsx(
           "button",
           {
@@ -4536,7 +4665,7 @@ function FormBlock({
       setValues({});
     } catch (e) {
       setStatus("error");
-      setError(e instanceof Error ? e.message : String(e));
+      setError(errorMessage(e));
     }
   };
   return /* @__PURE__ */ jsxs("section", { "data-testid": TID.formBlock, className: "mx-auto max-w-2xl px-4 py-14 sm:px-6", children: [
@@ -5316,7 +5445,7 @@ function CollectionHero({
       {
         className: `absolute inset-0 flex flex-col justify-center p-6 text-white sm:p-12 ${OVERLAY_CLASS[overlay]} ${centered ? "items-center text-center" : "items-start text-left"}`,
         children: /* @__PURE__ */ jsxs(Reveal, { className: centered ? "max-w-3xl" : "max-w-2xl", children: [
-          logos && logos.length > 0 && /* @__PURE__ */ jsx("div", { className: `mb-6 flex items-center gap-5 ${centered ? "justify-center" : ""}`, children: logos.map((logo, i) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+          logos && logos.length > 0 && /* @__PURE__ */ jsx("div", { className: `mb-6 flex items-center gap-5 ${centered ? "justify-center" : ""}`, children: logos.map((logo, i) => /* @__PURE__ */ jsxs(React37.Fragment, { children: [
             i > 0 && /* @__PURE__ */ jsx("span", { className: "text-2xl font-light opacity-60", "aria-hidden": true, children: "\xD7" }),
             /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-10 w-auto object-contain sm:h-14" })
           ] }, logo.src)) }),
@@ -6073,8 +6202,8 @@ function StorefrontConfigHost({
   config,
   children
 }) {
-  const [policy, setPolicy] = React4.useState(null);
-  React4.useEffect(() => {
+  const [policy, setPolicy] = React37.useState(null);
+  React37.useEffect(() => {
     let cancelled = false;
     let provider;
     try {
@@ -6093,7 +6222,7 @@ function StorefrontConfigHost({
       cancelled = true;
     };
   }, [config]);
-  const resolved = React4.useMemo(() => applyStoreSettings(config, policy), [config, policy]);
+  const resolved = React37.useMemo(() => applyStoreSettings(config, policy), [config, policy]);
   return /* @__PURE__ */ jsx(StorefrontConfigProvider, { value: resolved, children });
 }
 var RADIUS_MAP = {
@@ -6213,7 +6342,7 @@ function StorefrontThemeStyle({
       document.getElementById(linkId)?.remove();
     };
   }, [fontsHref, linkId, selector]);
-  return React4.createElement(
+  return React37.createElement(
     "style",
     { "data-sf-theme": theme.name },
     themeToCss(theme, { selector })
@@ -6312,7 +6441,7 @@ function SearchOverlay({ onClose }) {
             "\u201D."
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: suggestions.map(
-              (product) => searchConfig.renderSuggestion ? /* @__PURE__ */ jsx(React4.Fragment, { children: searchConfig.renderSuggestion(product) }, product.id) : /* @__PURE__ */ jsx(SuggestionCard, { product, onNavigate: onClose }, product.id)
+              (product) => searchConfig.renderSuggestion ? /* @__PURE__ */ jsx(React37.Fragment, { children: searchConfig.renderSuggestion(product) }, product.id) : /* @__PURE__ */ jsx(SuggestionCard, { product, onNavigate: onClose }, product.id)
             ) }),
             /* @__PURE__ */ jsx(
               "button",
@@ -6518,11 +6647,11 @@ function HeaderActions({ onMenuClick }) {
   const openDrawer = useCartStore((s2) => s2.openDrawer);
   const session = useSessionStore();
   const [accountOpen, setAccountOpen] = useState(false);
-  const accountRef = React4.useRef(null);
+  const accountRef = React37.useRef(null);
   const pop = usePopOnChange(count);
   const firstName = session.name?.split(/\s+/)[0];
   const initial2 = (firstName ?? session.email ?? "C").slice(0, 1).toUpperCase();
-  React4.useEffect(() => {
+  React37.useEffect(() => {
     if (!accountOpen) return;
     const onPointerDown = (event) => {
       if (!accountRef.current?.contains(event.target)) setAccountOpen(false);
@@ -6689,7 +6818,7 @@ function MobileMenuDrawer({ open, onClose }) {
     navigateTo(config.catalogPath);
     onClose();
   };
-  React4.useEffect(() => {
+  React37.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -6759,8 +6888,9 @@ function MobileMenuDrawer({ open, onClose }) {
     )
   ] });
 }
-function StorefrontHeader() {
+function StorefrontHeader({ chrome } = {}) {
   const config = useStorefrontConfig();
+  const compact2 = chrome === "minimal";
   const variant = config.theme?.header?.variant ?? "classic";
   const scrolled = useScrolled();
   const showSearch = config.theme?.header?.showSearch !== false;
@@ -6774,8 +6904,27 @@ function StorefrontHeader() {
       style: headerStyle,
       children: [
         /* @__PURE__ */ jsx(AnnouncementBar, {}),
-        /* @__PURE__ */ jsx(UtilityBar, {}),
-        variant === "centered" ? (
+        !compact2 && /* @__PURE__ */ jsx(UtilityBar, {}),
+        compact2 ? (
+          // O cabeçalho de um app de pedido: marca, busca, carrinho — e o resto da
+          // navegação atrás do menu, alcançável e fora do caminho.
+          /* @__PURE__ */ jsxs("div", { className: "mx-auto flex h-14 max-w-7xl items-center gap-3 px-4 sm:px-6", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Abrir menu",
+                "aria-expanded": mobileMenuOpen,
+                onClick: () => setMobileMenuOpen((v) => !v),
+                className: "-ml-2 grid h-11 w-11 shrink-0 place-items-center rounded-full",
+                children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 truncate", children: logo }),
+            showSearch && /* @__PURE__ */ jsx(SearchInput, { iconOnly: true, className: "shrink-0" }),
+            /* @__PURE__ */ jsx(HeaderActions, {})
+          ] })
+        ) : variant === "centered" ? (
           // Rio/Flex pattern: centered logo row, nav row below
           /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "mx-auto grid h-16 max-w-7xl grid-cols-[1fr_auto_1fr] items-center px-4 sm:px-6", children: [
@@ -6995,7 +7144,8 @@ var useToastStore = create((set) => ({
       title: input.title,
       description: input.description,
       variant: input.variant ?? "info",
-      durationMs: input.durationMs ?? 3400
+      durationMs: input.durationMs ?? 3400,
+      action: input.action
     };
     set((s2) => ({ toasts: [...s2.toasts, toast2] }));
     return id;
@@ -7126,7 +7276,7 @@ function CartDrawer() {
               "div",
               {
                 "data-testid": TID.cartLinesList,
-                className: "flex-1 space-y-4 overflow-y-auto py-4 pl-5 pr-6",
+                className: "min-h-0 flex-1 space-y-4 overflow-y-auto py-4 pl-5 pr-6",
                 style: { scrollbarGutter: "stable" },
                 children: [
                   /* @__PURE__ */ jsx(Slot, { area: "cart", name: "beforeLines", context: cartSlotContext }),
@@ -7156,6 +7306,11 @@ function CartDrawer() {
                           ] }),
                           /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: line.sku }),
                           line.optionsLabel && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: line.optionsLabel }),
+                          line.notes && /* @__PURE__ */ jsxs("span", { className: "text-xs italic text-muted-foreground", children: [
+                            "\u201C",
+                            line.notes,
+                            "\u201D"
+                          ] }),
                           /* @__PURE__ */ jsx(CartLineAnnotations, { line }),
                           /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center justify-between pt-2", children: [
                             /* @__PURE__ */ jsx(
@@ -7190,7 +7345,7 @@ function CartDrawer() {
               "div",
               {
                 "data-testid": TID.cartFooter,
-                className: "space-y-3 border-t px-5 py-4",
+                className: "max-h-[55%] shrink-0 space-y-3 overflow-y-auto border-t px-5 py-4",
                 children: [
                   config.features.discounts && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
@@ -7333,6 +7488,7 @@ function resolveStorefrontRoute(config, rawPath) {
   if (matchPath("/checkout", path)) return { kind: "checkout" };
   if (matchPath("/account", path)) return { kind: "account" };
   if (matchPath("/catalog", path)) return { kind: "catalog" };
+  if (resolved.delivery && matchPath(resolved.delivery.menuPath, path)) return { kind: "menu" };
   if (resolved.search.mode === "overlay" && matchPath(resolved.search.resultsPath, path)) {
     return { kind: "searchResults" };
   }
@@ -7347,7 +7503,7 @@ function resolveStorefrontRoute(config, rawPath) {
 function isKnownPath(config, path) {
   return resolveStorefrontRoute(config, path).kind !== "notFound";
 }
-var STATIC_PATTERNS = ["/", "/catalog", "/privacy", "/terms", "/refunds"];
+var STATIC_PATTERNS = ["/", "/catalog", "/menu", "/privacy", "/terms", "/refunds"];
 function ensureResolved(config) {
   return "features" in config && "pages" in config ? config : resolveConfig(config);
 }
@@ -7401,7 +7557,7 @@ function listLocalOrderIds() {
 }
 
 // src/lib/errors.ts
-function errorMessage(err) {
+function errorMessage5(err) {
   if (err instanceof Error) return err.message;
   if (err && typeof err === "object" && typeof err.message === "string") {
     return err.message;
@@ -7418,7 +7574,7 @@ function formatDeliveryNotes(address, shippingAddress) {
   return parts.length > 0 ? `Entrega: ${parts.join(", ")}` : void 0;
 }
 function isStaleCustomerError(err) {
-  const message = errorMessage(err).toLowerCase();
+  const message = errorMessage5(err).toLowerCase();
   return message.includes("customer email mismatch") || message.includes("customer does not belong to this store") || message.includes("customer belongs to another account");
 }
 async function placeStorefrontOrder({
@@ -7428,6 +7584,8 @@ async function placeStorefrontOrder({
   customer,
   address,
   shippingAddress,
+  fulfillmentType,
+  scheduledFor,
   paymentMethod,
   markPaid = false
 }) {
@@ -7446,9 +7604,12 @@ async function placeStorefrontOrder({
     // from it and decrements ITS stock, so two sizes never share a counter.
     variantId: line.variantId || void 0,
     quantity: line.quantity,
-    optionsLabel: line.optionsLabel || void 0
+    optionsLabel: line.optionsLabel || void 0,
+    // A observação da linha (0094). Vai por item porque é por item: duas
+    // unidades do mesmo prato com pedidos diferentes são duas linhas.
+    notes: line.notes || void 0
   }));
-  const shippingTotal = selectShipping(cart, config);
+  const shippingTotal = fulfillmentType === "pickup" ? 0 : selectShipping(cart, config);
   const replaced = await runBeforePlaceOrderValve({
     items,
     customer: { name, email },
@@ -7481,6 +7642,8 @@ async function placeStorefrontOrder({
     shippingAddress,
     paymentMethod,
     metadata,
+    fulfillmentType,
+    scheduledFor,
     items
   });
   let order;
@@ -7649,47 +7812,61 @@ var LABELS2 = {
   3: "Pagamento",
   4: "Pronto"
 };
-function CheckoutSteps({ current, onGoBackTo }) {
-  const steps = [1, 2, 3, 4];
+function CheckoutSteps({ current, onGoBackTo, omit }) {
+  const steps = [1, 2, 3, 4].filter((s2) => !omit?.includes(s2));
   return /* @__PURE__ */ jsxs("nav", { "data-testid": TID.checkoutSteps, "aria-label": "Etapas do checkout", className: "mb-8", children: [
     /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-1.5 sm:gap-2", children: steps.map((step, index) => {
       const done = step < current;
       const active2 = step === current;
       const canGoBack = done && !!onGoBackTo;
       const Tag = canGoBack ? "button" : "div";
-      return /* @__PURE__ */ jsxs("li", { className: "flex min-w-0 flex-1 items-center gap-1.5 sm:gap-2", children: [
+      return (
+        // `flex-1` só em quem TEM traço. O último passo não tem, e com
+        // flex-1 ele reservava uma fatia inteira para desenhar apenas a
+        // bolinha — que então parava no começo da fatia em vez do fim, e a
+        // régua saía torta. Sem flex-1, o traço absorve a sobra e as
+        // bolinhas encostam nas pontas.
         /* @__PURE__ */ jsxs(
-          Tag,
+          "li",
           {
-            ...canGoBack ? { type: "button", onClick: () => onGoBackTo(step) } : {},
-            "data-testid": TID.checkoutStep(step),
-            "data-state": done ? "done" : active2 ? "current" : "pending",
-            "aria-current": active2 ? "step" : void 0,
-            className: [
-              "flex min-w-0 items-center gap-2 rounded-lg px-2 py-1.5 text-left transition",
-              canGoBack ? "hover:bg-muted" : "",
-              active2 ? "text-foreground" : done ? "text-foreground" : "text-muted-foreground"
-            ].join(" "),
+            className: `flex min-w-0 items-center gap-1.5 sm:gap-2 ${index < steps.length - 1 ? "flex-1" : ""}`,
             children: [
-              /* @__PURE__ */ jsx(
-                "span",
+              /* @__PURE__ */ jsxs(
+                Tag,
                 {
+                  ...canGoBack ? { type: "button", onClick: () => onGoBackTo(step) } : {},
+                  "data-testid": TID.checkoutStep(step),
+                  "data-state": done ? "done" : active2 ? "current" : "pending",
+                  "aria-current": active2 ? "step" : void 0,
                   className: [
-                    "grid h-7 w-7 shrink-0 place-items-center rounded-full border text-xs font-semibold",
-                    done ? "border-primary bg-primary text-primary-foreground" : active2 ? "border-primary bg-background text-primary" : "border-muted-foreground/30 bg-background"
+                    "flex min-w-0 items-center gap-2 rounded-lg px-2 py-1.5 text-left transition",
+                    canGoBack ? "hover:bg-muted" : "",
+                    active2 ? "text-foreground" : done ? "text-foreground" : "text-muted-foreground"
                   ].join(" "),
-                  children: done ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) : step
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: [
+                          "grid h-7 w-7 shrink-0 place-items-center rounded-full border text-xs font-semibold",
+                          done ? "border-primary bg-primary text-primary-foreground" : active2 ? "border-primary bg-background text-primary" : "border-muted-foreground/30 bg-background"
+                        ].join(" "),
+                        children: done ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) : index + 1
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: `hidden truncate text-sm sm:inline ${active2 ? "font-semibold" : ""}`, children: LABELS2[step] })
+                  ]
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: `hidden truncate text-sm sm:inline ${active2 ? "font-semibold" : ""}`, children: LABELS2[step] })
+              index < steps.length - 1 && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: `h-px flex-1 ${done ? "bg-primary" : "bg-border"}` })
             ]
-          }
-        ),
-        index < steps.length - 1 && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: `h-px flex-1 ${done ? "bg-primary" : "bg-border"}` })
-      ] }, step);
+          },
+          step
+        )
+      );
     }) }),
     /* @__PURE__ */ jsxs("p", { className: "mt-2 text-sm font-semibold sm:hidden", children: [
-      current,
+      steps.indexOf(current) + 1,
       ". ",
       LABELS2[current]
     ] })
@@ -7844,13 +8021,13 @@ function CardBrick({ publicKey, amount, email, onSubmit, onError }) {
 var POLL_MS = 3e3;
 var RESUME_KEY = "fz.checkout.resume";
 function useExpiry(expiresAt) {
-  const target = React4.useMemo(() => {
+  const target = React37.useMemo(() => {
     if (!expiresAt) return null;
     const t = new Date(expiresAt).getTime();
     return Number.isFinite(t) ? t : null;
   }, [expiresAt]);
-  const [now, setNow] = React4.useState(() => Date.now());
-  React4.useEffect(() => {
+  const [now, setNow] = React37.useState(() => Date.now());
+  React37.useEffect(() => {
     if (target === null) return;
     const id = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(id);
@@ -8396,7 +8573,7 @@ var PAYMENT_LABELS = {
   other: { label: "Combinar com a loja", hint: "A loja entra em contato para acertar o pagamento" }
 };
 function placeOrderMessage(err) {
-  const message = errorMessage(err);
+  const message = errorMessage5(err);
   if (/customer (email mismatch|does not belong|belongs to another)/i.test(message)) {
     return "Sua sess\xE3o ficou presa a outro cadastro. Recarregue a p\xE1gina e tente de novo.";
   }
@@ -8408,9 +8585,16 @@ function placeOrderMessage(err) {
   }
   return message.replace(/^shop_[a-z_]+:\s*/i, "") || "N\xE3o foi poss\xEDvel concluir o pedido.";
 }
+var DEV_BUILD = (() => {
+  try {
+    return import.meta.env?.DEV === true;
+  } catch {
+    return false;
+  }
+})();
 function field(label, testId, value, onChange, props) {
   return /* @__PURE__ */ jsxs("label", { className: "block", children: [
-    /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-xs font-medium text-muted-foreground", children: label }),
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -8470,7 +8654,7 @@ function CheckoutPage() {
     district: "",
     state: ""
   });
-  React4.useEffect(() => {
+  React37.useEffect(() => {
     if (!known.ready) return;
     setForm((current) => ({
       ...current,
@@ -8486,6 +8670,26 @@ function CheckoutPage() {
     }));
   }, [known.ready, known.phone, known.document, known.address]);
   const [step, setStep] = useState(resume ? 3 : 1);
+  const fulfillmentType = useDeliveryStore((s2) => s2.fulfillmentType);
+  const scheduledFor = useDeliveryStore((s2) => s2.scheduledFor);
+  const deliveryReference = useDeliveryStore((s2) => {
+    const kept = s2.savedAddresses.find((a) => a.id === s2.selectedAddressId);
+    return kept?.reference?.trim() || "";
+  });
+  const isPickup = fulfillmentType === "pickup";
+  const [dbPickup, setDbPickup] = useState(null);
+  useEffect(() => {
+    if (!isPickup) return;
+    let alive = true;
+    void (async () => {
+      const settings = await getShopProvider().getPublicStoreSettings?.().catch(() => null);
+      if (alive && settings?.pickupAddress) setDbPickup(settings.pickupAddress);
+    })();
+    return () => {
+      alive = false;
+    };
+  }, [isPickup]);
+  const pickupAddress = dbPickup ?? config.delivery?.pickupAddress ?? null;
   const [paidOrderId, setPaidOrderId] = useState(null);
   const [error, setError] = useState(null);
   const [discountCode, setDiscountCode] = useState("");
@@ -8494,14 +8698,15 @@ function CheckoutPage() {
   const [applyingDiscount, setApplyingDiscount] = useState(false);
   const [showSignin, setShowSignin] = useState(false);
   const [placing, setPlacing] = useState(false);
-  const leaving = React4.useRef(false);
+  const leaving = React37.useRef(false);
   const [zipLookup, setZipLookup] = useState("idle");
   const subtotal = selectSubtotal(cart);
   const discountTotal = selectDiscountTotal(cart);
-  const shipping = selectShipping(cart, config);
-  const total = selectTotal(cart, config);
+  const shippingRaw = selectShipping(cart, config);
+  const shipping = isPickup ? 0 : shippingRaw;
+  const total = selectTotal(cart, config) - (isPickup ? shippingRaw : 0);
   const checkoutSlotContext = { subtotal, total };
-  const checkoutSessionInput = React4.useMemo(() => ({
+  const checkoutSessionInput = React37.useMemo(() => ({
     items: cart.lines.map((line) => ({
       productId: line.productId,
       variantId: line.variantId ?? null,
@@ -8651,10 +8856,23 @@ function CheckoutPage() {
   }, [session.customerId]);
   useEffect(() => {
     if (addressMode !== "new") return;
+    const kept = delivery.savedAddresses.find((a) => a.id === delivery.selectedAddressId);
     const looked = delivery.address;
-    if (!looked) return;
+    if (!kept && !looked) return;
     setForm((current) => {
       if (current.zip.trim() || current.street.trim()) return current;
+      if (kept) {
+        return {
+          ...current,
+          zip: formatPostalCode(kept.postalCode),
+          street: kept.street,
+          number: kept.number,
+          complement: kept.complement ?? "",
+          district: kept.district,
+          city: kept.city,
+          state: kept.state
+        };
+      }
       return {
         ...current,
         zip: formatPostalCode(looked.postalCode),
@@ -8664,7 +8882,7 @@ function CheckoutPage() {
         state: looked.state
       };
     });
-  }, [delivery.address, addressMode]);
+  }, [delivery.address, delivery.savedAddresses, delivery.selectedAddressId, addressMode]);
   function applySavedAddress(address) {
     setAddressMode("saved");
     setSelectedAddressId(address.id);
@@ -8724,6 +8942,7 @@ function CheckoutPage() {
   }
   function validateDelivery() {
     setError(null);
+    if (isPickup) return true;
     if (!selectRequiresShipping(cart)) return true;
     if (!form.street.trim() || !form.city.trim() || !form.zip.trim() || !form.district.trim()) {
       return fail("Preencha ou selecione o endere\xE7o de entrega.", TID.checkoutStreet);
@@ -8748,13 +8967,33 @@ function CheckoutPage() {
     setStep(next);
     if (typeof window !== "undefined") window.scrollTo({ top: 0, behavior: "smooth" });
   }
+  function orderAddress() {
+    if (isPickup && pickupAddress) {
+      return {
+        ...pickupAddress,
+        phone: form.phone.trim() || void 0,
+        document: documentDigits(form.document) || void 0
+      };
+    }
+    return {
+      postalCode: form.zip.trim(),
+      street: form.street.trim(),
+      number: form.number.trim() || void 0,
+      complement: form.complement.trim() || void 0,
+      district: form.district.trim() || void 0,
+      city: form.city.trim(),
+      state: form.state.trim().toUpperCase(),
+      phone: form.phone.trim() || void 0,
+      document: documentDigits(form.document) || void 0
+    };
+  }
   function advance() {
     if (step === 1 && validateContact()) {
       void getShopProvider().saveCustomerContact?.({
         phone: form.phone.trim() || null,
         document: documentDigits(form.document) || null
       });
-      goToStep(2);
+      goToStep(isPickup ? 3 : 2);
     } else if (step === 2 && validateDelivery()) goToStep(3);
   }
   async function confirmWithoutCharge() {
@@ -8766,21 +9005,26 @@ function CheckoutPage() {
         cart,
         session,
         customer: { email: form.email, name: form.name },
-        address: { street: form.street, city: form.city, zip: form.zip },
-        shippingAddress: {
-          postalCode: form.zip.trim(),
-          street: form.street.trim(),
-          number: form.number.trim() || void 0,
-          complement: form.complement.trim() || void 0,
-          district: form.district.trim() || void 0,
-          city: form.city.trim(),
-          state: form.state.trim().toUpperCase(),
-          phone: form.phone.trim() || void 0,
-          // Viaja no endereço porque a assinatura do shop_place_order não pode
-          // ganhar parâmetro sem DROP (0050); uma trigger o levanta para a
-          // coluna e o tira do jsonb, então nunca vira linha de endereço.
-          document: documentDigits(form.document) || void 0
+        // `notes` é o recado do comprador para a loja, e o ponto de referência
+        // é exatamente isso: "portão azul, ao lado da padaria" não cabe em
+        // nenhum campo estruturado do endereço e é o que o entregador lê.
+        address: {
+          street: form.street,
+          city: form.city,
+          zip: form.zip,
+          notes: deliveryReference || void 0
         },
+        // Viaja com o `document` dentro: a assinatura do shop_place_order não
+        // pode ganhar parâmetro sem DROP (0050), e uma trigger o levanta para a
+        // coluna. Na retirada este endereço é o balcão — ver orderAddress().
+        shippingAddress: orderAddress(),
+        // Entrega/retirada e agendamento (0094) vão AQUI porque esta tela chama
+        // placeStorefrontOrder direto, sem passar pelo useCheckout — e sem esta
+        // linha o pedido nascia sem `fulfillment_type`, com a retirada
+        // indistinguível de uma entrega e o frete cobrado assim mesmo. Foi um
+        // pedido de teste real (#1379) que mostrou isso.
+        fulfillmentType,
+        scheduledFor: scheduledFor ?? void 0,
         paymentMethod
       });
       if (customerId) session.setSession({ customerId, email: form.email, name: form.name });
@@ -8813,6 +9057,7 @@ function CheckoutPage() {
         TID.checkoutDocument
       );
     }
+    if (isPickup) return true;
     if (!form.street.trim() || !form.city.trim() || !form.zip.trim() || !form.district.trim()) {
       return fail("Preencha ou selecione o endere\xE7o de entrega.", TID.checkoutStreet);
     }
@@ -8860,7 +9105,8 @@ function CheckoutPage() {
           CheckoutSteps,
           {
             current: step,
-            onGoBackTo: step === 4 ? void 0 : (target) => goToStep(target)
+            omit: isPickup ? [2] : void 0,
+            onGoBackTo: step === 4 ? void 0 : (target) => goToStep(isPickup && target === 2 ? 1 : target)
           }
         ),
         /* @__PURE__ */ jsxs(
@@ -9092,6 +9338,27 @@ function CheckoutPage() {
                     }
                   ),
                   /* @__PURE__ */ jsx("p", { className: "mt-2 text-center text-xs text-muted-foreground", children: "O pedido fica aguardando pagamento at\xE9 a loja confirmar." })
+                ] }),
+                DEV_BUILD && chargesOnline && /* @__PURE__ */ jsxs("div", { className: "mt-6 rounded-xl border border-dashed border-amber-500/60 bg-amber-500/5 p-4", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-amber-600", children: "Somente em desenvolvimento" }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "data-testid": TID.devPlaceOrderWithoutCharge,
+                      disabled: placing,
+                      onClick: () => {
+                        void confirmWithoutCharge();
+                      },
+                      className: "mt-2 min-h-11 w-full rounded-lg border border-amber-500/60 px-4 py-2.5 text-sm font-medium text-amber-700 transition hover:bg-amber-500/10 disabled:opacity-60",
+                      children: `Criar pedido sem cobrar \u2014 ${money(total)}`
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("p", { className: "mt-2 text-xs text-muted-foreground", children: [
+                    "Pula o adquirente e grava o pedido como ",
+                    /* @__PURE__ */ jsx("code", { children: "pending" }),
+                    ", igual a uma loja que confirma o pagamento \xE0 m\xE3o. Este bloco n\xE3o vai para produ\xE7\xE3o."
+                  ] })
                 ] })
               ] }),
               step === 4 && paidOrderId && /* @__PURE__ */ jsxs("section", { "data-testid": TID.checkoutDone, className: "rounded-xl border bg-card p-8 text-center", children: [
@@ -9116,7 +9383,7 @@ function CheckoutPage() {
                     type: "submit",
                     "data-testid": TID.checkoutContinue,
                     className: "min-h-12 rounded-lg bg-primary px-6 py-4 text-sm font-bold text-primary-foreground transition hover:opacity-90",
-                    children: step === 1 ? "Continuar para a entrega" : `Ir para o pagamento - ${money(total)}`
+                    children: step === 1 ? isPickup ? `Ir para o pagamento - ${money(total)}` : "Continuar para a entrega" : `Ir para o pagamento - ${money(total)}`
                   }
                 ),
                 step === 2 && /* @__PURE__ */ jsx(
@@ -9133,12 +9400,7 @@ function CheckoutPage() {
               ] })
             ]
           }
-        ),
-        /* @__PURE__ */ jsxs("footer", { className: "mt-10 flex flex-wrap gap-4 border-t pt-5 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(Link, { to: "/privacy", className: "hover:text-foreground", children: "Privacidade" }),
-          /* @__PURE__ */ jsx(Link, { to: "/terms", className: "hover:text-foreground", children: "Termos" }),
-          /* @__PURE__ */ jsx(Link, { to: "/refunds", className: "hover:text-foreground", children: "Trocas e devolu\xE7\xF5es" })
-        ] })
+        )
       ] }),
       /* @__PURE__ */ jsxs("aside", { className: "rounded-xl border bg-muted/20 p-5 lg:sticky lg:top-6 lg:col-span-2 lg:self-start", children: [
         /* @__PURE__ */ jsx("h2", { className: "sr-only", children: "Resumo do pedido" }),
@@ -9150,7 +9412,12 @@ function CheckoutPage() {
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsx("p", { className: "truncate font-medium", children: line.name }),
             line.sku && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: line.sku }),
-            line.optionsLabel && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: line.optionsLabel })
+            line.optionsLabel && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: line.optionsLabel }),
+            line.notes && /* @__PURE__ */ jsxs("p", { className: "text-xs italic text-muted-foreground", children: [
+              "\u201C",
+              line.notes,
+              "\u201D"
+            ] })
           ] }),
           /* @__PURE__ */ jsx("span", { "data-price": (line.unitPrice * line.quantity).toFixed(2), children: money(line.unitPrice * line.quantity) })
         ] }, line.lineId ?? line.productId)) }),
@@ -9216,7 +9483,7 @@ function CheckoutPage() {
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
             /* @__PURE__ */ jsxs("dt", { className: cart.discountFreeShipping ? "text-emerald-700" : "text-muted-foreground", children: [
-              "Entrega",
+              isPickup ? "Retirada na loja" : "Entrega",
               cart.discountFreeShipping && /* @__PURE__ */ jsxs(
                 "button",
                 {
@@ -9231,7 +9498,7 @@ function CheckoutPage() {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx("dd", { "data-price": shipping.toFixed(2), children: shipping === 0 ? "Gr\xE1tis" : money(shipping) })
+            /* @__PURE__ */ jsx("dd", { "data-price": shipping.toFixed(2), children: isPickup ? "Sem taxa" : shipping === 0 ? "Gr\xE1tis" : money(shipping) })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex justify-between border-t pt-5 text-lg font-bold", children: [
             /* @__PURE__ */ jsx("dt", { children: "Total" }),
@@ -9243,159 +9510,1447 @@ function CheckoutPage() {
           "Compra protegida e dados criptografados."
         ] }),
         /* @__PURE__ */ jsx("div", { className: "mt-6 border-t pt-5", children: /* @__PURE__ */ jsx(Slot, { area: "checkout", name: "afterForm", context: checkoutSlotContext }) })
+      ] }),
+      /* @__PURE__ */ jsxs("footer", { className: "flex flex-wrap gap-4 border-t pt-5 text-xs text-muted-foreground lg:col-span-5", children: [
+        /* @__PURE__ */ jsx(Link, { to: "/privacy", className: "hover:text-foreground", children: "Privacidade" }),
+        /* @__PURE__ */ jsx(Link, { to: "/terms", className: "hover:text-foreground", children: "Termos" }),
+        /* @__PURE__ */ jsx(Link, { to: "/refunds", className: "hover:text-foreground", children: "Trocas e devolu\xE7\xF5es" })
       ] })
     ] })
   ] });
 }
-
-// src/data/order-status.ts
-var FINANCIAL = {
-  pending: { label: "Pendente", tone: "pending" },
-  paid: { label: "Pago", tone: "positive" },
-  partially_paid: { label: "Parcialmente pago", tone: "pending" },
-  partially_refunded: { label: "Parcialmente reembolsado", tone: "negative" },
-  refunded: { label: "Reembolsado", tone: "negative" },
-  voided: { label: "Cancelado", tone: "negative" }
-};
-var TONE_CLASS = {
-  positive: "bg-emerald-100 text-emerald-800",
-  pending: "bg-amber-100 text-amber-800",
-  negative: "bg-rose-100 text-rose-800"
-};
-function financialStatusBadge(status) {
-  const entry = FINANCIAL[status] ?? { label: status, tone: "pending" };
-  return { label: entry.label, className: TONE_CLASS[entry.tone] };
-}
-function isPaid(status) {
-  return status === "paid" || status === "partially_paid";
+function selectIsOpen(state) {
+  if (!state.service) return true;
+  if (!state.service.configured) return true;
+  return state.service.open;
 }
-function isRefunded(status) {
-  return status === "refunded" || status === "partially_refunded";
+function selectShowsHours(state) {
+  return Boolean(state.service?.configured);
 }
-function orderTrackingSteps(order) {
-  const received = {
-    id: "received",
-    label: "Pedido recebido",
-    description: `#${order.orderNumber}`,
-    state: "complete",
-    icon: Check
-  };
-  if (order.status === "cancelled" || order.financialStatus === "voided") {
-    return [
-      received,
-      { id: "payment", label: "Pedido cancelado", description: "Este pedido foi cancelado", state: "cancelled", icon: XCircle }
-    ];
+var useServiceStore = create()((set, get) => ({
+  status: "idle",
+  service: null,
+  fulfillmentType: "delivery",
+  async refresh(fulfillmentType) {
+    const type = fulfillmentType ?? get().fulfillmentType;
+    set({ status: "loading", fulfillmentType: type });
+    try {
+      const shop = getShopProvider();
+      const service = await shop?.getServiceStatus?.(type) ?? null;
+      set({ service, status: "ready" });
+    } catch {
+      set({ service: null, status: "ready" });
+    }
   }
-  if (isRefunded(order.financialStatus)) {
-    return [
-      received,
-      { id: "payment", label: "Pagamento aprovado", description: "Compra confirmada", state: "complete", icon: Check },
+}));
+
+// src/components/delivery/store-time.ts
+function storeTime(iso, timeZone, options = {}) {
+  return new Intl.DateTimeFormat("pt-BR", {
+    ...options.weekday ? { weekday: "short" } : {},
+    hour: "2-digit",
+    minute: "2-digit",
+    timeZone
+  }).format(new Date(iso));
+}
+function StoreCover({ onShowHours }) {
+  const config = useStorefrontConfig();
+  const cover = config.delivery?.coverImage;
+  const logo = config.delivery?.logoImage;
+  const locality = config.delivery?.locality;
+  const modes = config.delivery?.fulfillmentModes ?? ["delivery"];
+  const type = useDeliveryStore((s2) => s2.fulfillmentType);
+  const setFulfillmentType = useDeliveryStore((s2) => s2.setFulfillmentType);
+  const refreshService = useServiceStore((s2) => s2.refresh);
+  const service = useServiceStore();
+  const showsHours = selectShowsHours(service);
+  const open = selectIsOpen(service);
+  function choose(next) {
+    setFulfillmentType(next);
+    void refreshService(next);
+  }
+  return /* @__PURE__ */ jsxs("header", { "data-testid": TID.storeCover, className: "relative isolate bg-neutral-900 text-white", children: [
+    cover && /* @__PURE__ */ jsx(
+      "img",
       {
-        id: "refund",
-        label: order.financialStatus === "refunded" ? "Reembolsado" : "Reembolso parcial",
-        description: "Valor devolvido ao cliente",
-        state: "cancelled",
-        icon: RotateCcw
+        src: cover,
+        alt: "",
+        "aria-hidden": true,
+        className: "absolute inset-0 -z-10 h-full w-full object-cover"
       }
-    ];
-  }
-  const paid = isPaid(order.financialStatus);
-  const partiallyFulfilled = order.fulfillmentStatus === "partially_fulfilled";
-  const fulfilled = order.fulfillmentStatus === "fulfilled";
-  return [
-    received,
-    {
-      id: "payment",
-      label: paid ? "Pagamento aprovado" : "Aguardando pagamento",
-      // "Processando" descrevia um pagamento que ninguém iniciou.
-      description: paid ? "Compra confirmada" : "Ainda n\xE3o recebemos",
-      state: paid ? "complete" : "current",
-      icon: paid ? Check : Clock
-    },
-    {
-      id: "preparing",
-      label: "Preparando envio",
-      description: paid ? "Separando produtos" : "Come\xE7a ap\xF3s o pagamento",
-      state: fulfilled || partiallyFulfilled ? "complete" : paid ? "current" : "pending",
-      icon: PackageCheck
-    },
-    {
-      id: "delivery",
-      label: fulfilled ? "Pedido enviado" : partiallyFulfilled ? "Envio parcial" : "Entrega",
-      description: fulfilled ? "A caminho do cliente" : partiallyFulfilled ? "Parte do pedido saiu" : "Pr\xF3xima etapa",
-      state: fulfilled ? "complete" : partiallyFulfilled ? "current" : "pending",
-      icon: fulfilled || partiallyFulfilled ? Truck : Clock
-    }
-  ];
-}
-var GRID_COLS = {
-  2: "sm:grid-cols-2",
-  3: "sm:grid-cols-3",
-  4: "sm:grid-cols-4"
-};
-function OrderTrackingTimeline({ order, compact: compact2 = false }) {
-  const steps = orderTrackingSteps(order);
-  return /* @__PURE__ */ jsx(
-    "ol",
-    {
-      "data-testid": TID.orderTracking,
-      className: `grid ${compact2 ? "gap-2" : "gap-3"} ${GRID_COLS[steps.length] ?? "sm:grid-cols-4"}`,
-      "aria-label": "Acompanhamento do pedido",
-      children: steps.map((step) => {
-        const Icon2 = step.icon;
-        const cancelled = step.state === "cancelled";
-        const done = step.state === "complete";
-        const current = step.state === "current";
-        const active2 = done || current;
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "absolute inset-0 -z-10 bg-gradient-to-b from-black/30 via-black/45 to-black/75"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-3xl px-4 pb-4 pt-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 [text-shadow:0_1px_3px_rgb(0_0_0_/_0.7)]", children: [
+        /* @__PURE__ */ jsx("div", { className: "grid h-14 w-14 shrink-0 place-items-center overflow-hidden rounded-xl bg-white/10 ring-1 ring-white/20", children: logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: "", "aria-hidden": true, className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx("span", { className: "text-xl font-bold", children: config.name.slice(0, 1) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("h1", { className: "truncate text-xl font-bold leading-tight", children: config.name }),
+          locality && /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-white/70", children: locality }),
+          showsHours && service.service && // O estado é o botão que abre a placa da porta. Um selo que diz
+          // "Fechado" e não leva a lugar nenhum deixa a pessoa sem a única
+          // pergunta seguinte que ela tem: então quando abre?
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "data-testid": TID.serviceStatus,
+              "data-open": open ? "true" : "false",
+              onClick: onShowHours,
+              className: "mt-0.5 flex items-center gap-1.5 text-sm font-semibold underline-offset-2 hover:underline",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: `h-2 w-2 rounded-full ${open ? "bg-emerald-400" : "bg-red-400"}`
+                  }
+                ),
+                open ? /* @__PURE__ */ jsx(OpenUntil, {}) : /* @__PURE__ */ jsx(ClosedUntil, {})
+              ]
+            }
+          )
+        ] })
+      ] }),
+      modes.length > 1 && /* @__PURE__ */ jsx("div", { className: "mt-4 flex gap-1", children: modes.map((mode) => {
+        const active2 = type === mode;
         return /* @__PURE__ */ jsx(
-          "li",
+          "button",
           {
-            "data-testid": TID.orderTrackingStep(step.id),
-            "data-state": step.state,
-            className: [
-              "relative min-w-0 rounded-xl border p-3",
-              cancelled ? "border-rose-200 bg-rose-50 text-rose-700" : active2 ? "border-primary/35 bg-primary/5" : "bg-muted/20 text-muted-foreground",
-              compact2 ? "text-xs" : "text-sm"
-            ].join(" "),
-            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: [
-                    "grid h-7 w-7 shrink-0 place-items-center rounded-full border",
-                    cancelled ? "border-rose-300 bg-rose-500 text-white" : done ? "border-primary bg-primary text-primary-foreground" : current ? "border-primary bg-background text-primary" : "border-muted-foreground/30 bg-background"
-                  ].join(" "),
-                  "aria-hidden": true,
-                  children: /* @__PURE__ */ jsx(Icon2, { className: "h-3.5 w-3.5" })
-                }
-              ),
-              /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx("span", { className: "block font-semibold leading-snug text-foreground", children: step.label }),
-                /* @__PURE__ */ jsx("span", { className: "mt-0.5 block leading-snug text-muted-foreground", children: step.description })
-              ] })
-            ] })
+            type: "button",
+            "data-testid": TID.fulfillmentMode(mode),
+            "aria-pressed": active2,
+            onClick: () => choose(mode),
+            className: `rounded-full px-5 py-2 text-sm font-semibold transition ${active2 ? "bg-white text-neutral-900" : "text-white/80"}`,
+            children: mode === "pickup" ? "Retirada" : "Entrega"
           },
-          step.id
+          mode
         );
-      })
-    }
-  );
+      }) })
+    ] })
+  ] });
 }
-
-// src/components/account/section.ts
-var ACCOUNT_SECTIONS = [
-  "profile",
-  "orders",
-  "addresses",
-  "payments"
-];
-var DEFAULT_ACCOUNT_SECTION = "orders";
-function isAccountSection(value) {
-  return ACCOUNT_SECTIONS.includes(value);
+function OpenUntil() {
+  const service = useServiceStore((s2) => s2.service);
+  if (!service) return null;
+  return /* @__PURE__ */ jsxs("span", { children: [
+    "Aberto",
+    service.closesAt ? ` at\xE9 ${storeTime(service.closesAt, service.timezone)}` : ""
+  ] });
 }
-function parseAccountSection(path) {
-  const query = path.split("?")[1];
-  if (!query) return DEFAULT_ACCOUNT_SECTION;
+function ClosedUntil() {
+  const service = useServiceStore((s2) => s2.service);
+  if (!service) return null;
+  return /* @__PURE__ */ jsxs("span", { children: [
+    "Fechado",
+    service.nextOpenAt ? ` \u2022 abre ${storeTime(service.nextOpenAt, service.timezone, { weekday: true })}` : ""
+  ] });
+}
+function AddressStrip({
+  onChangeAddress,
+  onSchedule
+}) {
+  const config = useStorefrontConfig();
+  const scheduling = config.delivery?.scheduling ?? false;
+  const timezone = useServiceStore((s2) => s2.service?.timezone) ?? "America/Sao_Paulo";
+  const delivery = useDeliveryStore();
+  const type = delivery.fulfillmentType;
+  const isPickup = type === "pickup";
+  const money = (v) => formatMoney(v, config.currency, config.locale);
+  const option = delivery.options.find((o) => o.zoneId === delivery.selectedZoneId) ?? delivery.options[0];
+  const chosen = delivery.savedAddresses.find((a) => a.id === delivery.selectedAddressId);
+  const pickup = config.delivery?.pickupAddress;
+  const feeLine = isPickup ? "Sem taxa de entrega" : option ? option.free ? "Entrega gr\xE1tis" : money(option.rate) : `A partir de ${money(config.shipping.flatRate)}`;
+  const etaLine = option?.etaMaxDays != null ? ` \u2022 at\xE9 ${option.etaMaxDays} dia(s)` : "";
+  return /* @__PURE__ */ jsxs("div", { "data-testid": TID.addressStrip, className: "border-b border-border bg-background", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: isPickup ? void 0 : onChangeAddress,
+        disabled: isPickup,
+        className: "mx-auto flex w-full max-w-3xl items-center gap-3 px-4 py-3 text-left disabled:cursor-default",
+        children: [
+          isPickup ? /* @__PURE__ */ jsx(Store, { className: "h-6 w-6 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsx(Bike, { className: "h-6 w-6 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: isPickup ? "Retirar na loja" : `Entregar em${etaLine} \u2022 ${feeLine}` }),
+            /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold", children: isPickup ? pickup ? `${pickup.street}${pickup.number ? `, ${pickup.number}` : ""}` : "Sem taxa de entrega" : chosen ? `${chosen.street}, ${chosen.number}${chosen.label ? ` \xB7 ${chosen.label}` : ""}` : delivery.address ? `${delivery.address.street}${delivery.address.district ? `, ${delivery.address.district}` : ""}` : "Selecionar endere\xE7o" })
+          ] }),
+          !isPickup && /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5 shrink-0 text-muted-foreground" })
+        ]
+      }
+    ),
+    scheduling && onSchedule && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onSchedule,
+        className: "mx-auto flex w-full max-w-3xl items-center gap-3 border-t border-border px-4 py-2.5 text-left",
+        children: [
+          /* @__PURE__ */ jsx(Clock, { className: "h-5 w-5 shrink-0 text-muted-foreground" }),
+          delivery.scheduledFor ? /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold", children: [
+            "Agendado \u2022",
+            " ",
+            new Intl.DateTimeFormat("pt-BR", {
+              weekday: "short",
+              day: "2-digit",
+              month: "2-digit",
+              hour: "2-digit",
+              minute: "2-digit",
+              timeZone: timezone
+            }).format(new Date(delivery.scheduledFor))
+          ] }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Agendar para depois" }),
+          /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-5 w-5 shrink-0 text-muted-foreground" })
+        ]
+      }
+    )
+  ] });
+}
+function MenuToolbar({
+  sections,
+  query,
+  onQuery,
+  autoFocusSearch
+}) {
+  const inputRef = React37.useRef(null);
+  const [active2, setActive] = React37.useState(null);
+  React37.useEffect(() => {
+    setActive(
+      (current) => current && sections.some((s2) => s2.slug === current) ? current : sections[0]?.slug ?? null
+    );
+  }, [sections]);
+  React37.useEffect(() => {
+    if (autoFocusSearch) inputRef.current?.focus();
+  }, [autoFocusSearch]);
+  React37.useEffect(() => {
+    if (typeof IntersectionObserver === "undefined") return;
+    const seen = /* @__PURE__ */ new Map();
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          const slug = entry.target.getAttribute("data-section-slug");
+          if (slug) seen.set(slug, entry.isIntersecting);
+        }
+        const first = sections.find((s2) => seen.get(s2.slug));
+        if (first) setActive(first.slug);
+      },
+      // A faixa é a parte da tela logo abaixo da barra: uma seção "ativa" é a
+      // que está sob os olhos, não a que encostou no rodapé.
+      { rootMargin: "-140px 0px -65% 0px", threshold: 0 }
+    );
+    for (const section of sections) {
+      const el = document.getElementById(`menu-${section.slug}`);
+      if (el) observer.observe(el);
+    }
+    return () => observer.disconnect();
+  }, [sections]);
+  function jumpTo(slug) {
+    setActive(slug);
+    document.getElementById(`menu-${slug}`)?.scrollIntoView({ behavior: "smooth", block: "start" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-30 border-b border-border bg-background/95 backdrop-blur", children: [
+    /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-3xl px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        Search,
+        {
+          "aria-hidden": true,
+          className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          inputMode: "search",
+          autoComplete: "off",
+          "data-testid": TID.menuSearch,
+          value: query,
+          onChange: (e) => onQuery(e.target.value),
+          placeholder: "Buscar no card\xE1pio",
+          "aria-label": "Buscar no card\xE1pio",
+          className: "h-11 w-full rounded-full border border-border bg-muted/40 pl-9 pr-9 text-base"
+        }
+      ),
+      query && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onQuery(""),
+          "aria-label": "Limpar busca",
+          className: "absolute right-2 top-1/2 grid h-8 w-8 -translate-y-1/2 place-items-center rounded-full",
+          children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+        }
+      )
+    ] }) }),
+    !query && sections.length > 1 && /* @__PURE__ */ jsx(
+      "nav",
+      {
+        "data-testid": TID.menuCategoryNav,
+        "aria-label": "Categorias",
+        className: "mx-auto w-full max-w-3xl overflow-x-auto pb-3 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        children: /* @__PURE__ */ jsx("ul", { className: "flex w-max gap-2 px-4", children: sections.map((section) => {
+          const on = active2 === section.slug;
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-testid": TID.menuCategoryLink(section.slug),
+              "aria-current": on ? "true" : void 0,
+              onClick: () => jumpTo(section.slug),
+              className: `whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium transition ${on ? "bg-foreground text-background" : "border border-border text-muted-foreground"}`,
+              children: section.name
+            }
+          ) }, section.id);
+        }) })
+      }
+    )
+  ] });
+}
+function MenuItemRow({
+  product,
+  onOpen,
+  onQuickAdd,
+  disabled,
+  badge,
+  accent,
+  fromPrice
+}) {
+  const config = useStorefrontConfig();
+  const money = (v) => formatMoney(v, config.currency, config.locale);
+  const image = product.images?.find((i) => i.isPrimary) ?? product.images?.[0];
+  const soldOut = product.inventoryCount <= 0;
+  const onSale = product.compareAtPrice != null && product.compareAtPrice > product.price;
+  const off = onSale ? Math.floor((product.compareAtPrice - product.price) / product.compareAtPrice * 100) : 0;
+  const dim = soldOut ? "opacity-45" : "";
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      "data-testid": TID.menuItem(product.slug),
+      className: `relative border-b border-border last:border-b-0 ${accent ? "border-l-[3px] border-l-primary pl-3" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onOpen(product),
+            "aria-label": product.name,
+            className: "absolute inset-0 z-10"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start gap-3 py-4 text-left", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("h3", { className: `text-base font-semibold leading-snug ${dim}`, children: product.name }),
+            product.description && // Três linhas: o suficiente para a frase que vende e curto o
+            // bastante para a próxima linha caber na tela.
+            /* @__PURE__ */ jsx("p", { className: `mt-1 line-clamp-3 text-sm text-muted-foreground ${dim}`, children: product.description }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-2 gap-y-1", children: [
+              /* @__PURE__ */ jsxs("span", { className: `flex flex-wrap items-baseline gap-x-2 gap-y-1 ${dim}`, children: [
+                fromPrice && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "A partir de" }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: onSale ? "font-bold text-emerald-600 dark:text-emerald-400" : "font-semibold",
+                    children: money(product.price)
+                  }
+                ),
+                onSale && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground line-through", children: money(product.compareAtPrice) }),
+                onSale && off >= 5 && // Cor sozinha não conta a promoção — o texto "-12%" conta, e é
+                // o que um leitor de tela e um olho daltônico recebem.
+                /* @__PURE__ */ jsxs("span", { className: "rounded bg-emerald-600 px-1.5 py-0.5 text-[11px] font-bold text-white", children: [
+                  "-",
+                  off,
+                  "%"
+                ] })
+              ] }),
+              onQuickAdd && !soldOut && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-testid": TID.menuQuickAdd(product.slug),
+                  onClick: () => onQuickAdd(product),
+                  disabled,
+                  "aria-label": `Adicionar ${product.name}`,
+                  className: "relative z-20 grid h-8 w-8 shrink-0 place-items-center rounded-full bg-primary text-primary-foreground disabled:opacity-40",
+                  children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
+            soldOut && /* @__PURE__ */ jsx("p", { className: "mt-1.5", children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-testid": TID.menuItemSoldOut,
+                className: "rounded bg-muted px-2 py-0.5 text-xs uppercase tracking-wide text-muted-foreground",
+                children: "Indispon\xEDvel"
+              }
+            ) })
+          ] }),
+          image && /* @__PURE__ */ jsx(
+            SmoothImage,
+            {
+              src: image.url,
+              alt: "",
+              variant: { width: 96 },
+              className: `h-24 w-24 shrink-0 rounded-lg object-cover ${soldOut ? "opacity-40 grayscale" : ""}`
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var NOTES_MAX = 250;
+function ItemSheet({
+  product,
+  onClose,
+  onAdd,
+  disabled,
+  disabledReason
+}) {
+  const config = useStorefrontConfig();
+  const money = (v) => formatMoney(v, config.currency, config.locale);
+  const groups = React37.useMemo(() => getProductOptionGroups(product), [product]);
+  const [options, setOptions] = React37.useState({});
+  const [notes, setNotes] = React37.useState("");
+  const [quantity, setQuantity] = React37.useState(1);
+  const image = product.images?.find((i) => i.isPrimary) ?? product.images?.[0];
+  const stock = product.inventoryCount;
+  const missing = groups.filter((g) => !options[g.label]);
+  const ready = missing.length === 0;
+  const unit = selectionPrice(product, options);
+  const soldOut = stock <= 0;
+  const blocked = disabled || soldOut;
+  const blockedReason = soldOut ? "Este item est\xE1 indispon\xEDvel no momento." : disabledReason;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": TID.itemSheet,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": product.name,
+      className: "fixed inset-0 z-50 flex flex-col bg-background sm:items-center sm:justify-center sm:bg-black/50 sm:p-6",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden bg-background sm:h-auto sm:max-h-[85vh] sm:max-w-lg sm:rounded-2xl", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
+          image && /* @__PURE__ */ jsx(
+            SmoothImage,
+            {
+              src: image.url,
+              alt: "",
+              variant: { width: 640 },
+              className: "h-56 w-full object-cover"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              "aria-label": "Fechar",
+              className: "absolute left-3 top-3 grid h-9 w-9 place-items-center rounded-full bg-background/90 shadow",
+              children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto pb-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "px-4 pt-4", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: product.name }),
+            stock > 0 && stock <= 20 && /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm font-medium", children: [
+              stock,
+              " unidades dispon\xEDveis"
+            ] }),
+            product.description && /* @__PURE__ */ jsx("p", { className: "mt-3 whitespace-pre-line text-sm text-muted-foreground", children: product.description })
+          ] }),
+          groups.map((group) => /* @__PURE__ */ jsx(
+            OptionGroup,
+            {
+              product,
+              group,
+              selection: options,
+              onSelect: (value) => setOptions((prev) => ({ ...prev, [group.label]: value }))
+            },
+            group.id
+          )),
+          /* @__PURE__ */ jsxs("div", { className: "mt-6 px-4", children: [
+            /* @__PURE__ */ jsx(
+              "label",
+              {
+                htmlFor: "item-sheet-notes",
+                className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
+                children: "Observa\xE7\xF5es do item"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                id: "item-sheet-notes",
+                "data-testid": TID.itemSheetNotes,
+                value: notes,
+                onChange: (e) => setNotes(e.target.value.slice(0, NOTES_MAX)),
+                rows: 3,
+                placeholder: "Ex.: sem cebola, ponto da carne\u2026",
+                className: "mt-2 w-full resize-none rounded-lg border border-border bg-transparent p-3 text-base"
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "p",
+              {
+                "data-testid": TID.itemSheetNotesCount,
+                className: "mt-1 text-right text-xs text-muted-foreground",
+                children: [
+                  notes.length,
+                  "/",
+                  NOTES_MAX
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-t border-border p-4 pb-[max(1rem,env(safe-area-inset-bottom))]", children: [
+          blocked && blockedReason && /* @__PURE__ */ jsx("p", { className: "mb-3 text-center text-sm text-muted-foreground", children: blockedReason }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-full border border-border px-2 py-1", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Menos um",
+                  onClick: () => setQuantity((q) => Math.max(1, q - 1)),
+                  className: "grid h-9 w-9 place-items-center rounded-full disabled:opacity-40",
+                  disabled: quantity <= 1,
+                  children: /* @__PURE__ */ jsx(Minus, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { "data-testid": TID.itemSheetQty, className: "min-w-4 text-center tabular-nums", children: quantity }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Mais um",
+                  onClick: () => setQuantity((q) => Math.min(stock || Infinity, q + 1)),
+                  className: "grid h-9 w-9 place-items-center rounded-full disabled:opacity-40",
+                  disabled: stock > 0 && quantity >= stock,
+                  children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "data-testid": TID.itemSheetAdd,
+                disabled: blocked || !ready,
+                onClick: () => onAdd({ quantity, options, notes: notes.trim() || void 0 }),
+                className: "flex h-12 flex-1 items-center justify-center rounded-full bg-primary px-6 text-sm font-bold uppercase tracking-wide text-primary-foreground disabled:opacity-40",
+                children: ready ? `Adicionar \u2022 ${money(unit * quantity)}` : `Escolha ${missing[0].label}`
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function OptionGroup({
+  product,
+  group,
+  selection,
+  onSelect
+}) {
+  const config = useStorefrontConfig();
+  const money = (v) => formatMoney(v, config.currency, config.locale);
+  const chosen = selection[group.label];
+  const prices = group.values.map(
+    (value) => selectionPrice(product, { ...selection, [group.label]: value })
+  );
+  const base = Math.min(...prices);
+  return /* @__PURE__ */ jsxs("section", { "data-testid": TID.itemSheetGroup(group.label), className: "mt-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "border-y border-border bg-muted/40 px-4 py-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-bold", children: group.label }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Escolha 1 op\xE7\xE3o." })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { children: group.values.map((value, index) => {
+      const delta = prices[index] - base;
+      const on = chosen === value;
+      return /* @__PURE__ */ jsx("li", { className: "border-b border-border", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": on,
+          onClick: () => onSelect(value),
+          className: "flex min-h-14 w-full items-center gap-3 px-4 py-3 text-left",
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "block text-sm", children: value }),
+              delta > 0 && /* @__PURE__ */ jsxs("span", { className: "block text-sm font-semibold", children: [
+                "+ ",
+                money(delta)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": true,
+                className: `grid h-5 w-5 shrink-0 place-items-center rounded-full border-2 ${on ? "border-primary" : "border-muted-foreground/40"}`,
+                children: on && /* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-primary" })
+              }
+            )
+          ]
+        }
+      ) }, value);
+    }) })
+  ] });
+}
+function ScheduleSheet({ onClose }) {
+  const fulfillmentType = useDeliveryStore((s2) => s2.fulfillmentType);
+  const scheduledFor = useDeliveryStore((s2) => s2.scheduledFor);
+  const setScheduledFor = useDeliveryStore((s2) => s2.setScheduledFor);
+  const timezone = useServiceStore((s2) => s2.service?.timezone) ?? "America/Sao_Paulo";
+  const [slots, setSlots] = React37.useState(null);
+  React37.useEffect(() => {
+    let alive = true;
+    void (async () => {
+      const rows = await getShopProvider()?.listScheduleSlots?.(fulfillmentType) ?? [];
+      if (alive) setSlots(rows);
+    })();
+    return () => {
+      alive = false;
+    };
+  }, [fulfillmentType]);
+  const days = React37.useMemo(() => {
+    const fmtDay = new Intl.DateTimeFormat("pt-BR", {
+      weekday: "long",
+      day: "2-digit",
+      month: "2-digit",
+      timeZone: timezone
+    });
+    const map = /* @__PURE__ */ new Map();
+    for (const slot of slots ?? []) {
+      const key = fmtDay.format(new Date(slot.startsAt));
+      const list = map.get(key) ?? [];
+      list.push(slot);
+      map.set(key, list);
+    }
+    return [...map.entries()];
+  }, [slots, timezone]);
+  const fmtTime = new Intl.DateTimeFormat("pt-BR", {
+    hour: "2-digit",
+    minute: "2-digit",
+    timeZone: timezone
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Agendar",
+      "data-testid": TID.scheduleSheet,
+      className: "fixed inset-0 z-50 flex flex-col justify-end bg-black/50 sm:items-center sm:justify-center sm:p-6",
+      children: /* @__PURE__ */ jsxs("div", { className: "max-h-[80vh] w-full overflow-hidden rounded-t-2xl bg-background sm:max-w-md sm:rounded-2xl", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-border p-4", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Agendar" }),
+          /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, "aria-label": "Fechar", className: "-mr-1 -mt-1 p-1", children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "max-h-[60vh] overflow-y-auto p-4", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setScheduledFor(null);
+                onClose();
+              },
+              "aria-pressed": !scheduledFor,
+              className: `mb-4 w-full rounded-lg border px-4 py-3 text-left text-sm ${!scheduledFor ? "border-primary font-medium" : "border-border"}`,
+              children: "O quanto antes"
+            }
+          ),
+          slots === null && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Carregando hor\xE1rios\u2026" }),
+          slots !== null && !slots.length && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "N\xE3o h\xE1 hor\xE1rios dispon\xEDveis para agendar agora." }),
+          days.map(([day, daySlots]) => /* @__PURE__ */ jsxs("div", { className: "mb-5", children: [
+            /* @__PURE__ */ jsx("h3", { className: "mb-2 text-sm font-semibold capitalize", children: day }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: daySlots.map((slot) => {
+              const active2 = scheduledFor === slot.startsAt;
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  "data-testid": TID.scheduleSlot(slot.startsAt),
+                  "aria-pressed": active2,
+                  onClick: () => {
+                    setScheduledFor(slot.startsAt);
+                    onClose();
+                  },
+                  className: `rounded-lg border px-3 py-2 text-sm ${active2 ? "border-primary font-medium" : "border-border"}`,
+                  children: [
+                    fmtTime.format(new Date(slot.startsAt)),
+                    " \u2013 ",
+                    fmtTime.format(new Date(slot.endsAt))
+                  ]
+                },
+                slot.startsAt
+              );
+            }) })
+          ] }, day))
+        ] })
+      ] })
+    }
+  );
+}
+var WEEKDAYS = ["dom", "seg", "ter", "qua", "qui", "sex", "s\xE1b"];
+function hhmm(time) {
+  return time.slice(0, 5);
+}
+function ServiceHoursModal({ onClose }) {
+  const fulfillmentType = useServiceStore((s2) => s2.fulfillmentType);
+  const [hours, setHours] = React37.useState(null);
+  React37.useEffect(() => {
+    let alive = true;
+    void (async () => {
+      const rows = await getShopProvider()?.listServiceHours?.(fulfillmentType) ?? [];
+      if (alive) setHours(rows);
+    })();
+    return () => {
+      alive = false;
+    };
+  }, [fulfillmentType]);
+  const byDay = React37.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const h of hours ?? []) {
+      const list = map.get(h.weekday) ?? [];
+      list.push(h);
+      map.set(h.weekday, list);
+    }
+    return map;
+  }, [hours]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Hor\xE1rios de funcionamento",
+      "data-testid": TID.serviceHoursModal,
+      className: "fixed inset-0 z-50 grid place-items-center bg-black/50 p-4",
+      children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm rounded-2xl bg-background p-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Hor\xE1rios de funcionamento" }),
+          /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, "aria-label": "Fechar", className: "-mr-1 -mt-1 p-1", children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) })
+        ] }),
+        hours === null && /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm text-muted-foreground", children: "Carregando\u2026" }),
+        hours !== null && /* @__PURE__ */ jsx("ul", { className: "mt-4 space-y-2 text-sm", children: WEEKDAYS.map((label, day) => {
+          const windows = byDay.get(day) ?? [];
+          return /* @__PURE__ */ jsxs("li", { className: "flex items-baseline justify-between gap-4", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: label }),
+            /* @__PURE__ */ jsx("span", { className: "text-right", children: windows.length ? windows.map((w) => `${hhmm(w.opensAt)} \xE0s ${hhmm(w.closesAt)}`).join(" \xB7 ") : (
+              // Um dia sem janela não é um erro nem um vazio: é uma
+              // informação, e escrevê-la evita que alguém volte amanhã
+              // para descobrir o mesmo.
+              "Fechado"
+            ) })
+          ] }, day);
+        }) })
+      ] })
+    }
+  );
+}
+function ClosedStoreDialog({
+  onClose,
+  onShowHours
+}) {
+  const state = useServiceStore();
+  const tz = state.service?.timezone ?? "America/Sao_Paulo";
+  const next = state.service?.nextOpenAt;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "data-testid": TID.serviceClosedGate,
+      className: "fixed inset-0 z-[60] grid place-items-center bg-black/50 p-4",
+      children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm rounded-2xl bg-background p-6 text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Nossa loja est\xE1 fechada no momento" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: next ? `Abrimos ${storeTime(next, tz, { weekday: true })}. Enquanto isso, fique \xE0 vontade para olhar o card\xE1pio.` : "Enquanto isso, fique \xE0 vontade para olhar o card\xE1pio." }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onShowHours,
+            className: "mt-5 w-full rounded-full bg-primary px-6 py-3 font-semibold text-primary-foreground",
+            children: "Ver hor\xE1rios de funcionamento"
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, className: "mt-3 w-full py-2 text-sm font-medium", children: "OK, entendi" })
+      ] })
+    }
+  );
+}
+var LABELS3 = ["Casa", "Trabalho"];
+function AddressSheet({ onClose }) {
+  const saved = useDeliveryStore((s2) => s2.savedAddresses);
+  const selectedId = useDeliveryStore((s2) => s2.selectedAddressId);
+  const selectAddress = useDeliveryStore((s2) => s2.selectAddress);
+  const removeAddress = useDeliveryStore((s2) => s2.removeAddress);
+  const subtotal = selectSubtotal(useCartStore());
+  const [adding, setAdding] = React37.useState(saved.length === 0);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Endere\xE7o de entrega",
+      "data-testid": TID.addressSheet,
+      className: "fixed inset-0 z-50 flex flex-col justify-end bg-black/50 sm:items-center sm:justify-center sm:p-6",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex max-h-[85vh] w-full flex-col overflow-hidden rounded-t-2xl bg-background sm:max-w-md sm:rounded-2xl", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-border p-4", children: [
+          adding && saved.length > 0 && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setAdding(false),
+              "aria-label": "Voltar",
+              className: "-ml-2 grid h-9 w-9 place-items-center rounded-full",
+              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" })
+            }
+          ),
+          /* @__PURE__ */ jsx("h2", { className: "flex-1 text-lg font-semibold", children: adding ? "Novo endere\xE7o" : "Onde voc\xEA quer receber?" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              "aria-label": "Fechar",
+              className: "-mr-2 grid h-9 w-9 place-items-center rounded-full",
+              children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
+            }
+          )
+        ] }),
+        adding ? /* @__PURE__ */ jsx(
+          AddressForm,
+          {
+            onDone: () => {
+              setAdding(false);
+              onClose();
+            }
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: [
+          /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: saved.map((address) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                "data-testid": TID.savedAddress(address.id),
+                "aria-pressed": selectedId === address.id,
+                onClick: () => {
+                  void selectAddress(address.id, subtotal);
+                  onClose();
+                },
+                className: `flex min-w-0 flex-1 items-start gap-3 rounded-lg border p-3 text-left ${selectedId === address.id ? "border-primary" : "border-border"}`,
+                children: [
+                  /* @__PURE__ */ jsx(MapPin, { className: "mt-0.5 h-5 w-5 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                    address.label && /* @__PURE__ */ jsx("span", { className: "block text-sm font-semibold", children: address.label }),
+                    /* @__PURE__ */ jsxs("span", { className: "block truncate text-sm", children: [
+                      address.street,
+                      ", ",
+                      address.number
+                    ] }),
+                    /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: [address.complement, address.district, address.city].filter(Boolean).join(" \xB7 ") }),
+                    address.reference && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block truncate text-xs text-muted-foreground", children: address.reference })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => removeAddress(address.id),
+                "aria-label": `Remover ${address.street}, ${address.number}`,
+                className: "mt-1 grid h-10 w-10 shrink-0 place-items-center rounded-full text-muted-foreground",
+                children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+              }
+            )
+          ] }, address.id)) }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "data-testid": TID.addressAddNew,
+              onClick: () => setAdding(true),
+              className: "mt-4 flex w-full items-center justify-center gap-2 rounded-full border border-border px-4 py-3 text-sm font-semibold",
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+                "Adicionar novo endere\xE7o"
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function AddressForm({ onDone }) {
+  const resolve = useDeliveryStore((s2) => s2.resolve);
+  const saveAddress = useDeliveryStore((s2) => s2.saveAddress);
+  const looked = useDeliveryStore((s2) => s2.address);
+  const status = useDeliveryStore((s2) => s2.status);
+  const storeError = useDeliveryStore((s2) => s2.error);
+  const refusedZone = useDeliveryStore((s2) => s2.refusedZone);
+  const subtotal = selectSubtotal(useCartStore());
+  const [cep, setCep] = React37.useState("");
+  const [number, setNumber] = React37.useState("");
+  const [complement, setComplement] = React37.useState("");
+  const [reference, setReference] = React37.useState("");
+  const [label, setLabel] = React37.useState("");
+  const [touched, setTouched] = React37.useState(false);
+  const numberRef = React37.useRef(null);
+  const digits = normalizePostalCode(cep);
+  const found = Boolean(looked) && normalizePostalCode(looked.postalCode) === digits;
+  React37.useEffect(() => {
+    if (found) numberRef.current?.focus();
+  }, [found]);
+  async function lookUp() {
+    if (digits.length !== 8) return;
+    await resolve(digits, subtotal);
+  }
+  function submit(event) {
+    event.preventDefault();
+    setTouched(true);
+    if (!found || !number.trim()) return;
+    saveAddress({
+      label: label.trim() || null,
+      postalCode: looked.postalCode,
+      street: looked.street,
+      number: number.trim(),
+      complement: complement.trim() || null,
+      reference: reference.trim() || null,
+      district: looked.district,
+      city: looked.city,
+      state: looked.state
+    });
+    onDone();
+  }
+  const numberMissing = touched && !number.trim();
+  return /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: "min-h-0 flex-1 overflow-y-auto p-4", children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: "address-cep", className: "text-sm font-medium", children: "CEP" }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "address-cep",
+          "data-testid": TID.addressCep,
+          value: cep,
+          onChange: (e) => setCep(formatPostalCode(e.target.value)),
+          onBlur: () => void lookUp(),
+          inputMode: "numeric",
+          autoComplete: "postal-code",
+          placeholder: "00000-000",
+          className: "h-12 flex-1 rounded-lg border border-border bg-transparent px-3 text-base"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => void lookUp(),
+          disabled: digits.length !== 8 || status === "loading",
+          className: "h-12 rounded-lg bg-primary px-4 text-sm font-semibold text-primary-foreground disabled:opacity-40",
+          children: status === "loading" ? "Buscando\u2026" : "Buscar"
+        }
+      )
+    ] }),
+    storeError && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-destructive", children: storeError }),
+    refusedZone && /* @__PURE__ */ jsxs("p", { className: "mt-2 text-sm text-destructive", children: [
+      "Ainda n\xE3o entregamos nessa regi\xE3o (",
+      refusedZone,
+      ")."
+    ] }),
+    found && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("p", { className: "mt-4 rounded-lg bg-muted/40 p-3 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: looked.street }),
+        /* @__PURE__ */ jsxs("span", { className: "block text-muted-foreground", children: [
+          looked.district,
+          " \xB7 ",
+          looked.city,
+          " \u2014 ",
+          looked.state
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "address-number", className: "text-sm font-medium", children: "N\xFAmero" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "address-number",
+              ref: numberRef,
+              "data-testid": TID.addressNumber,
+              value: number,
+              onChange: (e) => setNumber(e.target.value),
+              inputMode: "numeric",
+              autoComplete: "address-line2",
+              "aria-invalid": numberMissing || void 0,
+              "aria-describedby": numberMissing ? "address-number-error" : void 0,
+              className: `mt-1 h-12 w-full rounded-lg border bg-transparent px-3 text-base ${numberMissing ? "border-destructive" : "border-border"}`
+            }
+          ),
+          numberMissing && // Junto do campo e não num resumo no topo: o erro é sobre ESTE
+          // campo, e a pessoa está olhando para ele.
+          /* @__PURE__ */ jsx("p", { id: "address-number-error", className: "mt-1 text-xs text-destructive", children: "Informe o n\xFAmero." })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "address-complement", className: "text-sm font-medium", children: "Complemento" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "address-complement",
+              "data-testid": TID.addressComplement,
+              value: complement,
+              onChange: (e) => setComplement(e.target.value),
+              placeholder: "Apto, bloco\u2026",
+              className: "mt-1 h-12 w-full rounded-lg border border-border bg-transparent px-3 text-base"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "address-reference", className: "text-sm font-medium", children: "Ponto de refer\xEAncia" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: "address-reference",
+            "data-testid": TID.addressReference,
+            value: reference,
+            onChange: (e) => setReference(e.target.value),
+            placeholder: "Port\xE3o azul, ao lado da padaria",
+            className: "mt-1 h-12 w-full rounded-lg border border-border bg-transparent px-3 text-base"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("fieldset", { className: "mt-4", children: [
+        /* @__PURE__ */ jsx("legend", { className: "text-sm font-medium", children: "Salvar como" }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+          LABELS3.map((name) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": label === name,
+              onClick: () => setLabel(label === name ? "" : name),
+              className: `rounded-full px-4 py-2 text-sm font-medium ${label === name ? "bg-foreground text-background" : "border border-border text-muted-foreground"}`,
+              children: name
+            },
+            name
+          )),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: LABELS3.includes(label) ? "" : label,
+              onChange: (e) => setLabel(e.target.value),
+              placeholder: "Outro",
+              "aria-label": "Outro apelido",
+              className: "h-10 min-w-24 flex-1 rounded-full border border-border bg-transparent px-4 text-sm"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "submit",
+          "data-testid": TID.addressSave,
+          className: "mt-6 h-12 w-full rounded-full bg-primary font-semibold text-primary-foreground",
+          children: "Salvar endere\xE7o"
+        }
+      )
+    ] })
+  ] });
+}
+var HIGHLIGHT_LIMIT = 6;
+function MenuPage() {
+  const config = useStorefrontConfig();
+  const addItem = useCartStore((s2) => s2.addItem);
+  const [openProduct, setOpenProduct] = React37.useState(null);
+  const [showHours, setShowHours] = React37.useState(false);
+  const [showClosed, setShowClosed] = React37.useState(false);
+  const [showAddress, setShowAddress] = React37.useState(false);
+  const [showSchedule, setShowSchedule] = React37.useState(false);
+  const [query, setQuery] = React37.useState("");
+  const serviceState = useServiceStore();
+  const refreshService = useServiceStore((s2) => s2.refresh);
+  const isOpen = selectIsOpen(serviceState);
+  React37.useEffect(() => {
+    void refreshService();
+  }, [refreshService]);
+  const cart = useCartStore();
+  const openDrawer = useCartStore((s2) => s2.openDrawer);
+  const pushToast = useToastStore((s2) => s2.push);
+  const count = selectCount(cart);
+  const subtotal = selectSubtotal(cart);
+  function guarded(run) {
+    if (!isOpen) {
+      setShowClosed(true);
+      return;
+    }
+    run();
+  }
+  const products = useLoader("products.list", {});
+  const categories = useLoader("categories.list", {});
+  const loading = products.status === "loading" || products.status === "idle";
+  const items = products.data ?? [];
+  const cats = categories.data ?? [];
+  const allSections = React37.useMemo(() => {
+    const byCategory = /* @__PURE__ */ new Map();
+    const loose = [];
+    for (const p of items) {
+      const key = p.categoryId ?? p.categoryName ?? "";
+      if (!key) {
+        loose.push(p);
+        continue;
+      }
+      const list = byCategory.get(key) ?? [];
+      list.push(p);
+      byCategory.set(key, list);
+    }
+    const ordered = cats.map((c) => ({
+      id: c.id,
+      slug: c.slug ?? c.id,
+      name: c.name,
+      description: c.description ?? null,
+      products: byCategory.get(c.id) ?? byCategory.get(c.name) ?? []
+    })).filter((s2) => s2.products.length > 0);
+    if (loose.length) {
+      ordered.push({ id: "outros", slug: "outros", name: "Outros", description: null, products: loose });
+    }
+    if (!ordered.length && items.length) {
+      return [{ id: "todos", slug: "todos", name: "Card\xE1pio", description: null, products: items }];
+    }
+    return ordered;
+  }, [items, cats]);
+  const highlights = React37.useMemo(() => {
+    const slugs = config.delivery?.highlightSlugs;
+    if (slugs?.length) {
+      const bySlug = new Map(items.map((p) => [p.slug, p]));
+      return slugs.map((slug) => bySlug.get(slug)).filter((p) => Boolean(p)).slice(0, HIGHLIGHT_LIMIT);
+    }
+    return items.filter((p) => p.compareAtPrice != null && p.compareAtPrice > p.price && p.inventoryCount > 0).slice(0, HIGHLIGHT_LIMIT);
+  }, [items, config.delivery?.highlightSlugs]);
+  const normalized = query.trim().toLowerCase();
+  const sections = React37.useMemo(() => {
+    if (!normalized) return allSections;
+    return allSections.map((section) => ({
+      ...section,
+      products: section.products.filter(
+        (p) => p.name.toLowerCase().includes(normalized) || (p.description ?? "").toLowerCase().includes(normalized)
+      )
+    })).filter((section) => section.products.length > 0);
+  }, [allSections, normalized]);
+  const matches = sections.reduce((n, s2) => n + s2.products.length, 0);
+  function addToCart(product, quantity, options, notes) {
+    addItem(product, quantity, options, notes, { openDrawer: false });
+    pushToast({
+      title: `${quantity}\xD7 ${product.name}`,
+      description: "Adicionado ao carrinho.",
+      variant: "success",
+      action: { label: "Ver carrinho", onClick: openDrawer },
+      // Mais longo que o padrão: o aviso carrega uma decisão, e 3,4s é pouco
+      // para ler, decidir e acertar um alvo com o polegar.
+      durationMs: 5e3
+    });
+  }
+  function quickAddable(product) {
+    return getProductOptionGroups(product).length === 0;
+  }
+  function rowProps(product) {
+    return {
+      onOpen: setOpenProduct,
+      onQuickAdd: quickAddable(product) ? (p) => guarded(() => addToCart(p, 1)) : void 0,
+      // "A partir de" quando o preço mostrado é o de UMA combinação entre
+      // várias: o número na linha não é o que a pessoa vai pagar.
+      fromPrice: getProductOptionGroups(product).length > 0
+    };
+  }
+  return (
+    // pb-28 reserva o espaço da barra fixa do carrinho: conteúdo escondido
+    // atrás de um elemento fixo é a falha mais comum de barra inferior.
+    /* @__PURE__ */ jsxs("main", { "data-testid": TID.menuPage, className: "w-full pb-28", children: [
+      /* @__PURE__ */ jsx(StoreCover, { onShowHours: () => setShowHours(true) }),
+      /* @__PURE__ */ jsx(
+        AddressStrip,
+        {
+          onChangeAddress: () => setShowAddress(true),
+          onSchedule: () => setShowSchedule(true)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MenuToolbar,
+        {
+          sections: allSections,
+          query,
+          onQuery: setQuery
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-3xl px-4", children: [
+        loading && // Esqueleto e não "Carregando…": a lista aparece no lugar exato onde
+        // as caixas já estavam, sem o pulo que um texto centralizado causa.
+        /* @__PURE__ */ jsx("ul", { "aria-hidden": true, className: "animate-pulse pt-6", children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-3 border-b border-border py-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-4 w-2/3 rounded bg-muted" }),
+            /* @__PURE__ */ jsx("div", { className: "h-3 w-full rounded bg-muted" }),
+            /* @__PURE__ */ jsx("div", { className: "h-3 w-1/2 rounded bg-muted" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "h-24 w-24 shrink-0 rounded-lg bg-muted" })
+        ] }, i)) }),
+        !loading && !sections.length && /* @__PURE__ */ jsx("p", { className: "py-12 text-center text-muted-foreground", children: normalized ? `Nada no card\xE1pio para "${query.trim()}".` : "Nenhum item dispon\xEDvel no momento." }),
+        normalized && matches > 0 && /* @__PURE__ */ jsxs("p", { className: "pt-4 text-sm text-muted-foreground", children: [
+          matches,
+          " ",
+          matches === 1 ? "item encontrado" : "itens encontrados"
+        ] }),
+        !normalized && highlights.length > 0 && /* @__PURE__ */ jsxs("section", { "data-testid": TID.menuHighlights, className: "mb-10 pt-6", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold uppercase tracking-wide", children: "Destaques" }),
+          /* @__PURE__ */ jsx("ul", { className: "mt-2", children: highlights.map((product) => /* @__PURE__ */ jsx(
+            MenuItemRow,
+            {
+              product,
+              badge: product.compareAtPrice != null && product.compareAtPrice > product.price ? "Em promo\xE7\xE3o" : void 0,
+              accent: true,
+              ...rowProps(product)
+            },
+            product.id
+          )) })
+        ] }),
+        sections.map((section) => /* @__PURE__ */ jsxs(
+          "section",
+          {
+            "data-testid": TID.menuSection(section.slug),
+            "data-section-slug": section.slug,
+            className: "mb-10 scroll-mt-32",
+            id: `menu-${section.slug}`,
+            children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold uppercase tracking-wide", children: section.name }),
+              section.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: section.description }),
+              /* @__PURE__ */ jsx("ul", { className: "mt-2", children: section.products.map((product) => /* @__PURE__ */ jsx(MenuItemRow, { product, ...rowProps(product) }, product.id)) })
+            ]
+          },
+          section.id
+        ))
+      ] }),
+      openProduct && /* @__PURE__ */ jsx(
+        ItemSheet,
+        {
+          product: openProduct,
+          onClose: () => setOpenProduct(null),
+          disabled: !isOpen,
+          disabledReason: !isOpen ? "A loja est\xE1 fechada no momento." : void 0,
+          onAdd: ({ quantity, options, notes }) => {
+            guarded(() => {
+              addToCart(openProduct, quantity, options, notes);
+              setOpenProduct(null);
+            });
+          }
+        }
+      ),
+      count > 0 && /* @__PURE__ */ jsx(BottomBarSpace, {}),
+      count > 0 && /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-testid": TID.menuCartBar,
+          className: "fixed inset-x-0 bottom-0 z-40 border-t border-border bg-background p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]",
+          children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: openDrawer,
+              className: "mx-auto flex h-12 w-full max-w-3xl items-center justify-between rounded-full bg-primary px-5 font-semibold text-primary-foreground",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "grid h-7 min-w-7 place-items-center rounded-full bg-primary-foreground/20 px-2 text-sm tabular-nums", children: count }),
+                /* @__PURE__ */ jsx("span", { children: "Ver carrinho" }),
+                /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: formatMoney(subtotal, config.currency, config.locale) })
+              ]
+            }
+          )
+        }
+      ),
+      showAddress && /* @__PURE__ */ jsx(AddressSheet, { onClose: () => setShowAddress(false) }),
+      showHours && /* @__PURE__ */ jsx(ServiceHoursModal, { onClose: () => setShowHours(false) }),
+      showSchedule && /* @__PURE__ */ jsx(ScheduleSheet, { onClose: () => setShowSchedule(false) }),
+      showClosed && /* @__PURE__ */ jsx(
+        ClosedStoreDialog,
+        {
+          onClose: () => setShowClosed(false),
+          onShowHours: () => {
+            setShowClosed(false);
+            setShowHours(true);
+          }
+        }
+      )
+    ] })
+  );
+}
+function BottomBarSpace() {
+  React37.useEffect(() => {
+    const root = document.documentElement;
+    root.style.setProperty("--fayz-bottom-bar", "4.5rem");
+    return () => {
+      root.style.removeProperty("--fayz-bottom-bar");
+    };
+  }, []);
+  return null;
+}
+
+// src/data/order-status.ts
+var FINANCIAL = {
+  pending: { label: "Pendente", tone: "pending" },
+  paid: { label: "Pago", tone: "positive" },
+  partially_paid: { label: "Parcialmente pago", tone: "pending" },
+  partially_refunded: { label: "Parcialmente reembolsado", tone: "negative" },
+  refunded: { label: "Reembolsado", tone: "negative" },
+  voided: { label: "Cancelado", tone: "negative" }
+};
+var TONE_CLASS = {
+  positive: "bg-emerald-100 text-emerald-800",
+  pending: "bg-amber-100 text-amber-800",
+  negative: "bg-rose-100 text-rose-800"
+};
+function financialStatusBadge(status) {
+  const entry = FINANCIAL[status] ?? { label: status, tone: "pending" };
+  return { label: entry.label, className: TONE_CLASS[entry.tone] };
+}
+function isPaid(status) {
+  return status === "paid" || status === "partially_paid";
+}
+function isRefunded(status) {
+  return status === "refunded" || status === "partially_refunded";
+}
+function orderTrackingSteps(order) {
+  const received = {
+    id: "received",
+    label: "Pedido recebido",
+    description: `#${order.orderNumber}`,
+    state: "complete",
+    icon: Check
+  };
+  if (order.status === "cancelled" || order.financialStatus === "voided") {
+    return [
+      received,
+      { id: "payment", label: "Pedido cancelado", description: "Este pedido foi cancelado", state: "cancelled", icon: XCircle }
+    ];
+  }
+  if (isRefunded(order.financialStatus)) {
+    return [
+      received,
+      { id: "payment", label: "Pagamento aprovado", description: "Compra confirmada", state: "complete", icon: Check },
+      {
+        id: "refund",
+        label: order.financialStatus === "refunded" ? "Reembolsado" : "Reembolso parcial",
+        description: "Valor devolvido ao cliente",
+        state: "cancelled",
+        icon: RotateCcw
+      }
+    ];
+  }
+  const paid = isPaid(order.financialStatus);
+  const partiallyFulfilled = order.fulfillmentStatus === "partially_fulfilled";
+  const fulfilled = order.fulfillmentStatus === "fulfilled";
+  return [
+    received,
+    {
+      id: "payment",
+      label: paid ? "Pagamento aprovado" : "Aguardando pagamento",
+      // "Processando" descrevia um pagamento que ninguém iniciou.
+      description: paid ? "Compra confirmada" : "Ainda n\xE3o recebemos",
+      state: paid ? "complete" : "current",
+      icon: paid ? Check : Clock
+    },
+    {
+      id: "preparing",
+      label: "Preparando envio",
+      description: paid ? "Separando produtos" : "Come\xE7a ap\xF3s o pagamento",
+      state: fulfilled || partiallyFulfilled ? "complete" : paid ? "current" : "pending",
+      icon: PackageCheck
+    },
+    {
+      id: "delivery",
+      label: fulfilled ? "Pedido enviado" : partiallyFulfilled ? "Envio parcial" : "Entrega",
+      description: fulfilled ? "A caminho do cliente" : partiallyFulfilled ? "Parte do pedido saiu" : "Pr\xF3xima etapa",
+      state: fulfilled ? "complete" : partiallyFulfilled ? "current" : "pending",
+      icon: fulfilled || partiallyFulfilled ? Truck : Clock
+    }
+  ];
+}
+var GRID_COLS = {
+  2: "sm:grid-cols-2",
+  3: "sm:grid-cols-3",
+  4: "sm:grid-cols-4"
+};
+function OrderTrackingTimeline({ order, compact: compact2 = false }) {
+  const steps = orderTrackingSteps(order);
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-testid": TID.orderTracking,
+      className: `grid ${compact2 ? "gap-2" : "gap-3"} ${GRID_COLS[steps.length] ?? "sm:grid-cols-4"}`,
+      "aria-label": "Acompanhamento do pedido",
+      children: steps.map((step) => {
+        const Icon2 = step.icon;
+        const cancelled = step.state === "cancelled";
+        const done = step.state === "complete";
+        const current = step.state === "current";
+        const active2 = done || current;
+        return /* @__PURE__ */ jsx(
+          "li",
+          {
+            "data-testid": TID.orderTrackingStep(step.id),
+            "data-state": step.state,
+            className: [
+              "relative min-w-0 rounded-xl border p-3",
+              cancelled ? "border-rose-200 bg-rose-50 text-rose-700" : active2 ? "border-primary/35 bg-primary/5" : "bg-muted/20 text-muted-foreground",
+              compact2 ? "text-xs" : "text-sm"
+            ].join(" "),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: [
+                    "grid h-7 w-7 shrink-0 place-items-center rounded-full border",
+                    cancelled ? "border-rose-300 bg-rose-500 text-white" : done ? "border-primary bg-primary text-primary-foreground" : current ? "border-primary bg-background text-primary" : "border-muted-foreground/30 bg-background"
+                  ].join(" "),
+                  "aria-hidden": true,
+                  children: /* @__PURE__ */ jsx(Icon2, { className: "h-3.5 w-3.5" })
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("span", { className: "block font-semibold leading-snug text-foreground", children: step.label }),
+                /* @__PURE__ */ jsx("span", { className: "mt-0.5 block leading-snug text-muted-foreground", children: step.description })
+              ] })
+            ] })
+          },
+          step.id
+        );
+      })
+    }
+  );
+}
+
+// src/components/account/section.ts
+var ACCOUNT_SECTIONS = [
+  "profile",
+  "orders",
+  "addresses",
+  "payments"
+];
+var DEFAULT_ACCOUNT_SECTION = "orders";
+function isAccountSection(value) {
+  return ACCOUNT_SECTIONS.includes(value);
+}
+function parseAccountSection(path) {
+  const query = path.split("?")[1];
+  if (!query) return DEFAULT_ACCOUNT_SECTION;
   for (const pair of query.split("&")) {
     const [key, raw = ""] = pair.split("=");
     if (key !== "section") continue;
@@ -9509,7 +11064,7 @@ function OrderConfirmationPage({ orderId }) {
   const [loading, setLoading] = useState(true);
   const money = (v) => formatMoney(v, config.currency, config.locale);
   useStorefrontHead({ title: order ? `Pedido #${order.orderNumber} \u2014 ${config.name}` : config.name });
-  const reload = React4.useCallback(() => {
+  const reload = React37.useCallback(() => {
     let cancelled = false;
     getShopProvider().getOrder(orderId).then((o) => {
       if (!cancelled) setOrder(o);
@@ -9538,7 +11093,7 @@ function OrderConfirmationPage({ orderId }) {
       ] }, column)) }),
       /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
         /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" }),
-        /* @__PURE__ */ jsx("div", { className: "mt-3 flex items-center gap-2", children: [0, 1, 2, 3].map((node) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "mt-3 flex items-center gap-2", children: [0, 1, 2, 3].map((node) => /* @__PURE__ */ jsxs(React37.Fragment, { children: [
           /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-7 shrink-0 rounded-full" }),
           node < 3 && /* @__PURE__ */ jsx(Skeleton, { className: "h-px flex-1" })
         ] }, node)) })
@@ -9825,7 +11380,7 @@ function OrdersPanel() {
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 rounded-full" })
       ] }),
       /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-3 w-20" }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 flex items-center gap-2", children: [0, 1, 2, 3].map((node) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex items-center gap-2", children: [0, 1, 2, 3].map((node) => /* @__PURE__ */ jsxs(React37.Fragment, { children: [
         /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-6 shrink-0 rounded-full" }),
         node < 3 && /* @__PURE__ */ jsx(Skeleton, { className: "h-px flex-1" })
       ] }, node)) }),
@@ -10081,7 +11636,7 @@ function PolicyPage({ kind }) {
     ] }) })
   ] });
 }
-var StorefrontErrorBoundary = class extends React4.Component {
+var StorefrontErrorBoundary = class extends React37.Component {
   constructor() {
     super(...arguments);
     this.state = { error: null };
@@ -10138,7 +11693,19 @@ function ToastCard({ toast: toast2 }) {
         /* @__PURE__ */ jsx("span", { className: `grid h-8 w-8 shrink-0 place-items-center rounded-full ${ACCENT[toast2.variant]}`, children: /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold leading-tight", children: toast2.title }),
-          toast2.description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: toast2.description })
+          toast2.description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: toast2.description }),
+          toast2.action && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                toast2.action.onClick();
+                dismiss(toast2.id);
+              },
+              className: "mt-2 text-sm font-semibold text-primary underline underline-offset-2",
+              children: toast2.action.label
+            }
+          )
         ] }),
         /* @__PURE__ */ jsx(
           "button",
@@ -10157,14 +11724,29 @@ function ToastCard({ toast: toast2 }) {
 function Toaster() {
   const toasts = useToastStore((s2) => s2.toasts);
   if (toasts.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed bottom-4 right-4 z-[70] flex flex-col gap-2", children: toasts.map((t) => /* @__PURE__ */ jsx(ToastCard, { toast: t }, t.id)) });
+  return (
+    // `--fayz-bottom-bar` é declarada por quem TEM uma barra fixa embaixo (o
+    // cardápio, quando há carrinho). Sem isto o aviso nasce exatamente atrás
+    // dela — e o aviso que anuncia o item some debaixo do botão que leva a ele.
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "pointer-events-none fixed right-4 z-[70] flex flex-col gap-2",
+        style: { bottom: "calc(1rem + var(--fayz-bottom-bar, 0px))" },
+        children: toasts.map((t) => /* @__PURE__ */ jsx(ToastCard, { toast: t }, t.id))
+      }
+    )
+  );
 }
-function isFocusedRoute(config, path) {
+function routeChrome(config, path) {
   const match = resolveStorefrontRoute(config, path);
   if (match.kind === "custom") {
-    return match.route.chrome === "focused" || match.route.kind === "checkout";
+    if (match.route.chrome) return match.route.chrome;
+    return match.route.kind === "checkout" ? "focused" : "default";
   }
-  return match.kind === "checkout";
+  if (match.kind === "checkout") return "focused";
+  if (match.kind === "menu") return "minimal";
+  return "default";
 }
 function RouteSwitch({ path }) {
   const config = useStorefrontConfig();
@@ -10184,6 +11766,11 @@ function RouteSwitch({ path }) {
       return config.features.checkout ? /* @__PURE__ */ jsx(CheckoutPage, {}) : /* @__PURE__ */ jsx(NotFoundPage, {});
     case "account":
       return config.features.accounts ? /* @__PURE__ */ jsx(MyPurchasesPage, {}) : /* @__PURE__ */ jsx(NotFoundPage, {});
+    // O cardápio do modo delivery. A rota já só resolve dentro do modo
+    // (serving.ts testa `resolved.delivery`), então aqui não há segundo guard —
+    // dois lugares decidindo a mesma coisa é como eles passam a discordar.
+    case "menu":
+      return /* @__PURE__ */ jsx(MenuPage, {});
     case "catalog":
     // The search results page IS the catalog, filtered — where the overlay's
     // CTA lands, carrying `?q=`.
@@ -10287,9 +11874,10 @@ function StorefrontShellBody({ pathOverride }) {
   const livePath = useRoutePath();
   const path = pathOverride ?? livePath;
   useScrollToTopOnNavigate(path);
-  const focused = isFocusedRoute(config, path);
+  const chrome = routeChrome(config, path);
+  const focused = chrome === "focused";
   const components = getStorefrontComponents(config);
-  const chromeProps = { config, commerceMode: config.commerceMode };
+  const chromeProps = { config, commerceMode: config.commerceMode, chrome };
   const header = resolveOverride(components.Header, StorefrontHeader);
   const footer = resolveOverride(components.Footer, StorefrontFooter);
   const Shell = overrideComponent(components.Shell);
@@ -10334,7 +11922,7 @@ function createStorefront(options) {
 
 // src/document/sections.ts
 var STORE_DOCUMENT_KIND = "fayz.store";
-var STORE_COMMERCE_MODES = ["checkout", "catalog", "enquiry"];
+var STORE_COMMERCE_MODES = ["checkout", "catalog", "enquiry", "delivery"];
 var STORE_PAYMENT_MODES = ["mock", "pix-mercadopago", "gateway"];
 var STORE_PAYMENT_METHOD_KINDS = [
   "pix",
@@ -10354,7 +11942,7 @@ var STORE_ROUTE_KINDS = [
   "order",
   "custom"
 ];
-var STORE_ROUTE_CHROMES = ["default", "focused"];
+var STORE_ROUTE_CHROMES = ["default", "minimal", "focused"];
 var STORE_THEME_RADII = ["none", "soft", "round", "pill"];
 var f = (type, description, extra = {}) => ({ type, description, ...extra });
 var STORE_SECTIONS = {
@@ -11551,7 +13139,7 @@ ${formatErrors(report.errors)}`;
       return resolveHandle(name);
     } catch (err) {
       if (onError === "throw") throw err;
-      console.error(`[storefront] dropping ${path}: ${err instanceof Error ? err.message : String(err)}`);
+      console.error(`[storefront] dropping ${path}: ${errorMessage(err)}`);
       return void 0;
     }
   };
@@ -11660,6 +13248,6 @@ ${formatErrors(report.errors)}`;
   return config;
 }
 
-export { BEFORE_PLACE_ORDER_VALVE, BLOCK_STRUCTURAL_KEYS, BenefitsRow, BlockDataError, CART_LINE_ANNOTATION_POINT, CATALOG_BODY_BLOCK, CHECKOUT_FIELD_POINT, CartDrawer, CatalogPage, CategoryShowcase, CheckoutPage, CollectionCta, CollectionHero, ContentPage, CountdownBand, EmailConfirmationRequiredError, EntityListBlock, FaqSection, FiltersPanel, FormBlock, HeroSection, ImageTiles, Link, ManifestoBlock, MediaCarousel, MotifStrip, MyPurchasesPage, NewsletterBand, ORDER_METADATA_POINT, OrderConfirmationPage, OrderTrackingTimeline, PAGE_DATA_SCRIPT_ID, PLACEHOLDER_ASPECTS, PRODUCT_BODY_BLOCK, PRODUCT_CARD_BADGE_POINT, PageDataScope, PaymentTerms, Price, ProductCard, ProductDetailPage, ProductEnquiryForm, ProductGallery, ProductGrid, ProductOptionSelector, ProductRail, ProductReviews, ProductSlider, ProductSpecs, ProductSpotlight, PromoBanner, QuantityInput, Reveal, STOREFRONT_COMPONENT_KEYS, STOREFRONT_PAGE_KINDS, STOREFRONT_SLOTS, STORE_BACKEND_PROVIDERS, STORE_COMMERCE_MODES, STORE_DOCUMENT_KIND, STORE_PAYMENT_METHOD_KINDS, STORE_PAYMENT_MODES, STORE_ROUTE_CHROMES, STORE_ROUTE_KINDS, STORE_SECTIONS, STORE_SECTION_NAMES, SealsBand, SearchOverlay, Slot, SmoothImage, StepsSection, StorefrontConfigHost, StorefrontConfigProvider, StorefrontFooter, StorefrontHeader, StorefrontPage, StorefrontRouterProvider, StorefrontShell, StorefrontThemeStyle, StoryQuote, THEME_SCALE_FIELDS, THEME_SCALE_VAR_PREFIX, TID, Testimonials, TierCards, applyStoreSettings, bannerPlaceholder, blockInstanceId, buildEnquiryFromForm, checkPageBlocks, collectDataNeeds, collectOrderMetadata, contentPagePath, createStorefront, createStorefrontApp, currentStaticRenderPass, defaultPageBlocks, entityListBlockMeta, establishCustomerSession, exportStore, formatMoney, formatProductOptionSelection, getCartLineAnnotations, getCheckoutFieldContributions, getCustomerAuthAdapter, getProductCardBadges, getProductOptionGroups, hydrateStoreDocument, hydratedEntriesFor, initStorefrontRuntime, isJsonValue, isKnownPath, isNestedBlockRef, isPublicPath, isRecord, listSlots, matchContentPage, matchPath, matchesFacets, mergeCollectionFacet, mergePageTheme, navigateTo, nextMilestone, normalizeProductOptionSelection, orderGalleryImages, overrideComponent, overrideProps, pageSeo, pageThemeSelector, pickProductCardImage, placeStorefrontOrder, prefersReducedMotion, primaryImageUrl, productCardComponentContract, productJsonLd, productOptionSelectionKey, productPlaceholder, productSeo, readHydratedPageData, registerStorefrontBlocks, registerStorefrontEntities, registerStorefrontExtensionPoints, registerStorefrontLoaders, resetPageDiagnostics, resetProductOptionsDeprecationWarnings, resetStorefrontExtensionPoints, resolveAuthAdapter, resolveConfig, resolveDataParams, resolveOverride, resolvePageData, resolvePageDataNeed, resolvePaymentTerms, resolveStorefrontProvider, resolveStorefrontRoute, resolveVariantForSelection, roundCents, routePathParams, runBeforePlaceOrderValve, sectionToJsonSchema, sectionsToBlocks, selectCount, selectDiscountTotal, selectRequiresShipping, selectShipping, selectSubtotal, selectTotal, selectionPrice, serializePageData, shellRouterAdapter, signInByEmail, signOutCustomer, signUpCustomer, slugifyStoreName, storefrontComponentContracts, storefrontPaths, themeToCss, toBlockNodes, toFacetMap, useBlockData, useCartStore, useCatalogStore, useCategories, useDeliveryStore, useDiscountValidator, useEnquiry, useHashPath, useInView, useLoader, useMyOrders, useNavigate, usePopOnChange, useProduct, useProducts, useRoutePath, useRouterAdapter, useScrollToTopOnNavigate, useScrolled, useSessionStore, useSlotContext, useStorefrontActions, useStorefrontConfig, useStorefrontConfigOptional, useStorefrontHead, useStorefrontPage, useStorefrontPageOptional, usedSlots, validateStore, withFacet, withStaticRenderPass };
-//# sourceMappingURL=chunk-STL6MATQ.js.map
-//# sourceMappingURL=chunk-STL6MATQ.js.map
+export { AddressSheet, AddressStrip, BEFORE_PLACE_ORDER_VALVE, BLOCK_STRUCTURAL_KEYS, BenefitsRow, BlockDataError, CART_LINE_ANNOTATION_POINT, CATALOG_BODY_BLOCK, CHECKOUT_FIELD_POINT, CartDrawer, CatalogPage, CategoryShowcase, CheckoutPage, ClosedStoreDialog, CollectionCta, CollectionHero, ContentPage, CountdownBand, EmailConfirmationRequiredError, EntityListBlock, FaqSection, FiltersPanel, FormBlock, HeroSection, ImageTiles, ItemSheet, Link, ManifestoBlock, MediaCarousel, MenuItemRow, MenuPage, MenuToolbar, MotifStrip, MyPurchasesPage, NewsletterBand, ORDER_METADATA_POINT, OrderConfirmationPage, OrderTrackingTimeline, PAGE_DATA_SCRIPT_ID, PLACEHOLDER_ASPECTS, PRODUCT_BODY_BLOCK, PRODUCT_CARD_BADGE_POINT, PageDataScope, PaymentTerms, Price, ProductCard, ProductDetailPage, ProductEnquiryForm, ProductGallery, ProductGrid, ProductOptionSelector, ProductRail, ProductReviews, ProductSlider, ProductSpecs, ProductSpotlight, PromoBanner, QuantityInput, Reveal, STOREFRONT_COMPONENT_KEYS, STOREFRONT_PAGE_KINDS, STOREFRONT_SLOTS, STORE_BACKEND_PROVIDERS, STORE_COMMERCE_MODES, STORE_DOCUMENT_KIND, STORE_PAYMENT_METHOD_KINDS, STORE_PAYMENT_MODES, STORE_ROUTE_CHROMES, STORE_ROUTE_KINDS, STORE_SECTIONS, STORE_SECTION_NAMES, ScheduleSheet, SealsBand, SearchOverlay, ServiceHoursModal, Slot, SmoothImage, StepsSection, StoreCover, StorefrontConfigHost, StorefrontConfigProvider, StorefrontFooter, StorefrontHeader, StorefrontPage, StorefrontRouterProvider, StorefrontShell, StorefrontThemeStyle, StoryQuote, THEME_SCALE_FIELDS, THEME_SCALE_VAR_PREFIX, TID, Testimonials, TierCards, applyStoreSettings, bannerPlaceholder, blockInstanceId, buildEnquiryFromForm, checkPageBlocks, collectDataNeeds, collectOrderMetadata, contentPagePath, createStorefront, createStorefrontApp, currentStaticRenderPass, defaultPageBlocks, entityListBlockMeta, establishCustomerSession, exportStore, formatMoney, formatProductOptionSelection, getCartLineAnnotations, getCheckoutFieldContributions, getCustomerAuthAdapter, getProductCardBadges, getProductOptionGroups, hydrateStoreDocument, hydratedEntriesFor, initStorefrontRuntime, isJsonValue, isKnownPath, isNestedBlockRef, isPublicPath, isRecord, listSlots, matchContentPage, matchPath, matchesFacets, mergeCollectionFacet, mergePageTheme, navigateTo, nextMilestone, normalizeProductOptionSelection, orderGalleryImages, overrideComponent, overrideProps, pageSeo, pageThemeSelector, pickProductCardImage, placeStorefrontOrder, prefersReducedMotion, primaryImageUrl, productCardComponentContract, productJsonLd, productOptionSelectionKey, productPlaceholder, productSeo, readHydratedPageData, registerStorefrontBlocks, registerStorefrontEntities, registerStorefrontExtensionPoints, registerStorefrontLoaders, resetPageDiagnostics, resetProductOptionsDeprecationWarnings, resetStorefrontExtensionPoints, resolveAuthAdapter, resolveConfig, resolveDataParams, resolveOverride, resolvePageData, resolvePageDataNeed, resolvePaymentTerms, resolveStorefrontProvider, resolveStorefrontRoute, resolveVariantForSelection, roundCents, routePathParams, runBeforePlaceOrderValve, sectionToJsonSchema, sectionsToBlocks, selectCount, selectDiscountTotal, selectIsOpen, selectRequiresShipping, selectShipping, selectShowsHours, selectSubtotal, selectTotal, selectionPrice, serializePageData, shellRouterAdapter, signInByEmail, signOutCustomer, signUpCustomer, slugifyStoreName, storefrontComponentContracts, storefrontPaths, themeToCss, toBlockNodes, toFacetMap, useBlockData, useCartStore, useCatalogStore, useCategories, useDeliveryStore, useDiscountValidator, useEnquiry, useHashPath, useInView, useLoader, useMyOrders, useNavigate, usePopOnChange, useProduct, useProducts, useRoutePath, useRouterAdapter, useScrollToTopOnNavigate, useScrolled, useServiceStore, useSessionStore, useSlotContext, useStorefrontActions, useStorefrontConfig, useStorefrontConfigOptional, useStorefrontHead, useStorefrontPage, useStorefrontPageOptional, usedSlots, validateStore, withFacet, withStaticRenderPass };
+//# sourceMappingURL=chunk-77V5ZAF5.js.map
+//# sourceMappingURL=chunk-77V5ZAF5.js.map