@aglyn/plugins-commerce 1.0.0-beta.143

package/src/lib/components/cart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/cart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport * as Aglyn from '@aglyn/aglyn'\nimport {\n  buildBeginCheckoutParams,\n  buildViewCartParams,\n  trackEvent,\n  trackEventBeforeNavigation,\n  type AnalyticsItem,\n} from '@aglyn/aglyn/app-utils/analytics-events'\nimport {\n  isPaymentsNotConfigured,\n  storefrontPaymentsNotConfiguredText,\n} from '@aglyn/aglyn/app-utils/payments-configured'\nimport * as CommerceModel from '../model'\nimport { mdiCartOutline } from '@aglyn/shared-data-mdi'\nimport Alert from '@mui/material/Alert'\nimport Badge from '@mui/material/Badge'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Checkbox from '@mui/material/Checkbox'\nimport Drawer from '@mui/material/Drawer'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport IconButton from '@mui/material/IconButton'\nimport MenuItem from '@mui/material/MenuItem'\nimport SvgIcon from '@mui/material/SvgIcon'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport {\n  Suspense,\n  forwardRef,\n  lazy,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { StorefrontPaymentElementFallback } from './storefront-payment-element-fallback'\n\n/**\n * The Payment Element (AGL-1944), lazily. Stripe.js and its React wrapper are\n * a large dependency and the flag is OFF, so a static import would ship the\n * whole SDK in the bundle of every page carrying a cart — which is most pages\n * on a storefront — to serve a path no shopper currently reaches.\n */\nconst StorefrontPaymentElement = lazy(() =>\n  import('./storefront-payment-element').then((module) => ({\n    default: module.StorefrontPaymentElement,\n  })),\n)\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { useStorefrontPurchaseEvent } from '../utils/use-storefront-purchase-event'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'cart'\n\n/** Blocks dispatch this after mutating the cart so badges refresh. */\nexport const CART_UPDATED_EVENT = 'aglyn:cart-updated'\n\nexport interface CartProps {\n  /** 'button' = app-bar icon + drawer; 'inline' = full cart in place. */\n  variant?: 'button' | 'inline'\n  checkoutLabel?: string\n  /** Show the coupon-code field above checkout. */\n  showCoupon?: boolean\n  emptyText?: string\n}\n\ninterface CartLineView {\n  productId: string\n  variantId?: string\n  quantity: number\n  name: string\n  variantLabel?: string\n  unitAmountCents: number\n  imageUrl?: string\n  unavailable?: boolean\n}\n\ninterface CartView {\n  lines: CartLineView[]\n  count: number\n  subtotalCents: number\n}\n\nconst usd = (cents: number) => `$${(cents / 100).toFixed(2)}`\n\n/**\n * The cart's lines as GA4 `items`.\n *\n * One mapping for every event this file sends — `view_cart` and both\n * `begin_checkout` branches — because the `item_id` is what joins them into a\n * single per-product funnel with the `view_item` and `add_to_cart` the product\n * blocks send. Three hand-written copies of the same map are three chances for\n * one step to start reporting a variant id, or a name, or a different price\n * basis, and a funnel whose steps disagree about the product silently reports\n * a drop that never happened.\n */\nfunction cartAnalyticsItems(cart: CartView | null): AnalyticsItem[] {\n  return (cart?.lines ?? []).map((line) => ({\n    item_id: line.productId,\n    item_name: line.name,\n    price: line.unitAmountCents / 100,\n    quantity: line.quantity,\n  }))\n}\n\nfunction CartLines(props: {\n  hostId: string\n  cart: CartView | null\n  showCoupon?: boolean\n  checkoutLabel?: string\n  emptyText?: string\n  onMutate: (body: Record<string, unknown>) => Promise<void>\n}) {\n  const { hostId, cart, showCoupon, checkoutLabel, emptyText, onMutate } =\n    props\n  const siteFetch = Aglyn.useSiteFetch()\n  const [coupon, setCoupon] = useState('')\n  const [email, setEmail] = useState('')\n  const [optIn, setOptIn] = useState(false)\n  const [giftCard, setGiftCard] = useState('')\n  // Where the parcel is going (AGL-1721). Asked ONLY when the server says it\n  // cannot price shipping without it — a merchant with one zone, one\n  // rest-of-world zone, or no shipping at all never sees this field, which is\n  // the common configuration. `null` is \"not asked\", so the field appearing is\n  // itself the server's answer rather than a guess made here.\n  const [shipTo, setShipTo] = useState('')\n  const [shipCountries, setShipCountries] = useState<string[] | null>(null)\n  // `paused` is its own state, not an `error` with gentler words (AGL-1511):\n  // the two need different severities, and a shopper told in red that\n  // checkout failed does not read the sentence explaining it did not. `ask` is\n  // the same argument again: being asked for a destination is not a failure.\n  // `unconfigured` is the third instance (AGL-2019): a store with no Stripe key\n  // answers 501, and before this that fell through to the error tail below and\n  // rendered RED. It is also the only one of the five that is TERMINAL — the\n  // others can succeed on a retry, this one cannot until the operator acts, so\n  // it latches the buy control off instead of inviting another click.\n  const [status, setStatus] = useState<\n    'idle' | 'sending' | 'error' | 'paused' | 'ask' | 'unconfigured'\n  >('idle')\n  const [message, setMessage] = useState('')\n  /**\n   * The in-page checkout session (AGL-1944). Null unless the server chose\n   * native mode, which needs both the release flag and a publishable key.\n   */\n  const [nativeCheckout, setNativeCheckout] = useState<{\n    clientSecret: string\n    publishableKey: string\n  } | null>(null)\n  /**\n   * In-progress quantity edits, keyed by line, as the raw field text\n   * (AGL-1772). The field used to POST /api/commerce/cart on every\n   * keystroke — typing \"100\" was three Firestore writes, and clearing the\n   * field to retype passed through `\"\"` → 0, which is the REMOVE path, so a\n   * select-all-and-retype could delete the line mid-edit (and the response\n   * replacing `cart` state then fought the input).\n   *\n   * The repo convention for quantity inputs is local state committed on an\n   * explicit settle — the PDP's Qty field (product-detail.tsx) holds\n   * `useState` and sends nothing until the buy click, and besigner\n   * attributes commit on blur. So: keystrokes only edit the draft; blur or\n   * Enter commits ONE write; an empty or unparsable draft is a pending\n   * state that reverts to the server's quantity, never a 0-as-remove. A\n   * genuine remove still works both ways — the ✕ button, and typing an\n   * actual 0 then leaving the field.\n   */\n  const [quantityDrafts, setQuantityDrafts] = useState<Record<string, string>>(\n    {},\n  )\n  const lineKey = (line: CartLineView) =>\n    `${line.productId}:${line.variantId ?? ''}`\n  const commitQuantity = (line: CartLineView) => {\n    const key = lineKey(line)\n    const draft = quantityDrafts[key]\n    if (draft === undefined) return\n    // Drops the draft, but only if it is still THIS one — a keystroke that\n    // lands while the write is in flight starts a new edit, and clearing it\n    // here would erase what the shopper is typing.\n    const settle = () =>\n      setQuantityDrafts((drafts) => {\n        if (drafts[key] !== draft) return drafts\n        const { [key]: _settled, ...rest } = drafts\n        return rest\n      })\n    // `Number('')` is 0 — exactly the misreading that turned a cleared\n    // field into a remove. Empty means \"no answer\": show the server's\n    // quantity again and write nothing. NaN (letters) reverts the same way.\n    if (draft.trim() === '') return settle()\n    const parsed = Math.round(Number(draft))\n    if (!Number.isFinite(parsed)) return settle()\n    const quantity = Math.max(0, parsed)\n    // A settled value equal to the server's is not an edit.\n    if (quantity === line.quantity) return settle()\n    // The draft keeps rendering until the response lands, so the field does\n    // not flash the superseded quantity during the round-trip; the server's\n    // answer (via the replaced `cart`) takes over when it arrives.\n    void onMutate({\n      action: 'set',\n      productId: line.productId,\n      variantId: line.variantId,\n      quantity,\n    }).finally(settle)\n  }\n\n  /**\n   * Idempotency key for ONE checkout attempt (AGL-1697).\n   *\n   * Minted lazily on the first checkout click, retired whenever the attempt\n   * changes shape — different lines, codes, email or destination are a\n   * different checkout. Keyed off a CONTENT signature of the lines rather\n   * than the `cart` object, whose identity changes on every refetch: retiring\n   * on identity would hand a genuine retry a fresh key, which is exactly the\n   * double-session this exists to prevent.\n   */\n  const attemptKey = useRef('')\n  const cartSignature = useMemo(\n    () =>\n      JSON.stringify(\n        (cart?.lines ?? []).map((line) => [\n          line.productId,\n          line.variantId ?? '',\n          line.quantity,\n        ]),\n      ),\n    [cart],\n  )\n  useEffect(() => {\n    attemptKey.current = ''\n  }, [cartSignature, email, coupon, giftCard, shipTo])\n\n  const handleCheckout = useCallback(async () => {\n    if (status === 'sending') return\n    setStatus('sending')\n    setMessage('')\n    if (!attemptKey.current) {\n      attemptKey.current =\n        globalThis.crypto?.randomUUID?.() ??\n        `${Date.now()}-${Math.random().toString(36).slice(2)}`\n    }\n    try {\n      const response = await siteFetch('/api/commerce/cart-checkout', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n          // Stable across a retry of THIS attempt (AGL-1697), so a\n          // double-click cannot spawn a second session from one cart.\n          'Idempotency-Key': attemptKey.current,\n        },\n        body: JSON.stringify({\n          hostId,\n          ...(email.trim() ? { email: email.trim() } : {}),\n          ...(optIn ? { marketingOptIn: true } : {}),\n          ...(coupon.trim() ? { couponCode: coupon.trim() } : {}),\n          ...(giftCard.trim() ? { giftCardCode: giftCard.trim() } : {}),\n          // A request, never an instruction: the server resolves the rates\n          // for this country AND restricts the session's collectable\n          // addresses to it, so declaring one cannot buy a cheaper zone's\n          // rate than the address the shopper then enters (AGL-1721).\n          ...(shipTo ? { shippingCountry: shipTo } : {}),\n        }),\n      })\n      const payload = await response.json().catch(() => ({}))\n      // In-page payment (AGL-1944). Checked BEFORE the redirect branch: a\n      // native session carries a client secret and no url, and if a server ever\n      // sent both, navigating away would silently discard the form.\n      //\n      // `begin_checkout` is reported on BOTH paths, and from the same place, so\n      // the GA4 funnel does not develop a hole the day the flag flips — a\n      // storefront whose `begin_checkout` count halved would look like a\n      // conversion collapse rather than a checkout that stopped redirecting.\n      if (response.ok && payload?.clientSecret && payload?.publishableKey) {\n        trackEvent(\n          'begin_checkout',\n          buildBeginCheckoutParams({\n            value: (cart?.subtotalCents ?? 0) / 100,\n            items: cartAnalyticsItems(cart),\n          }),\n        )\n        setNativeCheckout({\n          clientSecret: String(payload.clientSecret),\n          publishableKey: String(payload.publishableKey),\n        })\n        setStatus('idle')\n        return\n      }\n      if (response.ok && payload?.url) {\n        // GA4 checkout funnel (AGL-1561, converted by AGL-1591). This used to\n        // call `window.gtag` raw with `value`/`currency` only, so the same\n        // event name arrived from this surface and from the console's plan\n        // checkout in two different shapes — and this half carried no `items`,\n        // which is the field GA4's ecommerce funnel is actually built on.\n        //\n        // The item ids are the PRODUCT ids `view_item` and `add_to_cart`\n        // already send, so the three now join into one per-product funnel.\n        // `value` is stated rather than derived because the cart subtotal is\n        // authoritative after a coupon or gift card, which the line prices\n        // below are not. No `billing_interval`: a storefront cart is not a\n        // subscription.\n        //\n        // AWAITED before the redirect (AGL-1580). This surface registers no\n        // transport, so delivery is a synchronous `window.gtag` call and the\n        // await resolves immediately — a storefront checkout is not slowed by\n        // one microtask. It is written this way anyway because the property\n        // that makes it safe is invisible from here: the day this bundle grows\n        // an async transport, or a host registers one for it, the bare call\n        // would start losing the event on exactly the branch that navigates,\n        // and nothing at this call site would look different.\n        await trackEventBeforeNavigation(\n          'begin_checkout',\n          buildBeginCheckoutParams({\n            value: (cart?.subtotalCents ?? 0) / 100,\n            items: cartAnalyticsItems(cart),\n          }),\n        )\n        window.location.assign(payload.url)\n        return\n      }\n      // A read-only lockdown answers 423 with the visitor pause copy\n      // (AGL-1511). Rendering `payload.error` here would print the wire\n      // token \"locked\" at a shopper, and the `severity=\"error\"` styling\n      // would tell them their payment failed — the one thing this copy\n      // exists to never say. So the refusal is parsed and shown as a calm\n      // notice instead.\n      const paused = Aglyn.parseLockdownRefusal(response.status, payload)\n      if (paused) {\n        setMessage(Aglyn.lockdownRefusalText(paused))\n        setStatus('paused')\n        return\n      }\n      // A store that never had payments configured (AGL-2019). The server's\n      // own words are NOT rendered here even though they are safe today:\n      // this is a visitor-facing surface, the 501 bodies differ between the\n      // cart and buy-now doors, and one of them could grow a variable name\n      // without anyone thinking about who reads it.\n      if (isPaymentsNotConfigured(response.status)) {\n        setMessage(storefrontPaymentsNotConfiguredText())\n        setStatus('unconfigured')\n        return\n      }\n      // The merchant's rates differ by destination, so the server will not\n      // price this cart until it knows one (AGL-1721). Reveal the field and\n      // let the shopper answer; a store that never sends this never shows it.\n      if (payload?.needsShippingCountry) {\n        setShipCountries(\n          (payload.shippingCountries as string[] | undefined)?.length\n            ? (payload.shippingCountries as string[])\n            : [...CommerceModel.CHECKOUT_SHIPPING_COUNTRIES],\n        )\n        setMessage(String(payload?.error ?? ''))\n        // An unserved destination is a real refusal and reads as one; being\n        // asked the first time is not.\n        setStatus(shipTo ? 'error' : 'ask')\n        return\n      }\n      setMessage(String(payload?.error ?? ''))\n      setStatus('error')\n    } catch {\n      setStatus('error')\n    }\n    // `cart` is a dependency because the payload above reads it: without it\n    // the handler closes over whichever cart was current when it was created,\n    // and a checkout started after a quantity change would report the OLD\n    // subtotal and the OLD lines. The pre-AGL-1591 raw call had the same bug\n    // in the `value` alone, where a wrong number is indistinguishable from a\n    // right one.\n  }, [hostId, cart, coupon, email, optIn, giftCard, shipTo, status, siteFetch])\n\n  if (!cart || cart.lines.length === 0) {\n    return (\n      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ p: 2 }}>\n        {emptyText || 'Your cart is empty.'}\n      </Typography>\n    )\n  }\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, p: 2 }}>\n      {cart.lines.map((line) => {\n        // AGL-1726: resolve BEFORE the guard, never inside the `src`. A\n        // stored value can be truthy and still resolve to nothing (a\n        // malformed `media:` reference), and testing the raw string would\n        // turn \"no image\" into an `<img>` with no `src` — a broken-image\n        // icon where the placeholder belongs.\n        const imageUrl = Aglyn.siteRelativeMediaSrc(line.imageUrl, { hostId })\n        return (\n        <Box\n          key={`${line.productId}:${line.variantId ?? ''}`}\n          sx={{ display: 'flex', gap: 1.5, alignItems: 'center' }}\n        >\n          {imageUrl ? (\n            <Box\n              component=\"img\"\n              src={imageUrl}\n              alt=\"\"\n              sx={{\n                width: 48,\n                height: 48,\n                objectFit: 'cover',\n                borderRadius: 1,\n              }}\n              // Deferred (AGL-2486). A 48px cart-line thumbnail is the\n              // clearest case of the set: it can never be the LCP, and a\n              // cart is usually below the fold or inside a panel.\n              {...Aglyn.DEFERRED_IMAGE_ATTRIBUTES}\n            />\n          ) : (\n            <Box\n              sx={{\n                width: 48,\n                height: 48,\n                bgcolor: 'action.hover',\n                borderRadius: 1,\n              }}\n            />\n          )}\n          <Box sx={{ flex: 1, minWidth: 0 }}>\n            <Typography variant=\"body2\" noWrap>\n              {line.name}\n              {line.variantLabel ? ` — ${line.variantLabel}` : ''}\n            </Typography>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {line.unavailable\n                ? 'No longer available'\n                : usd(line.unitAmountCents)}\n            </Typography>\n          </Box>\n          <TextField\n            value={quantityDrafts[lineKey(line)] ?? line.quantity}\n            onChange={(event) =>\n              setQuantityDrafts((drafts) => ({\n                ...drafts,\n                [lineKey(line)]: event.target.value,\n              }))\n            }\n            onBlur={() => commitQuantity(line)}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter') commitQuantity(line)\n            }}\n            size=\"small\"\n            sx={{ width: 60 }}\n            slotProps={{ htmlInput: { inputMode: 'numeric' } }}\n          />\n          <Button\n            size=\"small\"\n            color=\"error\"\n            onClick={() =>\n              void onMutate({\n                action: 'remove',\n                productId: line.productId,\n                variantId: line.variantId,\n              })\n            }\n          >\n            {'✕'}\n          </Button>\n        </Box>\n        )\n      })}\n      <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>\n        <Typography variant=\"subtitle2\">{'Subtotal'}</Typography>\n        <Typography variant=\"subtitle2\">{usd(cart.subtotalCents)}</Typography>\n      </Box>\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {'Shipping and taxes are calculated at checkout.'}\n      </Typography>\n      <TextField\n        label=\"Email\"\n        type=\"email\"\n        value={email}\n        onChange={(event) => setEmail(event.target.value)}\n        size=\"small\"\n        helperText=\"For your receipt and order updates\"\n      />\n      <FormControlLabel\n        control={\n          <Checkbox\n            size=\"small\"\n            checked={optIn}\n            onChange={(event) => setOptIn(event.target.checked)}\n          />\n        }\n        label={\n          <Typography variant=\"caption\">\n            {'Email me news and offers'}\n          </Typography>\n        }\n      />\n      {showCoupon ? (\n        <>\n          <TextField\n            label=\"Coupon code\"\n            value={coupon}\n            onChange={(event) => setCoupon(event.target.value)}\n            size=\"small\"\n          />\n          <TextField\n            label=\"Gift card\"\n            value={giftCard}\n            onChange={(event) => setGiftCard(event.target.value)}\n            size=\"small\"\n            placeholder=\"GC-…\"\n          />\n        </>\n      ) : null}\n      {shipCountries ? (\n        <TextField\n          select\n          label=\"Ship to\"\n          value={shipTo}\n          onChange={(event) => setShipTo(event.target.value)}\n          size=\"small\"\n          helperText=\"Shipping rates depend on where this is going\"\n        >\n          {shipCountries.map((code) => (\n            <MenuItem key={code} value={code}>\n              {CommerceModel.CHECKOUT_SHIPPING_COUNTRY_NAMES[code] ?? code}\n            </MenuItem>\n          ))}\n        </TextField>\n      ) : null}\n      {status === 'paused' || status === 'ask' || status === 'unconfigured' ? (\n        <Alert severity=\"info\">{message}</Alert>\n      ) : null}\n      {status === 'error' ? (\n        <Alert severity=\"error\">\n          {message || 'Checkout is unavailable right now.'}\n        </Alert>\n      ) : null}\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        disabled={\n          status === 'sending' ||\n          cart.lines.every((line) => line.unavailable) ||\n          // No payments on this deployment: every further click gets the same\n          // 501, so the control latches off rather than inviting a retry that\n          // cannot succeed (AGL-2019).\n          status === 'unconfigured' ||\n          // Asked but unanswered: the server would only refuse again.\n          (shipCountries !== null && !shipTo)\n        }\n        onClick={handleCheckout}\n      >\n        {status === 'sending'\n          ? // \"Redirecting\" stops being true the moment the form opens in\n            // place (AGL-1944).\n            nativeCheckout\n            ? 'Opening…'\n            : 'Redirecting…'\n          : checkoutLabel || 'Checkout'}\n      </Button>\n      {nativeCheckout ? (\n        <Suspense fallback={<StorefrontPaymentElementFallback />}>\n          <StorefrontPaymentElement\n            clientSecret={nativeCheckout.clientSecret}\n            publishableKey={nativeCheckout.publishableKey}\n            payLabel={checkoutLabel || 'Pay now'}\n            // The session is left open on cancel, deliberately: it is what the\n            // AGL-323 abandoned-cart recovery emails are built on, and expiring\n            // it would be a write against the merchant's Stripe account made\n            // from a browser.\n            onCancel={() => setNativeCheckout(null)}\n          />\n        </Suspense>\n      ) : null}\n    </Box>\n  )\n}\n\n/**\n * Cart block (AGL-293): 'button' renders a badge icon + slide-out\n * drawer for app bars; 'inline' renders the full cart for a cart page.\n * Lines live server-side (cookie cart); every mutation re-resolves\n * prices. Other blocks broadcast CART_UPDATED_EVENT to refresh badges.\n */\nconst Cart = forwardRef<HTMLDivElement, CartProps>((props, ref) => {\n  const { variant, checkoutLabel, showCoupon, emptyText, ...rest } = props\n  // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n  const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n  const { hostId } = Aglyn.useSite()\n  const siteFetch = Aglyn.useSiteFetch()\n  const [cart, setCart] = useState<CartView | null>(null)\n  const [open, setOpen] = useState(false)\n\n  // Closes the merchant's ecommerce funnel (AGL-1641). Stripe returns a cart\n  // checkout to the page it started on — this one — so the `purchase` that\n  // `begin_checkout` above has never had a counterpart to is reported here.\n  // No-ops on every ordinary render: the hook returns immediately unless the\n  // URL carries `?order=success&session_id=…`.\n  useStorefrontPurchaseEvent(hostId, siteFetch)\n\n  const refresh = useCallback(async () => {\n    if (!hostId) return\n    try {\n      const response = await fetch(\n        `/api/commerce/cart?hostId=${encodeURIComponent(hostId)}`,\n      )\n      if (response.ok) setCart(await response.json())\n    } catch {\n      // Badge silently stays stale offline.\n    }\n  }, [hostId])\n\n  useEffect(() => {\n    void refresh()\n    const handler = () => void refresh()\n    window.addEventListener(CART_UPDATED_EVENT, handler)\n    return () => window.removeEventListener(CART_UPDATED_EVENT, handler)\n  }, [refresh])\n\n  /**\n   * Has THIS opening of the cart already been reported? A drawer that is\n   * closed and reopened is a second view; a re-render, a badge refresh or a\n   * quantity edit inside an already-open drawer is not.\n   */\n  const viewReported = useRef(false)\n\n  /**\n   * `view_cart` — the funnel step between `add_to_cart` and `begin_checkout`.\n   *\n   * Fired on the cart being SEEN, which is why it hangs off `open` rather off\n   * mount: the button variant renders a badge on every page of a storefront,\n   * and reporting a view there would have made \"opened the cart\" a synonym for\n   * \"loaded a page\" and the checkout rate a fraction of pageviews.\n   *\n   * Deferred until the lines have actually arrived. The cart is fetched, so a\n   * drawer opened while that request is in flight has nothing to describe yet\n   * — reporting then would send an empty `items` and a zero `value` for a cart\n   * that in fact had both. An empty cart never reports at all: there is no\n   * view of nothing, and counting it would put every idle badge click into the\n   * denominator of the checkout rate.\n   */\n  useEffect(() => {\n    const onScreen = variant === 'inline' || open\n    if (!onScreen) {\n      viewReported.current = false\n      return\n    }\n    if (viewReported.current || !cart || cart.lines.length === 0) return\n    viewReported.current = true\n    trackEvent(\n      'view_cart',\n      buildViewCartParams({\n        // The server's subtotal, so this and the `begin_checkout` the same\n        // cart sends describe one cart at one size.\n        value: cart.subtotalCents / 100,\n        items: cartAnalyticsItems(cart),\n      }),\n    )\n  }, [variant, open, cart])\n\n  const mutate = useCallback(\n    async (body: Record<string, unknown>) => {\n      if (!hostId) return\n      const response = await siteFetch('/api/commerce/cart', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ hostId, ...body }),\n      })\n      if (response.ok) {\n        setCart(await response.json())\n        window.dispatchEvent(new Event(CART_UPDATED_EVENT))\n      }\n    },\n    [hostId, siteFetch],\n  )\n\n  if (!hostId) {\n    return (\n      <Box\n        ref={ref}\n        {...rest}\n        sx={[\n          {\n            p: variant === 'inline' ? 3 : 1,\n            border: '1px dashed',\n            borderColor: 'divider',\n            borderRadius: 1,\n            color: 'text.secondary',\n            fontSize: 13,\n            fontFamily: 'system-ui, sans-serif',\n            display: 'inline-block',\n          },\n          ...nodeSx,\n        ]}\n      >\n        {variant === 'inline' ? 'Cart — lines render here' : '🛒 Cart'}\n      </Box>\n    )\n  }\n\n  if (variant === 'inline') {\n    return (\n      <Box ref={ref} {...rest}>\n        <CartLines\n          hostId={hostId}\n          cart={cart}\n          showCoupon={showCoupon}\n          checkoutLabel={checkoutLabel}\n          emptyText={emptyText}\n          onMutate={mutate}\n        />\n      </Box>\n    )\n  }\n\n  return (\n    <Box ref={ref} {...rest} sx={[{ display: 'inline-flex' }, ...nodeSx]}>\n      <IconButton aria-label=\"Cart\" onClick={() => setOpen(true)}>\n        <Badge badgeContent={cart?.count ?? 0} color=\"primary\">\n          <SvgIcon>\n            <path d={mdiCartOutline.path} />\n          </SvgIcon>\n        </Badge>\n      </IconButton>\n      <Drawer anchor=\"right\" open={open} onClose={() => setOpen(false)}>\n        <Box sx={{ width: { xs: '85vw', sm: 380 } }}>\n          <Typography variant=\"h6\" sx={{ p: 2, pb: 0 }}>\n            {'Your cart'}\n          </Typography>\n          <CartLines\n            hostId={hostId}\n            cart={cart}\n            showCoupon={showCoupon}\n            checkoutLabel={checkoutLabel}\n            emptyText={emptyText}\n            onMutate={mutate}\n          />\n        </Box>\n      </Drawer>\n    </Box>\n  )\n})\nCart.displayName = 'AglynCart'\n\nexport const schema: Aglyn.ComponentSchema<CartProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Cart',\n  description:\n    'The shopping cart — a badge icon with a slide-out drawer, or the full cart page.',\n  category: Aglyn.ComponentCategory.COMMERCE,\n  icon: { path: mdiCartOutline.path, sx: { color: '#2e7d32' } },\n  flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n  attributes: [\n    {\n      name: 'variant',\n      label: 'Style',\n      description: 'Icon-with-drawer for app bars, or the full inline cart.',\n      component: Aglyn.FieldComponentType.SELECT,\n      options: [\n        { value: 'button', label: 'Icon + drawer' },\n        { value: 'inline', label: 'Inline (cart page)' },\n      ],\n    },\n    {\n      name: 'checkoutLabel',\n      label: 'Checkout label',\n      description: 'Defaults to \"Checkout\".',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      // The PROP KEY stays `showCoupon` — it is persisted in every saved page\n      // that uses this component, and renaming it would blank the control on\n      // all of them. Only what the merchant reads changes.\n      name: 'showCoupon',\n      // ONE CONTROL, TWO FEATURES, AND IT ONLY NAMED ONE. This checkbox gates\n      // the gift-card field as well as the coupon field, so a merchant who\n      // wanted gift cards had no reason to look here — gift cards are only\n      // redeemable in the cart, and this is the switch that shows the box.\n      // A control named for one feature that also gates another is how a\n      // shipped feature stays invisible.\n      label: 'Show coupon and gift card fields',\n      description:\n        'One checkbox for both. Coupon codes and gift cards are managed on ' +\n        'the Products page.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'emptyText',\n      label: 'Empty text',\n      description: 'Copy when the cart is empty.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID, 'button'),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Cart button',\n    pluginId: BUNDLE_ID,\n    description: 'Badge icon with a slide-out cart drawer',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiCartOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: { variant: 'button' },\n    },\n  },\n  {\n    $id: generatePresetId(ID, 'inline'),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Cart page',\n    pluginId: BUNDLE_ID,\n    description:\n      'Full cart with quantities, coupon, gift card, and checkout',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiCartOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: { variant: 'inline', showCoupon: true },\n    },\n  },\n]\n\nexport default Cart\n"],"names":["Aglyn","buildBeginCheckoutParams","buildViewCartParams","trackEvent","trackEventBeforeNavigation","isPaymentsNotConfigured","storefrontPaymentsNotConfiguredText","CommerceModel","mdiCartOutline","Alert","Badge","Box","Button","Checkbox","Drawer","FormControlLabel","IconButton","MenuItem","SvgIcon","TextField","Typography","Suspense","forwardRef","lazy","useCallback","useEffect","useMemo","useRef","useState","StorefrontPaymentElementFallback","StorefrontPaymentElement","then","module","default","BUNDLE_ID","generatePresetId","useStorefrontPurchaseEvent","ID","CART_UPDATED_EVENT","usd","cents","toFixed","cartAnalyticsItems","cart","lines","map","line","item_id","productId","item_name","name","price","unitAmountCents","quantity","CartLines","props","hostId","showCoupon","checkoutLabel","emptyText","onMutate","siteFetch","useSiteFetch","coupon","setCoupon","email","setEmail","optIn","setOptIn","giftCard","setGiftCard","shipTo","setShipTo","shipCountries","setShipCountries","status","setStatus","message","setMessage","nativeCheckout","setNativeCheckout","quantityDrafts","setQuantityDrafts","lineKey","variantId","commitQuantity","key","draft","undefined","settle","drafts","_settled","rest","trim","parsed","Math","round","Number","isFinite","max","action","finally","attemptKey","cartSignature","JSON","stringify","current","handleCheckout","globalThis","crypto","randomUUID","Date","now","random","toString","slice","response","method","headers","body","marketingOptIn","couponCode","giftCardCode","shippingCountry","payload","json","catch","ok","clientSecret","publishableKey","value","subtotalCents","items","String","url","window","location","assign","paused","parseLockdownRefusal","lockdownRefusalText","needsShippingCountry","shippingCountries","length","CHECKOUT_SHIPPING_COUNTRIES","error","variant","color","sx","p","display","flexDirection","gap","imageUrl","siteRelativeMediaSrc","alignItems","component","src","alt","width","height","objectFit","borderRadius","DEFERRED_IMAGE_ATTRIBUTES","bgcolor","flex","minWidth","noWrap","variantLabel","unavailable","onChange","event","target","onBlur","onKeyDown","size","slotProps","htmlInput","inputMode","onClick","justifyContent","label","type","helperText","control","checked","placeholder","select","code","CHECKOUT_SHIPPING_COUNTRY_NAMES","severity","disabled","every","fallback","payLabel","onCancel","Cart","ref","nodeSx","Array","isArray","useSite","setCart","open","setOpen","refresh","fetch","encodeURIComponent","handler","addEventListener","removeEventListener","viewReported","onScreen","mutate","dispatchEvent","Event","border","borderColor","fontSize","fontFamily","aria-label","badgeContent","count","path","d","anchor","onClose","xs","sm","pb","displayName","schema","$id","pluginId","description","category","ComponentCategory","COMMERCE","icon","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","FieldComponentType","SELECT","options","TEXT_FIELD","CHECKBOX","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}

package/src/lib/components/commerce-console-page.d.ts

@@ -0,0 +1,32 @@
+import type { ConsolePluginPageProps } from '@aglyn/aglyn';
+/**
+ * Commerce console page (AGL-395): the Products management surface, owned by
+ * the commerce plugin and rendered by the shell's generic plugin route. The
+ * product editor's media browser is supplied by the shell's
+ * ConsoleMediaPickerProvider (the media library is org/session coupled and
+ * stays in the app).
+ *
+ * ## Sections are ROUTES (AGL-2501)
+ *
+ * The six sections hold thirty-two Firestore listens between them, and a tab
+ * strip mounts every panel: opening Catalog also subscribed the orders,
+ * promotions, reservations, settings and analytics cards. The `limit()` on
+ * those queries is the bill — several ask for 500, and one load reached a
+ * ceiling of ~4,460 documents to render one tab.
+ *
+ * `HubTabs lazy` bought that back as a flag somebody has to remember. A URL
+ * per section makes it structural instead: the page builds one section's body
+ * and the others do not exist to subscribe. Three things come with it that the
+ * tab version faked — a section is linkable, the back button walks sections,
+ * and which one is open is a fact about the URL rather than state kept in sync
+ * with it. `commerce-console-read-cost.spec.tsx` meters it at the Firestore
+ * boundary and refuses a section that listens before it is opened.
+ *
+ * The shell resolves the section, gates it and hands back the rail's hrefs;
+ * this page only has to say what each section contains.
+ */
+export declare function CommerceConsolePage(props: ConsolePluginPageProps): import("react").JSX.Element;
+export declare namespace CommerceConsolePage {
+    var displayName: string;
+}
+export default CommerceConsolePage;

package/src/lib/components/commerce-console-page.js

@@ -0,0 +1,296 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GridItems } from "@aglyn/shared-ui-jsx";
+import { HubSections } from "@aglyn/shared-ui-next";
+import CatalogOrganizationCard from "./console/catalog-organization-card.component.js";
+import CommerceAnalyticsCard from "./console/commerce-analytics-card.component.js";
+import DiscountsCard from "./console/discounts-card.component.js";
+import GiftCardsCard from "./console/gift-cards-card.component.js";
+import HostCouponsCard from "./console/host-coupons-card.component.js";
+import HostOrdersCard from "./console/host-orders-card.component.js";
+import LocationsCard from "./console/locations-card.component.js";
+import MemberPostsCard from "./console/member-posts-card.component.js";
+import PaymentsSettingsCard from "./console/payments-settings-card.component.js";
+import ProductsHubCard from "./console/products-hub-card.component.js";
+import RecoveryQueueCard from "./console/recovery-queue-card.component.js";
+import RegistersCard from "./console/registers-card.component.js";
+import ReservationsCard from "./console/reservations-card.component.js";
+import ReviewsModerationCard from "./console/reviews-moderation-card.component.js";
+import ShippingSettingsCard from "./console/shipping-settings-card.component.js";
+import StockMovementsCard from "./console/stock-movements-card.component.js";
+import StoreSettingsCard from "./console/store-settings-card.component.js";
+import StorefrontTaxSummaryCard from "./console/storefront-tax-summary-card.component.js";
+import SuppliersCard from "./console/suppliers-card.component.js";
+import TaxSettingsCard from "./console/tax-settings-card.component.js";
+/**
+ * The body of one commerce section, built only when that section is the one
+ * being read (AGL-2501).
+ *
+ * A function rather than a map of nodes on purpose: a `Record<id, ReactNode>`
+ * would CONSTRUCT all six every render, and each card opens its Firestore
+ * listens on mount — which is the entire cost this page exists to stop paying.
+ * Only the returned branch is ever built.
+ */ function sectionBody(section, hostId) {
+    switch(section){
+        case 'catalog':
+            return /*#__PURE__*/ _jsx(GridItems, {
+                spacing: 3,
+                items: [
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(ProductsHubCard, {
+                            hostId: hostId
+                        })
+                    },
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(CatalogOrganizationCard, {
+                            hostId: hostId
+                        })
+                    },
+                    // The ledger every stock writer fills and nothing displayed
+                    // (AGL-2341). Directly under the catalog, because the question
+                    // it answers — "why does this count disagree with the shelf" —
+                    // is asked while looking at the count.
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(StockMovementsCard, {
+                            hostId: hostId
+                        })
+                    },
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(MemberPostsCard, {
+                            hostId: hostId
+                        })
+                    }
+                ]
+            });
+        case 'orders':
+            return /*#__PURE__*/ _jsx(GridItems, {
+                spacing: 3,
+                items: [
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(HostOrdersCard, {
+                            hostId: hostId
+                        })
+                    },
+                    // The two queues that feed orders rather than record them
+                    // (AGL-2227): checkouts that stalled and shoppers waiting on
+                    // stock. Beneath the orders list because both are pre-order.
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(RecoveryQueueCard, {
+                            hostId: hostId
+                        })
+                    }
+                ]
+            });
+        case 'promotions':
+            return /*#__PURE__*/ _jsx(GridItems, {
+                spacing: 3,
+                items: [
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(DiscountsCard, {
+                            hostId: hostId
+                        })
+                    },
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(HostCouponsCard, {
+                            hostId: hostId
+                        })
+                    },
+                    // Store credit lives with the other money-off surfaces
+                    // (AGL-2226) — it had no console anywhere before this.
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(GiftCardsCard, {
+                            hostId: hostId
+                        })
+                    },
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(ReviewsModerationCard, {
+                            hostId: hostId
+                        })
+                    }
+                ]
+            });
+        case 'reservations':
+            return /*#__PURE__*/ _jsx(ReservationsCard, {
+                hostId: hostId
+            });
+        case 'settings':
+            return /*#__PURE__*/ _jsx(GridItems, {
+                spacing: 3,
+                items: [
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(PaymentsSettingsCard, {
+                            hostId: hostId
+                        })
+                    },
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(StoreSettingsCard, {
+                            hostId: hostId
+                        })
+                    },
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(TaxSettingsCard, {
+                            hostId: hostId
+                        })
+                    },
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(LocationsCard, {
+                            hostId: hostId
+                        })
+                    },
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(RegistersCard, {
+                            hostId: hostId
+                        })
+                    },
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(ShippingSettingsCard, {
+                            hostId: hostId
+                        })
+                    },
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(SuppliersCard, {
+                            hostId: hostId
+                        })
+                    }
+                ]
+            });
+        case 'analytics':
+            return(// Two cards since AGL-2440. The tax summary lives here rather
+            // than under Settings → Tax because that tab CONFIGURES tax and
+            // this REPORTS what was collected — a merchant reading a figure
+            // they may file from should not be one field away from changing
+            // the rate that produced it.
+            /*#__PURE__*/ _jsx(GridItems, {
+                spacing: 3,
+                items: [
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(CommerceAnalyticsCard, {
+                            hostId: hostId
+                        })
+                    },
+                    {
+                        size: {
+                            xs: 12
+                        },
+                        children: /*#__PURE__*/ _jsx(StorefrontTaxSummaryCard, {
+                            hostId: hostId
+                        })
+                    }
+                ]
+            }));
+        default:
+            return null;
+    }
+}
+/**
+ * Commerce console page (AGL-395): the Products management surface, owned by
+ * the commerce plugin and rendered by the shell's generic plugin route. The
+ * product editor's media browser is supplied by the shell's
+ * ConsoleMediaPickerProvider (the media library is org/session coupled and
+ * stays in the app).
+ *
+ * ## Sections are ROUTES (AGL-2501)
+ *
+ * The six sections hold thirty-two Firestore listens between them, and a tab
+ * strip mounts every panel: opening Catalog also subscribed the orders,
+ * promotions, reservations, settings and analytics cards. The `limit()` on
+ * those queries is the bill — several ask for 500, and one load reached a
+ * ceiling of ~4,460 documents to render one tab.
+ *
+ * `HubTabs lazy` bought that back as a flag somebody has to remember. A URL
+ * per section makes it structural instead: the page builds one section's body
+ * and the others do not exist to subscribe. Three things come with it that the
+ * tab version faked — a section is linkable, the back button walks sections,
+ * and which one is open is a fact about the URL rather than state kept in sync
+ * with it. `commerce-console-read-cost.spec.tsx` meters it at the Firestore
+ * boundary and refuses a section that listens before it is opened.
+ *
+ * The shell resolves the section, gates it and hands back the rail's hrefs;
+ * this page only has to say what each section contains.
+ */ export function CommerceConsolePage(props) {
+    const { hostId, section, sections, basePath } = props;
+    /*
+   * Nothing, deliberately, while the redirect is in flight.
+   *
+   * Rendering the default section here instead would issue that section's
+   * listens on a URL that is about to be replaced — paying for Catalog on
+   * every arrival at `/products`, which is every click of the nav tab.
+   */ if (!section || !(sections == null ? void 0 : sections.length) || !basePath) return null;
+    return /*#__PURE__*/ _jsx(HubSections, {
+        sections: sections,
+        children: sectionBody(section, hostId)
+    });
+}
+CommerceConsolePage.displayName = 'CommerceConsolePage';
+export default CommerceConsolePage;
+
+//# sourceMappingURL=commerce-console-page.js.map

package/src/lib/components/commerce-console-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/commerce-console-page.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport type { ConsolePluginPageProps } from '@aglyn/aglyn'\nimport { GridItems } from '@aglyn/shared-ui-jsx'\nimport { HubSections } from '@aglyn/shared-ui-next'\nimport type { ReactNode } from 'react'\nimport type { CommerceConsoleSectionId } from './commerce-console-sections'\nimport CatalogOrganizationCard from './console/catalog-organization-card.component'\nimport CommerceAnalyticsCard from './console/commerce-analytics-card.component'\nimport DiscountsCard from './console/discounts-card.component'\nimport GiftCardsCard from './console/gift-cards-card.component'\nimport HostCouponsCard from './console/host-coupons-card.component'\nimport HostOrdersCard from './console/host-orders-card.component'\nimport LocationsCard from './console/locations-card.component'\nimport MemberPostsCard from './console/member-posts-card.component'\nimport PaymentsSettingsCard from './console/payments-settings-card.component'\nimport ProductsHubCard from './console/products-hub-card.component'\nimport RecoveryQueueCard from './console/recovery-queue-card.component'\nimport RegistersCard from './console/registers-card.component'\nimport ReservationsCard from './console/reservations-card.component'\nimport ReviewsModerationCard from './console/reviews-moderation-card.component'\nimport ShippingSettingsCard from './console/shipping-settings-card.component'\nimport StockMovementsCard from './console/stock-movements-card.component'\nimport StoreSettingsCard from './console/store-settings-card.component'\nimport StorefrontTaxSummaryCard from './console/storefront-tax-summary-card.component'\nimport SuppliersCard from './console/suppliers-card.component'\nimport TaxSettingsCard from './console/tax-settings-card.component'\n\n/**\n * The body of one commerce section, built only when that section is the one\n * being read (AGL-2501).\n *\n * A function rather than a map of nodes on purpose: a `Record<id, ReactNode>`\n * would CONSTRUCT all six every render, and each card opens its Firestore\n * listens on mount — which is the entire cost this page exists to stop paying.\n * Only the returned branch is ever built.\n */\nfunction sectionBody(\n  section: CommerceConsoleSectionId,\n  hostId: string,\n): ReactNode {\n  switch (section) {\n    case 'catalog':\n      return (\n        <GridItems\n          spacing={3}\n          items={[\n            { size: { xs: 12 }, children: <ProductsHubCard hostId={hostId} /> },\n            {\n              size: { xs: 12 },\n              children: <CatalogOrganizationCard hostId={hostId} />,\n            },\n            // The ledger every stock writer fills and nothing displayed\n            // (AGL-2341). Directly under the catalog, because the question\n            // it answers — \"why does this count disagree with the shelf\" —\n            // is asked while looking at the count.\n            {\n              size: { xs: 12 },\n              children: <StockMovementsCard hostId={hostId} />,\n            },\n            { size: { xs: 12 }, children: <MemberPostsCard hostId={hostId} /> },\n          ]}\n        />\n      )\n    case 'orders':\n      return (\n        <GridItems\n          spacing={3}\n          items={[\n            { size: { xs: 12 }, children: <HostOrdersCard hostId={hostId} /> },\n            // The two queues that feed orders rather than record them\n            // (AGL-2227): checkouts that stalled and shoppers waiting on\n            // stock. Beneath the orders list because both are pre-order.\n            {\n              size: { xs: 12 },\n              children: <RecoveryQueueCard hostId={hostId} />,\n            },\n          ]}\n        />\n      )\n    case 'promotions':\n      return (\n        <GridItems\n          spacing={3}\n          items={[\n            { size: { xs: 12 }, children: <DiscountsCard hostId={hostId} /> },\n            { size: { xs: 12 }, children: <HostCouponsCard hostId={hostId} /> },\n            // Store credit lives with the other money-off surfaces\n            // (AGL-2226) — it had no console anywhere before this.\n            { size: { xs: 12 }, children: <GiftCardsCard hostId={hostId} /> },\n            {\n              size: { xs: 12 },\n              children: <ReviewsModerationCard hostId={hostId} />,\n            },\n          ]}\n        />\n      )\n    case 'reservations':\n      return <ReservationsCard hostId={hostId} />\n    case 'settings':\n      return (\n        <GridItems\n          spacing={3}\n          items={[\n            {\n              size: { xs: 12 },\n              children: <PaymentsSettingsCard hostId={hostId} />,\n            },\n            {\n              size: { xs: 12 },\n              children: <StoreSettingsCard hostId={hostId} />,\n            },\n            { size: { xs: 12 }, children: <TaxSettingsCard hostId={hostId} /> },\n            { size: { xs: 12 }, children: <LocationsCard hostId={hostId} /> },\n            { size: { xs: 12 }, children: <RegistersCard hostId={hostId} /> },\n            {\n              size: { xs: 12 },\n              children: <ShippingSettingsCard hostId={hostId} />,\n            },\n            { size: { xs: 12 }, children: <SuppliersCard hostId={hostId} /> },\n          ]}\n        />\n      )\n    case 'analytics':\n      return (\n        // Two cards since AGL-2440. The tax summary lives here rather\n        // than under Settings → Tax because that tab CONFIGURES tax and\n        // this REPORTS what was collected — a merchant reading a figure\n        // they may file from should not be one field away from changing\n        // the rate that produced it.\n        <GridItems\n          spacing={3}\n          items={[\n            {\n              size: { xs: 12 },\n              children: <CommerceAnalyticsCard hostId={hostId} />,\n            },\n            {\n              size: { xs: 12 },\n              children: <StorefrontTaxSummaryCard hostId={hostId} />,\n            },\n          ]}\n        />\n      )\n    default:\n      return null\n  }\n}\n\n/**\n * Commerce console page (AGL-395): the Products management surface, owned by\n * the commerce plugin and rendered by the shell's generic plugin route. The\n * product editor's media browser is supplied by the shell's\n * ConsoleMediaPickerProvider (the media library is org/session coupled and\n * stays in the app).\n *\n * ## Sections are ROUTES (AGL-2501)\n *\n * The six sections hold thirty-two Firestore listens between them, and a tab\n * strip mounts every panel: opening Catalog also subscribed the orders,\n * promotions, reservations, settings and analytics cards. The `limit()` on\n * those queries is the bill — several ask for 500, and one load reached a\n * ceiling of ~4,460 documents to render one tab.\n *\n * `HubTabs lazy` bought that back as a flag somebody has to remember. A URL\n * per section makes it structural instead: the page builds one section's body\n * and the others do not exist to subscribe. Three things come with it that the\n * tab version faked — a section is linkable, the back button walks sections,\n * and which one is open is a fact about the URL rather than state kept in sync\n * with it. `commerce-console-read-cost.spec.tsx` meters it at the Firestore\n * boundary and refuses a section that listens before it is opened.\n *\n * The shell resolves the section, gates it and hands back the rail's hrefs;\n * this page only has to say what each section contains.\n */\nexport function CommerceConsolePage(props: ConsolePluginPageProps) {\n  const { hostId, section, sections, basePath } = props\n\n  /*\n   * Nothing, deliberately, while the redirect is in flight.\n   *\n   * Rendering the default section here instead would issue that section's\n   * listens on a URL that is about to be replaced — paying for Catalog on\n   * every arrival at `/products`, which is every click of the nav tab.\n   */\n  if (!section || !sections?.length || !basePath) return null\n\n  return (\n    <HubSections sections={sections}>\n      {sectionBody(section as CommerceConsoleSectionId, hostId)}\n    </HubSections>\n  )\n}\nCommerceConsolePage.displayName = 'CommerceConsolePage'\n\nexport default CommerceConsolePage\n"],"names":["GridItems","HubSections","CatalogOrganizationCard","CommerceAnalyticsCard","DiscountsCard","GiftCardsCard","HostCouponsCard","HostOrdersCard","LocationsCard","MemberPostsCard","PaymentsSettingsCard","ProductsHubCard","RecoveryQueueCard","RegistersCard","ReservationsCard","ReviewsModerationCard","ShippingSettingsCard","StockMovementsCard","StoreSettingsCard","StorefrontTaxSummaryCard","SuppliersCard","TaxSettingsCard","sectionBody","section","hostId","spacing","items","size","xs","children","CommerceConsolePage","props","sections","basePath","length","displayName"],"mappings":"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"}

package/src/lib/components/commerce-console-sections.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { ConsoleNavSection } from '@aglyn/aglyn';
+export type CommerceConsoleSectionId = 'catalog' | 'orders' | 'promotions' | 'reservations' | 'settings' | 'analytics';
+/**
+ * The commerce console's sections, in rail order (AGL-2501).
+ *
+ * One list, read twice and never copied: `plugin.ts` registers it on the nav
+ * item so the shell can route and gate each section, and the page switches its
+ * body on the id the shell resolves back. A second copy is how a section comes
+ * to be routable under one id and drawn under another.
+ *
+ * Ids appear in links people keep — treat them as persisted, and rename a
+ * LABEL rather than an id.
+ *
+ * No `navTabId` on any of them: every section here ships with the surface, so
+ * they inherit the Products nav item's gate. A section that ships later
+ * declares its own, which ANDs with the parent's rather than replacing it.
+ */
+export declare const COMMERCE_CONSOLE_SECTIONS: readonly ConsoleNavSection[];

package/src/lib/components/commerce-console-sections.js

@@ -0,0 +1,62 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ /**
+ * The commerce console's sections, in rail order (AGL-2501).
+ *
+ * One list, read twice and never copied: `plugin.ts` registers it on the nav
+ * item so the shell can route and gate each section, and the page switches its
+ * body on the id the shell resolves back. A second copy is how a section comes
+ * to be routable under one id and drawn under another.
+ *
+ * Ids appear in links people keep — treat them as persisted, and rename a
+ * LABEL rather than an id.
+ *
+ * No `navTabId` on any of them: every section here ships with the surface, so
+ * they inherit the Products nav item's gate. A section that ships later
+ * declares its own, which ANDs with the parent's rather than replacing it.
+ */ export const COMMERCE_CONSOLE_SECTIONS = [
+    {
+        id: 'catalog',
+        label: 'Catalog'
+    },
+    {
+        id: 'orders',
+        label: 'Orders'
+    },
+    {
+        id: 'promotions',
+        label: 'Promotions'
+    },
+    {
+        id: 'reservations',
+        label: 'Reservations'
+    },
+    {
+        id: 'settings',
+        label: 'Settings'
+    },
+    {
+        id: 'analytics',
+        label: 'Analytics'
+    }
+] /*
+ * Rail ORDER decides where `/products` lands: the shell redirects a bare hub
+ * URL to the first section in this list the reader may open (AGL-2501). There
+ * is deliberately no separate default constant — a second place to say which
+ * section is first is a second place for it to disagree with the rail.
+ */ ;
+
+//# sourceMappingURL=commerce-console-sections.js.map

package/src/lib/components/commerce-console-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/commerce-console-sections.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ConsoleNavSection } from '@aglyn/aglyn'\n\nexport type CommerceConsoleSectionId =\n  | 'catalog'\n  | 'orders'\n  | 'promotions'\n  | 'reservations'\n  | 'settings'\n  | 'analytics'\n\n/**\n * The commerce console's sections, in rail order (AGL-2501).\n *\n * One list, read twice and never copied: `plugin.ts` registers it on the nav\n * item so the shell can route and gate each section, and the page switches its\n * body on the id the shell resolves back. A second copy is how a section comes\n * to be routable under one id and drawn under another.\n *\n * Ids appear in links people keep — treat them as persisted, and rename a\n * LABEL rather than an id.\n *\n * No `navTabId` on any of them: every section here ships with the surface, so\n * they inherit the Products nav item's gate. A section that ships later\n * declares its own, which ANDs with the parent's rather than replacing it.\n */\nexport const COMMERCE_CONSOLE_SECTIONS: readonly ConsoleNavSection[] = [\n  { id: 'catalog', label: 'Catalog' },\n  { id: 'orders', label: 'Orders' },\n  { id: 'promotions', label: 'Promotions' },\n  { id: 'reservations', label: 'Reservations' },\n  { id: 'settings', label: 'Settings' },\n  { id: 'analytics', label: 'Analytics' },\n]\n\n/*\n * Rail ORDER decides where `/products` lands: the shell redirects a bare hub\n * URL to the first section in this list the reader may open (AGL-2501). There\n * is deliberately no separate default constant — a second place to say which\n * section is first is a second place for it to disagree with the rail.\n */\n"],"names":["COMMERCE_CONSOLE_SECTIONS","id","label"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAYD;;;;;;;;;;;;;;CAcC,GACD,OAAO,MAAMA,4BAA0D;IACrE;QAAEC,IAAI;QAAWC,OAAO;IAAU;IAClC;QAAED,IAAI;QAAUC,OAAO;IAAS;IAChC;QAAED,IAAI;QAAcC,OAAO;IAAa;IACxC;QAAED,IAAI;QAAgBC,OAAO;IAAe;IAC5C;QAAED,IAAI;QAAYC,OAAO;IAAW;IACpC;QAAED,IAAI;QAAaC,OAAO;IAAY;CACvC,CAED;;;;;CAKC,IAPA"}

package/src/lib/components/console/catalog-organization-card.component.d.ts

@@ -0,0 +1,14 @@
+export interface CatalogOrganizationCardProps {
+    hostId: string;
+}
+/**
+ * Categories & collections manager (AGL-280): category tree (parentId)
+ * at `hosts/{hostId}/productCategories`, manual + smart collections at
+ * `hosts/{hostId}/collections` with a live matched-product preview from
+ * the same `matchesCollection` matcher the storefront uses.
+ */
+export declare function CatalogOrganizationCard(props: CatalogOrganizationCardProps): import("react").JSX.Element;
+export declare namespace CatalogOrganizationCard {
+    var displayName: string;
+}
+export default CatalogOrganizationCard;