-- Storefront home — public product list. Live inventory: when a checkout
-- reserves the last unit, the "In stock" badge flips to "Out of stock" on
-- every open browser without refresh.
--
-- Angular-component-style layout: home/{home.wo, home.htmlx, home.css}.
-- home.wo is the declarative spec; home.htmlx (when added) lets an author
-- hand-tune the template while the compiler still generates the
-- <wo:live> + wo:bind subscription glue. See
-- [docs/plan/ui/00-overview.md](../../../../../plan/ui/00-overview.md).

##ui
#home
    title:  "Shop"
    source: Product
    live:   true

    columns:
        - meta.images[0]       label: ""          renderer: image
        - name
        - sku                  renderer: code
        - price                renderer: money
        - available            label: "In stock"  renderer: stock-badge    -- computed on Product

    sort:
        default: name asc

    actions:
        row-click:   /product/:sku
        add-to-cart: add_to_cart(self, 1)        role: Customer | Ops | Admin

    pagination: 24