@aglyn/plugins-commerce 1.0.0-beta.236 → 1.0.0-beta.238

package/src/lib/components/product-grid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/product-grid.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 { mdiMagnify, mdiViewGridOutline } from '@aglyn/shared-data-mdi'\nimport {\n  ListQueryNotices,\n  listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport type { ListFilterClause } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardActionArea from '@mui/material/CardActionArea'\nimport CardContent from '@mui/material/CardContent'\nimport CardMedia from '@mui/material/CardMedia'\nimport Chip from '@mui/material/Chip'\nimport InputAdornment from '@mui/material/InputAdornment'\nimport MenuItem from '@mui/material/MenuItem'\nimport Skeleton from '@mui/material/Skeleton'\nimport Slider from '@mui/material/Slider'\nimport SvgIcon from '@mui/material/SvgIcon'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport {\n  STOREFRONT_CATALOG_DECLARATION,\n  STOREFRONT_CATALOG_HEADERS,\n  STOREFRONT_CATALOG_OPTIONS,\n} from '../constants/storefront-catalog-query'\nimport { generatePresetId } from '../utils/generate-preset-id'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'product-grid'\n\nexport interface ProductGridProps {\n  /** Filter source; 'all' lists the whole active catalog. */\n  source?: 'all' | 'collection' | 'category' | 'tag'\n  /** Collection id when source = collection (rename-safe, AGL-343). */\n  collectionId?: string\n  /** Legacy collection slug; used only when no collectionId is set.\n   * Blank follows the /collections/{slug} URL (AGL-298). */\n  collectionSlug?: string\n  /** Faceted controls above the grid: tags, availability, sort. */\n  showFilters?: boolean\n  /** Debounced visitor search box above the grid (server-side, AGL-561). */\n  showSearch?: boolean\n  /** Category filter chips from the host's categories (AGL-561). */\n  showCategories?: boolean\n  /** Sort select: newest, name, price low→high / high→low (AGL-561). */\n  showSort?: boolean\n  /** Physical / digital / services filter chips (AGL-561). */\n  showTypeFilter?: boolean\n  /** Price range slider bounded by the catalog's prices (AGL-564). */\n  showPriceFilter?: boolean\n  /** Products per page; shows a Load more button while more remain. */\n  pageSize?: number\n  /** Category id when source = category (rename-safe, AGL-343). */\n  categoryId?: string\n  /** Legacy category slug; used only when no categoryId is set. */\n  categorySlug?: string\n  /** Tag when source = tag. */\n  tag?: string\n  sort?: 'name' | 'price-asc' | 'price-desc' | 'newest'\n  /** Grid columns on desktop (1-6); mobile always stacks to 2/1. */\n  columns?: number\n  maxItems?: number\n  /** Empty-state copy when nothing matches. */\n  emptyText?: string\n  /**\n   * How each product is drawn (AGL-3676): `outlined`, the default, a card\n   * with a short photo strip; `photo`, the photo first and tall, with the\n   * name and price under it and no card around it — the way a storefront\n   * leads with what it sells.\n   */\n  cardStyle?: 'outlined' | 'photo'\n}\n\ninterface CatalogItem {\n  id: string\n  name: string\n  slug: string\n  priceUsd: number\n  maxPriceUsd: number\n  compareAtPriceUsd?: number\n  imageUrl?: string\n  soldOut: boolean\n  tags?: string[]\n  /** Listed before it has a price (AGL-3676): no price to print yet. */\n  priceComingSoon?: boolean\n}\n\n/** What a card says where a product listed before it has a price would show one (AGL-3676). */\nconst PRICE_COMING_SOON_LABEL = 'Price coming soon'\n\ninterface CatalogCategory {\n  id: string\n  name: string\n  slug: string\n}\n\n/** Price facet from the catalog handler, in cents (AGL-564). */\ninterface CatalogPriceBounds {\n  minCents: number\n  maxCents: number\n}\n\n/**\n * A control the catalog query could not apply, and why (AGL-3321): the\n * plan's refusal as the handler returns it, named here by\n * `listQueryRefusals` in the words of this grid's controls.\n */\ninterface CatalogRefusal {\n  clause: ListFilterClause | 'search'\n  reason: string\n}\n\n/**\n * This grid's first page, resolved server-side by the commerce site-page\n * enricher (AGL-659). Same shape the catalog endpoint returns, because both\n * go through `queryPublicCatalog`.\n */\ninterface CatalogSeed {\n  items?: CatalogItem[]\n  categories?: CatalogCategory[]\n  priceBounds?: CatalogPriceBounds\n  nextCursor?: string\n  refused?: CatalogRefusal[]\n  notices?: string[]\n}\n\nconst SAMPLE_ITEMS: CatalogItem[] = [\n  { id: 's1', name: 'Sample product', slug: '#', priceUsd: 29, maxPriceUsd: 29, soldOut: false },\n  { id: 's2', name: 'Another product', slug: '#', priceUsd: 49, maxPriceUsd: 59, compareAtPriceUsd: 79, soldOut: false },\n  { id: 's3', name: 'Third product', slug: '#', priceUsd: 12, maxPriceUsd: 12, soldOut: true },\n]\n\n/** Inert chips shown on the besigner canvas when categories are on. */\nconst SAMPLE_CATEGORIES: CatalogCategory[] = [\n  { id: 'sc1', name: 'Apparel', slug: 'apparel' },\n  { id: 'sc2', name: 'Accessories', slug: 'accessories' },\n]\n\n/** Inert slider bounds on the canvas, matching the sample cards. */\nconst SAMPLE_PRICE_BOUNDS: CatalogPriceBounds = {\n  minCents: 1200,\n  maxCents: 4900,\n}\n\nconst TYPE_OPTIONS = [\n  { value: 'physical', label: 'Physical' },\n  { value: 'digital', label: 'Digital' },\n  { value: 'service', label: 'Services' },\n] as const\n\nconst SORT_OPTIONS = [\n  { value: 'newest', label: 'Newest' },\n  { value: 'name', label: 'Name' },\n  { value: 'price-asc', label: 'Price: low to high' },\n  { value: 'price-desc', label: 'Price: high to low' },\n] as const\n\nfunction collectionSlugFromLocation(): string {\n  if (typeof window === 'undefined') return ''\n  const match = window.location.pathname.match(/\\/collections\\/([^/?#]+)/)\n  return match ? decodeURIComponent(match[1]) : ''\n}\n\nfunction priceLabel(item: CatalogItem): string {\n  if (item.priceComingSoon) return PRICE_COMING_SOON_LABEL\n  return item.priceUsd === item.maxPriceUsd\n    ? `$${item.priceUsd}`\n    : `From $${item.priceUsd}`\n}\n\n/**\n * Product grid / PLP block (AGL-291): active catalog items from the\n * public listing API, filterable by collection/category/tag, designable\n * in besigner with sample cards (no SiteContext = inert canvas, same\n * convention as the mui Product block). Cards navigate to\n * `/products/{slug}` (PDP routes, AGL-292). Catalog UX (AGL-561):\n * optional debounced search, category chips, type chips, a sort\n * select, and Load more paging — all resolved server-side by the\n * catalog handler so large catalogs stay cheap.\n *\n * Nothing is narrowed here (AGL-3321): every control is a parameter of the\n * catalog query, and the rows shown are the rows it returned. A control the\n * query could not combine with another comes back in `refused` and is said\n * above the grid, rather than applied to the cards that happen to be loaded.\n */\nconst ProductGrid = forwardRef<HTMLDivElement, ProductGridProps>(\n  (props, ref) => {\n    const {\n      source,\n      collectionId,\n      collectionSlug: collectionSlugProp,\n      categoryId,\n      categorySlug,\n      tag,\n      sort: sortProp,\n      columns,\n      maxItems,\n      emptyText,\n      showFilters,\n      showSearch,\n      showCategories,\n      showSort,\n      showTypeFilter,\n      showPriceFilter,\n      pageSize,\n      cardStyle,\n      ...rest\n    } = props\n    const photoCards = cardStyle === 'photo'\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 site = Aglyn.useSite()\n    const { hostId } = site\n    // Server-rendered first page (AGL-659). The site-page enricher ran this\n    // grid's own query on the server and keyed the result by node id — two\n    // grids on a page have different queries, so an unkeyed seed would put\n    // the wrong products in one of them. Absent in the besigner and preview,\n    // where there is no pageData at all and the effect below still fetches.\n    const nodeId = Aglyn.useNodeId()\n    const seed = (\n      site.pageData as\n        | { commerce?: { grids?: Record<string, CatalogSeed> } }\n        | undefined\n    )?.commerce?.grids?.[nodeId]\n\n    const [items, setItems] = useState<CatalogItem[] | null>(\n      seed?.items ?? null,\n    )\n    const [sort, setSort] = useState(sortProp)\n    // The In stock chip, asked of the catalog (`inStock=1`), never matched\n    // over the cards on screen (AGL-3321).\n    const [inStockOnly, setInStockOnly] = useState(false)\n    const [activeTag, setActiveTag] = useState('')\n    // Catalog UX state (AGL-561): the search box debounces into\n    // `query`; a chip pick overrides any pinned category ('*' = All);\n    // paging appends via the handler's `nextCursor` (AGL-3321).\n    const [searchInput, setSearchInput] = useState('')\n    const [query, setQuery] = useState('')\n    const [activeCategoryId, setActiveCategoryId] = useState('')\n    const [activeType, setActiveType] = useState('')\n    const [categories, setCategories] = useState<CatalogCategory[]>(\n      seed?.categories ?? [],\n    )\n    // Price filter (AGL-564): the slider drags into `priceInput` (whole\n    // dollars) and debounces into `priceFilter`, which drives the query;\n    // null = untouched (no price params sent). Bounds come from the\n    // handler's price facets.\n    const [priceBounds, setPriceBounds] = useState<CatalogPriceBounds | null>(\n      seed?.priceBounds ?? null,\n    )\n    const [priceInput, setPriceInput] = useState<number[] | null>(null)\n    const [priceFilter, setPriceFilter] = useState<number[] | null>(null)\n    const [nextCursor, setNextCursor] = useState<string | null>(\n      seed?.nextCursor ?? null,\n    )\n    // What the query could not apply, said above the grid (AGL-3321).\n    const [refused, setRefused] = useState<CatalogRefusal[]>(seed?.refused ?? [])\n    const [notices, setNotices] = useState<string[]>(seed?.notices ?? [])\n    const [loadingMore, setLoadingMore] = useState(false)\n    const fetchSeq = useRef(0)\n    const collectionSlug =\n      source === 'collection'\n        ? collectionSlugProp || collectionSlugFromLocation()\n        : collectionSlugProp\n    const pageLimit =\n      pageSize && Number(pageSize) > 0 ? Math.floor(Number(pageSize)) : 0\n    const pinnedCategoryId = source === 'category' ? categoryId ?? '' : ''\n\n    // Debounce keystrokes so large catalogs aren't fetched per letter.\n    useEffect(() => {\n      const timer = setTimeout(() => setQuery(searchInput.trim()), 300)\n      return () => clearTimeout(timer)\n    }, [searchInput])\n\n    // Debounce slider drags the same way (AGL-564): one fetch per\n    // settled range, not one per pixel of thumb movement.\n    useEffect(() => {\n      const timer = setTimeout(() => setPriceFilter(priceInput), 300)\n      return () => clearTimeout(timer)\n    }, [priceInput])\n\n    const loadPage = useCallback(\n      async (after?: string): Promise<void> => {\n        if (!hostId) return\n        const seq = ++fetchSeq.current\n        const params = new URLSearchParams({ hostId })\n        // Ids first (rename-safe, AGL-343); slugs remain as the legacy path.\n        if (source === 'collection') {\n          if (collectionId) params.set('collectionId', collectionId)\n          else if (collectionSlug) params.set('collection', collectionSlug)\n        }\n        const effectiveCategoryId =\n          activeCategoryId === '*' ? '' : activeCategoryId || pinnedCategoryId\n        if (effectiveCategoryId) {\n          params.set('categoryId', effectiveCategoryId)\n        } else if (!activeCategoryId && source === 'category' && categorySlug) {\n          params.set('category', categorySlug)\n        }\n        // A tag chip overrides a pinned tag, as a category chip does.\n        const effectiveTag = activeTag || (source === 'tag' ? tag ?? '' : '')\n        if (effectiveTag) params.set('tag', effectiveTag)\n        if (query) params.set('q', query)\n        if (activeType) params.set('type', activeType)\n        if (inStockOnly) params.set('inStock', '1')\n        // Slider dollars → API cents (AGL-564).\n        if (priceFilter) {\n          params.set('minPriceCents', String(priceFilter[0] * 100))\n          params.set('maxPriceCents', String(priceFilter[1] * 100))\n        }\n        if (sort) params.set('sort', sort)\n        const limit = pageLimit || maxItems\n        if (limit) params.set('limit', String(limit))\n        if (after) params.set('after', after)\n        if ((showCategories || showPriceFilter) && !after) {\n          params.set('facets', '1')\n        }\n        try {\n          const response = await fetch(\n            `/api/commerce/catalog?${params.toString()}`,\n          )\n          const payload = await response.json()\n          if (seq !== fetchSeq.current) return\n          const pageItems: CatalogItem[] = payload?.items ?? []\n          setItems((prev) =>\n            after && prev ? [...prev, ...pageItems] : pageItems,\n          )\n          setNextCursor(\n            typeof payload?.nextCursor === 'string' ? payload.nextCursor : null,\n          )\n          if (!after) {\n            setRefused(Array.isArray(payload?.refused) ? payload.refused : [])\n            setNotices(Array.isArray(payload?.notices) ? payload.notices : [])\n          }\n          if (Array.isArray(payload?.categories)) {\n            setCategories(payload.categories)\n          }\n          const bounds = payload?.priceBounds\n          if (\n            typeof bounds?.minCents === 'number' &&\n            typeof bounds?.maxCents === 'number'\n          ) {\n            setPriceBounds(bounds)\n          }\n        } catch {\n          if (seq !== fetchSeq.current) return\n          if (!after) setItems([])\n          setNextCursor(null)\n        }\n      },\n      [\n        hostId,\n        source,\n        collectionId,\n        collectionSlug,\n        categorySlug,\n        tag,\n        sort,\n        maxItems,\n        query,\n        activeCategoryId,\n        activeTag,\n        activeType,\n        inStockOnly,\n        priceFilter,\n        pageLimit,\n        pinnedCategoryId,\n        showCategories,\n        showPriceFilter,\n      ],\n    )\n\n    // A seeded grid already holds exactly what `loadPage(0)` would return,\n    // so the first pass skips the fetch (AGL-659) — every later run, after\n    // a filter or sort change, goes to the API as before.\n    const seededRef = useRef(Boolean(seed))\n    useEffect(() => {\n      if (!hostId) return\n      if (seededRef.current) {\n        seededRef.current = false\n        return\n      }\n      void loadPage()\n      // Invalidate any in-flight request on dep change or unmount.\n      return () => {\n        fetchSeq.current++\n      }\n    }, [hostId, loadPage])\n\n    const desktopColumns = Math.min(6, Math.max(1, columns ?? 3))\n    const gridSx = {\n      display: 'grid',\n      gap: 2,\n      gridTemplateColumns: {\n        // Photo cards pair up on a phone, as a shop's catalog does; an\n        // outlined card with its photo strip takes the row.\n        xs: photoCards ? 'repeat(2, 1fr)' : 'repeat(1, 1fr)',\n        sm: 'repeat(2, 1fr)',\n        md: `repeat(${desktopColumns}, 1fr)`,\n      },\n    }\n    // The rows the query returned, as returned (AGL-3321).\n    const visible = hostId ? items : SAMPLE_ITEMS\n    // Tag chips: the tags on the cards showing, as CHOICES — picking one asks\n    // the catalog for that tag, never narrows these cards. The picked one\n    // stays offered whatever the page it brought back carries.\n    const facetTags = showFilters\n      ? [\n          ...new Set([\n            ...(activeTag ? [activeTag] : []),\n            ...(items ?? []).flatMap((item) => item.tags ?? []),\n          ]),\n        ].slice(0, 12)\n      : []\n\n    if (hostId && items === null) {\n      return (\n        // MERGE, never replace (AGL-1450). The skeleton branch replaced the\n        // node's sx outright, so an authored grid flashed unstyled for as\n        // long as the first fetch took and then snapped into place.\n        <Box ref={ref} {...rest} sx={[gridSx, ...nodeSx]}>\n          {Array.from({ length: desktopColumns }, (_item, index) => (\n            <Card key={index} variant=\"outlined\">\n              <Skeleton variant=\"rectangular\" height={160} />\n              <CardContent>\n                <Skeleton width=\"70%\" />\n                <Skeleton width=\"30%\" />\n              </CardContent>\n            </Card>\n          ))}\n        </Box>\n      )\n    }\n\n    // Catalog controls (AGL-561): search on top, category/type chips\n    // under it with the sort select right-aligned — the layout every\n    // mainstream commerce PLP uses. Server-side; sample data inert.\n    const chipCategories = categories.length\n      ? categories\n      : !hostId && showCategories\n        ? SAMPLE_CATEGORIES\n        : []\n    const selectedCategoryId =\n      activeCategoryId === '*' ? '' : activeCategoryId || pinnedCategoryId\n    const hasCatalogControls = Boolean(\n      showSearch || showCategories || showSort || showTypeFilter ||\n        showPriceFilter,\n    )\n    // Price slider bounds (AGL-564), widened to whole dollars so both\n    // ends stay reachable; sample bounds keep the canvas designable.\n    const sliderBounds = hostId ? priceBounds : SAMPLE_PRICE_BOUNDS\n    const sliderMin = sliderBounds ? Math.floor(sliderBounds.minCents / 100) : 0\n    const sliderMax = sliderBounds ? Math.ceil(sliderBounds.maxCents / 100) : 0\n    const showSlider = Boolean(showPriceFilter && sliderMin < sliderMax)\n    const controls = hasCatalogControls ? (\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, mb: 2 }}>\n        {showSearch ? (\n          <TextField\n            value={searchInput}\n            onChange={(event) => setSearchInput(event.target.value)}\n            placeholder=\"Search products…\"\n            size=\"small\"\n            fullWidth\n            slotProps={{\n              input: {\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <SvgIcon fontSize=\"small\" color=\"disabled\">\n                      <path d={mdiMagnify.path} />\n                    </SvgIcon>\n                  </InputAdornment>\n                ),\n              },\n              htmlInput: { 'aria-label': 'Search products', type: 'search' },\n            }}\n          />\n        ) : null}\n        {showCategories || showTypeFilter || showSort ? (\n          <Box\n            sx={{\n              display: 'flex',\n              gap: 1,\n              flexWrap: 'wrap',\n              alignItems: 'center',\n            }}\n          >\n            {showCategories && chipCategories.length ? (\n              <>\n                <Chip\n                  label=\"All\"\n                  size=\"small\"\n                  variant={selectedCategoryId ? 'outlined' : 'filled'}\n                  color={selectedCategoryId ? 'default' : 'primary'}\n                  onClick={() => {\n                    // One array clause per query (AGL-3321): a chip asked\n                    // for while searching would be refused, so picking one\n                    // clears the search — and a tag chip — rather than\n                    // leaving a chip that does nothing.\n                    setSearchInput('')\n                    setQuery('')\n                    setActiveTag('')\n                    setActiveCategoryId('*')\n                  }}\n                />\n                {chipCategories.map((category) => (\n                  <Chip\n                    key={category.id}\n                    label={category.name}\n                    size=\"small\"\n                    variant={\n                      selectedCategoryId === category.id ? 'filled' : 'outlined'\n                    }\n                    color={\n                      selectedCategoryId === category.id\n                        ? 'secondary'\n                        : 'default'\n                    }\n                    onClick={() => {\n                      setSearchInput('')\n                      setQuery('')\n                      setActiveTag('')\n                      setActiveCategoryId((prev) =>\n                        (prev || pinnedCategoryId) === category.id\n                          ? '*'\n                          : category.id,\n                      )\n                    }}\n                  />\n                ))}\n              </>\n            ) : null}\n            {showTypeFilter\n              ? TYPE_OPTIONS.map((option) => (\n                  <Chip\n                    key={option.value}\n                    label={option.label}\n                    size=\"small\"\n                    variant={activeType === option.value ? 'filled' : 'outlined'}\n                    color={\n                      activeType === option.value ? 'secondary' : 'default'\n                    }\n                    onClick={() =>\n                      setActiveType((prev) =>\n                        prev === option.value ? '' : option.value,\n                      )\n                    }\n                  />\n                ))\n              : null}\n            {showSort ? (\n              <>\n                <Box sx={{ flex: 1 }} />\n                <TextField\n                  select\n                  size=\"small\"\n                  value={\n                    SORT_OPTIONS.some((option) => option.value === sort)\n                      ? sort\n                      : 'name'\n                  }\n                  onChange={(event) =>\n                    setSort(event.target.value as ProductGridProps['sort'])\n                  }\n                  sx={{ minWidth: 180 }}\n                  slotProps={{\n                    htmlInput: { 'aria-label': 'Sort products' },\n                  }}\n                >\n                  {SORT_OPTIONS.map((option) => (\n                    <MenuItem key={option.value} value={option.value}>\n                      {option.label}\n                    </MenuItem>\n                  ))}\n                </TextField>\n              </>\n            ) : null}\n          </Box>\n        ) : null}\n        {showSlider ? (\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 1.5,\n              maxWidth: 360,\n              px: 1,\n            }}\n          >\n            <Typography\n              variant=\"caption\"\n              color=\"text.secondary\"\n              sx={{ whiteSpace: 'nowrap' }}\n            >\n              {`$${sliderMin}`}\n            </Typography>\n            <Slider\n              size=\"small\"\n              value={priceInput ?? [sliderMin, sliderMax]}\n              min={sliderMin}\n              max={sliderMax}\n              step={1}\n              disableSwap\n              disabled={!hostId}\n              onChange={(_event, value) =>\n                setPriceInput(Array.isArray(value) ? value : [value, value])\n              }\n              valueLabelDisplay=\"auto\"\n              valueLabelFormat={(value) => `$${value}`}\n              getAriaLabel={(index) =>\n                index === 0 ? 'Minimum price' : 'Maximum price'\n              }\n            />\n            <Typography\n              variant=\"caption\"\n              color=\"text.secondary\"\n              sx={{ whiteSpace: 'nowrap' }}\n            >\n              {`$${sliderMax}`}\n            </Typography>\n          </Box>\n        ) : null}\n      </Box>\n    ) : null\n\n    if (visible && visible.length === 0 && !hasCatalogControls) {\n      return (\n        <Box ref={ref} {...rest} sx={[{ p: 3, textAlign: 'center' }, ...nodeSx]}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {emptyText || 'No products here yet — check back soon.'}\n          </Typography>\n        </Box>\n      )\n    }\n    // With controls visible the empty state renders inline, so a\n    // no-result search still leaves the box available to clear.\n    const emptyState = (\n      <Box sx={{ p: 3, textAlign: 'center' }}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {query ||\n          activeType ||\n          selectedCategoryId ||\n          activeTag ||\n          inStockOnly ||\n          priceFilter\n            ? 'No products match — try clearing a filter.'\n            : emptyText || 'No products here yet — check back soon.'}\n        </Typography>\n      </Box>\n    )\n    const loadMore =\n      hostId && pageLimit && nextCursor != null ? (\n        <Box sx={{ display: 'flex', justifyContent: 'center', mt: 3 }}>\n          <Button\n            variant=\"outlined\"\n            disabled={loadingMore}\n            onClick={async () => {\n              if (nextCursor == null || loadingMore) return\n              setLoadingMore(true)\n              await loadPage(nextCursor)\n              setLoadingMore(false)\n            }}\n          >\n            {loadingMore ? 'Loading…' : 'Load more'}\n          </Button>\n        </Box>\n      ) : null\n\n    const grid = (\n      <Box sx={gridSx}>\n        {(visible ?? []).map((item) => {\n          // AGL-1726: resolved BEFORE the guard, so a stored value that is\n          // truthy but resolves to nothing renders the placeholder rather\n          // than an `<img>` with no `src`.\n          const imageUrl = Aglyn.siteRelativeMediaSrc(item.imageUrl, { hostId })\n          return (\n          <Card\n            key={item.id}\n            variant={photoCards ? 'elevation' : 'outlined'}\n            elevation={0}\n            sx={photoCards ? { bgcolor: 'transparent', overflow: 'visible' } : undefined}\n          >\n            <CardActionArea\n              href={hostId ? `/products/${item.slug}` : undefined}\n              disabled={!hostId}\n              sx={photoCards ? { borderRadius: 2 } : undefined}\n            >\n              {imageUrl ? (\n                <CardMedia\n                  component=\"img\"\n                  image={imageUrl}\n                  alt={item.name}\n                  sx={\n                    photoCards\n                      ? { aspectRatio: '4 / 5', objectFit: 'cover', borderRadius: 2 }\n                      : { height: 160, objectFit: 'cover' }\n                  }\n                  // Deferred (AGL-2486), and this is the worst offender of\n                  // the set: a grid renders one image PER PRODUCT, all of\n                  // them previously unhinted, so a storefront section below\n                  // the fold opened N eager default-priority fetches that\n                  // outranked everything above it.\n                  {...Aglyn.DEFERRED_IMAGE_ATTRIBUTES}\n                />\n              ) : (\n                <Box\n                  sx={\n                    photoCards\n                      ? { aspectRatio: '4 / 5', bgcolor: 'action.hover', borderRadius: 2 }\n                      : { height: 160, bgcolor: 'action.hover' }\n                  }\n                />\n              )}\n              <CardContent sx={photoCards ? { px: 0.5, pt: 1.5, pb: 1 } : undefined}>\n                <Typography variant={photoCards ? 'subtitle1' : 'subtitle2'} noWrap>\n                  {item.name}\n                </Typography>\n                <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {priceLabel(item)}\n                  </Typography>\n                  {item.compareAtPriceUsd ? (\n                    <Typography\n                      variant=\"caption\"\n                      color=\"text.disabled\"\n                      sx={{ textDecoration: 'line-through' }}\n                    >\n                      {`$${item.compareAtPriceUsd}`}\n                    </Typography>\n                  ) : null}\n                  {item.soldOut ? (\n                    <Chip label=\"Sold out\" size=\"small\" variant=\"outlined\" />\n                  ) : null}\n                </Box>\n              </CardContent>\n            </CardActionArea>\n          </Card>\n          )\n        })}\n      </Box>\n    )\n\n    const body = visible && visible.length === 0 ? emptyState : grid\n    const unapplied =\n      hostId && (refused.length || notices.length) ? (\n        <Box sx={{ mb: 2 }}>\n          <ListQueryNotices\n            refused={listQueryRefusals(refused, {\n              fields: STOREFRONT_CATALOG_DECLARATION.fields,\n              headers: STOREFRONT_CATALOG_HEADERS,\n              options: {\n                ...STOREFRONT_CATALOG_OPTIONS,\n                category: categories.map((category) => ({\n                  value: category.id,\n                  label: category.name,\n                })),\n              },\n            })}\n            notices={notices}\n          />\n        </Box>\n      ) : null\n    if (!showFilters) {\n      return (\n        <Box ref={ref} {...rest}>\n          {controls}\n          {unapplied}\n          {body}\n          {loadMore}\n        </Box>\n      )\n    }\n    return (\n      <Box ref={ref} {...rest}>\n        {controls}\n        <Box\n          sx={{\n            display: 'flex',\n            gap: 1,\n            flexWrap: 'wrap',\n            alignItems: 'center',\n            mb: 2,\n          }}\n        >\n          <Chip\n            label=\"In stock\"\n            size=\"small\"\n            variant={inStockOnly ? 'filled' : 'outlined'}\n            color={inStockOnly ? 'primary' : 'default'}\n            onClick={() => setInStockOnly((prev) => !prev)}\n          />\n          {facetTags.map((facetTag) => (\n            <Chip\n              key={facetTag}\n              label={facetTag}\n              size=\"small\"\n              variant={activeTag === facetTag ? 'filled' : 'outlined'}\n              color={activeTag === facetTag ? 'primary' : 'default'}\n              onClick={() => {\n                // The same one-array-clause rule as the category chips.\n                setSearchInput('')\n                setQuery('')\n                setActiveCategoryId((prev) => (prev && prev !== '*' ? '' : prev))\n                setActiveTag((prev) => (prev === facetTag ? '' : facetTag))\n              }}\n            />\n          ))}\n          <Box sx={{ flex: 1 }} />\n          <Chip\n            label={\n              sort === 'price-asc'\n                ? 'Price ↑'\n                : sort === 'price-desc'\n                  ? 'Price ↓'\n                  : 'A–Z'\n            }\n            size=\"small\"\n            variant=\"outlined\"\n            onClick={() =>\n              setSort((prev) =>\n                prev === 'price-asc'\n                  ? 'price-desc'\n                  : prev === 'price-desc'\n                    ? 'name'\n                    : 'price-asc',\n              )\n            }\n          />\n        </Box>\n        {unapplied}\n        {body}\n        {loadMore}\n      </Box>\n    )\n  },\n)\nProductGrid.displayName = 'AglynProductGrid'\n\nexport const schema: Aglyn.ComponentSchema<ProductGridProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Product grid',\n  description:\n    'Your catalog as a grid, with optional search, category chips, sort and paging.',\n  category: Aglyn.ComponentCategory.COMMERCE,\n  icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n  flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n  attributes: [\n    {\n      name: 'source',\n      label: 'Show',\n      description: 'Which products to list.',\n      component: Aglyn.FieldComponentType.SELECT,\n      options: [\n        { label: 'All products', value: 'all' },\n        { label: 'A collection', value: 'collection' },\n        { label: 'A category', value: 'category' },\n        { label: 'A tag', value: 'tag' },\n      ],\n    },\n    {\n      name: 'collectionId',\n      label: 'Collection',\n      description:\n        'Pick the collection — stored by id, so renaming it never breaks ' +\n        'this grid. Leave empty on collection template pages to follow ' +\n        'the /collections/{slug} URL.',\n      component: Aglyn.FieldComponentType.COLLECTION_SELECT,\n    },\n    {\n      name: 'collectionSlug',\n      label: 'Collection slug (legacy)',\n      description: 'Used only when no collection is picked above.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'categoryId',\n      label: 'Category',\n      description:\n        'Pick the category — stored by id, rename-safe.',\n      component: Aglyn.FieldComponentType.CATEGORY_SELECT,\n    },\n    {\n      name: 'categorySlug',\n      label: 'Category slug (legacy)',\n      description: 'Used only when no category is picked above.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'tag',\n      label: 'Tag',\n      description: 'Products tagged with this value.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'sort',\n      label: 'Sort',\n      description: 'Listing order.',\n      component: Aglyn.FieldComponentType.SELECT,\n      options: [\n        { label: 'Name', value: 'name' },\n        { label: 'Price (low → high)', value: 'price-asc' },\n        { label: 'Price (high → low)', value: 'price-desc' },\n        { label: 'Newest', value: 'newest' },\n      ],\n    },\n    {\n      name: 'columns',\n      label: 'Columns',\n      description: 'Desktop columns (1-6).',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      type: 'number',\n    },\n    {\n      name: 'maxItems',\n      label: 'Max items',\n      description: 'Cap the number of cards.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      type: 'number',\n    },\n    {\n      name: 'emptyText',\n      label: 'Empty text',\n      description: 'Copy when nothing matches.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'showFilters',\n      label: 'Show filters',\n      description: 'Tag chips, in-stock toggle, and price sort above the grid.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'showSearch',\n      label: 'Search box',\n      description:\n        'Visitor search box above the grid — matches words at the start of ' +\n        'product names across the whole catalog (server-side).',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'showCategories',\n      label: 'Category chips',\n      description:\n        'Filter chips built from your product categories, with an All chip.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'showSort',\n      label: 'Sort select',\n      description:\n        'Visitor sort: newest, name, price low→high, price high→low.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'showTypeFilter',\n      label: 'Type filter',\n      description: 'Physical / digital / services chips.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'showPriceFilter',\n      label: 'Price filter',\n      description:\n        'Price range slider between your lowest and highest product prices.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'pageSize',\n      label: 'Page size',\n      description:\n        'Products per page with a Load more button; blank loads once ' +\n        '(capped by Max items).',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      type: 'number',\n    },\n    {\n      name: 'cardStyle',\n      label: 'Card style',\n      description: 'Outlined cards, or tall photos with the name and price under them.',\n      component: Aglyn.FieldComponentType.SELECT,\n      options: [\n        { label: 'Outlined', value: 'outlined' },\n        { label: 'Photo', value: 'photo' },\n      ],\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Product grid',\n    pluginId: BUNDLE_ID,\n    description: 'Responsive grid of catalog products',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: { source: 'all', sort: 'name', columns: 3 },\n    },\n  },\n  {\n    // Full shop page (AGL-561): the grid with every catalog control on\n    // — search, category chips, sort, and Load more paging.\n    $id: generatePresetId(ID, 'shop'),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Shop catalog',\n    pluginId: BUNDLE_ID,\n    description: 'Product grid with search, category chips, sort, and paging',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: {\n        source: 'all',\n        sort: 'newest',\n        columns: 3,\n        showSearch: true,\n        showCategories: true,\n        showSort: true,\n        pageSize: 12,\n      },\n    },\n  },\n]\n\nexport default ProductGrid\n"],"names":["Aglyn","mdiMagnify","mdiViewGridOutline","ListQueryNotices","listQueryRefusals","Box","Button","Card","CardActionArea","CardContent","CardMedia","Chip","InputAdornment","MenuItem","Skeleton","Slider","SvgIcon","TextField","Typography","forwardRef","useCallback","useEffect","useRef","useState","BUNDLE_ID","STOREFRONT_CATALOG_DECLARATION","STOREFRONT_CATALOG_HEADERS","STOREFRONT_CATALOG_OPTIONS","generatePresetId","ID","PRICE_COMING_SOON_LABEL","SAMPLE_ITEMS","id","name","slug","priceUsd","maxPriceUsd","soldOut","compareAtPriceUsd","SAMPLE_CATEGORIES","SAMPLE_PRICE_BOUNDS","minCents","maxCents","TYPE_OPTIONS","value","label","SORT_OPTIONS","collectionSlugFromLocation","window","match","location","pathname","decodeURIComponent","priceLabel","item","priceComingSoon","ProductGrid","props","ref","site","source","collectionId","collectionSlug","collectionSlugProp","categoryId","categorySlug","tag","sort","sortProp","columns","maxItems","emptyText","showFilters","showSearch","showCategories","showSort","showTypeFilter","showPriceFilter","pageSize","cardStyle","rest","photoCards","nodeSx","Array","isArray","useSite","hostId","nodeId","useNodeId","seed","pageData","commerce","grids","items","setItems","setSort","inStockOnly","setInStockOnly","activeTag","setActiveTag","searchInput","setSearchInput","query","setQuery","activeCategoryId","setActiveCategoryId","activeType","setActiveType","categories","setCategories","priceBounds","setPriceBounds","priceInput","setPriceInput","priceFilter","setPriceFilter","nextCursor","setNextCursor","refused","setRefused","notices","setNotices","loadingMore","setLoadingMore","fetchSeq","pageLimit","Number","Math","floor","pinnedCategoryId","timer","setTimeout","trim","clearTimeout","loadPage","after","seq","current","params","URLSearchParams","set","effectiveCategoryId","effectiveTag","String","limit","response","fetch","toString","payload","json","pageItems","prev","bounds","seededRef","Boolean","desktopColumns","min","max","gridSx","display","gap","gridTemplateColumns","xs","sm","md","visible","facetTags","Set","flatMap","tags","slice","sx","from","length","_item","index","variant","height","width","chipCategories","selectedCategoryId","hasCatalogControls","sliderBounds","sliderMin","sliderMax","ceil","showSlider","controls","flexDirection","mb","onChange","event","target","placeholder","size","fullWidth","slotProps","input","startAdornment","position","fontSize","color","path","d","htmlInput","type","flexWrap","alignItems","onClick","map","category","option","flex","select","some","minWidth","maxWidth","px","whiteSpace","step","disableSwap","disabled","_event","valueLabelDisplay","valueLabelFormat","getAriaLabel","p","textAlign","emptyState","loadMore","justifyContent","mt","grid","imageUrl","siteRelativeMediaSrc","elevation","bgcolor","overflow","undefined","href","borderRadius","component","image","alt","aspectRatio","objectFit","DEFERRED_IMAGE_ATTRIBUTES","pt","pb","noWrap","textDecoration","body","unapplied","fields","headers","options","facetTag","displayName","schema","$id","pluginId","description","ComponentCategory","COMMERCE","icon","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","FieldComponentType","SELECT","COLLECTION_SELECT","TEXT_FIELD","CATEGORY_SELECT","CHECKBOX","presets","NodeType","PRESET","data","componentId"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,YAAYA,WAAW,eAAc;AACrC,SAASC,UAAU,EAAEC,kBAAkB,QAAQ,yBAAwB;AACvE,SACEC,gBAAgB,EAChBC,iBAAiB,QACZ,+DAA8D;AAErE,OAAOC,SAAS,oBAAmB;AACnC,OAAOC,YAAY,uBAAsB;AACzC,OAAOC,UAAU,qBAAoB;AACrC,OAAOC,oBAAoB,+BAA8B;AACzD,OAAOC,iBAAiB,4BAA2B;AACnD,OAAOC,eAAe,0BAAyB;AAC/C,OAAOC,UAAU,qBAAoB;AACrC,OAAOC,oBAAoB,+BAA8B;AACzD,OAAOC,cAAc,yBAAwB;AAC7C,OAAOC,cAAc,yBAAwB;AAC7C,OAAOC,YAAY,uBAAsB;AACzC,OAAOC,aAAa,wBAAuB;AAC3C,OAAOC,eAAe,0BAAyB;AAC/C,OAAOC,gBAAgB,2BAA0B;AACjD,SAASC,UAAU,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAC5E,SAASC,SAAS,QAAQ,gCAA4B;AACtD,SACEC,8BAA8B,EAC9BC,0BAA0B,EAC1BC,0BAA0B,QACrB,2CAAuC;AAC9C,SAASC,gBAAgB,QAAQ,iCAA6B;AAE9D,iEAAiE;AACjE,OAAO,MAAMC,KAAwB,eAAc;AA2DnD,6FAA6F,GAC7F,MAAMC,0BAA0B;AAsChC,MAAMC,eAA8B;IAClC;QAAEC,IAAI;QAAMC,MAAM;QAAkBC,MAAM;QAAKC,UAAU;QAAIC,aAAa;QAAIC,SAAS;IAAM;IAC7F;QAAEL,IAAI;QAAMC,MAAM;QAAmBC,MAAM;QAAKC,UAAU;QAAIC,aAAa;QAAIE,mBAAmB;QAAID,SAAS;IAAM;IACrH;QAAEL,IAAI;QAAMC,MAAM;QAAiBC,MAAM;QAAKC,UAAU;QAAIC,aAAa;QAAIC,SAAS;IAAK;CAC5F;AAED,qEAAqE,GACrE,MAAME,oBAAuC;IAC3C;QAAEP,IAAI;QAAOC,MAAM;QAAWC,MAAM;IAAU;IAC9C;QAAEF,IAAI;QAAOC,MAAM;QAAeC,MAAM;IAAc;CACvD;AAED,kEAAkE,GAClE,MAAMM,sBAA0C;IAC9CC,UAAU;IACVC,UAAU;AACZ;AAEA,MAAMC,eAAe;IACnB;QAAEC,OAAO;QAAYC,OAAO;IAAW;IACvC;QAAED,OAAO;QAAWC,OAAO;IAAU;IACrC;QAAED,OAAO;QAAWC,OAAO;IAAW;CACvC;AAED,MAAMC,eAAe;IACnB;QAAEF,OAAO;QAAUC,OAAO;IAAS;IACnC;QAAED,OAAO;QAAQC,OAAO;IAAO;IAC/B;QAAED,OAAO;QAAaC,OAAO;IAAqB;IAClD;QAAED,OAAO;QAAcC,OAAO;IAAqB;CACpD;AAED,SAASE;IACP,IAAI,OAAOC,WAAW,aAAa,OAAO;IAC1C,MAAMC,QAAQD,OAAOE,QAAQ,CAACC,QAAQ,CAACF,KAAK,CAAC;IAC7C,OAAOA,QAAQG,mBAAmBH,KAAK,CAAC,EAAE,IAAI;AAChD;AAEA,SAASI,WAAWC,IAAiB;IACnC,IAAIA,KAAKC,eAAe,EAAE,OAAOzB;IACjC,OAAOwB,KAAKnB,QAAQ,KAAKmB,KAAKlB,WAAW,GACrC,CAAC,CAAC,EAAEkB,KAAKnB,QAAQ,EAAE,GACnB,CAAC,MAAM,EAAEmB,KAAKnB,QAAQ,EAAE;AAC9B;AAEA;;;;;;;;;;;;;;CAcC,GACD,MAAMqB,4BAAcrC,WAClB,CAACsC,OAAOC;;QAiCO,+BAAA,yBACXC;IAjCF,MAAM,EACJC,MAAM,EACNC,YAAY,EACZC,gBAAgBC,kBAAkB,EAClCC,UAAU,EACVC,YAAY,EACZC,GAAG,EACHC,MAAMC,QAAQ,EACdC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,cAAc,EACdC,QAAQ,EACRC,cAAc,EACdC,eAAe,EACfC,QAAQ,EACRC,SAAS,EAEV,GAAGtB,OADCuB,wCACDvB;;;;;;;;;;;;;;;;;;;;IACJ,MAAMwB,aAAaF,cAAc;IACjC,yEAAyE;IACzE,MAAMG,SAASC,MAAMC,OAAO,CAAC3B,KAAK,CAAC,KAAK,IAAIA,KAAK,CAAC,KAAK,GAAG;QAACA,KAAK,CAAC,KAAK;KAAC;IACvE,MAAME,OAAO3D,MAAMqF,OAAO;IAC1B,MAAM,EAAEC,MAAM,EAAE,GAAG3B;IACnB,wEAAwE;IACxE,uEAAuE;IACvE,uEAAuE;IACvE,yEAAyE;IACzE,wEAAwE;IACxE,MAAM4B,SAASvF,MAAMwF,SAAS;IAC9B,MAAMC,QACJ9B,iBAAAA,KAAK+B,QAAQ,sBADF,0BAAA,AACX/B,eAGCgC,QAAQ,sBAJE,gCAAA,wBAIAC,KAAK,qBAJL,6BAIO,CAACL,OAAO;IAE5B,MAAM,CAACM,OAAOC,SAAS,GAAGvE,iBACxBkE,wBAAAA,KAAMI,KAAK,mBAAI;IAEjB,MAAM,CAAC1B,MAAM4B,QAAQ,GAAGxE,SAAS6C;IACjC,uEAAuE;IACvE,uCAAuC;IACvC,MAAM,CAAC4B,aAAaC,eAAe,GAAG1E,SAAS;IAC/C,MAAM,CAAC2E,WAAWC,aAAa,GAAG5E,SAAS;IAC3C,4DAA4D;IAC5D,kEAAkE;IAClE,4DAA4D;IAC5D,MAAM,CAAC6E,aAAaC,eAAe,GAAG9E,SAAS;IAC/C,MAAM,CAAC+E,OAAOC,SAAS,GAAGhF,SAAS;IACnC,MAAM,CAACiF,kBAAkBC,oBAAoB,GAAGlF,SAAS;IACzD,MAAM,CAACmF,YAAYC,cAAc,GAAGpF,SAAS;IAC7C,MAAM,CAACqF,YAAYC,cAAc,GAAGtF,kBAClCkE,wBAAAA,KAAMmB,UAAU,oBAAI,EAAE;IAExB,oEAAoE;IACpE,qEAAqE;IACrE,gEAAgE;IAChE,0BAA0B;IAC1B,MAAM,CAACE,aAAaC,eAAe,GAAGxF,kBACpCkE,wBAAAA,KAAMqB,WAAW,oBAAI;IAEvB,MAAM,CAACE,YAAYC,cAAc,GAAG1F,SAA0B;IAC9D,MAAM,CAAC2F,aAAaC,eAAe,GAAG5F,SAA0B;IAChE,MAAM,CAAC6F,YAAYC,cAAc,GAAG9F,kBAClCkE,wBAAAA,KAAM2B,UAAU,oBAAI;IAEtB,kEAAkE;IAClE,MAAM,CAACE,SAASC,WAAW,GAAGhG,kBAA2BkE,wBAAAA,KAAM6B,OAAO,oBAAI,EAAE;IAC5E,MAAM,CAACE,SAASC,WAAW,GAAGlG,kBAAmBkE,wBAAAA,KAAM+B,OAAO,oBAAI,EAAE;IACpE,MAAM,CAACE,aAAaC,eAAe,GAAGpG,SAAS;IAC/C,MAAMqG,WAAWtG,OAAO;IACxB,MAAMwC,iBACJF,WAAW,eACPG,sBAAsBhB,+BACtBgB;IACN,MAAM8D,YACJ/C,YAAYgD,OAAOhD,YAAY,IAAIiD,KAAKC,KAAK,CAACF,OAAOhD,aAAa;IACpE,MAAMmD,mBAAmBrE,WAAW,aAAaI,qBAAAA,aAAc,KAAK;IAEpE,mEAAmE;IACnE3C,UAAU;QACR,MAAM6G,QAAQC,WAAW,IAAM5B,SAASH,YAAYgC,IAAI,KAAK;QAC7D,OAAO,IAAMC,aAAaH;IAC5B,GAAG;QAAC9B;KAAY;IAEhB,8DAA8D;IAC9D,sDAAsD;IACtD/E,UAAU;QACR,MAAM6G,QAAQC,WAAW,IAAMhB,eAAeH,aAAa;QAC3D,OAAO,IAAMqB,aAAaH;IAC5B,GAAG;QAAClB;KAAW;IAEf,MAAMsB,WAAWlH,YACf,OAAOmH;QACL,IAAI,CAACjD,QAAQ;QACb,MAAMkD,MAAM,EAAEZ,SAASa,OAAO;QAC9B,MAAMC,SAAS,IAAIC,gBAAgB;YAAErD;QAAO;QAC5C,qEAAqE;QACrE,IAAI1B,WAAW,cAAc;YAC3B,IAAIC,cAAc6E,OAAOE,GAAG,CAAC,gBAAgB/E;iBACxC,IAAIC,gBAAgB4E,OAAOE,GAAG,CAAC,cAAc9E;QACpD;QACA,MAAM+E,sBACJrC,qBAAqB,MAAM,KAAKA,oBAAoByB;QACtD,IAAIY,qBAAqB;YACvBH,OAAOE,GAAG,CAAC,cAAcC;QAC3B,OAAO,IAAI,CAACrC,oBAAoB5C,WAAW,cAAcK,cAAc;YACrEyE,OAAOE,GAAG,CAAC,YAAY3E;QACzB;QACA,8DAA8D;QAC9D,MAAM6E,eAAe5C,aAActC,CAAAA,WAAW,QAAQM,cAAAA,MAAO,KAAK,EAAC;QACnE,IAAI4E,cAAcJ,OAAOE,GAAG,CAAC,OAAOE;QACpC,IAAIxC,OAAOoC,OAAOE,GAAG,CAAC,KAAKtC;QAC3B,IAAII,YAAYgC,OAAOE,GAAG,CAAC,QAAQlC;QACnC,IAAIV,aAAa0C,OAAOE,GAAG,CAAC,WAAW;QACvC,wCAAwC;QACxC,IAAI1B,aAAa;YACfwB,OAAOE,GAAG,CAAC,iBAAiBG,OAAO7B,WAAW,CAAC,EAAE,GAAG;YACpDwB,OAAOE,GAAG,CAAC,iBAAiBG,OAAO7B,WAAW,CAAC,EAAE,GAAG;QACtD;QACA,IAAI/C,MAAMuE,OAAOE,GAAG,CAAC,QAAQzE;QAC7B,MAAM6E,QAAQnB,aAAavD;QAC3B,IAAI0E,OAAON,OAAOE,GAAG,CAAC,SAASG,OAAOC;QACtC,IAAIT,OAAOG,OAAOE,GAAG,CAAC,SAASL;QAC/B,IAAI,AAAC7D,CAAAA,kBAAkBG,eAAc,KAAM,CAAC0D,OAAO;YACjDG,OAAOE,GAAG,CAAC,UAAU;QACvB;QACA,IAAI;;YACF,MAAMK,WAAW,MAAMC,MACrB,CAAC,sBAAsB,EAAER,OAAOS,QAAQ,IAAI;YAE9C,MAAMC,UAAU,MAAMH,SAASI,IAAI;YACnC,IAAIb,QAAQZ,SAASa,OAAO,EAAE;YAC9B,MAAMa,oBAA2BF,2BAAAA,QAASvD,KAAK,mBAAI,EAAE;YACrDC,SAAS,CAACyD,OACRhB,SAASgB,OAAO;uBAAIA;uBAASD;iBAAU,GAAGA;YAE5CjC,cACE,QAAO+B,2BAAAA,QAAShC,UAAU,MAAK,WAAWgC,QAAQhC,UAAU,GAAG;YAEjE,IAAI,CAACmB,OAAO;gBACVhB,WAAWpC,MAAMC,OAAO,CAACgE,2BAAAA,QAAS9B,OAAO,IAAI8B,QAAQ9B,OAAO,GAAG,EAAE;gBACjEG,WAAWtC,MAAMC,OAAO,CAACgE,2BAAAA,QAAS5B,OAAO,IAAI4B,QAAQ5B,OAAO,GAAG,EAAE;YACnE;YACA,IAAIrC,MAAMC,OAAO,CAACgE,2BAAAA,QAASxC,UAAU,GAAG;gBACtCC,cAAcuC,QAAQxC,UAAU;YAClC;YACA,MAAM4C,SAASJ,2BAAAA,QAAStC,WAAW;YACnC,IACE,QAAO0C,0BAAAA,OAAQ/G,QAAQ,MAAK,YAC5B,QAAO+G,0BAAAA,OAAQ9G,QAAQ,MAAK,UAC5B;gBACAqE,eAAeyC;YACjB;QACF,EAAE,eAAM;YACN,IAAIhB,QAAQZ,SAASa,OAAO,EAAE;YAC9B,IAAI,CAACF,OAAOzC,SAAS,EAAE;YACvBuB,cAAc;QAChB;IACF,GACA;QACE/B;QACA1B;QACAC;QACAC;QACAG;QACAC;QACAC;QACAG;QACAgC;QACAE;QACAN;QACAQ;QACAV;QACAkB;QACAW;QACAI;QACAvD;QACAG;KACD;IAGH,uEAAuE;IACvE,uEAAuE;IACvE,sDAAsD;IACtD,MAAM4E,YAAYnI,OAAOoI,QAAQjE;IACjCpE,UAAU;QACR,IAAI,CAACiE,QAAQ;QACb,IAAImE,UAAUhB,OAAO,EAAE;YACrBgB,UAAUhB,OAAO,GAAG;YACpB;QACF;QACA,KAAKH;QACL,6DAA6D;QAC7D,OAAO;YACLV,SAASa,OAAO;QAClB;IACF,GAAG;QAACnD;QAAQgD;KAAS;IAErB,MAAMqB,iBAAiB5B,KAAK6B,GAAG,CAAC,GAAG7B,KAAK8B,GAAG,CAAC,GAAGxF,kBAAAA,UAAW;IAC1D,MAAMyF,SAAS;QACbC,SAAS;QACTC,KAAK;QACLC,qBAAqB;YACnB,+DAA+D;YAC/D,oDAAoD;YACpDC,IAAIjF,aAAa,mBAAmB;YACpCkF,IAAI;YACJC,IAAI,CAAC,OAAO,EAAET,eAAe,MAAM,CAAC;QACtC;IACF;IACA,uDAAuD;IACvD,MAAMU,UAAU/E,SAASO,QAAQ9D;IACjC,0EAA0E;IAC1E,sEAAsE;IACtE,2DAA2D;IAC3D,MAAMuI,YAAY9F,cACd;WACK,IAAI+F,IAAI;eACLrE,YAAY;gBAACA;aAAU,GAAG,EAAE;eAC7B,CAACL,gBAAAA,QAAS,EAAE,EAAE2E,OAAO,CAAC,CAAClH;oBAASA;wBAAAA,aAAAA,KAAKmH,IAAI,YAATnH,aAAa,EAAE;;SACnD;KACF,CAACoH,KAAK,CAAC,GAAG,MACX,EAAE;IAEN,IAAIpF,UAAUO,UAAU,MAAM;QAC5B,OACE,oEAAoE;QACpE,kEAAkE;QAClE,4DAA4D;sBAC5D,KAACxF;YAAIqD,KAAKA;WAASsB;YAAM2F,IAAI;gBAACb;mBAAW5E;aAAO;sBAC7CC,MAAMyF,IAAI,CAAC;gBAAEC,QAAQlB;YAAe,GAAG,CAACmB,OAAOC,sBAC9C,MAACxK;oBAAiByK,SAAQ;;sCACxB,KAAClK;4BAASkK,SAAQ;4BAAcC,QAAQ;;sCACxC,MAACxK;;8CACC,KAACK;oCAASoK,OAAM;;8CAChB,KAACpK;oCAASoK,OAAM;;;;;mBAJTH;;IAUnB;IAEA,iEAAiE;IACjE,iEAAiE;IACjE,gEAAgE;IAChE,MAAMI,iBAAiBvE,WAAWiE,MAAM,GACpCjE,aACA,CAACtB,UAAUZ,iBACTnC,oBACA,EAAE;IACR,MAAM6I,qBACJ5E,qBAAqB,MAAM,KAAKA,oBAAoByB;IACtD,MAAMoD,qBAAqB3B,QACzBjF,cAAcC,kBAAkBC,YAAYC,kBAC1CC;IAEJ,kEAAkE;IAClE,iEAAiE;IACjE,MAAMyG,eAAehG,SAASwB,cAActE;IAC5C,MAAM+I,YAAYD,eAAevD,KAAKC,KAAK,CAACsD,aAAa7I,QAAQ,GAAG,OAAO;IAC3E,MAAM+I,YAAYF,eAAevD,KAAK0D,IAAI,CAACH,aAAa5I,QAAQ,GAAG,OAAO;IAC1E,MAAMgJ,aAAahC,QAAQ7E,mBAAmB0G,YAAYC;IAC1D,MAAMG,WAAWN,mCACf,MAAChL;QAAIsK,IAAI;YAAEZ,SAAS;YAAQ6B,eAAe;YAAU5B,KAAK;YAAK6B,IAAI;QAAE;;YAClEpH,2BACC,KAACxD;gBACC2B,OAAOwD;gBACP0F,UAAU,CAACC,QAAU1F,eAAe0F,MAAMC,MAAM,CAACpJ,KAAK;gBACtDqJ,aAAY;gBACZC,MAAK;gBACLC,SAAS;gBACTC,WAAW;oBACTC,OAAO;wBACLC,8BACE,KAAC1L;4BAAe2L,UAAS;sCACvB,cAAA,KAACvL;gCAAQwL,UAAS;gCAAQC,OAAM;0CAC9B,cAAA,KAACC;oCAAKC,GAAG1M,WAAWyM,IAAI;;;;oBAIhC;oBACAE,WAAW;wBAAE,cAAc;wBAAmBC,MAAM;oBAAS;gBAC/D;iBAEA;YACHnI,kBAAkBE,kBAAkBD,yBACnC,MAACtE;gBACCsK,IAAI;oBACFZ,SAAS;oBACTC,KAAK;oBACL8C,UAAU;oBACVC,YAAY;gBACd;;oBAECrI,kBAAkByG,eAAeN,MAAM,iBACtC;;0CACE,KAAClK;gCACCkC,OAAM;gCACNqJ,MAAK;gCACLlB,SAASI,qBAAqB,aAAa;gCAC3CqB,OAAOrB,qBAAqB,YAAY;gCACxC4B,SAAS;oCACP,sDAAsD;oCACtD,uDAAuD;oCACvD,mDAAmD;oCACnD,oCAAoC;oCACpC3G,eAAe;oCACfE,SAAS;oCACTJ,aAAa;oCACbM,oBAAoB;gCACtB;;4BAED0E,eAAe8B,GAAG,CAAC,CAACC,yBACnB,KAACvM;oCAECkC,OAAOqK,SAASjL,IAAI;oCACpBiK,MAAK;oCACLlB,SACEI,uBAAuB8B,SAASlL,EAAE,GAAG,WAAW;oCAElDyK,OACErB,uBAAuB8B,SAASlL,EAAE,GAC9B,cACA;oCAENgL,SAAS;wCACP3G,eAAe;wCACfE,SAAS;wCACTJ,aAAa;wCACbM,oBAAoB,CAAC8C,OACnB,AAACA,CAAAA,QAAQtB,gBAAe,MAAOiF,SAASlL,EAAE,GACtC,MACAkL,SAASlL,EAAE;oCAEnB;mCApBKkL,SAASlL,EAAE;;yBAwBpB;oBACH4C,iBACGjC,aAAasK,GAAG,CAAC,CAACE,uBAChB,KAACxM;4BAECkC,OAAOsK,OAAOtK,KAAK;4BACnBqJ,MAAK;4BACLlB,SAAStE,eAAeyG,OAAOvK,KAAK,GAAG,WAAW;4BAClD6J,OACE/F,eAAeyG,OAAOvK,KAAK,GAAG,cAAc;4BAE9CoK,SAAS,IACPrG,cAAc,CAAC4C,OACbA,SAAS4D,OAAOvK,KAAK,GAAG,KAAKuK,OAAOvK,KAAK;2BATxCuK,OAAOvK,KAAK,KAcrB;oBACH+B,yBACC;;0CACE,KAACtE;gCAAIsK,IAAI;oCAAEyC,MAAM;gCAAE;;0CACnB,KAACnM;gCACCoM,MAAM;gCACNnB,MAAK;gCACLtJ,OACEE,aAAawK,IAAI,CAAC,CAACH,SAAWA,OAAOvK,KAAK,KAAKuB,QAC3CA,OACA;gCAEN2H,UAAU,CAACC,QACThG,QAAQgG,MAAMC,MAAM,CAACpJ,KAAK;gCAE5B+H,IAAI;oCAAE4C,UAAU;gCAAI;gCACpBnB,WAAW;oCACTQ,WAAW;wCAAE,cAAc;oCAAgB;gCAC7C;0CAEC9J,aAAamK,GAAG,CAAC,CAACE,uBACjB,KAACtM;wCAA4B+B,OAAOuK,OAAOvK,KAAK;kDAC7CuK,OAAOtK,KAAK;uCADAsK,OAAOvK,KAAK;;;yBAM/B;;iBAEJ;YACH8I,2BACC,MAACrL;gBACCsK,IAAI;oBACFZ,SAAS;oBACTgD,YAAY;oBACZ/C,KAAK;oBACLwD,UAAU;oBACVC,IAAI;gBACN;;kCAEA,KAACvM;wBACC8J,SAAQ;wBACRyB,OAAM;wBACN9B,IAAI;4BAAE+C,YAAY;wBAAS;kCAE1B,CAAC,CAAC,EAAEnC,WAAW;;kCAElB,KAACxK;wBACCmL,MAAK;wBACLtJ,KAAK,EAAEoE,qBAAAA,aAAc;4BAACuE;4BAAWC;yBAAU;wBAC3C5B,KAAK2B;wBACL1B,KAAK2B;wBACLmC,MAAM;wBACNC,WAAW;wBACXC,UAAU,CAACvI;wBACXwG,UAAU,CAACgC,QAAQlL,QACjBqE,cAAc9B,MAAMC,OAAO,CAACxC,SAASA,QAAQ;gCAACA;gCAAOA;6BAAM;wBAE7DmL,mBAAkB;wBAClBC,kBAAkB,CAACpL,QAAU,CAAC,CAAC,EAAEA,OAAO;wBACxCqL,cAAc,CAAClD,QACbA,UAAU,IAAI,kBAAkB;;kCAGpC,KAAC7J;wBACC8J,SAAQ;wBACRyB,OAAM;wBACN9B,IAAI;4BAAE+C,YAAY;wBAAS;kCAE1B,CAAC,CAAC,EAAElC,WAAW;;;iBAGlB;;SAEJ;IAEJ,IAAInB,WAAWA,QAAQQ,MAAM,KAAK,KAAK,CAACQ,oBAAoB;QAC1D,qBACE,KAAChL;YAAIqD,KAAKA;WAASsB;YAAM2F,IAAI;gBAAC;oBAAEuD,GAAG;oBAAGC,WAAW;gBAAS;mBAAMjJ;aAAO;sBACrE,cAAA,KAAChE;gBAAW8J,SAAQ;gBAAQyB,OAAM;0BAC/BlI,aAAa;;;IAItB;IACA,6DAA6D;IAC7D,4DAA4D;IAC5D,MAAM6J,2BACJ,KAAC/N;QAAIsK,IAAI;YAAEuD,GAAG;YAAGC,WAAW;QAAS;kBACnC,cAAA,KAACjN;YAAW8J,SAAQ;YAAQyB,OAAM;sBAC/BnG,SACDI,cACA0E,sBACAlF,aACAF,eACAkB,cACI,+CACA3C,aAAa;;;IAIvB,MAAM8J,WACJ/I,UAAUuC,aAAaT,cAAc,qBACnC,KAAC/G;QAAIsK,IAAI;YAAEZ,SAAS;YAAQuE,gBAAgB;YAAUC,IAAI;QAAE;kBAC1D,cAAA,KAACjO;YACC0K,SAAQ;YACR6C,UAAUnG;YACVsF,SAAS;gBACP,IAAI5F,cAAc,QAAQM,aAAa;gBACvCC,eAAe;gBACf,MAAMW,SAASlB;gBACfO,eAAe;YACjB;sBAECD,cAAc,aAAa;;SAG9B;IAEN,MAAM8G,qBACJ,KAACnO;QAAIsK,IAAIb;kBACN,CAACO,kBAAAA,UAAW,EAAE,EAAE4C,GAAG,CAAC,CAAC3J;YACpB,iEAAiE;YACjE,gEAAgE;YAChE,iCAAiC;YACjC,MAAMmL,WAAWzO,MAAM0O,oBAAoB,CAACpL,KAAKmL,QAAQ,EAAE;gBAAEnJ;YAAO;YACpE,qBACA,KAAC/E;gBAECyK,SAAS/F,aAAa,cAAc;gBACpC0J,WAAW;gBACXhE,IAAI1F,aAAa;oBAAE2J,SAAS;oBAAeC,UAAU;gBAAU,IAAIC;0BAEnE,cAAA,MAACtO;oBACCuO,MAAMzJ,SAAS,CAAC,UAAU,EAAEhC,KAAKpB,IAAI,EAAE,GAAG4M;oBAC1CjB,UAAU,CAACvI;oBACXqF,IAAI1F,aAAa;wBAAE+J,cAAc;oBAAE,IAAIF;;wBAEtCL,yBACC,KAAC/N;4BACCuO,WAAU;4BACVC,OAAOT;4BACPU,KAAK7L,KAAKrB,IAAI;4BACd0I,IACE1F,aACI;gCAAEmK,aAAa;gCAASC,WAAW;gCAASL,cAAc;4BAAE,IAC5D;gCAAE/D,QAAQ;gCAAKoE,WAAW;4BAAQ;2BAOpCrP,MAAMsP,yBAAyB,mBAGrC,KAACjP;4BACCsK,IACE1F,aACI;gCAAEmK,aAAa;gCAASR,SAAS;gCAAgBI,cAAc;4BAAE,IACjE;gCAAE/D,QAAQ;gCAAK2D,SAAS;4BAAe;;sCAIjD,MAACnO;4BAAYkK,IAAI1F,aAAa;gCAAEwI,IAAI;gCAAK8B,IAAI;gCAAKC,IAAI;4BAAE,IAAIV;;8CAC1D,KAAC5N;oCAAW8J,SAAS/F,aAAa,cAAc;oCAAawK,MAAM;8CAChEnM,KAAKrB,IAAI;;8CAEZ,MAAC5B;oCAAIsK,IAAI;wCAAEZ,SAAS;wCAAQC,KAAK;wCAAG+C,YAAY;oCAAS;;sDACvD,KAAC7L;4CAAW8J,SAAQ;4CAAQyB,OAAM;sDAC/BpJ,WAAWC;;wCAEbA,KAAKhB,iBAAiB,iBACrB,KAACpB;4CACC8J,SAAQ;4CACRyB,OAAM;4CACN9B,IAAI;gDAAE+E,gBAAgB;4CAAe;sDAEpC,CAAC,CAAC,EAAEpM,KAAKhB,iBAAiB,EAAE;6CAE7B;wCACHgB,KAAKjB,OAAO,iBACX,KAAC1B;4CAAKkC,OAAM;4CAAWqJ,MAAK;4CAAQlB,SAAQ;6CAC1C;;;;;;;eAvDL1H,KAAKtB,EAAE;QA6DhB;;IAIJ,MAAM2N,OAAOtF,WAAWA,QAAQQ,MAAM,KAAK,IAAIuD,aAAaI;IAC5D,MAAMoB,YACJtK,UAAWgC,CAAAA,QAAQuD,MAAM,IAAIrD,QAAQqD,MAAM,AAAD,kBACxC,KAACxK;QAAIsK,IAAI;YAAEkB,IAAI;QAAE;kBACf,cAAA,KAAC1L;YACCmH,SAASlH,kBAAkBkH,SAAS;gBAClCuI,QAAQpO,+BAA+BoO,MAAM;gBAC7CC,SAASpO;gBACTqO,SAAS,aACJpO;oBACHuL,UAAUtG,WAAWqG,GAAG,CAAC,CAACC,WAAc,CAAA;4BACtCtK,OAAOsK,SAASlL,EAAE;4BAClBa,OAAOqK,SAASjL,IAAI;wBACtB,CAAA;;YAEJ;YACAuF,SAASA;;SAGX;IACN,IAAI,CAAChD,aAAa;QAChB,qBACE,MAACnE;YAAIqD,KAAKA;WAASsB;;gBAChB2G;gBACAiE;gBACAD;gBACAtB;;;IAGP;IACA,qBACE,MAAChO;QAAIqD,KAAKA;OAASsB;;YAChB2G;0BACD,MAACtL;gBACCsK,IAAI;oBACFZ,SAAS;oBACTC,KAAK;oBACL8C,UAAU;oBACVC,YAAY;oBACZlB,IAAI;gBACN;;kCAEA,KAAClL;wBACCkC,OAAM;wBACNqJ,MAAK;wBACLlB,SAAShF,cAAc,WAAW;wBAClCyG,OAAOzG,cAAc,YAAY;wBACjCgH,SAAS,IAAM/G,eAAe,CAACsD,OAAS,CAACA;;oBAE1Ce,UAAU2C,GAAG,CAAC,CAAC+C,yBACd,KAACrP;4BAECkC,OAAOmN;4BACP9D,MAAK;4BACLlB,SAAS9E,cAAc8J,WAAW,WAAW;4BAC7CvD,OAAOvG,cAAc8J,WAAW,YAAY;4BAC5ChD,SAAS;gCACP,wDAAwD;gCACxD3G,eAAe;gCACfE,SAAS;gCACTE,oBAAoB,CAAC8C,OAAUA,QAAQA,SAAS,MAAM,KAAKA;gCAC3DpD,aAAa,CAACoD,OAAUA,SAASyG,WAAW,KAAKA;4BACnD;2BAXKA;kCAcT,KAAC3P;wBAAIsK,IAAI;4BAAEyC,MAAM;wBAAE;;kCACnB,KAACzM;wBACCkC,OACEsB,SAAS,cACL,YACAA,SAAS,eACP,YACA;wBAER+H,MAAK;wBACLlB,SAAQ;wBACRgC,SAAS,IACPjH,QAAQ,CAACwD,OACPA,SAAS,cACL,eACAA,SAAS,eACP,SACA;;;;YAKbqG;YACAD;YACAtB;;;AAGP;AAEF7K,YAAYyM,WAAW,GAAG;AAE1B,OAAO,MAAMC,SAAkD;IAC7DC,KAAKtO;IACLuO,UAAU5O;IACVyO,aAAa;IACbI,aACE;IACFnD,UAAUlN,MAAMsQ,iBAAiB,CAACC,QAAQ;IAC1CC,MAAM;QAAE9D,MAAMxM,mBAAmBwM,IAAI;QAAE/B,IAAI;YAAE8B,OAAO;QAAU;IAAE;IAChEgE,OAAO;QAAEC,aAAa1Q,MAAM2Q,YAAY,CAACC,OAAO;IAAC;IACjDC,YAAY;QACV;YACE5O,MAAM;YACNY,OAAO;YACPwN,aAAa;YACbpB,WAAWjP,MAAM8Q,kBAAkB,CAACC,MAAM;YAC1ChB,SAAS;gBACP;oBAAElN,OAAO;oBAAgBD,OAAO;gBAAM;gBACtC;oBAAEC,OAAO;oBAAgBD,OAAO;gBAAa;gBAC7C;oBAAEC,OAAO;oBAAcD,OAAO;gBAAW;gBACzC;oBAAEC,OAAO;oBAASD,OAAO;gBAAM;aAChC;QACH;QACA;YACEX,MAAM;YACNY,OAAO;YACPwN,aACE,qEACA,mEACA;YACFpB,WAAWjP,MAAM8Q,kBAAkB,CAACE,iBAAiB;QACvD;QACA;YACE/O,MAAM;YACNY,OAAO;YACPwN,aAAa;YACbpB,WAAWjP,MAAM8Q,kBAAkB,CAACG,UAAU;QAChD;QACA;YACEhP,MAAM;YACNY,OAAO;YACPwN,aACE;YACFpB,WAAWjP,MAAM8Q,kBAAkB,CAACI,eAAe;QACrD;QACA;YACEjP,MAAM;YACNY,OAAO;YACPwN,aAAa;YACbpB,WAAWjP,MAAM8Q,kBAAkB,CAACG,UAAU;QAChD;QACA;YACEhP,MAAM;YACNY,OAAO;YACPwN,aAAa;YACbpB,WAAWjP,MAAM8Q,kBAAkB,CAACG,UAAU;QAChD;QACA;YACEhP,MAAM;YACNY,OAAO;YACPwN,aAAa;YACbpB,WAAWjP,MAAM8Q,kBAAkB,CAACC,MAAM;YAC1ChB,SAAS;gBACP;oBAAElN,OAAO;oBAAQD,OAAO;gBAAO;gBAC/B;oBAAEC,OAAO;oBAAsBD,OAAO;gBAAY;gBAClD;oBAAEC,OAAO;oBAAsBD,OAAO;gBAAa;gBACnD;oBAAEC,OAAO;oBAAUD,OAAO;gBAAS;aACpC;QACH;QACA;YACEX,MAAM;YACNY,OAAO;YACPwN,aAAa;YACbpB,WAAWjP,MAAM8Q,kBAAkB,CAACG,UAAU;YAC9CpE,MAAM;QACR;QACA;YACE5K,MAAM;YACNY,OAAO;YACPwN,aAAa;YACbpB,WAAWjP,MAAM8Q,kBAAkB,CAACG,UAAU;YAC9CpE,MAAM;QACR;QACA;YACE5K,MAAM;YACNY,OAAO;YACPwN,aAAa;YACbpB,WAAWjP,MAAM8Q,kBAAkB,CAACG,UAAU;QAChD;QACA;YACEhP,MAAM;YACNY,OAAO;YACPwN,aAAa;YACbpB,WAAWjP,MAAM8Q,kBAAkB,CAACK,QAAQ;QAC9C;QACA;YACElP,MAAM;YACNY,OAAO;YACPwN,aACE,uEACA;YACFpB,WAAWjP,MAAM8Q,kBAAkB,CAACK,QAAQ;QAC9C;QACA;YACElP,MAAM;YACNY,OAAO;YACPwN,aACE;YACFpB,WAAWjP,MAAM8Q,kBAAkB,CAACK,QAAQ;QAC9C;QACA;YACElP,MAAM;YACNY,OAAO;YACPwN,aACE;YACFpB,WAAWjP,MAAM8Q,kBAAkB,CAACK,QAAQ;QAC9C;QACA;YACElP,MAAM;YACNY,OAAO;YACPwN,aAAa;YACbpB,WAAWjP,MAAM8Q,kBAAkB,CAACK,QAAQ;QAC9C;QACA;YACElP,MAAM;YACNY,OAAO;YACPwN,aACE;YACFpB,WAAWjP,MAAM8Q,kBAAkB,CAACK,QAAQ;QAC9C;QACA;YACElP,MAAM;YACNY,OAAO;YACPwN,aACE,iEACA;YACFpB,WAAWjP,MAAM8Q,kBAAkB,CAACG,UAAU;YAC9CpE,MAAM;QACR;QACA;YACE5K,MAAM;YACNY,OAAO;YACPwN,aAAa;YACbpB,WAAWjP,MAAM8Q,kBAAkB,CAACC,MAAM;YAC1ChB,SAAS;gBACP;oBAAElN,OAAO;oBAAYD,OAAO;gBAAW;gBACvC;oBAAEC,OAAO;oBAASD,OAAO;gBAAQ;aAClC;QACH;KACD;AACH,EAAC;AAED,OAAO,MAAMwO,UAAgC;IAC3C;QACEjB,KAAKvO,iBAAiBC;QACtBgL,MAAM7M,MAAMqR,QAAQ,CAACC,MAAM;QAC3BrB,aAAa;QACbG,UAAU5O;QACV6O,aAAa;QACbnD,UAAUlN,MAAMsQ,iBAAiB,CAACC,QAAQ;QAC1CC,MAAM;YAAE9D,MAAMxM,mBAAmBwM,IAAI;YAAE/B,IAAI;gBAAE8B,OAAO;YAAU;QAAE;QAChE8E,MAAM;YACJpB,KAAK;YACLqB,aAAa3P;YACbuO,UAAU5O;YACViC,OAAO;gBAAEG,QAAQ;gBAAOO,MAAM;gBAAQE,SAAS;YAAE;QACnD;IACF;IACA;QACE,mEAAmE;QACnE,wDAAwD;QACxD8L,KAAKvO,iBAAiBC,IAAI;QAC1BgL,MAAM7M,MAAMqR,QAAQ,CAACC,MAAM;QAC3BrB,aAAa;QACbG,UAAU5O;QACV6O,aAAa;QACbnD,UAAUlN,MAAMsQ,iBAAiB,CAACC,QAAQ;QAC1CC,MAAM;YAAE9D,MAAMxM,mBAAmBwM,IAAI;YAAE/B,IAAI;gBAAE8B,OAAO;YAAU;QAAE;QAChE8E,MAAM;YACJpB,KAAK;YACLqB,aAAa3P;YACbuO,UAAU5O;YACViC,OAAO;gBACLG,QAAQ;gBACRO,MAAM;gBACNE,SAAS;gBACTI,YAAY;gBACZC,gBAAgB;gBAChBC,UAAU;gBACVG,UAAU;YACZ;QACF;IACF;CACD,CAAA;AAED,eAAetB,YAAW"}
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/product-grid.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 { mdiMagnify, mdiViewGridOutline } from '@aglyn/shared-data-mdi'\nimport {\n  ListQueryNotices,\n  listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport type { ListFilterClause } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardActionArea from '@mui/material/CardActionArea'\nimport CardContent from '@mui/material/CardContent'\nimport CardMedia from '@mui/material/CardMedia'\nimport Chip from '@mui/material/Chip'\nimport InputAdornment from '@mui/material/InputAdornment'\nimport MenuItem from '@mui/material/MenuItem'\nimport Skeleton from '@mui/material/Skeleton'\nimport Slider from '@mui/material/Slider'\nimport SvgIcon from '@mui/material/SvgIcon'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport {\n  STOREFRONT_CATALOG_DECLARATION,\n  STOREFRONT_CATALOG_HEADERS,\n  STOREFRONT_CATALOG_OPTIONS,\n} from '../constants/storefront-catalog-query'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { addToCart } from '../utils/add-to-cart'\nimport { ProductImagePlaceholder } from './product-image-placeholder'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'product-grid'\n\nexport interface ProductGridProps {\n  /** Filter source; 'all' lists the whole active catalog. */\n  source?: 'all' | 'collection' | 'category' | 'tag'\n  /** Collection id when source = collection (rename-safe, AGL-343). */\n  collectionId?: string\n  /** Legacy collection slug; used only when no collectionId is set.\n   * Blank follows the /collections/{slug} URL (AGL-298). */\n  collectionSlug?: string\n  /** Faceted controls above the grid: tags, availability, sort. */\n  showFilters?: boolean\n  /** Debounced visitor search box above the grid (server-side, AGL-561). */\n  showSearch?: boolean\n  /** Category filter chips from the host's categories (AGL-561). */\n  showCategories?: boolean\n  /** Sort select: newest, name, price low→high / high→low (AGL-561). */\n  showSort?: boolean\n  /** Physical / digital / services filter chips (AGL-561). */\n  showTypeFilter?: boolean\n  /** Price range slider bounded by the catalog's prices (AGL-564). */\n  showPriceFilter?: boolean\n  /** Products per page; shows a Load more button while more remain. */\n  pageSize?: number\n  /** Category id when source = category (rename-safe, AGL-343). */\n  categoryId?: string\n  /** Legacy category slug; used only when no categoryId is set. */\n  categorySlug?: string\n  /** Tag when source = tag. */\n  tag?: string\n  sort?: 'name' | 'price-asc' | 'price-desc' | 'newest'\n  /** Grid columns on desktop (1-6); mobile always stacks to 2/1. */\n  columns?: number\n  maxItems?: number\n  /** Empty-state copy when nothing matches. */\n  emptyText?: string\n  /**\n   * The empty state's headline (AGL-3676). Set, a catalog with nothing in it\n   * yet opens as a full panel — the headline, `emptyText` and one action —\n   * the way a designer store template opens before its first products; the\n   * sort and filter controls wait for products to sort.\n   */\n  emptyTitle?: string\n  /** The empty panel's one action: its label… */\n  emptyActionLabel?: string\n  /** …and where it goes, a path on the site (\"/contact\"). */\n  emptyActionHref?: string\n  /**\n   * How each product is drawn (AGL-3676): `outlined`, the default, a card\n   * with a short photo strip; `photo`, the photo first and tall, with the\n   * name and price under it and no card around it — the way a storefront\n   * leads with what it sells.\n   */\n  cardStyle?: 'outlined' | 'photo'\n  /**\n   * A compact button under each card: \"Add to cart\" for a product that sells\n   * as one priced variant in stock, \"Choose options\" (to its page) for one\n   * with several variants, and nothing for a product with no price yet or\n   * sold out. Off by default.\n   */\n  quickAdd?: boolean\n}\n\ninterface CatalogItem {\n  id: string\n  name: string\n  slug: string\n  priceUsd: number\n  maxPriceUsd: number\n  compareAtPriceUsd?: number\n  imageUrl?: string\n  soldOut: boolean\n  tags?: string[]\n  /** Listed before it has a price (AGL-3676): no price to print yet. */\n  priceComingSoon?: boolean\n  /** How many variants it sells as (absent from an older payload). */\n  variantCount?: number\n  /** The one variant a quick add puts in the cart. */\n  defaultVariantId?: string\n}\n\n/** What a card's quick add offers for one product. */\nexport function quickAddAction(\n  item: Pick<CatalogItem, 'priceComingSoon' | 'soldOut' | 'variantCount' | 'defaultVariantId'>,\n): 'add' | 'options' | null {\n  if (item.priceComingSoon || item.soldOut) return null\n  if (item.defaultVariantId) return 'add'\n  if ((item.variantCount ?? 0) > 1) return 'options'\n  return null\n}\n\n/**\n * The chip and tag a browsing grid opens on, from the page's address:\n * `?category=<slug>` and `?tag=<tag>`. Read after hydration only — the\n * server renders the unfiltered first page and has no address to read.\n */\nexport function browseParamsFromSearch(search: string): { categorySlug: string; tag: string } {\n  const params = new URLSearchParams(search)\n  return {\n    categorySlug: (params.get('category') ?? '').trim(),\n    tag: (params.get('tag') ?? '').trim(),\n  }\n}\n\n/** What a card says where a product listed before it has a price would show one (AGL-3676). */\nconst PRICE_COMING_SOON_LABEL = 'Price coming soon'\n\ninterface CatalogCategory {\n  id: string\n  name: string\n  slug: string\n}\n\n/** Price facet from the catalog handler, in cents (AGL-564). */\ninterface CatalogPriceBounds {\n  minCents: number\n  maxCents: number\n}\n\n/**\n * A control the catalog query could not apply, and why (AGL-3321): the\n * plan's refusal as the handler returns it, named here by\n * `listQueryRefusals` in the words of this grid's controls.\n */\ninterface CatalogRefusal {\n  clause: ListFilterClause | 'search'\n  reason: string\n}\n\n/**\n * This grid's first page, resolved server-side by the commerce site-page\n * enricher (AGL-659). Same shape the catalog endpoint returns, because both\n * go through `queryPublicCatalog`.\n */\ninterface CatalogSeed {\n  items?: CatalogItem[]\n  categories?: CatalogCategory[]\n  priceBounds?: CatalogPriceBounds\n  nextCursor?: string\n  refused?: CatalogRefusal[]\n  notices?: string[]\n}\n\nconst SAMPLE_ITEMS: CatalogItem[] = [\n  { id: 's1', name: 'Sample product', slug: '#', priceUsd: 29, maxPriceUsd: 29, soldOut: false },\n  { id: 's2', name: 'Another product', slug: '#', priceUsd: 49, maxPriceUsd: 59, compareAtPriceUsd: 79, soldOut: false },\n  { id: 's3', name: 'Third product', slug: '#', priceUsd: 12, maxPriceUsd: 12, soldOut: true },\n]\n\n/** Inert chips shown on the besigner canvas when categories are on. */\nconst SAMPLE_CATEGORIES: CatalogCategory[] = [\n  { id: 'sc1', name: 'Apparel', slug: 'apparel' },\n  { id: 'sc2', name: 'Accessories', slug: 'accessories' },\n]\n\n/** Inert slider bounds on the canvas, matching the sample cards. */\nconst SAMPLE_PRICE_BOUNDS: CatalogPriceBounds = {\n  minCents: 1200,\n  maxCents: 4900,\n}\n\nconst TYPE_OPTIONS = [\n  { value: 'physical', label: 'Physical' },\n  { value: 'digital', label: 'Digital' },\n  { value: 'service', label: 'Services' },\n] as const\n\nconst SORT_OPTIONS = [\n  { value: 'newest', label: 'Newest' },\n  { value: 'name', label: 'Name' },\n  { value: 'price-asc', label: 'Price: low to high' },\n  { value: 'price-desc', label: 'Price: high to low' },\n] as const\n\nfunction collectionSlugFromLocation(): string {\n  if (typeof window === 'undefined') return ''\n  const match = window.location.pathname.match(/\\/collections\\/([^/?#]+)/)\n  return match ? decodeURIComponent(match[1]) : ''\n}\n\nfunction priceLabel(item: CatalogItem): string {\n  if (item.priceComingSoon) return PRICE_COMING_SOON_LABEL\n  return item.priceUsd === item.maxPriceUsd\n    ? `$${item.priceUsd}`\n    : `From $${item.priceUsd}`\n}\n\n/**\n * Product grid / PLP block (AGL-291): active catalog items from the\n * public listing API, filterable by collection/category/tag, designable\n * in besigner with sample cards (no SiteContext = inert canvas, same\n * convention as the mui Product block). Cards navigate to\n * `/products/{slug}` (PDP routes, AGL-292). Catalog UX (AGL-561):\n * optional debounced search, category chips, type chips, a sort\n * select, and Load more paging — all resolved server-side by the\n * catalog handler so large catalogs stay cheap.\n *\n * Nothing is narrowed here (AGL-3321): every control is a parameter of the\n * catalog query, and the rows shown are the rows it returned. A control the\n * query could not combine with another comes back in `refused` and is said\n * above the grid, rather than applied to the cards that happen to be loaded.\n */\nconst ProductGrid = forwardRef<HTMLDivElement, ProductGridProps>(\n  (props, ref) => {\n    const {\n      source,\n      collectionId,\n      collectionSlug: collectionSlugProp,\n      categoryId,\n      categorySlug,\n      tag,\n      sort: sortProp,\n      columns,\n      maxItems,\n      emptyText,\n      emptyTitle,\n      emptyActionLabel,\n      emptyActionHref,\n      showFilters,\n      showSearch,\n      showCategories,\n      showSort,\n      showTypeFilter,\n      showPriceFilter,\n      pageSize,\n      cardStyle,\n      quickAdd,\n      ...rest\n    } = props\n    const photoCards = cardStyle === 'photo'\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 site = Aglyn.useSite()\n    const siteFetch = Aglyn.useSiteFetch()\n    const { hostId } = site\n    // Quick add (AGL-3676 follow-up): which card is adding, which just did.\n    const [quickAdding, setQuickAdding] = useState('')\n    const [quickAdded, setQuickAdded] = useState('')\n    // Server-rendered first page (AGL-659). The site-page enricher ran this\n    // grid's own query on the server and keyed the result by node id — two\n    // grids on a page have different queries, so an unkeyed seed would put\n    // the wrong products in one of them. Absent in the besigner and preview,\n    // where there is no pageData at all and the effect below still fetches.\n    const nodeId = Aglyn.useNodeId()\n    const seed = (\n      site.pageData as\n        | { commerce?: { grids?: Record<string, CatalogSeed> } }\n        | undefined\n    )?.commerce?.grids?.[nodeId]\n\n    const [items, setItems] = useState<CatalogItem[] | null>(\n      seed?.items ?? null,\n    )\n    const [sort, setSort] = useState(sortProp)\n    // The In stock chip, asked of the catalog (`inStock=1`), never matched\n    // over the cards on screen (AGL-3321).\n    const [inStockOnly, setInStockOnly] = useState(false)\n    const [activeTag, setActiveTag] = useState('')\n    // Catalog UX state (AGL-561): the search box debounces into\n    // `query`; a chip pick overrides any pinned category ('*' = All);\n    // paging appends via the handler's `nextCursor` (AGL-3321).\n    const [searchInput, setSearchInput] = useState('')\n    const [query, setQuery] = useState('')\n    const [activeCategoryId, setActiveCategoryId] = useState('')\n    const [activeType, setActiveType] = useState('')\n    const [categories, setCategories] = useState<CatalogCategory[]>(\n      seed?.categories ?? [],\n    )\n    // Price filter (AGL-564): the slider drags into `priceInput` (whole\n    // dollars) and debounces into `priceFilter`, which drives the query;\n    // null = untouched (no price params sent). Bounds come from the\n    // handler's price facets.\n    const [priceBounds, setPriceBounds] = useState<CatalogPriceBounds | null>(\n      seed?.priceBounds ?? null,\n    )\n    const [priceInput, setPriceInput] = useState<number[] | null>(null)\n    const [priceFilter, setPriceFilter] = useState<number[] | null>(null)\n    const [nextCursor, setNextCursor] = useState<string | null>(\n      seed?.nextCursor ?? null,\n    )\n    // What the query could not apply, said above the grid (AGL-3321).\n    const [refused, setRefused] = useState<CatalogRefusal[]>(seed?.refused ?? [])\n    const [notices, setNotices] = useState<string[]>(seed?.notices ?? [])\n    const [loadingMore, setLoadingMore] = useState(false)\n    const fetchSeq = useRef(0)\n    const collectionSlug =\n      source === 'collection'\n        ? collectionSlugProp || collectionSlugFromLocation()\n        : collectionSlugProp\n    const pageLimit =\n      pageSize && Number(pageSize) > 0 ? Math.floor(Number(pageSize)) : 0\n    const pinnedCategoryId = source === 'category' ? categoryId ?? '' : ''\n\n    // A browsing grid opens on the address's `?category=` / `?tag=`: a shop\n    // page linked as /shop?category=candles shows that chip picked. Read in\n    // an effect, so the server and the first client render agree.\n    const [urlCategorySlug, setUrlCategorySlug] = useState('')\n    useEffect(() => {\n      if (!hostId || typeof window === 'undefined') return\n      const asked = browseParamsFromSearch(window.location.search)\n      if (showCategories && asked.categorySlug) setUrlCategorySlug(asked.categorySlug)\n      if (showFilters && asked.tag) setActiveTag(asked.tag)\n      // Once, on arrival: later chip picks are the visitor's.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [hostId])\n    useEffect(() => {\n      if (!urlCategorySlug || !categories.length) return\n      const match = categories.find((category) => category.slug === urlCategorySlug)\n      if (match) setActiveCategoryId(match.id)\n      setUrlCategorySlug('')\n    }, [urlCategorySlug, categories])\n\n    // Debounce keystrokes so large catalogs aren't fetched per letter.\n    useEffect(() => {\n      const timer = setTimeout(() => setQuery(searchInput.trim()), 300)\n      return () => clearTimeout(timer)\n    }, [searchInput])\n\n    // Debounce slider drags the same way (AGL-564): one fetch per\n    // settled range, not one per pixel of thumb movement.\n    useEffect(() => {\n      const timer = setTimeout(() => setPriceFilter(priceInput), 300)\n      return () => clearTimeout(timer)\n    }, [priceInput])\n\n    const loadPage = useCallback(\n      async (after?: string): Promise<void> => {\n        if (!hostId) return\n        const seq = ++fetchSeq.current\n        const params = new URLSearchParams({ hostId })\n        // Ids first (rename-safe, AGL-343); slugs remain as the legacy path.\n        if (source === 'collection') {\n          if (collectionId) params.set('collectionId', collectionId)\n          else if (collectionSlug) params.set('collection', collectionSlug)\n        }\n        const effectiveCategoryId =\n          activeCategoryId === '*' ? '' : activeCategoryId || pinnedCategoryId\n        if (effectiveCategoryId) {\n          params.set('categoryId', effectiveCategoryId)\n        } else if (!activeCategoryId && source === 'category' && categorySlug) {\n          params.set('category', categorySlug)\n        }\n        // A tag chip overrides a pinned tag, as a category chip does.\n        const effectiveTag = activeTag || (source === 'tag' ? tag ?? '' : '')\n        if (effectiveTag) params.set('tag', effectiveTag)\n        if (query) params.set('q', query)\n        if (activeType) params.set('type', activeType)\n        if (inStockOnly) params.set('inStock', '1')\n        // Slider dollars → API cents (AGL-564).\n        if (priceFilter) {\n          params.set('minPriceCents', String(priceFilter[0] * 100))\n          params.set('maxPriceCents', String(priceFilter[1] * 100))\n        }\n        if (sort) params.set('sort', sort)\n        const limit = pageLimit || maxItems\n        if (limit) params.set('limit', String(limit))\n        if (after) params.set('after', after)\n        if ((showCategories || showPriceFilter) && !after) {\n          params.set('facets', '1')\n        }\n        try {\n          const response = await fetch(\n            `/api/commerce/catalog?${params.toString()}`,\n          )\n          const payload = await response.json()\n          if (seq !== fetchSeq.current) return\n          const pageItems: CatalogItem[] = payload?.items ?? []\n          setItems((prev) =>\n            after && prev ? [...prev, ...pageItems] : pageItems,\n          )\n          setNextCursor(\n            typeof payload?.nextCursor === 'string' ? payload.nextCursor : null,\n          )\n          if (!after) {\n            setRefused(Array.isArray(payload?.refused) ? payload.refused : [])\n            setNotices(Array.isArray(payload?.notices) ? payload.notices : [])\n          }\n          if (Array.isArray(payload?.categories)) {\n            setCategories(payload.categories)\n          }\n          const bounds = payload?.priceBounds\n          if (\n            typeof bounds?.minCents === 'number' &&\n            typeof bounds?.maxCents === 'number'\n          ) {\n            setPriceBounds(bounds)\n          }\n        } catch {\n          if (seq !== fetchSeq.current) return\n          if (!after) setItems([])\n          setNextCursor(null)\n        }\n      },\n      [\n        hostId,\n        source,\n        collectionId,\n        collectionSlug,\n        categorySlug,\n        tag,\n        sort,\n        maxItems,\n        query,\n        activeCategoryId,\n        activeTag,\n        activeType,\n        inStockOnly,\n        priceFilter,\n        pageLimit,\n        pinnedCategoryId,\n        showCategories,\n        showPriceFilter,\n      ],\n    )\n\n    // A seeded grid already holds exactly what `loadPage(0)` would return,\n    // so the first pass skips the fetch (AGL-659) — every later run, after\n    // a filter or sort change, goes to the API as before.\n    const seededRef = useRef(Boolean(seed))\n    useEffect(() => {\n      if (!hostId) return\n      if (seededRef.current) {\n        seededRef.current = false\n        return\n      }\n      void loadPage()\n      // Invalidate any in-flight request on dep change or unmount.\n      return () => {\n        fetchSeq.current++\n      }\n    }, [hostId, loadPage])\n\n    const desktopColumns = Math.min(6, Math.max(1, columns ?? 3))\n    const gridSx = {\n      display: 'grid',\n      gap: 2,\n      gridTemplateColumns: {\n        // Photo cards pair up on a phone, as a shop's catalog does; an\n        // outlined card with its photo strip takes the row.\n        xs: photoCards ? 'repeat(2, 1fr)' : 'repeat(1, 1fr)',\n        sm: 'repeat(2, 1fr)',\n        md: `repeat(${desktopColumns}, 1fr)`,\n      },\n    }\n    // The rows the query returned, as returned (AGL-3321).\n    const visible = hostId ? items : SAMPLE_ITEMS\n    // Tag chips: the tags on the cards showing, as CHOICES — picking one asks\n    // the catalog for that tag, never narrows these cards. The picked one\n    // stays offered whatever the page it brought back carries.\n    const facetTags = showFilters\n      ? [\n          ...new Set([\n            ...(activeTag ? [activeTag] : []),\n            ...(items ?? []).flatMap((item) => item.tags ?? []),\n          ]),\n        ].slice(0, 12)\n      : []\n\n    if (hostId && items === null) {\n      return (\n        // MERGE, never replace (AGL-1450). The skeleton branch replaced the\n        // node's sx outright, so an authored grid flashed unstyled for as\n        // long as the first fetch took and then snapped into place.\n        <Box ref={ref} {...rest} sx={[gridSx, ...nodeSx]}>\n          {Array.from({ length: desktopColumns }, (_item, index) => (\n            <Card key={index} variant=\"outlined\">\n              <Skeleton variant=\"rectangular\" height={160} />\n              <CardContent>\n                <Skeleton width=\"70%\" />\n                <Skeleton width=\"30%\" />\n              </CardContent>\n            </Card>\n          ))}\n        </Box>\n      )\n    }\n\n    // Catalog controls (AGL-561): search on top, category/type chips\n    // under it with the sort select right-aligned — the layout every\n    // mainstream commerce PLP uses. Server-side; sample data inert.\n    const chipCategories = categories.length\n      ? categories\n      : !hostId && showCategories\n        ? SAMPLE_CATEGORIES\n        : []\n    const selectedCategoryId =\n      activeCategoryId === '*' ? '' : activeCategoryId || pinnedCategoryId\n    const hasCatalogControls = Boolean(\n      showSearch || showCategories || showSort || showTypeFilter ||\n        showPriceFilter,\n    )\n    // Price slider bounds (AGL-564), widened to whole dollars so both\n    // ends stay reachable; sample bounds keep the canvas designable.\n    const sliderBounds = hostId ? priceBounds : SAMPLE_PRICE_BOUNDS\n    const sliderMin = sliderBounds ? Math.floor(sliderBounds.minCents / 100) : 0\n    const sliderMax = sliderBounds ? Math.ceil(sliderBounds.maxCents / 100) : 0\n    const showSlider = Boolean(showPriceFilter && sliderMin < sliderMax)\n    const controls = hasCatalogControls ? (\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, mb: 2 }}>\n        {showSearch ? (\n          <TextField\n            value={searchInput}\n            onChange={(event) => setSearchInput(event.target.value)}\n            placeholder=\"Search products…\"\n            size=\"small\"\n            fullWidth\n            slotProps={{\n              input: {\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <SvgIcon fontSize=\"small\" color=\"disabled\">\n                      <path d={mdiMagnify.path} />\n                    </SvgIcon>\n                  </InputAdornment>\n                ),\n              },\n              htmlInput: { 'aria-label': 'Search products', type: 'search' },\n            }}\n          />\n        ) : null}\n        {showCategories || showTypeFilter || showSort ? (\n          <Box\n            sx={{\n              display: 'flex',\n              gap: 1,\n              flexWrap: 'wrap',\n              alignItems: 'center',\n            }}\n          >\n            {showCategories && chipCategories.length ? (\n              <>\n                <Chip\n                  label=\"All\"\n                  size=\"small\"\n                  variant={selectedCategoryId ? 'outlined' : 'filled'}\n                  color={selectedCategoryId ? 'default' : 'primary'}\n                  onClick={() => {\n                    // One array clause per query (AGL-3321): a chip asked\n                    // for while searching would be refused, so picking one\n                    // clears the search — and a tag chip — rather than\n                    // leaving a chip that does nothing.\n                    setSearchInput('')\n                    setQuery('')\n                    setActiveTag('')\n                    setActiveCategoryId('*')\n                  }}\n                />\n                {chipCategories.map((category) => (\n                  <Chip\n                    key={category.id}\n                    label={category.name}\n                    size=\"small\"\n                    variant={\n                      selectedCategoryId === category.id ? 'filled' : 'outlined'\n                    }\n                    color={\n                      selectedCategoryId === category.id\n                        ? 'secondary'\n                        : 'default'\n                    }\n                    onClick={() => {\n                      setSearchInput('')\n                      setQuery('')\n                      setActiveTag('')\n                      setActiveCategoryId((prev) =>\n                        (prev || pinnedCategoryId) === category.id\n                          ? '*'\n                          : category.id,\n                      )\n                    }}\n                  />\n                ))}\n              </>\n            ) : null}\n            {showTypeFilter\n              ? TYPE_OPTIONS.map((option) => (\n                  <Chip\n                    key={option.value}\n                    label={option.label}\n                    size=\"small\"\n                    variant={activeType === option.value ? 'filled' : 'outlined'}\n                    color={\n                      activeType === option.value ? 'secondary' : 'default'\n                    }\n                    onClick={() =>\n                      setActiveType((prev) =>\n                        prev === option.value ? '' : option.value,\n                      )\n                    }\n                  />\n                ))\n              : null}\n            {showSort ? (\n              <>\n                <Box sx={{ flex: 1 }} />\n                <TextField\n                  select\n                  size=\"small\"\n                  value={\n                    SORT_OPTIONS.some((option) => option.value === sort)\n                      ? sort\n                      : 'name'\n                  }\n                  onChange={(event) =>\n                    setSort(event.target.value as ProductGridProps['sort'])\n                  }\n                  sx={{ minWidth: 180 }}\n                  slotProps={{\n                    htmlInput: { 'aria-label': 'Sort products' },\n                  }}\n                >\n                  {SORT_OPTIONS.map((option) => (\n                    <MenuItem key={option.value} value={option.value}>\n                      {option.label}\n                    </MenuItem>\n                  ))}\n                </TextField>\n              </>\n            ) : null}\n          </Box>\n        ) : null}\n        {showSlider ? (\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 1.5,\n              maxWidth: 360,\n              px: 1,\n            }}\n          >\n            <Typography\n              variant=\"caption\"\n              color=\"text.secondary\"\n              sx={{ whiteSpace: 'nowrap' }}\n            >\n              {`$${sliderMin}`}\n            </Typography>\n            <Slider\n              size=\"small\"\n              value={priceInput ?? [sliderMin, sliderMax]}\n              min={sliderMin}\n              max={sliderMax}\n              step={1}\n              disableSwap\n              disabled={!hostId}\n              onChange={(_event, value) =>\n                setPriceInput(Array.isArray(value) ? value : [value, value])\n              }\n              valueLabelDisplay=\"auto\"\n              valueLabelFormat={(value) => `$${value}`}\n              getAriaLabel={(index) =>\n                index === 0 ? 'Minimum price' : 'Maximum price'\n              }\n            />\n            <Typography\n              variant=\"caption\"\n              color=\"text.secondary\"\n              sx={{ whiteSpace: 'nowrap' }}\n            >\n              {`$${sliderMax}`}\n            </Typography>\n          </Box>\n        ) : null}\n      </Box>\n    ) : null\n\n    const filtering = Boolean(\n      query ||\n        activeType ||\n        selectedCategoryId ||\n        activeTag ||\n        inStockOnly ||\n        priceFilter,\n    )\n    const emptyCopy = emptyText || 'No products here yet — check back soon.'\n    // A store with nothing listed yet (AGL-3676): a headline, a line and one\n    // way to hear more — never sample products, never a sort over nothing.\n    const emptyPanel = emptyTitle ? (\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          gap: 1.5,\n          px: 3,\n          py: { xs: 6, md: 10 },\n          textAlign: 'center',\n          borderRadius: 2,\n          bgcolor: 'action.hover',\n        }}\n      >\n        <Typography variant=\"h5\" component=\"h3\">\n          {emptyTitle}\n        </Typography>\n        <Typography variant=\"body1\" color=\"text.secondary\" sx={{ maxWidth: 480 }}>\n          {emptyCopy}\n        </Typography>\n        {emptyActionLabel && emptyActionHref ? (\n          <Button variant=\"outlined\" href={emptyActionHref} sx={{ mt: 1 }}>\n            {emptyActionLabel}\n          </Button>\n        ) : null}\n      </Box>\n    ) : null\n    // An empty catalog with nothing asked of it shows its empty state alone:\n    // controls are for narrowing products, and there are none to narrow.\n    if (visible && visible.length === 0 && (!hasCatalogControls || !filtering)) {\n      return emptyPanel ? (\n        <Box ref={ref} {...rest} sx={nodeSx}>\n          {emptyPanel}\n        </Box>\n      ) : (\n        <Box ref={ref} {...rest} sx={[{ p: 3, textAlign: 'center' }, ...nodeSx]}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {emptyCopy}\n          </Typography>\n        </Box>\n      )\n    }\n    // With controls visible the empty state renders inline, so a\n    // no-result search still leaves the box available to clear.\n    const emptyState = (\n      <Box sx={{ p: 3, textAlign: 'center' }}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {filtering ? 'No products match — try clearing a filter.' : emptyCopy}\n        </Typography>\n      </Box>\n    )\n    const loadMore =\n      hostId && pageLimit && nextCursor != null ? (\n        <Box sx={{ display: 'flex', justifyContent: 'center', mt: 3 }}>\n          <Button\n            variant=\"outlined\"\n            disabled={loadingMore}\n            onClick={async () => {\n              if (nextCursor == null || loadingMore) return\n              setLoadingMore(true)\n              await loadPage(nextCursor)\n              setLoadingMore(false)\n            }}\n          >\n            {loadingMore ? 'Loading…' : 'Load more'}\n          </Button>\n        </Box>\n      ) : null\n\n    const grid = (\n      <Box sx={gridSx}>\n        {(visible ?? []).map((item) => {\n          // AGL-1726: resolved BEFORE the guard, so a stored value that is\n          // truthy but resolves to nothing renders the placeholder rather\n          // than an `<img>` with no `src`.\n          const imageUrl = Aglyn.siteRelativeMediaSrc(item.imageUrl, { hostId })\n          return (\n          <Card\n            key={item.id}\n            variant={photoCards ? 'elevation' : 'outlined'}\n            elevation={0}\n            sx={photoCards ? { bgcolor: 'transparent', overflow: 'visible' } : undefined}\n          >\n            <CardActionArea\n              href={hostId ? `/products/${item.slug}` : undefined}\n              disabled={!hostId}\n              sx={photoCards ? { borderRadius: 2 } : undefined}\n            >\n              {imageUrl ? (\n                <CardMedia\n                  component=\"img\"\n                  image={imageUrl}\n                  alt={item.name}\n                  sx={\n                    photoCards\n                      ? {\n                          aspectRatio: '4 / 5',\n                          objectFit: 'cover',\n                          borderRadius: 2,\n                          // A storefront's photo answers the pointer (AGL-3676).\n                          transition: 'opacity 200ms ease',\n                          '.MuiCardActionArea-root:hover &': { opacity: 0.88 },\n                        }\n                      : { height: 160, objectFit: 'cover' }\n                  }\n                  // Deferred (AGL-2486), and this is the worst offender of\n                  // the set: a grid renders one image PER PRODUCT, all of\n                  // them previously unhinted, so a storefront section below\n                  // the fold opened N eager default-priority fetches that\n                  // outranked everything above it.\n                  {...Aglyn.DEFERRED_IMAGE_ATTRIBUTES}\n                />\n              ) : (\n                // Never a blank tile (AGL-3676 follow-up).\n                <ProductImagePlaceholder\n                  name={item.name}\n                  sx={\n                    photoCards\n                      ? { aspectRatio: '4 / 5', borderRadius: 2 }\n                      : { height: 160 }\n                  }\n                />\n              )}\n              <CardContent sx={photoCards ? { px: 0.5, pt: 1.5, pb: 1 } : undefined}>\n                <Typography variant={photoCards ? 'subtitle1' : 'subtitle2'} noWrap>\n                  {item.name}\n                </Typography>\n                <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {priceLabel(item)}\n                  </Typography>\n                  {item.compareAtPriceUsd ? (\n                    <Typography\n                      variant=\"caption\"\n                      color=\"text.disabled\"\n                      sx={{ textDecoration: 'line-through' }}\n                    >\n                      {`$${item.compareAtPriceUsd}`}\n                    </Typography>\n                  ) : null}\n                  {item.soldOut ? (\n                    <Chip label=\"Sold out\" size=\"small\" variant=\"outlined\" />\n                  ) : null}\n                </Box>\n              </CardContent>\n            </CardActionArea>\n            {quickAdd ? (\n              <QuickAddButton\n                item={item}\n                inert={!hostId}\n                busy={quickAdding === item.id}\n                added={quickAdded === item.id}\n                photoCards={photoCards}\n                onAdd={async () => {\n                  if (!hostId || !item.defaultVariantId || quickAdding) return\n                  setQuickAdding(item.id)\n                  const ok = await addToCart({\n                    hostId,\n                    siteFetch,\n                    productId: item.id,\n                    variantId: item.defaultVariantId,\n                    quantity: 1,\n                    item: {\n                      item_id: item.id,\n                      item_name: item.name,\n                      price: item.priceUsd,\n                      quantity: 1,\n                    },\n                  })\n                  setQuickAdding('')\n                  if (ok) setQuickAdded(item.id)\n                }}\n              />\n            ) : null}\n          </Card>\n          )\n        })}\n      </Box>\n    )\n\n    const body = visible && visible.length === 0 ? emptyState : grid\n    const unapplied =\n      hostId && (refused.length || notices.length) ? (\n        <Box sx={{ mb: 2 }}>\n          <ListQueryNotices\n            refused={listQueryRefusals(refused, {\n              fields: STOREFRONT_CATALOG_DECLARATION.fields,\n              headers: STOREFRONT_CATALOG_HEADERS,\n              options: {\n                ...STOREFRONT_CATALOG_OPTIONS,\n                category: categories.map((category) => ({\n                  value: category.id,\n                  label: category.name,\n                })),\n              },\n            })}\n            notices={notices}\n          />\n        </Box>\n      ) : null\n    if (!showFilters) {\n      return (\n        <Box ref={ref} {...rest}>\n          {controls}\n          {unapplied}\n          {body}\n          {loadMore}\n        </Box>\n      )\n    }\n    return (\n      <Box ref={ref} {...rest}>\n        {controls}\n        <Box\n          sx={{\n            display: 'flex',\n            gap: 1,\n            flexWrap: 'wrap',\n            alignItems: 'center',\n            mb: 2,\n          }}\n        >\n          <Chip\n            label=\"In stock\"\n            size=\"small\"\n            variant={inStockOnly ? 'filled' : 'outlined'}\n            color={inStockOnly ? 'primary' : 'default'}\n            onClick={() => setInStockOnly((prev) => !prev)}\n          />\n          {facetTags.map((facetTag) => (\n            <Chip\n              key={facetTag}\n              label={facetTag}\n              size=\"small\"\n              variant={activeTag === facetTag ? 'filled' : 'outlined'}\n              color={activeTag === facetTag ? 'primary' : 'default'}\n              onClick={() => {\n                // The same one-array-clause rule as the category chips.\n                setSearchInput('')\n                setQuery('')\n                setActiveCategoryId((prev) => (prev && prev !== '*' ? '' : prev))\n                setActiveTag((prev) => (prev === facetTag ? '' : facetTag))\n              }}\n            />\n          ))}\n          <Box sx={{ flex: 1 }} />\n          <Chip\n            label={\n              sort === 'price-asc'\n                ? 'Price ↑'\n                : sort === 'price-desc'\n                  ? 'Price ↓'\n                  : 'A–Z'\n            }\n            size=\"small\"\n            variant=\"outlined\"\n            onClick={() =>\n              setSort((prev) =>\n                prev === 'price-asc'\n                  ? 'price-desc'\n                  : prev === 'price-desc'\n                    ? 'name'\n                    : 'price-asc',\n              )\n            }\n          />\n        </Box>\n        {unapplied}\n        {body}\n        {loadMore}\n      </Box>\n    )\n  },\n)\n/**\n * A card's quick add: outside the card's link, so a click never follows it.\n * Sample cards on the canvas show the button inert.\n */\nfunction QuickAddButton({\n  item,\n  inert,\n  busy,\n  added,\n  photoCards,\n  onAdd,\n}: {\n  item: CatalogItem\n  inert: boolean\n  busy: boolean\n  added: boolean\n  photoCards: boolean\n  onAdd: () => void\n}) {\n  const action = inert ? 'add' : quickAddAction(item)\n  if (!action) return null\n  const sx = photoCards ? { mt: 0.5, mx: 0.5, mb: 1 } : { mx: 2, mb: 2 }\n  if (action === 'options') {\n    return (\n      <Box sx={sx}>\n        <Button\n          size=\"small\"\n          variant=\"outlined\"\n          fullWidth\n          href={`/products/${item.slug}`}\n          onClick={(event) => event.stopPropagation()}\n        >\n          {'Choose options'}\n        </Button>\n      </Box>\n    )\n  }\n  return (\n    <Box sx={sx}>\n      <Button\n        size=\"small\"\n        variant=\"outlined\"\n        fullWidth\n        disabled={inert || busy}\n        aria-label={`Add ${item.name} to cart`}\n        onClick={(event) => {\n          event.preventDefault()\n          event.stopPropagation()\n          onAdd()\n        }}\n      >\n        {added ? 'Added ✓' : busy ? 'Adding…' : 'Add to cart'}\n      </Button>\n    </Box>\n  )\n}\n\nProductGrid.displayName = 'AglynProductGrid'\n\nexport const schema: Aglyn.ComponentSchema<ProductGridProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Product grid',\n  description:\n    'Your catalog as a grid, with optional search, category chips, sort and paging.',\n  category: Aglyn.ComponentCategory.COMMERCE,\n  icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n  flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n  attributes: [\n    {\n      name: 'source',\n      label: 'Show',\n      description: 'Which products to list.',\n      component: Aglyn.FieldComponentType.SELECT,\n      options: [\n        { label: 'All products', value: 'all' },\n        { label: 'A collection', value: 'collection' },\n        { label: 'A category', value: 'category' },\n        { label: 'A tag', value: 'tag' },\n      ],\n    },\n    {\n      name: 'collectionId',\n      label: 'Collection',\n      description:\n        'Pick the collection — stored by id, so renaming it never breaks ' +\n        'this grid. Leave empty on collection template pages to follow ' +\n        'the /collections/{slug} URL.',\n      component: Aglyn.FieldComponentType.COLLECTION_SELECT,\n    },\n    {\n      name: 'collectionSlug',\n      label: 'Collection slug (legacy)',\n      description: 'Used only when no collection is picked above.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'categoryId',\n      label: 'Category',\n      description:\n        'Pick the category — stored by id, rename-safe.',\n      component: Aglyn.FieldComponentType.CATEGORY_SELECT,\n    },\n    {\n      name: 'categorySlug',\n      label: 'Category slug (legacy)',\n      description: 'Used only when no category is picked above.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'tag',\n      label: 'Tag',\n      description: 'Products tagged with this value.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'sort',\n      label: 'Sort',\n      description: 'Listing order.',\n      component: Aglyn.FieldComponentType.SELECT,\n      options: [\n        { label: 'Name', value: 'name' },\n        { label: 'Price (low → high)', value: 'price-asc' },\n        { label: 'Price (high → low)', value: 'price-desc' },\n        { label: 'Newest', value: 'newest' },\n      ],\n    },\n    {\n      name: 'columns',\n      label: 'Columns',\n      description: 'Desktop columns (1-6).',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      type: 'number',\n    },\n    {\n      name: 'maxItems',\n      label: 'Max items',\n      description: 'Cap the number of cards.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      type: 'number',\n    },\n    {\n      name: 'emptyText',\n      label: 'Empty text',\n      description: 'Copy when nothing matches.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'emptyTitle',\n      label: 'Empty headline',\n      description:\n        'Headline while the store lists nothing yet; set, the empty state ' +\n        'is a full panel with the empty text and one button.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'emptyActionLabel',\n      label: 'Empty button label',\n      description: 'The empty panel’s button, e.g. “Get in touch”.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'emptyActionHref',\n      label: 'Empty button link',\n      description: 'Where the empty panel’s button goes, e.g. /contact.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'showFilters',\n      label: 'Show filters',\n      description: 'Tag chips, in-stock toggle, and price sort above the grid.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'showSearch',\n      label: 'Search box',\n      description:\n        'Visitor search box above the grid — matches words at the start of ' +\n        'product names across the whole catalog (server-side).',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'showCategories',\n      label: 'Category chips',\n      description:\n        'Filter chips built from your product categories, with an All chip.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'showSort',\n      label: 'Sort select',\n      description:\n        'Visitor sort: newest, name, price low→high, price high→low.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'showTypeFilter',\n      label: 'Type filter',\n      description: 'Physical / digital / services chips.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'showPriceFilter',\n      label: 'Price filter',\n      description:\n        'Price range slider between your lowest and highest product prices.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      name: 'pageSize',\n      label: 'Page size',\n      description:\n        'Products per page with a Load more button; blank loads once ' +\n        '(capped by Max items).',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      type: 'number',\n    },\n    {\n      name: 'cardStyle',\n      label: 'Card style',\n      description: 'Outlined cards, or tall photos with the name and price under them.',\n      component: Aglyn.FieldComponentType.SELECT,\n      options: [\n        { label: 'Outlined', value: 'outlined' },\n        { label: 'Photo', value: 'photo' },\n      ],\n    },\n    {\n      // Off by default, so no existing grid changes shape on deploy.\n      name: 'quickAdd',\n      label: 'Quick add to cart',\n      description:\n        'An Add to cart button on each card for a product with one variant; ' +\n        '\"Choose options\" for one with several.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Product grid',\n    pluginId: BUNDLE_ID,\n    description: 'Responsive grid of catalog products',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: { source: 'all', sort: 'name', columns: 3 },\n    },\n  },\n  {\n    // Full shop page (AGL-561): the grid with every catalog control on\n    // — search, category chips, sort, and Load more paging.\n    $id: generatePresetId(ID, 'shop'),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Shop catalog',\n    pluginId: BUNDLE_ID,\n    description: 'Product grid with search, category chips, sort, and paging',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: {\n        source: 'all',\n        sort: 'newest',\n        columns: 3,\n        showSearch: true,\n        showCategories: true,\n        showSort: true,\n        pageSize: 12,\n      },\n    },\n  },\n]\n\nexport default ProductGrid\n"],"names":["Aglyn","mdiMagnify","mdiViewGridOutline","ListQueryNotices","listQueryRefusals","Box","Button","Card","CardActionArea","CardContent","CardMedia","Chip","InputAdornment","MenuItem","Skeleton","Slider","SvgIcon","TextField","Typography","forwardRef","useCallback","useEffect","useRef","useState","BUNDLE_ID","STOREFRONT_CATALOG_DECLARATION","STOREFRONT_CATALOG_HEADERS","STOREFRONT_CATALOG_OPTIONS","generatePresetId","addToCart","ProductImagePlaceholder","ID","quickAddAction","item","priceComingSoon","soldOut","defaultVariantId","variantCount","browseParamsFromSearch","search","params","URLSearchParams","categorySlug","get","trim","tag","PRICE_COMING_SOON_LABEL","SAMPLE_ITEMS","id","name","slug","priceUsd","maxPriceUsd","compareAtPriceUsd","SAMPLE_CATEGORIES","SAMPLE_PRICE_BOUNDS","minCents","maxCents","TYPE_OPTIONS","value","label","SORT_OPTIONS","collectionSlugFromLocation","window","match","location","pathname","decodeURIComponent","priceLabel","ProductGrid","props","ref","site","source","collectionId","collectionSlug","collectionSlugProp","categoryId","sort","sortProp","columns","maxItems","emptyText","emptyTitle","emptyActionLabel","emptyActionHref","showFilters","showSearch","showCategories","showSort","showTypeFilter","showPriceFilter","pageSize","cardStyle","quickAdd","rest","photoCards","nodeSx","Array","isArray","useSite","siteFetch","useSiteFetch","hostId","quickAdding","setQuickAdding","quickAdded","setQuickAdded","nodeId","useNodeId","seed","pageData","commerce","grids","items","setItems","setSort","inStockOnly","setInStockOnly","activeTag","setActiveTag","searchInput","setSearchInput","query","setQuery","activeCategoryId","setActiveCategoryId","activeType","setActiveType","categories","setCategories","priceBounds","setPriceBounds","priceInput","setPriceInput","priceFilter","setPriceFilter","nextCursor","setNextCursor","refused","setRefused","notices","setNotices","loadingMore","setLoadingMore","fetchSeq","pageLimit","Number","Math","floor","pinnedCategoryId","urlCategorySlug","setUrlCategorySlug","asked","length","find","category","timer","setTimeout","clearTimeout","loadPage","after","seq","current","set","effectiveCategoryId","effectiveTag","String","limit","response","fetch","toString","payload","json","pageItems","prev","bounds","seededRef","Boolean","desktopColumns","min","max","gridSx","display","gap","gridTemplateColumns","xs","sm","md","visible","facetTags","Set","flatMap","tags","slice","sx","from","_item","index","variant","height","width","chipCategories","selectedCategoryId","hasCatalogControls","sliderBounds","sliderMin","sliderMax","ceil","showSlider","controls","flexDirection","mb","onChange","event","target","placeholder","size","fullWidth","slotProps","input","startAdornment","position","fontSize","color","path","d","htmlInput","type","flexWrap","alignItems","onClick","map","option","flex","select","some","minWidth","maxWidth","px","whiteSpace","step","disableSwap","disabled","_event","valueLabelDisplay","valueLabelFormat","getAriaLabel","filtering","emptyCopy","emptyPanel","py","textAlign","borderRadius","bgcolor","component","href","mt","p","emptyState","loadMore","justifyContent","grid","imageUrl","siteRelativeMediaSrc","elevation","overflow","undefined","image","alt","aspectRatio","objectFit","transition","opacity","DEFERRED_IMAGE_ATTRIBUTES","pt","pb","noWrap","textDecoration","QuickAddButton","inert","busy","added","onAdd","ok","productId","variantId","quantity","item_id","item_name","price","body","unapplied","fields","headers","options","facetTag","action","mx","stopPropagation","aria-label","preventDefault","displayName","schema","$id","pluginId","description","ComponentCategory","COMMERCE","icon","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","FieldComponentType","SELECT","COLLECTION_SELECT","TEXT_FIELD","CATEGORY_SELECT","CHECKBOX","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}

package/src/lib/components/product-image-placeholder.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @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 { SxProps, Theme } from '@mui/material/styles';
+export interface ProductImagePlaceholderProps {
+    /** The product's name; its first letter is drawn under the bag. */
+    name: string;
+    sx?: SxProps<Theme>;
+}
+/**
+ * The tile a product card shows where the product has no photo yet.
+ *
+ * A blank box read as a broken image on a live store (AGL-3676 follow-up:
+ * "You may also like" showed an empty tile). This one says what it is — a
+ * product, by its initial — in the theme's own quiet colours, so it sits in
+ * any palette, light or dark, without a hardcoded colour.
+ */
+export declare function ProductImagePlaceholder({ name, sx }: ProductImagePlaceholderProps): import("react").JSX.Element;

package/src/lib/components/product-image-placeholder.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @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 { mdiShoppingOutline } from "@aglyn/shared-data-mdi";
+import Box from "@mui/material/Box";
+import SvgIcon from "@mui/material/SvgIcon";
+import Typography from "@mui/material/Typography";
+/**
+ * The tile a product card shows where the product has no photo yet.
+ *
+ * A blank box read as a broken image on a live store (AGL-3676 follow-up:
+ * "You may also like" showed an empty tile). This one says what it is — a
+ * product, by its initial — in the theme's own quiet colours, so it sits in
+ * any palette, light or dark, without a hardcoded colour.
+ */ export function ProductImagePlaceholder({ name, sx }) {
+    var _name_trim_;
+    const initial = ((_name_trim_ = name.trim()[0]) != null ? _name_trim_ : '').toUpperCase();
+    return /*#__PURE__*/ _jsxs(Box, {
+        role: "img",
+        "aria-label": `${name} — no photo yet`,
+        "data-testid": "product-image-placeholder",
+        sx: [
+            {
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+                justifyContent: 'center',
+                gap: 0.5,
+                bgcolor: 'action.hover',
+                color: 'text.disabled'
+            },
+            ...Array.isArray(sx) ? sx : [
+                sx
+            ]
+        ],
+        children: [
+            /*#__PURE__*/ _jsx(SvgIcon, {
+                sx: {
+                    fontSize: 36
+                },
+                children: /*#__PURE__*/ _jsx("path", {
+                    d: mdiShoppingOutline.path
+                })
+            }),
+            initial ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "h6",
+                component: "span",
+                "aria-hidden": true,
+                sx: {
+                    color: 'text.secondary',
+                    lineHeight: 1
+                },
+                children: initial
+            }) : null
+        ]
+    });
+}
+
+//# sourceMappingURL=product-image-placeholder.js.map

package/src/lib/components/product-image-placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/product-image-placeholder.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 { mdiShoppingOutline } from '@aglyn/shared-data-mdi'\nimport Box from '@mui/material/Box'\nimport SvgIcon from '@mui/material/SvgIcon'\nimport Typography from '@mui/material/Typography'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\nexport interface ProductImagePlaceholderProps {\n  /** The product's name; its first letter is drawn under the bag. */\n  name: string\n  sx?: SxProps<Theme>\n}\n\n/**\n * The tile a product card shows where the product has no photo yet.\n *\n * A blank box read as a broken image on a live store (AGL-3676 follow-up:\n * \"You may also like\" showed an empty tile). This one says what it is — a\n * product, by its initial — in the theme's own quiet colours, so it sits in\n * any palette, light or dark, without a hardcoded colour.\n */\nexport function ProductImagePlaceholder({ name, sx }: ProductImagePlaceholderProps) {\n  const initial = (name.trim()[0] ?? '').toUpperCase()\n  return (\n    <Box\n      role=\"img\"\n      aria-label={`${name} — no photo yet`}\n      data-testid=\"product-image-placeholder\"\n      sx={[\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 0.5,\n          bgcolor: 'action.hover',\n          color: 'text.disabled',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n    >\n      <SvgIcon sx={{ fontSize: 36 }}>\n        <path d={mdiShoppingOutline.path} />\n      </SvgIcon>\n      {initial ? (\n        <Typography variant=\"h6\" component=\"span\" aria-hidden sx={{ color: 'text.secondary', lineHeight: 1 }}>\n          {initial}\n        </Typography>\n      ) : null}\n    </Box>\n  )\n}\n"],"names":["mdiShoppingOutline","Box","SvgIcon","Typography","ProductImagePlaceholder","name","sx","initial","trim","toUpperCase","role","aria-label","data-testid","display","flexDirection","alignItems","justifyContent","gap","bgcolor","color","Array","isArray","fontSize","path","d","variant","component","aria-hidden","lineHeight"],"mappings":";AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,kBAAkB,QAAQ,yBAAwB;AAC3D,OAAOC,SAAS,oBAAmB;AACnC,OAAOC,aAAa,wBAAuB;AAC3C,OAAOC,gBAAgB,2BAA0B;AASjD;;;;;;;CAOC,GACD,OAAO,SAASC,wBAAwB,EAAEC,IAAI,EAAEC,EAAE,EAAgC;QAC/DD;IAAjB,MAAME,UAAU,EAACF,cAAAA,KAAKG,IAAI,EAAE,CAAC,EAAE,YAAdH,cAAkB,IAAII,WAAW;IAClD,qBACE,MAACR;QACCS,MAAK;QACLC,cAAY,GAAGN,KAAK,eAAe,CAAC;QACpCO,eAAY;QACZN,IAAI;YACF;gBACEO,SAAS;gBACTC,eAAe;gBACfC,YAAY;gBACZC,gBAAgB;gBAChBC,KAAK;gBACLC,SAAS;gBACTC,OAAO;YACT;eACIC,MAAMC,OAAO,CAACf,MAAMA,KAAK;gBAACA;aAAG;SAClC;;0BAED,KAACJ;gBAAQI,IAAI;oBAAEgB,UAAU;gBAAG;0BAC1B,cAAA,KAACC;oBAAKC,GAAGxB,mBAAmBuB,IAAI;;;YAEjChB,wBACC,KAACJ;gBAAWsB,SAAQ;gBAAKC,WAAU;gBAAOC,aAAW;gBAACrB,IAAI;oBAAEa,OAAO;oBAAkBS,YAAY;gBAAE;0BAChGrB;iBAED;;;AAGV"}

package/src/lib/components/product-reviews.d.ts

@@ -20,6 +20,19 @@ export interface ProductReviewsProps {
     /** Product id; blank resolves from the /products/{slug} page product. */
     productId?: string;
     heading?: string;
+    /**
+     * `product` (default): one product's reviews with the submit form.
+     * `store`: the store's latest approved reviews across every product, with
+     * the average and count, and no form — for a storefront home. In store
+     * scope the block draws its own heading (`heading`, default "What
+     * customers say") and draws NOTHING when there are no approved reviews,
+     * so a page never shows an empty reviews band.
+     */
+    scope?: 'product' | 'store';
+    /** Store scope: how many reviews to show (default 6, at most 12). */
+    maxItems?: number;
+    /** Store scope: the heading's level, 2–4 (default 2). */
+    headingLevel?: 2 | 3 | 4 | '2' | '3' | '4';
 }
 /**
  * Product reviews block (AGL-324): approved reviews with verified-buyer