@aglyn/plugins-commerce 1.0.0-beta.143

package/src/lib/components/console/commerce-glance-card.component.js

@@ -0,0 +1,340 @@
+/**
+ * @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 { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatOrderNumber, isLowStock, liftLegacyProduct, orderIsTestMode } from "../../model/index.js";
+import { checkEntitlement, pluginDocsHelp } from "@aglyn/aglyn";
+import { AppLink, CardDisplay } from "@aglyn/shared-ui-jsx";
+import { Alert, Button, Chip, Divider, Stack, Typography } from "@mui/material";
+import { collection, limit, orderBy, query, where } from "firebase/firestore";
+import { useMemo } from "react";
+import { ceilingedWindow, collectionCeiling, useConsoleHostRoute, useFirestore, useOrgPlan } from "@aglyn/tenant-feature-instance";
+import { useFirestoreCollection } from "@aglyn/tenant-feature-instance";
+const THIRTY_DAYS_MS = 30 * 24 * 60 * 60 * 1000;
+/**
+ * How many orders the 30-day figures may be computed from, and how many
+ * products the low-stock count may scan.
+ *
+ * Both tiles are aggregates, so neither can be paged: a sum over page one is
+ * not a sum. What bounds them instead is the window itself — the orders query
+ * asks for thirty days rather than for a count, so a store reads what it sold
+ * rather than a fixed slab, and only a store selling more than this in a month
+ * meets the ceiling at all.
+ *
+ * A ceiling that bites makes every figure under it an UNDERSTATEMENT, which is
+ * why `truncated` is rendered rather than logged. Revenue quietly short is the
+ * one failure a reader cannot detect from the number itself.
+ */ const GLANCE_ORDER_CEILING = 250;
+const GLANCE_PRODUCT_CEILING = 250;
+/**
+ * Commerce at a glance (AGL-353): 30-day revenue, orders, AOV, low-stock
+ * count and the five latest orders. Renders nothing for hosts without a
+ * catalog so non-commerce dashboards stay clean.
+ *
+ * The figures are the `commerceAnalytics` entitlement — `/pricing` sells
+ * "Commerce analytics" as Pro-and-up, and `/product/commerce` calls it "a
+ * built-in commerce analytics dashboard". Until AGL-1938 the flag was
+ * inert: its ONLY occurrence outside `plan-entitlements.ts` was its own
+ * type declaration, and this card carried no check, so every commerce org
+ * — Starter included — got the Pro surface for free. The store link and
+ * card shell stay ungated; only the measured numbers are the paid part.
+ */ export function CommerceGlanceCard(props) {
+    const { hostId } = props;
+    // Console routes are /[orgSlug]/hosts/[subdomain]/… (AGL-673); this
+    // component only has a host doc id.
+    const consoleRoute = useConsoleHostRoute(hostId);
+    const { org, ready: orgReady } = useOrgPlan(hostId);
+    const entitled = checkEntitlement(org, 'commerceAnalytics');
+    const firestore = useFirestore();
+    /*
+   * Anchored once per mount so the query identity is stable. Recomputing it
+   * per render would rebuild the listener on every pass, which re-reads the
+   * whole window each time.
+   */ const since = useMemo(()=>Date.now() - THIRTY_DAYS_MS, []);
+    /**
+   * The thirty days the tiles claim, asked for as thirty days.
+   *
+   * `createdAtMs` is the field every order writer in the plugin stamps — cart,
+   * buy-now, draft, POS cash, POS card and subscription cycle — and the one
+   * `reconcile-stock` already walks the collection by. `createdAt` is not
+   * interchangeable: the orders collection group is indexed on `createdAtMs`
+   * alone, and a range on a field a document lacks drops that document rather
+   * than mis-placing it.
+   *
+   * The range and the order are the same field, so this needs no composite
+   * index beyond the `createdAtMs` override already declared.
+   */ const { data: orderDocs } = useFirestoreCollection(()=>query(collection(firestore, 'hosts', hostId, 'orders'), where('createdAtMs', '>=', since), orderBy('createdAtMs', 'desc'), limit(GLANCE_ORDER_CEILING + 1)), [
+        firestore,
+        hostId,
+        since
+    ], {
+        idField: '$id'
+    });
+    const { data: productDocs } = useFirestoreCollection(()=>collectionCeiling(collection(firestore, 'hosts', hostId, 'products'), GLANCE_PRODUCT_CEILING), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const orderWindow = useMemo(()=>ceilingedWindow(orderDocs != null ? orderDocs : undefined, GLANCE_ORDER_CEILING), [
+        orderDocs
+    ]);
+    const productWindow = useMemo(()=>ceilingedWindow(productDocs != null ? productDocs : undefined, GLANCE_PRODUCT_CEILING), [
+        productDocs
+    ]);
+    const summary = useMemo(()=>{
+        // The query returns the window already ordered newest-first; re-sorting a
+        // ceilinged read would only restate the order it arrived in.
+        const orders = orderWindow.rows;
+        // ONE DEFINITION OF 30-DAY REVENUE, NOT TWO.
+        //
+        // This card and `commerce-analytics-card` read the same orders collection
+        // over the same window and disagreed three ways, so one dashboard showed a
+        // store two different revenues:
+        //
+        //   - `pending` orders, which have taken no money, were counted here as
+        //     revenue and excluded there.
+        //   - `cancelled` was tested with the American spelling, which never
+        //     matches the persisted `OrderStatus`, so every cancelled order was
+        //     booked. The value is a PERSISTED enum and is not the place to apply
+        //     the American-spelling rule; the comparison follows the data.
+        //   - A refund was all-or-nothing: a fully-refunded order was dropped
+        //     whole while a 99%-refunded one counted in full.
+        //
+        // The filter and the per-order figure now match that card line for line,
+        // so the two cannot drift again without someone editing both.
+        const recentWindow = orders.filter((order)=>order.status !== 'pending' && order.status !== 'cancelled' && // A rehearsal is not revenue — the same exclusion the
+            // analytics card applies, from the same helper.
+            !orderIsTestMode(order));
+        // Net of what went back, rather than dropping the order. The legacy flat
+        // `amountCents` is the fallback, matching every other money reader
+        // (AGL-1747): this card had the modern read but not the fallback, so a
+        // Commerce Starter order (AGL-90) rendered as $0.00.
+        const orderNetCents = (order)=>{
+            var _ref, _ref1, _order_refundedCents;
+            var _order_totals;
+            return Number((_ref = (_ref1 = (_order_totals = order.totals) == null ? void 0 : _order_totals.totalCents) != null ? _ref1 : order.amountCents) != null ? _ref : 0) - Number((_order_refundedCents = order.refundedCents) != null ? _order_refundedCents : 0);
+        };
+        const revenueCents = recentWindow.reduce((sum, order)=>sum + orderNetCents(order), 0);
+        const lowStock = productWindow.rows.filter((product)=>{
+            try {
+                return isLowStock(liftLegacyProduct(product));
+            } catch (unused) {
+                return false;
+            }
+        }).length;
+        return {
+            latest: orders.slice(0, 5),
+            orders30d: recentWindow.length,
+            revenueCents,
+            aovCents: recentWindow.length ? Math.round(revenueCents / recentWindow.length) : 0,
+            lowStock
+        };
+    }, [
+        orderWindow,
+        productWindow
+    ]);
+    // No catalog and nothing sold in the window — this host doesn't sell; stay
+    // invisible.
+    if (!(productWindow.rows.length || orderWindow.rows.length)) return null;
+    const money = (cents)=>`$${(cents / 100).toFixed(2)}`;
+    const openStoreAction = /*#__PURE__*/ _jsx(Button, _extends({
+        component: AppLink
+    }, {
+        componentVariant: 'naked',
+        nativeButton: false
+    }, {
+        href: consoleRoute.base ? `${consoleRoute.base}/products` : undefined,
+        size: "small",
+        color: "primary",
+        children: 'Open store'
+    }));
+    if (!orgReady) {
+        // `checkEntitlement(undefined)` resolves the FREE tier rather than
+        // "unknown" (see `useOrgPlan`), and this card's "no" is an upsell —
+        // never accuse a paying org of being unentitled while the plan doc is
+        // still in flight.
+        return /*#__PURE__*/ _jsx(CardDisplay, {
+            header: 'Commerce',
+            help: pluginDocsHelp('commerce'),
+            contentGutterX: true,
+            contentGutterY: true,
+            HeaderProps: {
+                action: openStoreAction
+            },
+            children: /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: 'Checking your plan…'
+            })
+        });
+    }
+    if (!entitled) {
+        return /*#__PURE__*/ _jsx(CardDisplay, {
+            header: 'Commerce',
+            help: pluginDocsHelp('commerce'),
+            contentGutterX: true,
+            contentGutterY: true,
+            HeaderProps: {
+                action: openStoreAction
+            },
+            children: /*#__PURE__*/ _jsx(Alert, {
+                severity: "info",
+                action: consoleRoute.orgSlug ? /*#__PURE__*/ _jsx(AppLink, {
+                    componentVariant: "button",
+                    color: "inherit",
+                    size: "small",
+                    href: `/${consoleRoute.orgSlug}/billing`,
+                    children: 'Upgrade'
+                }) : undefined,
+                children: 'Commerce analytics — revenue, orders and average order value — ' + 'is a Pro feature. Every order is still being recorded, so the ' + 'numbers are waiting the moment you upgrade.'
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'Commerce',
+        help: pluginDocsHelp('commerce'),
+        contentGutterX: true,
+        contentGutterY: true,
+        HeaderProps: {
+            action: openStoreAction
+        },
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1.5,
+            children: [
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 3,
+                    children: [
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "h6",
+                                    children: money(summary.revenueCents)
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: 'Revenue · 30d'
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "h6",
+                                    children: summary.orders30d
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: 'Orders · 30d'
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "h6",
+                                    children: money(summary.aovCents)
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: 'Avg order'
+                                })
+                            ]
+                        }),
+                        summary.lowStock ? /*#__PURE__*/ _jsxs(Stack, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "h6",
+                                    color: "warning.main",
+                                    children: summary.lowStock
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: 'Low stock'
+                                })
+                            ]
+                        }) : null
+                    ]
+                }),
+                orderWindow.truncated || productWindow.truncated ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    children: orderWindow.truncated ? `Counted from the ${GLANCE_ORDER_CEILING} most recent orders of the last 30 days. Open the store for the full figures.` : `Low stock counted across ${GLANCE_PRODUCT_CEILING} products. Open the store for the full catalog.`
+                }) : null,
+                summary.latest.length ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Divider, {}),
+                        /*#__PURE__*/ _jsx(Stack, {
+                            spacing: 0.5,
+                            children: summary.latest.map((order)=>{
+                                var _ref, _ref1, _order_status;
+                                var _order_totals;
+                                return /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        justifyContent: 'space-between',
+                                        alignItems: 'center'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsxs(Typography, {
+                                            variant: "body2",
+                                            noWrap: true,
+                                            sx: {
+                                                minWidth: 0
+                                            },
+                                            children: [
+                                                order.orderNumber ? formatOrderNumber(order.orderNumber) : order.$id.slice(0, 8),
+                                                order.email ? ` · ${order.email}` : ''
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs(Stack, {
+                                            direction: "row",
+                                            spacing: 1,
+                                            sx: {
+                                                alignItems: 'center'
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "caption",
+                                                    children: money(Number((_ref = (_ref1 = (_order_totals = order.totals) == null ? void 0 : _order_totals.totalCents) != null ? _ref1 : order.amountCents) != null ? _ref : 0))
+                                                }),
+                                                /*#__PURE__*/ _jsx(Chip, {
+                                                    size: "small",
+                                                    label: (_order_status = order.status) != null ? _order_status : 'paid'
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }, order.$id);
+                            })
+                        })
+                    ]
+                }) : null
+            ]
+        })
+    });
+}
+CommerceGlanceCard.displayName = 'CommerceGlanceCard';
+export default CommerceGlanceCard;
+
+//# sourceMappingURL=commerce-glance-card.component.js.map

package/src/lib/components/console/commerce-glance-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/commerce-glance-card.component.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 {\n  formatOrderNumber,\n  isLowStock,\n  liftLegacyProduct,\n  orderIsTestMode,\n} from '../../model'\nimport { checkEntitlement, pluginDocsHelp } from '@aglyn/aglyn'\nimport { AppLink, CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { Alert, Button, Chip, Divider, Stack, Typography } from '@mui/material'\nimport { collection, limit, orderBy, query, where } from 'firebase/firestore'\nimport { useMemo } from 'react'\nimport {\n  ceilingedWindow,\n  collectionCeiling,\n  useConsoleHostRoute,\n  useFirestore,\n  useOrgPlan,\n} from '@aglyn/tenant-feature-instance'\nimport { useFirestoreCollection } from '@aglyn/tenant-feature-instance'\n\nconst THIRTY_DAYS_MS = 30 * 24 * 60 * 60 * 1000\n\n/**\n * How many orders the 30-day figures may be computed from, and how many\n * products the low-stock count may scan.\n *\n * Both tiles are aggregates, so neither can be paged: a sum over page one is\n * not a sum. What bounds them instead is the window itself — the orders query\n * asks for thirty days rather than for a count, so a store reads what it sold\n * rather than a fixed slab, and only a store selling more than this in a month\n * meets the ceiling at all.\n *\n * A ceiling that bites makes every figure under it an UNDERSTATEMENT, which is\n * why `truncated` is rendered rather than logged. Revenue quietly short is the\n * one failure a reader cannot detect from the number itself.\n */\nconst GLANCE_ORDER_CEILING = 250\nconst GLANCE_PRODUCT_CEILING = 250\n\n/**\n * Commerce at a glance (AGL-353): 30-day revenue, orders, AOV, low-stock\n * count and the five latest orders. Renders nothing for hosts without a\n * catalog so non-commerce dashboards stay clean.\n *\n * The figures are the `commerceAnalytics` entitlement — `/pricing` sells\n * \"Commerce analytics\" as Pro-and-up, and `/product/commerce` calls it \"a\n * built-in commerce analytics dashboard\". Until AGL-1938 the flag was\n * inert: its ONLY occurrence outside `plan-entitlements.ts` was its own\n * type declaration, and this card carried no check, so every commerce org\n * — Starter included — got the Pro surface for free. The store link and\n * card shell stay ungated; only the measured numbers are the paid part.\n */\nexport function CommerceGlanceCard(props: { hostId: string }) {\n  const { hostId } = props\n  // Console routes are /[orgSlug]/hosts/[subdomain]/… (AGL-673); this\n  // component only has a host doc id.\n  const consoleRoute = useConsoleHostRoute(hostId)\n  const { org, ready: orgReady } = useOrgPlan(hostId)\n  const entitled = checkEntitlement(org as never, 'commerceAnalytics')\n  const firestore = useFirestore()\n  /*\n   * Anchored once per mount so the query identity is stable. Recomputing it\n   * per render would rebuild the listener on every pass, which re-reads the\n   * whole window each time.\n   */\n  const since = useMemo(() => Date.now() - THIRTY_DAYS_MS, [])\n  /**\n   * The thirty days the tiles claim, asked for as thirty days.\n   *\n   * `createdAtMs` is the field every order writer in the plugin stamps — cart,\n   * buy-now, draft, POS cash, POS card and subscription cycle — and the one\n   * `reconcile-stock` already walks the collection by. `createdAt` is not\n   * interchangeable: the orders collection group is indexed on `createdAtMs`\n   * alone, and a range on a field a document lacks drops that document rather\n   * than mis-placing it.\n   *\n   * The range and the order are the same field, so this needs no composite\n   * index beyond the `createdAtMs` override already declared.\n   */\n  const { data: orderDocs } = useFirestoreCollection<any>(\n    () =>\n      query(\n        collection(firestore, 'hosts', hostId, 'orders'),\n        where('createdAtMs', '>=', since),\n        orderBy('createdAtMs', 'desc'),\n        limit(GLANCE_ORDER_CEILING + 1),\n      ),\n    [firestore, hostId, since],\n    { idField: '$id' },\n  )\n  const { data: productDocs } = useFirestoreCollection<any>(\n    () =>\n      collectionCeiling(\n        collection(firestore, 'hosts', hostId, 'products'),\n        GLANCE_PRODUCT_CEILING,\n      ),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const orderWindow = useMemo(\n    () => ceilingedWindow<any>(orderDocs ?? undefined, GLANCE_ORDER_CEILING),\n    [orderDocs],\n  )\n  const productWindow = useMemo(\n    () =>\n      ceilingedWindow<any>(productDocs ?? undefined, GLANCE_PRODUCT_CEILING),\n    [productDocs],\n  )\n\n  const summary = useMemo(() => {\n    // The query returns the window already ordered newest-first; re-sorting a\n    // ceilinged read would only restate the order it arrived in.\n    const orders = orderWindow.rows\n    // ONE DEFINITION OF 30-DAY REVENUE, NOT TWO.\n    //\n    // This card and `commerce-analytics-card` read the same orders collection\n    // over the same window and disagreed three ways, so one dashboard showed a\n    // store two different revenues:\n    //\n    //   - `pending` orders, which have taken no money, were counted here as\n    //     revenue and excluded there.\n    //   - `cancelled` was tested with the American spelling, which never\n    //     matches the persisted `OrderStatus`, so every cancelled order was\n    //     booked. The value is a PERSISTED enum and is not the place to apply\n    //     the American-spelling rule; the comparison follows the data.\n    //   - A refund was all-or-nothing: a fully-refunded order was dropped\n    //     whole while a 99%-refunded one counted in full.\n    //\n    // The filter and the per-order figure now match that card line for line,\n    // so the two cannot drift again without someone editing both.\n    const recentWindow = orders.filter(\n      (order) =>\n        order.status !== 'pending' &&\n        order.status !== 'cancelled' &&\n        // A rehearsal is not revenue — the same exclusion the\n        // analytics card applies, from the same helper.\n        !orderIsTestMode(order),\n    )\n    // Net of what went back, rather than dropping the order. The legacy flat\n    // `amountCents` is the fallback, matching every other money reader\n    // (AGL-1747): this card had the modern read but not the fallback, so a\n    // Commerce Starter order (AGL-90) rendered as $0.00.\n    const orderNetCents = (order: any) =>\n      Number(order.totals?.totalCents ?? order.amountCents ?? 0) -\n      Number(order.refundedCents ?? 0)\n    const revenueCents = recentWindow.reduce(\n      (sum, order) => sum + orderNetCents(order),\n      0,\n    )\n    const lowStock = productWindow.rows.filter((product: any) => {\n      try {\n        return isLowStock(liftLegacyProduct(product))\n      } catch {\n        return false\n      }\n    }).length\n    return {\n      latest: orders.slice(0, 5),\n      orders30d: recentWindow.length,\n      revenueCents,\n      aovCents: recentWindow.length\n        ? Math.round(revenueCents / recentWindow.length)\n        : 0,\n      lowStock,\n    }\n  }, [orderWindow, productWindow])\n\n  // No catalog and nothing sold in the window — this host doesn't sell; stay\n  // invisible.\n  if (!(productWindow.rows.length || orderWindow.rows.length)) return null\n\n  const money = (cents: number) => `$${(cents / 100).toFixed(2)}`\n\n  const openStoreAction = (\n    <Button\n      component={AppLink as any}\n      {...({ componentVariant: 'naked', nativeButton: false } as any)}\n      href={consoleRoute.base ? `${consoleRoute.base}/products` : undefined}\n      size=\"small\"\n      color=\"primary\"\n    >\n      {'Open store'}\n    </Button>\n  )\n\n  if (!orgReady) {\n    // `checkEntitlement(undefined)` resolves the FREE tier rather than\n    // \"unknown\" (see `useOrgPlan`), and this card's \"no\" is an upsell —\n    // never accuse a paying org of being unentitled while the plan doc is\n    // still in flight.\n    return (\n      <CardDisplay\n        header={'Commerce'}\n        help={pluginDocsHelp('commerce')}\n        contentGutterX\n        contentGutterY\n        HeaderProps={{ action: openStoreAction }}\n      >\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'Checking your plan…'}\n        </Typography>\n      </CardDisplay>\n    )\n  }\n\n  if (!entitled) {\n    return (\n      <CardDisplay\n        header={'Commerce'}\n        help={pluginDocsHelp('commerce')}\n        contentGutterX\n        contentGutterY\n        HeaderProps={{ action: openStoreAction }}\n      >\n        <Alert\n          severity=\"info\"\n          action={\n            consoleRoute.orgSlug ? (\n              <AppLink\n                componentVariant=\"button\"\n                color=\"inherit\"\n                size=\"small\"\n                href={`/${consoleRoute.orgSlug}/billing`}\n              >\n                {'Upgrade'}\n              </AppLink>\n            ) : undefined\n          }\n        >\n          {'Commerce analytics — revenue, orders and average order value — ' +\n            'is a Pro feature. Every order is still being recorded, so the ' +\n            'numbers are waiting the moment you upgrade.'}\n        </Alert>\n      </CardDisplay>\n    )\n  }\n\n  return (\n    <CardDisplay\n      header={'Commerce'}\n      help={pluginDocsHelp('commerce')}\n      contentGutterX\n      contentGutterY\n      HeaderProps={{ action: openStoreAction }}\n    >\n      <Stack spacing={1.5}>\n        <Stack direction=\"row\" spacing={3}>\n          <Stack>\n            <Typography variant=\"h6\">{money(summary.revenueCents)}</Typography>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {'Revenue · 30d'}\n            </Typography>\n          </Stack>\n          <Stack>\n            <Typography variant=\"h6\">{summary.orders30d}</Typography>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {'Orders · 30d'}\n            </Typography>\n          </Stack>\n          <Stack>\n            <Typography variant=\"h6\">{money(summary.aovCents)}</Typography>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {'Avg order'}\n            </Typography>\n          </Stack>\n          {summary.lowStock ? (\n            <Stack>\n              <Typography variant=\"h6\" color=\"warning.main\">\n                {summary.lowStock}\n              </Typography>\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {'Low stock'}\n              </Typography>\n            </Stack>\n          ) : null}\n        </Stack>\n        {orderWindow.truncated || productWindow.truncated ? (\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {orderWindow.truncated\n              ? `Counted from the ${GLANCE_ORDER_CEILING} most recent orders of the last 30 days. Open the store for the full figures.`\n              : `Low stock counted across ${GLANCE_PRODUCT_CEILING} products. Open the store for the full catalog.`}\n          </Typography>\n        ) : null}\n        {summary.latest.length ? (\n          <>\n            <Divider />\n            <Stack spacing={0.5}>\n              {summary.latest.map((order: any) => (\n                <Stack\n                  key={order.$id}\n                  direction=\"row\"\n                  spacing={1}\n                  sx={{\n                    justifyContent: 'space-between',\n                    alignItems: 'center',\n                  }}\n                >\n                  <Typography variant=\"body2\" noWrap sx={{ minWidth: 0 }}>\n                    {order.orderNumber\n                      ? formatOrderNumber(order.orderNumber)\n                      : order.$id.slice(0, 8)}\n                    {order.email ? ` · ${order.email}` : ''}\n                  </Typography>\n                  <Stack\n                    direction=\"row\"\n                    spacing={1}\n                    sx={{ alignItems: 'center' }}\n                  >\n                    <Typography variant=\"caption\">\n                      {money(\n                        Number(\n                          order.totals?.totalCents ?? order.amountCents ?? 0,\n                        ),\n                      )}\n                    </Typography>\n                    <Chip size=\"small\" label={order.status ?? 'paid'} />\n                  </Stack>\n                </Stack>\n              ))}\n            </Stack>\n          </>\n        ) : null}\n      </Stack>\n    </CardDisplay>\n  )\n}\nCommerceGlanceCard.displayName = 'CommerceGlanceCard'\n\nexport default CommerceGlanceCard\n"],"names":["formatOrderNumber","isLowStock","liftLegacyProduct","orderIsTestMode","checkEntitlement","pluginDocsHelp","AppLink","CardDisplay","Alert","Button","Chip","Divider","Stack","Typography","collection","limit","orderBy","query","where","useMemo","ceilingedWindow","collectionCeiling","useConsoleHostRoute","useFirestore","useOrgPlan","useFirestoreCollection","THIRTY_DAYS_MS","GLANCE_ORDER_CEILING","GLANCE_PRODUCT_CEILING","CommerceGlanceCard","props","hostId","consoleRoute","org","ready","orgReady","entitled","firestore","since","Date","now","data","orderDocs","idField","productDocs","orderWindow","undefined","productWindow","summary","orders","rows","recentWindow","filter","order","status","orderNetCents","Number","totals","totalCents","amountCents","refundedCents","revenueCents","reduce","sum","lowStock","product","length","latest","slice","orders30d","aovCents","Math","round","money","cents","toFixed","openStoreAction","component","componentVariant","nativeButton","href","base","size","color","header","help","contentGutterX","contentGutterY","HeaderProps","action","variant","severity","orgSlug","spacing","direction","truncated","map","sx","justifyContent","alignItems","noWrap","minWidth","orderNumber","$id","email","label","displayName"],"mappings":"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"}

package/src/lib/components/console/commerce-stat-tile.component.d.ts

@@ -0,0 +1,37 @@
+export interface CommerceStatTileProps {
+    /** Caption above the figure, e.g. `Revenue`. */
+    label: string;
+    /** The figure itself, already formatted. */
+    value: string;
+    /**
+     * Percentage change against the immediately preceding window of the same
+     * length, or `null` when there is no baseline. `null` renders NOTHING —
+     * see below.
+     */
+    deltaPct?: number | null;
+    /** What the delta is measured against, for the tooltip. */
+    deltaCaption?: string;
+    /**
+     * Whether a rise is good. Revenue up is good; nothing on this surface is
+     * inverted yet, but a refund-rate tile would be, and baking "up is green"
+     * into the component is how that gets rendered backwards later.
+     */
+    riseIsGood?: boolean;
+}
+/**
+ * One money tile with a period-over-period delta (AGL-2136).
+ *
+ * Every commerce and console mockup we publish shows the figures carrying a
+ * delta — `Revenue $26,540 +8.1%`, `Orders 1,204 +5.6%` — and the product
+ * had no prior-window computation at all, so no surface could render one.
+ *
+ * **A `null` delta renders nothing, not `+0%` and not `—`.** The delta is
+ * `null` exactly when the prior window held no orders, and every way of
+ * drawing that is a lie: `+100%` reads as growth, `+0%` reads as flat, and
+ * `—` reads as "we could not work it out". A first sale has no growth rate.
+ */
+export declare function CommerceStatTile(props: CommerceStatTileProps): import("react").JSX.Element;
+export declare namespace CommerceStatTile {
+    var displayName: string;
+}
+export default CommerceStatTile;

package/src/lib/components/console/commerce-stat-tile.component.js

@@ -0,0 +1,72 @@
+/**
+ * @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, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Stack, Tooltip, Typography } from "@mui/material";
+/**
+ * One money tile with a period-over-period delta (AGL-2136).
+ *
+ * Every commerce and console mockup we publish shows the figures carrying a
+ * delta — `Revenue $26,540 +8.1%`, `Orders 1,204 +5.6%` — and the product
+ * had no prior-window computation at all, so no surface could render one.
+ *
+ * **A `null` delta renders nothing, not `+0%` and not `—`.** The delta is
+ * `null` exactly when the prior window held no orders, and every way of
+ * drawing that is a lie: `+100%` reads as growth, `+0%` reads as flat, and
+ * `—` reads as "we could not work it out". A first sale has no growth rate.
+ */ export function CommerceStatTile(props) {
+    const { label, value, deltaPct = null, deltaCaption = 'vs the previous period', riseIsGood = true } = props;
+    const rose = (deltaPct != null ? deltaPct : 0) > 0;
+    const flat = deltaPct === 0;
+    const color = flat ? 'text.secondary' : rose === riseIsGood ? 'success.main' : 'error.main';
+    return /*#__PURE__*/ _jsxs(Box, {
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                children: label
+            }),
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 0.75,
+                sx: {
+                    alignItems: 'baseline'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "h6",
+                        children: value
+                    }),
+                    deltaPct === null ? null : /*#__PURE__*/ _jsx(Tooltip, {
+                        title: deltaCaption,
+                        children: /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            sx: {
+                                color,
+                                fontWeight: 600
+                            },
+                            children: `${deltaPct > 0 ? '+' : ''}${deltaPct}%`
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+CommerceStatTile.displayName = 'CommerceStatTile';
+export default CommerceStatTile;
+
+//# sourceMappingURL=commerce-stat-tile.component.js.map

package/src/lib/components/console/commerce-stat-tile.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/commerce-stat-tile.component.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 { Box, Stack, Tooltip, Typography } from '@mui/material'\n\nexport interface CommerceStatTileProps {\n  /** Caption above the figure, e.g. `Revenue`. */\n  label: string\n  /** The figure itself, already formatted. */\n  value: string\n  /**\n   * Percentage change against the immediately preceding window of the same\n   * length, or `null` when there is no baseline. `null` renders NOTHING —\n   * see below.\n   */\n  deltaPct?: number | null\n  /** What the delta is measured against, for the tooltip. */\n  deltaCaption?: string\n  /**\n   * Whether a rise is good. Revenue up is good; nothing on this surface is\n   * inverted yet, but a refund-rate tile would be, and baking \"up is green\"\n   * into the component is how that gets rendered backwards later.\n   */\n  riseIsGood?: boolean\n}\n\n/**\n * One money tile with a period-over-period delta (AGL-2136).\n *\n * Every commerce and console mockup we publish shows the figures carrying a\n * delta — `Revenue $26,540 +8.1%`, `Orders 1,204 +5.6%` — and the product\n * had no prior-window computation at all, so no surface could render one.\n *\n * **A `null` delta renders nothing, not `+0%` and not `—`.** The delta is\n * `null` exactly when the prior window held no orders, and every way of\n * drawing that is a lie: `+100%` reads as growth, `+0%` reads as flat, and\n * `—` reads as \"we could not work it out\". A first sale has no growth rate.\n */\nexport function CommerceStatTile(props: CommerceStatTileProps) {\n  const {\n    label,\n    value,\n    deltaPct = null,\n    deltaCaption = 'vs the previous period',\n    riseIsGood = true,\n  } = props\n  const rose = (deltaPct ?? 0) > 0\n  const flat = deltaPct === 0\n  const color = flat\n    ? 'text.secondary'\n    : rose === riseIsGood\n      ? 'success.main'\n      : 'error.main'\n  return (\n    <Box>\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {label}\n      </Typography>\n      <Stack direction=\"row\" spacing={0.75} sx={{ alignItems: 'baseline' }}>\n        <Typography variant=\"h6\">{value}</Typography>\n        {deltaPct === null ? null : (\n          <Tooltip title={deltaCaption}>\n            <Typography variant=\"caption\" sx={{ color, fontWeight: 600 }}>\n              {`${deltaPct > 0 ? '+' : ''}${deltaPct}%`}\n            </Typography>\n          </Tooltip>\n        )}\n      </Stack>\n    </Box>\n  )\n}\nCommerceStatTile.displayName = 'CommerceStatTile'\n\nexport default CommerceStatTile\n"],"names":["Box","Stack","Tooltip","Typography","CommerceStatTile","props","label","value","deltaPct","deltaCaption","riseIsGood","rose","flat","color","variant","direction","spacing","sx","alignItems","title","fontWeight","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,SAASA,GAAG,EAAEC,KAAK,EAAEC,OAAO,EAAEC,UAAU,QAAQ,gBAAe;AAuB/D;;;;;;;;;;;CAWC,GACD,OAAO,SAASC,iBAAiBC,KAA4B;IAC3D,MAAM,EACJC,KAAK,EACLC,KAAK,EACLC,WAAW,IAAI,EACfC,eAAe,wBAAwB,EACvCC,aAAa,IAAI,EAClB,GAAGL;IACJ,MAAMM,OAAO,CAACH,mBAAAA,WAAY,KAAK;IAC/B,MAAMI,OAAOJ,aAAa;IAC1B,MAAMK,QAAQD,OACV,mBACAD,SAASD,aACP,iBACA;IACN,qBACE,MAACV;;0BACC,KAACG;gBAAWW,SAAQ;gBAAUD,OAAM;0BACjCP;;0BAEH,MAACL;gBAAMc,WAAU;gBAAMC,SAAS;gBAAMC,IAAI;oBAAEC,YAAY;gBAAW;;kCACjE,KAACf;wBAAWW,SAAQ;kCAAMP;;oBACzBC,aAAa,OAAO,qBACnB,KAACN;wBAAQiB,OAAOV;kCACd,cAAA,KAACN;4BAAWW,SAAQ;4BAAUG,IAAI;gCAAEJ;gCAAOO,YAAY;4BAAI;sCACxD,GAAGZ,WAAW,IAAI,MAAM,KAAKA,SAAS,CAAC,CAAC;;;;;;;AAOvD;AACAJ,iBAAiBiB,WAAW,GAAG;AAE/B,eAAejB,iBAAgB"}

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

@@ -0,0 +1,14 @@
+export interface DiscountsCardProps {
+    hostId: string;
+}
+/**
+ * Discounts hub (AGL-305): code and automatic promotions with value,
+ * min-subtotal, schedule, and usage-limit controls, resolved at
+ * checkout/POS by the shared engine. Supersedes the simple coupons
+ * card (which keeps working for existing codes).
+ */
+export declare function DiscountsCard(props: DiscountsCardProps): import("react").JSX.Element;
+export declare namespace DiscountsCard {
+    var displayName: string;
+}
+export default DiscountsCard;