@fayz-ai/plugin-shop 0.9.0 → 0.9.1

package/src/ShopPage.tsx

@@ -1,425 +0,0 @@
-import React, { useEffect, useState, useCallback, useMemo } from 'react'
-import type { ColumnDef } from '@tanstack/react-table'
-import { DataTable } from '@fayz-ai/ui'
-import { getShopProvider } from '@fayz-ai/shop'
-import { useAdminPath, adminNavigateTo } from '@fayz-ai/saas'
-import { PersonLink } from '@fayz-ai/saas'
-import { shopCustomerLookup } from './views/customerLookup'
-import { OrderDetailView } from './views/OrderDetailView'
-import type { Product, Order, ShopCustomer, Discount, ListProductsOptions, ShopProvider } from '@fayz-ai/shop'
-
-export type ShopProviderResolver = ShopProvider | (() => ShopProvider)
-
-export interface ShopPageProps {
-  provider?: ShopProviderResolver
-}
-
-// ---------------------------------------------------------------------------
-// Shared helpers
-// ---------------------------------------------------------------------------
-
-function currency(value: number, code = 'BRL', locale = 'pt-BR') {
-  return new Intl.NumberFormat(locale, { style: 'currency', currency: code }).format(value)
-}
-
-function badge(label: string, color: string) {
-  return (
-    <span className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${color}`}>
-      {label}
-    </span>
-  )
-}
-
-const statusColors: Record<string, string> = {
-  active: 'bg-emerald-100 text-emerald-800',
-  draft: 'bg-gray-100 text-gray-700',
-  archived: 'bg-orange-100 text-orange-700',
-  open: 'bg-blue-100 text-blue-800',
-  cancelled: 'bg-red-100 text-red-700',
-  paid: 'bg-emerald-100 text-emerald-800',
-  pending: 'bg-yellow-100 text-yellow-800',
-  fulfilled: 'bg-emerald-100 text-emerald-800',
-  unfulfilled: 'bg-gray-100 text-gray-700',
-  'partially_fulfilled': 'bg-blue-100 text-blue-800',
-}
-
-function resolveShopProvider(provider?: ShopProviderResolver): ShopProvider {
-  return typeof provider === 'function' ? provider() : provider ?? getShopProvider()
-}
-
-/**
- * Every tab used to load with `.then(setState).finally(stopLoading)` and no
- * catch. Against a pool where the shop provider reads as `anon`, listOrders and
- * listCustomers reject with "permission denied" — the rejection escaped React
- * and blanked the whole admin, so a permissions problem looked like a crash.
- * The tab now reports what actually failed and the rest of the shell survives.
- */
-function useShopList<T>(load: () => Promise<T[]>, deps: React.DependencyList) {
-  const [items, setItems] = useState<T[]>([])
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState<string | null>(null)
-
-  useEffect(() => {
-    let cancelled = false
-    setLoading(true)
-    setError(null)
-    load()
-      .then((data) => { if (!cancelled) setItems(data) })
-      .catch((err: unknown) => {
-        if (!cancelled) setError(err instanceof Error ? err.message : String(err))
-      })
-      .finally(() => { if (!cancelled) setLoading(false) })
-    return () => { cancelled = true }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, deps)
-
-  return { items, loading, error }
-}
-
-function ErrorState({ message }: { message: string }) {
-  return (
-    <div className="rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
-      <p className="font-medium">Não foi possível carregar estes dados.</p>
-      <p className="mt-1 text-red-700">{message}</p>
-    </div>
-  )
-}
-
-// ---------------------------------------------------------------------------
-// Products tab
-// ---------------------------------------------------------------------------
-
-function ProductsTab({ provider }: ShopPageProps) {
-  const [products, setProducts] = useState<Product[]>([])
-  const [loading, setLoading] = useState(true)
-  const [search, setSearch] = useState('')
-
-  const [error, setError] = useState<string | null>(null)
-
-  const load = useCallback(async (opts?: ListProductsOptions) => {
-    setLoading(true)
-    setError(null)
-    try {
-      const data = await resolveShopProvider(provider).listProducts(opts)
-      setProducts(data)
-    } catch (err: unknown) {
-      setError(err instanceof Error ? err.message : String(err))
-    } finally {
-      setLoading(false)
-    }
-  }, [provider])
-
-  useEffect(() => { load() }, [load])
-
-  const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const q = e.target.value
-    setSearch(q)
-    load(q ? { search: q } : undefined)
-  }
-
-  const columns = useMemo<ColumnDef<Product, any>[]>(() => [
-    { accessorKey: 'name', header: 'Produto', cell: ({ getValue }) => <span className="font-medium">{getValue() as string}</span> },
-    { accessorKey: 'sku', header: 'SKU', cell: ({ getValue }) => <span className="text-muted-foreground">{(getValue() as string | undefined) ?? '—'}</span> },
-    {
-      accessorKey: 'price', header: () => <span className="block text-right">Preço</span>,
-      cell: ({ getValue, row }) => <div className="text-right">{currency(getValue() as number, row.original.currency)}</div>,
-    },
-    {
-      accessorKey: 'inventoryCount', header: () => <span className="block text-right">Estoque</span>,
-      cell: ({ getValue }) => {
-        const count = getValue() as number
-        return <div className="text-right"><span className={count === 0 ? 'text-red-600 font-medium' : ''}>{count}</span></div>
-      },
-    },
-    {
-      accessorKey: 'status', header: 'Status',
-      cell: ({ getValue }) => {
-        const status = getValue() as string
-        return badge(status, statusColors[status] ?? 'bg-gray-100 text-gray-700')
-      },
-    },
-  ], [])
-
-  return (
-    <div>
-      <div className="flex items-center justify-between mb-4">
-        <input
-          type="search" value={search} onChange={handleSearch}
-          placeholder="Buscar produtos..."
-          className="border rounded-lg px-3 py-2 text-sm w-64 focus:outline-none focus:ring-2 focus:ring-primary/50"
-        />
-        <span className="text-sm text-muted-foreground">{products.length} produtos</span>
-      </div>
-
-      {error ? (
-        <ErrorState message={error} />
-      ) : (
-        <DataTable
-          loading={loading}
-          columns={columns}
-          data={products}
-          variant="card"
-          emptyMessage="Nenhum produto encontrado."
-        />
-      )}
-    </div>
-  )
-}
-
-// ---------------------------------------------------------------------------
-// Orders tab
-// ---------------------------------------------------------------------------
-
-function OrdersTab({ provider }: ShopPageProps) {
-  const { items: orders, loading, error } = useShopList<Order>(
-    () => resolveShopProvider(provider).listOrders({ limit: 50 }),
-    [provider],
-  )
-
-  const columns = useMemo<ColumnDef<Order, any>[]>(() => [
-    { accessorKey: 'orderNumber', header: 'Pedido', cell: ({ getValue }) => <span className="font-medium">#{getValue() as string}</span> },
-    {
-      id: 'customer', accessorFn: (o) => o.customerName ?? o.customerEmail ?? '—', header: 'Cliente',
-      // Links to the customer record. stopPropagation because the row itself
-      // opens the order — without it the click would do both.
-      cell: ({ getValue, row }) => {
-        const label = getValue() as string
-        const id = row.original.customerId
-        if (!id) return <span>{label}</span>
-        return (
-          <PersonLink
-            personId={id}
-            name={label}
-            lookup={shopCustomerLookup(() => resolveShopProvider(provider))}
-            profileHref={`#/customers/${id}`}
-          />
-        )
-      },
-    },
-    {
-      accessorKey: 'total', header: () => <span className="block text-right">Total</span>,
-      cell: ({ getValue, row }) => <div className="text-right font-medium">{currency(getValue() as number, row.original.currency)}</div>,
-    },
-    {
-      accessorKey: 'financialStatus', header: 'Pagamento',
-      cell: ({ getValue }) => {
-        const status = getValue() as string
-        return badge(status, statusColors[status] ?? 'bg-gray-100 text-gray-700')
-      },
-    },
-    {
-      accessorKey: 'fulfillmentStatus', header: 'Entrega',
-      cell: ({ getValue }) => {
-        const status = getValue() as string
-        return badge(status, statusColors[status] ?? 'bg-gray-100 text-gray-700')
-      },
-    },
-    {
-      accessorKey: 'createdAt', header: 'Data',
-      cell: ({ getValue }) => {
-        // Time matters operationally: two orders on the same day are picked,
-        // packed and settled in the order they arrived.
-        const d = new Date(getValue() as string)
-        return (
-          <span className="whitespace-nowrap text-muted-foreground">
-            {d.toLocaleDateString('pt-BR')}
-            <span className="ml-1.5 text-xs opacity-70">{d.toLocaleTimeString('pt-BR', { hour: '2-digit', minute: '2-digit' })}</span>
-          </span>
-        )
-      },
-    },
-  ], [])
-
-  return (
-    <div>
-      {error ? (
-        <ErrorState message={error} />
-      ) : (
-        <DataTable
-          loading={loading}
-          columns={columns}
-          data={orders}
-          variant="card"
-          emptyMessage="Nenhum pedido ainda."
-          onRowClick={(row: Order) => adminNavigateTo(`/shop/orders/${row.id}`)}
-        />
-      )}
-    </div>
-  )
-}
-
-// ---------------------------------------------------------------------------
-// Customers tab
-// ---------------------------------------------------------------------------
-
-function CustomersTab({ provider }: ShopPageProps) {
-  const { items: customers, loading, error } = useShopList<ShopCustomer>(
-    () => resolveShopProvider(provider).listCustomers({ limit: 50 }),
-    [provider],
-  )
-
-  const columns = useMemo<ColumnDef<ShopCustomer, any>[]>(() => [
-    {
-      id: 'name', accessorFn: (c) => `${c.firstName} ${c.lastName}`, header: 'Nome',
-      cell: ({ row }) => <span className="font-medium">{row.original.firstName} {row.original.lastName}</span>,
-    },
-    { accessorKey: 'email', header: 'Email', cell: ({ getValue }) => <span className="text-muted-foreground">{(getValue() as string | undefined) ?? '—'}</span> },
-    { accessorKey: 'phone', header: 'Telefone', cell: ({ getValue }) => <span className="text-muted-foreground">{(getValue() as string | undefined) ?? '—'}</span> },
-    {
-      accessorKey: 'ordersCount', header: () => <span className="block text-right">Pedidos</span>,
-      cell: ({ getValue }) => <div className="text-right">{getValue() as number}</div>,
-    },
-    {
-      accessorKey: 'totalSpent', header: () => <span className="block text-right">Total Gasto</span>,
-      cell: ({ getValue }) => <div className="text-right">{currency(getValue() as number)}</div>,
-    },
-  ], [])
-
-  return (
-    <div>
-      {error ? (
-        <ErrorState message={error} />
-      ) : (
-        <DataTable
-          loading={loading}
-          columns={columns}
-          data={customers}
-          variant="card"
-          emptyMessage="Nenhum cliente ainda."
-        />
-      )}
-    </div>
-  )
-}
-
-// ---------------------------------------------------------------------------
-// Discounts tab
-// ---------------------------------------------------------------------------
-
-function DiscountsTab({ provider }: ShopPageProps) {
-  const { items: discounts, loading, error } = useShopList<Discount>(
-    () => resolveShopProvider(provider).listDiscounts({ limit: 50 }),
-    [provider],
-  )
-
-  const columns = useMemo<ColumnDef<Discount, any>[]>(() => [
-    { accessorKey: 'title', header: 'Título', cell: ({ getValue }) => <span className="font-medium">{getValue() as string}</span> },
-    { accessorKey: 'code', header: 'Código', cell: ({ getValue }) => <span className="font-mono text-sm">{(getValue() as string | undefined) ?? '—'}</span> },
-    { accessorKey: 'type', header: 'Tipo', cell: ({ getValue }) => <span className="text-muted-foreground">{getValue() as string}</span> },
-    {
-      accessorKey: 'value', header: () => <span className="block text-right">Valor</span>,
-      cell: ({ row }) => <div className="text-right">{row.original.type === 'percentage' ? `${row.original.value}%` : currency(row.original.value)}</div>,
-    },
-    {
-      id: 'usos', accessorKey: 'timesUsed', header: () => <span className="block text-right">Usos</span>,
-      cell: ({ row }) => <div className="text-right">{row.original.timesUsed}{row.original.usageLimit ? ` / ${row.original.usageLimit}` : ''}</div>,
-    },
-    {
-      accessorKey: 'status', header: 'Status',
-      cell: ({ getValue }) => {
-        const status = getValue() as string
-        return badge(status, statusColors[status] ?? 'bg-gray-100 text-gray-700')
-      },
-    },
-  ], [])
-
-  return (
-    <div>
-      {error ? (
-        <ErrorState message={error} />
-      ) : (
-        <DataTable
-          loading={loading}
-          columns={columns}
-          data={discounts}
-          variant="card"
-          emptyMessage="Nenhum desconto cadastrado."
-        />
-      )}
-    </div>
-  )
-}
-
-// ---------------------------------------------------------------------------
-// Main page
-// ---------------------------------------------------------------------------
-
-const TABS = [
-  { id: 'products',  label: 'Produtos' },
-  { id: 'orders',    label: 'Pedidos' },
-  { id: 'customers', label: 'Clientes' },
-  { id: 'discounts', label: 'Descontos' },
-] as const
-
-type TabId = typeof TABS[number]['id']
-
-const TAB_COPY: Record<TabId, { title: string; subtitle: string }> = {
-  products:  { title: 'Produtos',  subtitle: 'Catálogo da loja: preço, estoque e status.' },
-  orders:    { title: 'Pedidos',   subtitle: 'Pedidos recebidos, pagamento e entrega.' },
-  customers: { title: 'Clientes',  subtitle: 'Quem comprou, quanto e com que frequência.' },
-  discounts: { title: 'Descontos', subtitle: 'Cupons, regras de uso e desempenho.' },
-}
-
-/**
- * `section` pins the page to one area, which is how the sidebar routes
- * /shop/products, /shop/orders, … as separate entries. Without it the page
- * keeps its own tab bar — the single-route behaviour, still used by /shop.
- */
-export const ShopPage: React.FC<ShopPageProps & { section?: TabId }> = ({ provider, section }) => {
-  const [tab, setTab] = useState<TabId>(section ?? 'products')
-  const active = section ?? tab
-
-  // /shop/orders/<id> renders the detail. Orders deliberately do not go through
-  // createCrudPage: an order is not an editable record, it is a document with
-  // items, money and a shipment attached.
-  const path = useAdminPath()
-  const orderId = section === 'orders' ? path.match(/^\/shop\/orders\/([^/]+)$/)?.[1] : undefined
-  if (orderId) {
-    return (
-      <div className="p-6 max-w-7xl mx-auto">
-        <OrderDetailView
-          orderId={orderId}
-          provider={() => resolveShopProvider(provider)}
-          onBack={() => adminNavigateTo('/shop/orders')}
-        />
-      </div>
-    )
-  }
-  const copy = section ? TAB_COPY[section] : { title: 'Loja', subtitle: 'Gerencie produtos, pedidos, clientes e descontos.' }
-
-  return (
-    <div className="p-6 max-w-7xl mx-auto">
-      <div className="mb-6">
-        <h1 className="text-2xl font-semibold">{copy.title}</h1>
-        <p className="text-muted-foreground mt-1">{copy.subtitle}</p>
-      </div>
-
-      {!section && (
-        <div className="border-b mb-6">
-          <nav className="flex gap-1">
-            {TABS.map(t => (
-              <button
-                key={t.id}
-                onClick={() => setTab(t.id)}
-                className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${
-                  tab === t.id
-                    ? 'border-primary text-primary'
-                    : 'border-transparent text-muted-foreground hover:text-foreground'
-                }`}
-              >
-                {t.label}
-              </button>
-            ))}
-          </nav>
-        </div>
-      )}
-
-      {active === 'products'  && <ProductsTab provider={provider} />}
-      {active === 'orders'    && <OrdersTab provider={provider} />}
-      {active === 'customers' && <CustomersTab provider={provider} />}
-      {active === 'discounts' && <DiscountsTab provider={provider} />}
-    </div>
-  )
-}
-
-ShopPage.displayName = 'ShopPage'

package/src/components/ShopSettings.tsx

@@ -1,108 +0,0 @@
-import React from 'react'
-import { SettingsGroup, ToggleRow, SelectRow } from '@fayz-ai/saas'
-
-export interface ShopSettingsProps {
-  currency?: { code?: string; locale?: string; symbol?: string }
-}
-
-const CURRENCIES = [
-  { value: 'BRL', label: 'Real (R$)' },
-  { value: 'USD', label: 'US Dollar ($)' },
-  { value: 'EUR', label: 'Euro (€)' },
-  { value: 'GBP', label: 'British Pound (£)' },
-]
-
-const LOCALES = [
-  { value: 'pt-BR', label: 'Português (Brasil)' },
-  { value: 'en-US', label: 'English (US)' },
-  { value: 'es-ES', label: 'Español' },
-]
-
-/**
- * Shop plugin settings — store, catalog, checkout and notification config.
- * Seeded from the plugin's currency option; interactive (local state). Wire to
- * persisted plugin prefs when the shop settings store lands.
- */
-export function ShopSettings({ currency }: ShopSettingsProps) {
-  const [code, setCode] = React.useState(currency?.code ?? 'BRL')
-  const [locale, setLocale] = React.useState(currency?.locale ?? 'pt-BR')
-  const [showOutOfStock, setShowOutOfStock] = React.useState(true)
-  const [trackInventory, setTrackInventory] = React.useState(true)
-  const [requireSku, setRequireSku] = React.useState(false)
-  const [guestCheckout, setGuestCheckout] = React.useState(true)
-  const [enableDiscounts, setEnableDiscounts] = React.useState(true)
-  const [orderEmails, setOrderEmails] = React.useState(true)
-  const [lowStockAlerts, setLowStockAlerts] = React.useState(false)
-
-  return (
-    <div className="space-y-4">
-      <SettingsGroup title="Loja" description="Moeda e formatação da vitrine.">
-        <SelectRow
-          label="Moeda"
-          description="Moeda padrão para preços e checkout."
-          value={code}
-          options={CURRENCIES}
-          onChange={setCode}
-        />
-        <SelectRow
-          label="Idioma / formato"
-          description="Formatação de números, preços e datas."
-          value={locale}
-          options={LOCALES}
-          onChange={setLocale}
-        />
-      </SettingsGroup>
-
-      <SettingsGroup title="Catálogo" description="Como os produtos aparecem e são gerenciados.">
-        <ToggleRow
-          label="Mostrar produtos esgotados"
-          description="Exibir itens sem estoque na vitrine."
-          checked={showOutOfStock}
-          onChange={setShowOutOfStock}
-        />
-        <ToggleRow
-          label="Controlar estoque"
-          description="Acompanhar quantidade e dar baixa no checkout."
-          checked={trackInventory}
-          onChange={setTrackInventory}
-        />
-        <ToggleRow
-          label="Exigir SKU"
-          description="Tornar o SKU obrigatório ao criar produtos."
-          checked={requireSku}
-          onChange={setRequireSku}
-        />
-      </SettingsGroup>
-
-      <SettingsGroup title="Checkout" description="Opções de compra e pagamento.">
-        <ToggleRow
-          label="Checkout sem cadastro"
-          description="Permitir compra como convidado."
-          checked={guestCheckout}
-          onChange={setGuestCheckout}
-        />
-        <ToggleRow
-          label="Cupons de desconto"
-          description="Habilitar códigos de desconto no carrinho."
-          checked={enableDiscounts}
-          onChange={setEnableDiscounts}
-        />
-      </SettingsGroup>
-
-      <SettingsGroup title="Notificações" description="Avisos por e-mail da loja.">
-        <ToggleRow
-          label="E-mail de novo pedido"
-          description="Notificar a equipe a cada novo pedido."
-          checked={orderEmails}
-          onChange={setOrderEmails}
-        />
-        <ToggleRow
-          label="Alerta de estoque baixo"
-          description="Avisar quando produtos atingirem o mínimo."
-          checked={lowStockAlerts}
-          onChange={setLowStockAlerts}
-        />
-      </SettingsGroup>
-    </div>
-  )
-}

package/src/data/customerDataProvider.ts

@@ -1,31 +0,0 @@
-import type { CrudQuery, CrudResult, DataProvider } from '@fayz-ai/core'
-import type { CreateCustomerInput, ShopCustomer, UpdateCustomerInput } from '@fayz-ai/shop'
-import { applyQuery, resolve, type ShopProviderResolver } from './shared'
-
-export function createShopCustomerDataProvider(
-  provider: ShopProviderResolver,
-): DataProvider<ShopCustomer> {
-  return {
-    async list(query: CrudQuery): Promise<CrudResult<ShopCustomer>> {
-      const rows = await resolve(provider).listCustomers(
-        query.search ? { search: query.search } : undefined,
-      )
-      return applyQuery(rows, query)
-    },
-
-    async create(data): Promise<ShopCustomer> {
-      return resolve(provider).createCustomer(data as unknown as CreateCustomerInput)
-    },
-
-    async update(id: string, data: Partial<ShopCustomer>): Promise<ShopCustomer> {
-      // ordersCount / totalSpent are trigger-maintained (shop_refresh_customer_stats);
-      // never send them back or a stale form value would fight the database.
-      const { ordersCount: _o, totalSpent: _t, ...patch } = data
-      return resolve(provider).updateCustomer(id, patch as UpdateCustomerInput)
-    },
-
-    async remove(id: string): Promise<void> {
-      await resolve(provider).deleteCustomer(id)
-    },
-  }
-}

package/src/data/discountDataProvider.ts

@@ -1,42 +0,0 @@
-import type { CrudQuery, CrudResult, DataProvider } from '@fayz-ai/core'
-import type { CreateDiscountInput, Discount, UpdateDiscountInput } from '@fayz-ai/shop'
-import { applyQuery, resolve, type ShopProviderResolver } from './shared'
-
-export function createShopDiscountDataProvider(
-  provider: ShopProviderResolver,
-): DataProvider<Discount> {
-  return {
-    async list(query: CrudQuery): Promise<CrudResult<Discount>> {
-      const rows = await resolve(provider).listDiscounts()
-      const term = query.search?.trim().toLowerCase()
-      const filtered = term
-        ? rows.filter((d) =>
-            d.title.toLowerCase().includes(term) || (d.code ?? '').toLowerCase().includes(term))
-        : rows
-      return applyQuery(filtered, query, 'status')
-    },
-
-    async create(data): Promise<Discount> {
-      const input = data as unknown as Partial<Discount>
-      return resolve(provider).createDiscount({
-        ...(input as CreateDiscountInput),
-        // Codes are matched case-insensitively server-side; store them upper so
-        // the admin list reads consistently.
-        code: input.code ? String(input.code).trim().toUpperCase() : undefined,
-      } as CreateDiscountInput)
-    },
-
-    async update(id: string, data: Partial<Discount>): Promise<Discount> {
-      // timesUsed is incremented by shop_place_order inside the order transaction.
-      const { timesUsed: _used, ...patch } = data
-      if (patch.code !== undefined) {
-        patch.code = patch.code ? String(patch.code).trim().toUpperCase() : null
-      }
-      return resolve(provider).updateDiscount(id, patch as UpdateDiscountInput)
-    },
-
-    async remove(id: string): Promise<void> {
-      await resolve(provider).deleteDiscount(id)
-    },
-  }
-}

package/src/data/productDataProvider.ts

@@ -1,54 +0,0 @@
-import type { CrudQuery, CrudResult, DataProvider } from '@fayz-ai/core'
-import type { CreateProductInput, Product, UpdateProductInput } from '@fayz-ai/shop'
-import { slugify } from '../views/productEntity'
-import { applyQuery, resolve, type ShopProviderResolver } from './shared'
-
-export type { ShopProviderResolver }
-
-// ---------------------------------------------------------------------------
-// Bridges the generic CRUD scaffolding (DataProvider) to the shop provider, so
-// the product screens are the same createCrudPage machinery every other module
-// uses instead of a bespoke form.
-//
-// Which shop provider is injected decides whether writes work at all:
-//   • createSupabaseShopProvider — authenticates as the merchant (their JWT),
-//     full CRUD, subject to the tenant-member RLS policies.
-//   • createFayzShopProvider — the storefront's anonymous REST client. Reads
-//     work; every write throws FayzShopError 501 by design. The form surfaces
-//     that message rather than pretending the save succeeded.
-// ---------------------------------------------------------------------------
-
-export function createShopProductDataProvider(provider: ShopProviderResolver): DataProvider<Product> {
-  return {
-    async list(query: CrudQuery): Promise<CrudResult<Product>> {
-      const rows = await resolve(provider).listProducts(
-        query.search ? { search: query.search } : undefined,
-      )
-      return applyQuery(rows, query, 'status')
-    },
-
-    async create(data): Promise<Product> {
-      const input = data as unknown as Partial<Product>
-      // The storefront URL is required by the table's UNIQUE(tenant_id, slug);
-      // deriving it from the name keeps the merchant from having to know that.
-      const slug = input.slug?.trim() || slugify(String(input.name ?? ''))
-      return resolve(provider).createProduct({
-        ...(input as CreateProductInput),
-        slug,
-      } as CreateProductInput)
-    },
-
-    async update(id: string, data: Partial<Product>): Promise<Product> {
-      const patch = { ...data }
-      if (patch.slug !== undefined && !String(patch.slug).trim()) {
-        // Cleared on purpose → regenerate rather than write an empty slug.
-        patch.slug = slugify(String(patch.name ?? ''))
-      }
-      return resolve(provider).updateProduct(id, patch as UpdateProductInput)
-    },
-
-    async remove(id: string): Promise<void> {
-      await resolve(provider).deleteProduct(id)
-    },
-  }
-}