@open-mercato/core 0.4.5-develop-3ce83a8b24 → 0.4.5-develop-539cff4960

package/dist/modules/catalog/backend/catalog/products/[id]/page.js

@@ -5,8 +5,14 @@ import Link from "next/link";
 import dynamic from "next/dynamic";
 import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
-import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
-import { updateCrud, createCrud, deleteCrud } from "@open-mercato/ui/backend/utils/crud";
+import {
+  CrudForm
+} from "@open-mercato/ui/backend/CrudForm";
+import {
+  updateCrud,
+  createCrud,
+  deleteCrud
+} from "@open-mercato/ui/backend/utils/crud";
 import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors";
 import { collectCustomFieldValues } from "@open-mercato/ui/backend/utils/customFieldValues";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
@@ -16,11 +22,17 @@ import { Label } from "@open-mercato/ui/primitives/label";
 import { TagsInput } from "@open-mercato/ui/backend/inputs/TagsInput";
 import { Textarea } from "@open-mercato/ui/primitives/textarea";
 import { DataLoader } from "@open-mercato/ui/primitives/DataLoader";
-import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import {
+  apiCall,
+  readApiResultOrThrow
+} from "@open-mercato/ui/backend/utils/apiCall";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
 import { E } from "../../../../../../generated/entities.ids.generated.js";
-import { ProductMediaManager } from "@open-mercato/core/modules/catalog/components/products/ProductMediaManager";
+import {
+  ProductMediaManager
+} from "@open-mercato/core/modules/catalog/components/products/ProductMediaManager";
 import {
   fetchOptionSchemaTemplate
 } from "../optionSchemaClient.js";
@@ -43,17 +55,105 @@ import {
   updateWeightValue
 } from "@open-mercato/core/modules/catalog/components/products/productForm";
 import { MetadataEditor } from "@open-mercato/core/modules/catalog/components/products/MetadataEditor";
-import { buildAttachmentImageUrl, slugifyAttachmentFileName } from "@open-mercato/core/modules/attachments/lib/imageUrls";
+import {
+  buildAttachmentImageUrl,
+  slugifyAttachmentFileName
+} from "@open-mercato/core/modules/attachments/lib/imageUrls";
 import {
   ProductCategorizeSection
 } from "@open-mercato/core/modules/catalog/components/products/ProductCategorizeSection";
-import { AlignLeft, BookMarked, FileText, Layers, Plus, Save, Trash2 } from "lucide-react";
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { ProductUomSection } from "@open-mercato/core/modules/catalog/components/products/ProductUomSection";
+import { canonicalizeUnitCode } from "@open-mercato/core/modules/catalog/lib/unitCodes";
+import {
+  UNIT_PRICE_REFERENCE_UNITS,
+  toTrimmedOrNull,
+  toPositiveNumberOrNull,
+  toIntegerInRangeOrDefault,
+  normalizeProductConversionInputs
+} from "@open-mercato/core/modules/catalog/components/products/productFormUtils";
+import {
+  AlignLeft,
+  BookMarked,
+  FileText,
+  Layers,
+  Plus,
+  Save,
+  Trash2
+} from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
 const MarkdownEditor = dynamic(() => import("@uiw/react-md-editor"), {
   ssr: false,
-  loading: () => /* @__PURE__ */ jsx("div", { className: "flex h-48 items-center justify-center text-sm text-muted-foreground", children: "Loading editor\u2026" })
+  loading: () => /* @__PURE__ */ jsx("div", { className: "flex h-48 items-center justify-center text-sm text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) })
 });
-function EditCatalogProductPage({ params }) {
+function mapVariantPriceSummary(item) {
+  if (!item) return null;
+  const getString2 = (value) => {
+    if (typeof value === "string" && value.trim().length) return value.trim();
+    if (typeof value === "number" || typeof value === "bigint")
+      return String(value);
+    return null;
+  };
+  const variantId = getString2(item.variant_id ?? item.variantId);
+  const id = getString2(item.id);
+  if (!variantId || !id) return null;
+  const priceKindId = getString2(item.price_kind_id ?? item.priceKindId);
+  const currencyCode = getString2(item.currency_code ?? item.currencyCode);
+  const unitGross = getString2(item.unit_price_gross ?? item.unitPriceGross);
+  const unitNet = getString2(item.unit_price_net ?? item.unitPriceNet);
+  const amount = unitGross ?? unitNet ?? null;
+  return {
+    id,
+    variantId,
+    priceKindId,
+    currencyCode,
+    amount,
+    displayMode: unitGross ? "including-tax" : "excluding-tax"
+  };
+}
+function normalizeVariantOptionValues(input) {
+  if (!input || typeof input !== "object") return null;
+  const result = {};
+  Object.entries(input).forEach(([key, value]) => {
+    if (typeof key === "string" && typeof value === "string" && key.trim().length) {
+      result[key] = value;
+    }
+  });
+  return Object.keys(result).length ? result : null;
+}
+function readProductConversionRows(items) {
+  const rows = Array.isArray(items) ? items : [];
+  return rows.map((item) => {
+    const id = toTrimmedOrNull(item.id);
+    const unitCode = canonicalizeUnitCode(item.unit_code ?? item.unitCode);
+    const factor = toPositiveNumberOrNull(
+      item.to_base_factor ?? item.toBaseFactor
+    );
+    if (!unitCode || factor === null) return null;
+    const sortOrderRaw = toIntegerInRangeOrDefault(
+      item.sort_order ?? item.sortOrder,
+      0,
+      1e5,
+      0
+    );
+    const isActive = typeof item.is_active === "boolean" ? item.is_active : typeof item.isActive === "boolean" ? item.isActive : true;
+    return {
+      id: id ?? null,
+      unitCode,
+      toBaseFactor: String(factor),
+      sortOrder: String(sortOrderRaw),
+      isActive
+    };
+  }).filter((entry) => Boolean(entry));
+}
+function EditCatalogProductPage({
+  params
+}) {
   const productId = params?.id ? String(params.id) : null;
   const t = useT();
   const router = useRouter();
@@ -64,22 +164,108 @@ function EditCatalogProductPage({ params }) {
   const [loading, setLoading] = React.useState(true);
   const [error, setError] = React.useState(null);
   const offerSnapshotsRef = React.useRef([]);
+  const initialConversionsRef = React.useRef([]);
   const [categorizeOptions, setCategorizeOptions] = React.useState({ categories: [], channels: [], tags: [] });
+  const loadVariants = React.useCallback(async (id) => {
+    try {
+      const [variantsRes, pricesRes] = await Promise.all([
+        apiCall(
+          `/api/catalog/variants?productId=${encodeURIComponent(id)}&page=1&pageSize=100`
+        ),
+        apiCall(
+          `/api/catalog/prices?productId=${encodeURIComponent(id)}&page=1&pageSize=100`
+        )
+      ]);
+      if (!variantsRes.ok) {
+        setVariants([]);
+        return;
+      }
+      const priceMap = {};
+      if (pricesRes.ok) {
+        const priceItems = Array.isArray(pricesRes.result?.items) ? pricesRes.result?.items : [];
+        for (const item of priceItems) {
+          const summary = mapVariantPriceSummary(item);
+          if (!summary) continue;
+          if (!priceMap[summary.variantId]) {
+            priceMap[summary.variantId] = [];
+          }
+          priceMap[summary.variantId].push(summary);
+        }
+        Object.keys(priceMap).forEach((key) => {
+          priceMap[key].sort((left, right) => {
+            const leftKey = (left.priceKindId ?? "") + (left.currencyCode ?? "");
+            const rightKey = (right.priceKindId ?? "") + (right.currencyCode ?? "");
+            return leftKey.localeCompare(rightKey);
+          });
+        });
+      }
+      const items = Array.isArray(variantsRes.result?.items) ? variantsRes.result?.items : [];
+      setVariants(
+        items.map((variant) => {
+          const variantId = typeof variant.id === "string" ? variant.id : null;
+          if (!variantId) return null;
+          const variantRecord = variant;
+          const optionValues = normalizeVariantOptionValues(variantRecord?.["option_values"]) ?? normalizeVariantOptionValues(variantRecord?.optionValues);
+          return {
+            id: variantId,
+            name: typeof variant.name === "string" && variant.name.trim().length ? variant.name : variant.sku ?? variantId,
+            sku: typeof variant.sku === "string" ? variant.sku : "",
+            isDefault: Boolean(variant.is_default ?? variant.isDefault),
+            prices: priceMap[variantId] ?? [],
+            optionValues
+          };
+        }).filter((entry) => Boolean(entry))
+      );
+    } catch (err) {
+      console.error("catalog.variants.fetch failed", err);
+      setVariants([]);
+    }
+  }, []);
+  const refreshVariants = React.useCallback(async () => {
+    if (!productId) return;
+    await loadVariants(productId);
+  }, [loadVariants, productId]);
+  const fetchAttachments = React.useCallback(
+    async (id) => {
+      try {
+        const res = await apiCall(
+          `/api/attachments?entityId=${encodeURIComponent(E.catalog.catalog_product)}&recordId=${encodeURIComponent(id)}`
+        );
+        if (!res.ok) return [];
+        return (res.result?.items ?? []).map((item) => ({
+          id: item.id,
+          url: item.url,
+          fileName: item.fileName,
+          fileSize: item.fileSize,
+          thumbnailUrl: item.thumbnailUrl ?? void 0
+        }));
+      } catch (err) {
+        console.error("attachments.fetch failed", err);
+        return [];
+      }
+    },
+    []
+  );
   React.useEffect(() => {
     const loadTaxRates = async () => {
       try {
-        const payload = await readApiResultOrThrow(
-          "/api/sales/tax-rates?pageSize=200",
-          void 0,
-          { errorMessage: t("catalog.products.create.taxRates.error", "Failed to load tax rates."), fallback: { items: [] } }
-        );
+        const payload = await readApiResultOrThrow("/api/sales/tax-rates?pageSize=100", void 0, {
+          errorMessage: t(
+            "catalog.products.create.taxRates.error",
+            "Failed to load tax rates."
+          ),
+          fallback: { items: [] }
+        });
         const items = Array.isArray(payload.items) ? payload.items : [];
         setTaxRates(
           items.map((item) => {
             const rawRate = typeof item.rate === "number" ? item.rate : Number(item.rate ?? Number.NaN);
             return {
               id: String(item.id),
-              name: typeof item.name === "string" && item.name.trim().length ? item.name : t("catalog.products.create.taxRates.unnamed", "Untitled tax rate"),
+              name: typeof item.name === "string" && item.name.trim().length ? item.name : t(
+                "catalog.products.create.taxRates.unnamed",
+                "Untitled tax rate"
+              ),
               code: typeof item.code === "string" && item.code.trim().length ? item.code : null,
               rate: Number.isFinite(rawRate) ? rawRate : null,
               isDefault: Boolean(
@@ -99,7 +285,12 @@ function EditCatalogProductPage({ params }) {
   React.useEffect(() => {
     if (!productId) {
       setLoading(false);
-      setError(t("catalog.products.edit.errors.idMissing", "Product identifier is missing."));
+      setError(
+        t(
+          "catalog.products.edit.errors.idMissing",
+          "Product identifier is missing."
+        )
+      );
       return;
     }
     let cancelled = false;
@@ -112,25 +303,40 @@ function EditCatalogProductPage({ params }) {
         );
         if (!productRes.ok) throw new Error("load_failed");
         const record = Array.isArray(productRes.result?.items) ? productRes.result?.items?.[0] : void 0;
-        if (!record) throw new Error(t("catalog.products.edit.errors.notFound", "Product not found."));
-        const rawMetadata = isRecord(record.metadata) ? record.metadata : isRecord(record.metadata) ? record.metadata : null;
+        if (!record)
+          throw new Error(
+            t("catalog.products.edit.errors.notFound", "Product not found.")
+          );
+        const rawMetadata = isRecord(record.metadata) ? record.metadata : null;
         const dimensions = normalizeProductDimensions(
           record.dimensions ?? rawMetadata?.dimensions ?? null
         );
+        const rawWeightMeta = isRecord(rawMetadata?.weight) ? rawMetadata.weight : null;
         const weight = normalizeProductWeight({
-          value: record.weight_value ?? record.weightValue ?? (isRecord(rawMetadata?.weight) ? rawMetadata.weight.value : void 0),
-          unit: record.weight_unit ?? record.weightUnit ?? (isRecord(rawMetadata?.weight) ? rawMetadata.weight.unit : void 0)
+          value: record.weight_value ?? record.weightValue ?? rawWeightMeta?.value,
+          unit: record.weight_unit ?? record.weightUnit ?? rawWeightMeta?.unit
         });
         const metadata = normalizeMetadata(rawMetadata);
         const optionSchemaId = typeof record.option_schema_id === "string" ? record.option_schema_id : typeof record.optionSchemaId === "string" ? record.optionSchemaId : null;
         const taxRateId = typeof record.tax_rate_id === "string" ? record.tax_rate_id : typeof record.taxRateId === "string" ? record.taxRateId : null;
         const optionSchemaTemplate = optionSchemaId ? await fetchOptionSchemaTemplate(optionSchemaId) : null;
-        const normalizedSchema = normalizeOptionSchemaRecord(optionSchemaTemplate?.schema);
+        const normalizedSchema = normalizeOptionSchemaRecord(
+          optionSchemaTemplate?.schema
+        );
         let optionInputs = normalizedSchema ? convertSchemaToProductOptions(normalizedSchema) : [];
         if (!optionInputs.length) {
           optionInputs = readOptionSchema(metadata);
         }
-        const attachments = await fetchAttachments(productId);
+        const [attachments, conversionsRes] = await Promise.all([
+          fetchAttachments(productId),
+          apiCall(
+            `/api/catalog/product-unit-conversions?productId=${encodeURIComponent(productId)}&page=1&pageSize=100`,
+            void 0,
+            { fallback: { items: [] } }
+          )
+        ]);
+        const conversionRows = conversionsRes.ok ? readProductConversionRows(conversionsRes.result?.items) : [];
+        initialConversionsRef.current = conversionRows;
         const { customValues } = extractCustomFields(record);
         const offers = readOfferSnapshots(record);
         offerSnapshotsRef.current = offers;
@@ -138,8 +344,18 @@ function EditCatalogProductPage({ params }) {
         const channelOptionEntries = buildChannelOptions(offers);
         const { ids: categoryIds, options: categoryOptions } = readCategorySelections(record);
         const { values: tagValues, options: tagOptions } = readTagSelections(record);
-        const defaultMediaId = typeof record.default_media_id === "string" ? record.default_media_id : record.defaultMediaId ?? null;
-        const defaultMediaUrl = typeof record.default_media_url === "string" ? record.default_media_url : record.defaultMediaUrl ?? "";
+        const defaultMediaId = typeof record.default_media_id === "string" ? record.default_media_id : typeof record.defaultMediaId === "string" ? record.defaultMediaId : null;
+        const defaultMediaUrl = typeof record.default_media_url === "string" ? record.default_media_url : typeof record.defaultMediaUrl === "string" ? record.defaultMediaUrl : "";
+        const {
+          defaultUnit,
+          defaultSalesUnit,
+          defaultSalesUnitQuantity,
+          roundingScale,
+          roundingMode,
+          unitPriceEnabled,
+          unitPriceReferenceUnit,
+          unitPriceBaseQuantity
+        } = extractUomFields(record);
         const initial = {
           title: typeof record.title === "string" ? record.title : "",
           subtitle: typeof record.subtitle === "string" ? record.subtitle : "",
@@ -158,6 +374,17 @@ function EditCatalogProductPage({ params }) {
           metadata,
           dimensions: sanitizeProductDimensions(dimensions),
           weight: sanitizeProductWeight(weight),
+          defaultUnit: defaultUnit ?? null,
+          defaultSalesUnit: defaultSalesUnit ?? defaultUnit ?? null,
+          defaultSalesUnitQuantity: String(defaultSalesUnitQuantity ?? 1),
+          uomRoundingScale: String(roundingScale),
+          uomRoundingMode: roundingMode,
+          unitPriceEnabled,
+          unitPriceReferenceUnit: unitPriceReferenceUnit && UNIT_PRICE_REFERENCE_UNITS.has(
+            unitPriceReferenceUnit
+          ) ? unitPriceReferenceUnit : null,
+          unitPriceBaseQuantity: unitPriceBaseQuantity === null ? "" : String(unitPriceBaseQuantity),
+          unitConversions: conversionRows,
           customFieldsetCode: typeof record.custom_fieldset_code === "string" ? record.custom_fieldset_code : typeof record.customFieldsetCode === "string" ? record.customFieldsetCode : null,
           categoryIds,
           channelIds,
@@ -175,7 +402,10 @@ function EditCatalogProductPage({ params }) {
       } catch (err) {
         console.error("catalog.products.edit.load failed", err);
         if (!cancelled) {
-          const message = err instanceof Error && err.message ? err.message : t("catalog.products.edit.errors.load", "Failed to load product details.");
+          const message = err instanceof Error && err.message ? err.message : t(
+            "catalog.products.edit.errors.load",
+            "Failed to load product details."
+          );
           setError(message);
         }
       } finally {
@@ -186,16 +416,14 @@ function EditCatalogProductPage({ params }) {
     return () => {
       cancelled = true;
     };
-  }, [productId, t]);
+  }, [fetchAttachments, loadVariants, productId, t]);
   React.useEffect(() => {
     let cancelled = false;
     async function loadPriceKinds() {
       try {
-        const payload = await readApiResultOrThrow(
-          "/api/catalog/price-kinds?pageSize=100",
-          void 0,
-          { fallback: { items: [] } }
-        );
+        const payload = await readApiResultOrThrow("/api/catalog/price-kinds?pageSize=100", void 0, {
+          fallback: { items: [] }
+        });
         const items = Array.isArray(payload.items) ? payload.items : [];
         const summaries = items.map((item) => normalizePriceKindSummary(item)).filter((entry) => !!entry);
         if (!cancelled) {
@@ -214,323 +442,463 @@ function EditCatalogProductPage({ params }) {
       cancelled = true;
     };
   }, []);
-  const loadVariants = React.useCallback(async (id) => {
-    try {
-      const [variantsRes, pricesRes] = await Promise.all([
-        apiCall(`/api/catalog/variants?productId=${encodeURIComponent(id)}&page=1&pageSize=100`),
-        apiCall(`/api/catalog/prices?productId=${encodeURIComponent(id)}&page=1&pageSize=100`)
-      ]);
-      if (!variantsRes.ok) {
-        setVariants([]);
-        return;
-      }
-      const priceMap = {};
-      if (pricesRes.ok) {
-        const priceItems = Array.isArray(pricesRes.result?.items) ? pricesRes.result?.items : [];
-        for (const item of priceItems) {
-          const summary = mapVariantPriceSummary(item);
-          if (!summary) continue;
-          if (!priceMap[summary.variantId]) {
-            priceMap[summary.variantId] = [];
+  const handleVariantDeleted = React.useCallback((variantId) => {
+    setVariants((prev) => prev.filter((variant) => variant.id !== variantId));
+  }, []);
+  const groups = React.useMemo(
+    () => [
+      {
+        id: "details",
+        column: 1,
+        component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
+          ProductDetailsSection,
+          {
+            values,
+            setValue,
+            errors,
+            productId: productId ?? ""
           }
-          priceMap[summary.variantId].push(summary);
-        }
-        Object.keys(priceMap).forEach((key) => {
-          priceMap[key].sort((a, b) => {
-            const left = (a.priceKindId ?? "") + (a.currencyCode ?? "");
-            const right = (b.priceKindId ?? "") + (b.currencyCode ?? "");
-            return left.localeCompare(right);
-          });
+        )
+      },
+      {
+        id: "dimensions",
+        column: 1,
+        component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
+          ProductDimensionsSection,
+          {
+            values,
+            setValue,
+            errors
+          }
+        )
+      },
+      {
+        id: "metadata",
+        column: 1,
+        component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
+          ProductMetadataSection,
+          {
+            values,
+            setValue,
+            errors
+          }
+        )
+      },
+      {
+        id: "options",
+        column: 1,
+        component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
+          ProductOptionsSection,
+          {
+            values,
+            setValue,
+            errors
+          }
+        )
+      },
+      {
+        id: "product-uom",
+        column: 1,
+        bare: true,
+        component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
+          ProductUomSection,
+          {
+            values,
+            setValue,
+            errors
+          }
+        )
+      },
+      {
+        id: "variants",
+        column: 1,
+        component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
+          ProductVariantsSection,
+          {
+            values,
+            setValue,
+            errors,
+            productId: productId ?? "",
+            variants,
+            priceKinds,
+            onVariantDeleted: handleVariantDeleted,
+            onVariantsReload: refreshVariants
+          }
+        )
+      },
+      {
+        id: "meta",
+        column: 2,
+        title: t("catalog.products.create.meta.title", "Product meta"),
+        description: t(
+          "catalog.products.create.meta.description",
+          "Manage subtitle and handle for storefronts."
+        ),
+        component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
+          ProductMetaSection,
+          {
+            values,
+            setValue,
+            errors,
+            taxRates
+          }
+        )
+      },
+      {
+        id: "categorize",
+        column: 2,
+        title: t("catalog.products.create.organize.title", "Categorize"),
+        description: t(
+          "catalog.products.create.organize.description",
+          "Assign categories, sales channels, and tags."
+        ),
+        component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
+          ProductCategorizeSection,
+          {
+            values,
+            setValue,
+            errors,
+            initialCategoryOptions: categorizeOptions.categories,
+            initialChannelOptions: categorizeOptions.channels,
+            initialTagOptions: categorizeOptions.tags
+          }
+        )
+      },
+      {
+        id: "custom-fields",
+        column: 2,
+        title: t("catalog.products.edit.custom.title", "Custom attributes"),
+        kind: "customFields"
+      }
+    ],
+    [
+      categorizeOptions,
+      handleVariantDeleted,
+      priceKinds,
+      productId,
+      refreshVariants,
+      t,
+      taxRates,
+      variants
+    ]
+  );
+  const handleSubmit = React.useCallback(
+    async (formValues) => {
+      if (!productId) {
+        throw createCrudFormError(
+          t(
+            "catalog.products.edit.errors.idMissing",
+            "Product identifier is missing."
+          )
+        );
+      }
+      const parsed = productFormSchema.safeParse(formValues);
+      if (!parsed.success) {
+        const issues = parsed.error.issues;
+        const fieldErrors = {};
+        issues.forEach((issue) => {
+          const path = issue.path.join(".") || "form";
+          if (!fieldErrors[path]) fieldErrors[path] = issue.message;
         });
+        const message = issues[0]?.message ?? t(
+          "catalog.products.edit.errors.validation",
+          "Fix highlighted fields."
+        );
+        throw createCrudFormError(message, fieldErrors);
       }
-      const items = Array.isArray(variantsRes.result?.items) ? variantsRes.result?.items : [];
-      setVariants(
-        items.map((variant) => {
-          const variantId = typeof variant.id === "string" ? variant.id : null;
-          if (!variantId) return null;
-          const variantRecord = variant;
-          const optionValues = normalizeVariantOptionValues(variantRecord?.["option_values"]) ?? normalizeVariantOptionValues(variantRecord?.optionValues);
-          return {
-            id: variantId,
-            name: typeof variant.name === "string" && variant.name.trim().length ? variant.name : variant.sku ?? variantId,
-            sku: typeof variant.sku === "string" ? variant.sku : "",
-            isDefault: Boolean(variant.is_default ?? variant.isDefault),
-            prices: priceMap[variantId] ?? [],
-            optionValues
-          };
-        }).filter((entry) => !!entry)
+      const values = {
+        ...BASE_INITIAL_VALUES,
+        ...parsed.data,
+        title: parsed.data.title ?? "",
+        subtitle: parsed.data.subtitle ?? "",
+        handle: parsed.data.handle ?? "",
+        description: parsed.data.description ?? "",
+        useMarkdown: parsed.data.useMarkdown ?? false,
+        taxRateId: parsed.data.taxRateId ?? null,
+        mediaDraftId: parsed.data.mediaDraftId ?? productId,
+        mediaItems: Array.isArray(parsed.data.mediaItems) ? parsed.data.mediaItems : [],
+        defaultMediaId: parsed.data.defaultMediaId ?? null,
+        defaultMediaUrl: parsed.data.defaultMediaUrl ?? "",
+        hasVariants: parsed.data.hasVariants ?? false,
+        options: Array.isArray(parsed.data.options) ? parsed.data.options : [],
+        variants: Array.isArray(parsed.data.variants) ? parsed.data.variants : [],
+        metadata: parsed.data.metadata ?? {},
+        dimensions: parsed.data.dimensions ?? null,
+        weight: parsed.data.weight ?? null,
+        defaultUnit: parsed.data.defaultUnit ?? null,
+        defaultSalesUnit: parsed.data.defaultSalesUnit ?? null,
+        defaultSalesUnitQuantity: parsed.data.defaultSalesUnitQuantity?.toString() ?? "1",
+        uomRoundingScale: parsed.data.uomRoundingScale?.toString() ?? "4",
+        uomRoundingMode: parsed.data.uomRoundingMode ?? "half_up",
+        unitPriceEnabled: Boolean(parsed.data.unitPriceEnabled),
+        unitPriceReferenceUnit: parsed.data.unitPriceReferenceUnit ?? null,
+        unitPriceBaseQuantity: parsed.data.unitPriceBaseQuantity?.toString() ?? "",
+        unitConversions: Array.isArray(parsed.data.unitConversions) ? parsed.data.unitConversions.map((entry) => ({
+          id: toTrimmedOrNull(entry.id) ?? null,
+          unitCode: toTrimmedOrNull(entry.unitCode) ?? "",
+          toBaseFactor: toPositiveNumberOrNull(entry.toBaseFactor) === null ? "" : String(toPositiveNumberOrNull(entry.toBaseFactor)),
+          sortOrder: typeof entry.sortOrder === "number" && Number.isFinite(entry.sortOrder) ? String(entry.sortOrder) : "",
+          isActive: entry.isActive !== false
+        })) : [],
+        customFieldsetCode: parsed.data.customFieldsetCode ?? null,
+        categoryIds: parsed.data.categoryIds ?? [],
+        channelIds: parsed.data.channelIds ?? [],
+        tags: parsed.data.tags ?? [],
+        optionSchemaId: parsed.data.optionSchemaId ?? null
+      };
+      const title = values.title?.trim();
+      if (!title) {
+        const message = t(
+          "catalog.products.create.errors.title",
+          "Provide a product title."
+        );
+        throw createCrudFormError(message, { title: message });
+      }
+      const handle = values.handle?.trim() || void 0;
+      const description = values.description?.trim() || void 0;
+      const metadata = buildMetadataPayload(values);
+      const dimensions = sanitizeProductDimensions(values.dimensions ?? null);
+      const weight = sanitizeProductWeight(values.weight ?? null);
+      const resolveTaxRateValue = (taxRateId) => {
+        if (!taxRateId) return null;
+        const match = taxRates.find((rate) => rate.id === taxRateId);
+        return typeof match?.rate === "number" && Number.isFinite(match.rate) ? match.rate : null;
+      };
+      const productTaxRateValue = resolveTaxRateValue(values.taxRateId ?? null);
+      const defaultMediaId = typeof values.defaultMediaId === "string" && values.defaultMediaId.trim().length ? values.defaultMediaId : null;
+      const defaultMediaEntry = defaultMediaId ? values.mediaItems.find((item) => item.id === defaultMediaId) : null;
+      const defaultMediaUrl = defaultMediaEntry ? buildAttachmentImageUrl(defaultMediaEntry.id, {
+        slug: slugifyAttachmentFileName(defaultMediaEntry.fileName)
+      }) : null;
+      const defaultUnit = canonicalizeUnitCode(values.defaultUnit);
+      const defaultSalesUnit = canonicalizeUnitCode(values.defaultSalesUnit);
+      const defaultSalesUnitQuantity = toPositiveNumberOrNull(values.defaultSalesUnitQuantity) ?? 1;
+      const uomRoundingScale = toIntegerInRangeOrDefault(
+        values.uomRoundingScale,
+        0,
+        6,
+        4
       );
-    } catch (err) {
-      console.error("catalog.variants.fetch failed", err);
-      setVariants([]);
-    }
-  }, []);
-  const refreshVariants = React.useCallback(async () => {
-    if (!productId) return;
-    await loadVariants(productId);
-  }, [loadVariants, productId]);
-  const fetchAttachments = React.useCallback(async (id) => {
-    try {
-      const res = await apiCall(
-        `/api/attachments?entityId=${encodeURIComponent(E.catalog.catalog_product)}&recordId=${encodeURIComponent(id)}`
+      const uomRoundingMode = values.uomRoundingMode === "down" || values.uomRoundingMode === "up" ? values.uomRoundingMode : "half_up";
+      const unitPriceEnabled = Boolean(values.unitPriceEnabled);
+      const unitPriceReferenceUnit = canonicalizeUnitCode(
+        values.unitPriceReferenceUnit
       );
-      if (!res.ok) return [];
-      return (res.result?.items ?? []).map((item) => ({
-        id: item.id,
-        url: item.url,
-        fileName: item.fileName,
-        fileSize: item.fileSize,
-        thumbnailUrl: item.thumbnailUrl ?? void 0
-      }));
-    } catch (err) {
-      console.error("attachments.fetch failed", err);
-      return [];
-    }
-  }, []);
-  function mapVariantPriceSummary(item) {
-    if (!item) return null;
-    const getString2 = (value) => {
-      if (typeof value === "string" && value.trim().length) return value.trim();
-      if (typeof value === "number" || typeof value === "bigint") return String(value);
-      return null;
-    };
-    const variantId = getString2(item.variant_id ?? item.variantId);
-    const id = getString2(item.id);
-    if (!variantId || !id) return null;
-    const priceKindId = getString2(item.price_kind_id ?? item.priceKindId);
-    const currencyCode = getString2(item.currency_code ?? item.currencyCode);
-    const unitGross = getString2(item.unit_price_gross ?? item.unitPriceGross);
-    const unitNet = getString2(item.unit_price_net ?? item.unitPriceNet);
-    const amount = unitGross ?? unitNet ?? null;
-    return {
-      id,
-      variantId,
-      priceKindId,
-      currencyCode,
-      amount,
-      displayMode: unitGross ? "including-tax" : "excluding-tax"
-    };
-  }
-  function normalizeVariantOptionValues(input) {
-    if (!input || typeof input !== "object") return null;
-    const result = {};
-    Object.entries(input).forEach(([key, value]) => {
-      if (typeof key === "string" && typeof value === "string" && key.trim().length) {
-        result[key] = value;
+      const unitPriceBaseQuantity = toPositiveNumberOrNull(
+        values.unitPriceBaseQuantity
+      );
+      if (defaultSalesUnit && !defaultUnit) {
+        const message = t(
+          "catalog.products.uom.errors.baseRequired",
+          "Base unit is required when default sales unit is set."
+        );
+        throw createCrudFormError(message, { defaultSalesUnit: message });
       }
-    });
-    return Object.keys(result).length ? result : null;
-  }
-  const handleVariantDeleted = React.useCallback((variantId) => {
-    setVariants((prev) => prev.filter((variant) => variant.id !== variantId));
-  }, []);
-  const groups = React.useMemo(() => [
-    {
-      id: "details",
-      column: 1,
-      component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
-        ProductDetailsSection,
-        {
-          values,
-          setValue,
-          errors,
-          productId: productId ?? ""
+      const conversionInputs = normalizeProductConversionInputs(
+        values.unitConversions,
+        t(
+          "catalog.products.uom.errors.duplicateConversion",
+          "Duplicate conversion unit is not allowed."
+        )
+      );
+      if (conversionInputs.length && !defaultUnit) {
+        const message = t(
+          "catalog.products.uom.errors.baseRequiredForConversions",
+          "Base unit is required when conversions are configured."
+        );
+        throw createCrudFormError(message, { defaultUnit: message });
+      }
+      const defaultUnitKey = defaultUnit?.toLowerCase() ?? null;
+      const defaultSalesUnitKey = defaultSalesUnit?.toLowerCase() ?? null;
+      if (defaultUnitKey && defaultSalesUnitKey && defaultSalesUnitKey !== defaultUnitKey) {
+        const hasDefaultSalesConversion = conversionInputs.some(
+          (entry) => entry.isActive && entry.unitCode.toLowerCase() === defaultSalesUnitKey
+        );
+        if (!hasDefaultSalesConversion) {
+          const message = t(
+            "catalog.products.uom.errors.defaultSalesConversionRequired",
+            "Active conversion for default sales unit is required when it differs from base unit."
+          );
+          throw createCrudFormError(message, {
+            defaultSalesUnit: message,
+            unitConversions: message
+          });
         }
-      )
-    },
-    {
-      id: "dimensions",
-      column: 1,
-      component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(ProductDimensionsSection, { values, setValue, errors })
-    },
-    {
-      id: "metadata",
-      column: 1,
-      component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(ProductMetadataSection, { values, setValue, errors })
-    },
-    {
-      id: "options",
-      column: 1,
-      component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(ProductOptionsSection, { values, setValue, errors })
-    },
-    {
-      id: "variants",
-      column: 1,
-      component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
-        ProductVariantsSection,
-        {
-          values,
-          setValue,
-          errors,
-          productId: productId ?? "",
-          variants,
-          priceKinds,
-          onVariantDeleted: handleVariantDeleted,
-          onVariantsReload: refreshVariants
+      }
+      if (unitPriceEnabled) {
+        if (!unitPriceReferenceUnit || !UNIT_PRICE_REFERENCE_UNITS.has(
+          unitPriceReferenceUnit
+        )) {
+          const message = t(
+            "catalog.products.unitPrice.errors.referenceUnit",
+            "Reference unit is required when unit price display is enabled."
+          );
+          throw createCrudFormError(message, {
+            unitPriceReferenceUnit: message
+          });
         }
-      )
-    },
-    {
-      id: "meta",
-      column: 2,
-      title: t("catalog.products.create.meta.title", "Product meta"),
-      description: t("catalog.products.create.meta.description", "Manage subtitle and handle for storefronts."),
-      component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(ProductMetaSection, { values, setValue, errors, taxRates })
-    },
-    {
-      id: "categorize",
-      column: 2,
-      title: t("catalog.products.create.organize.title", "Categorize"),
-      description: t("catalog.products.create.organize.description", "Assign categories, sales channels, and tags."),
-      component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
-        ProductCategorizeSection,
-        {
-          values,
-          setValue,
-          errors,
-          initialCategoryOptions: categorizeOptions.categories,
-          initialChannelOptions: categorizeOptions.channels,
-          initialTagOptions: categorizeOptions.tags
+        if (unitPriceBaseQuantity === null) {
+          const message = t(
+            "catalog.products.unitPrice.errors.baseQuantity",
+            "Base quantity is required when unit price display is enabled."
+          );
+          throw createCrudFormError(message, {
+            unitPriceBaseQuantity: message
+          });
         }
-      )
-    },
-    {
-      id: "custom-fields",
-      column: 2,
-      title: t("catalog.products.edit.custom.title", "Custom attributes"),
-      kind: "customFields"
-    }
-  ], [categorizeOptions, handleVariantDeleted, priceKinds, productId, t, taxRates, variants]);
-  const handleSubmit = React.useCallback(async (formValues) => {
-    if (!productId) {
-      throw createCrudFormError(t("catalog.products.edit.errors.idMissing", "Product identifier is missing."));
-    }
-    const parsed = productFormSchema.safeParse(formValues);
-    if (!parsed.success) {
-      const issues = parsed.error.issues;
-      const fieldErrors = {};
-      issues.forEach((issue) => {
-        const path = issue.path.join(".") || "form";
-        if (!fieldErrors[path]) fieldErrors[path] = issue.message;
-      });
-      const message = issues[0]?.message ?? t("catalog.products.edit.errors.validation", "Fix highlighted fields.");
-      throw createCrudFormError(message, fieldErrors);
-    }
-    const values = {
-      ...BASE_INITIAL_VALUES,
-      ...parsed.data,
-      title: parsed.data.title ?? "",
-      subtitle: parsed.data.subtitle ?? "",
-      handle: parsed.data.handle ?? "",
-      description: parsed.data.description ?? "",
-      useMarkdown: parsed.data.useMarkdown ?? false,
-      taxRateId: parsed.data.taxRateId ?? null,
-      mediaDraftId: parsed.data.mediaDraftId ?? productId,
-      mediaItems: Array.isArray(parsed.data.mediaItems) ? parsed.data.mediaItems : [],
-      defaultMediaId: parsed.data.defaultMediaId ?? null,
-      defaultMediaUrl: parsed.data.defaultMediaUrl ?? "",
-      hasVariants: parsed.data.hasVariants ?? false,
-      options: Array.isArray(parsed.data.options) ? parsed.data.options : [],
-      variants: Array.isArray(parsed.data.variants) ? parsed.data.variants : [],
-      metadata: parsed.data.metadata ?? {},
-      dimensions: parsed.data.dimensions ?? null,
-      weight: parsed.data.weight ?? null,
-      customFieldsetCode: parsed.data.customFieldsetCode ?? null,
-      categoryIds: parsed.data.categoryIds ?? [],
-      channelIds: parsed.data.channelIds ?? [],
-      tags: parsed.data.tags ?? [],
-      optionSchemaId: parsed.data.optionSchemaId ?? null
-    };
-    const title = values.title?.trim();
-    if (!title) {
-      const message = t("catalog.products.create.errors.title", "Provide a product title.");
-      throw createCrudFormError(message, { title: message });
-    }
-    const handle = values.handle?.trim() || void 0;
-    const description = values.description?.trim() || void 0;
-    const metadata = buildMetadataPayload(values);
-    const dimensions = sanitizeProductDimensions(values.dimensions ?? null);
-    const weight = sanitizeProductWeight(values.weight ?? null);
-    const resolveTaxRateValue = (taxRateId) => {
-      if (!taxRateId) return null;
-      const match = taxRates.find((rate) => rate.id === taxRateId);
-      return typeof match?.rate === "number" && Number.isFinite(match.rate) ? match.rate : null;
-    };
-    const productTaxRateValue = resolveTaxRateValue(values.taxRateId ?? null);
-    const defaultMediaId = typeof values.defaultMediaId === "string" && values.defaultMediaId.trim().length ? values.defaultMediaId : null;
-    const defaultMediaEntry = defaultMediaId ? values.mediaItems.find((item) => item.id === defaultMediaId) : null;
-    const defaultMediaUrl = defaultMediaEntry ? buildAttachmentImageUrl(defaultMediaEntry.id, {
-      slug: slugifyAttachmentFileName(defaultMediaEntry.fileName)
-    }) : null;
-    const payload = {
-      id: productId,
-      title,
-      subtitle: values.subtitle?.trim() || void 0,
-      description,
-      handle,
-      taxRateId: values.taxRateId ?? null,
-      taxRate: productTaxRateValue ?? null,
-      isConfigurable: Boolean(values.hasVariants),
-      metadata,
-      dimensions,
-      weightValue: weight?.value ?? null,
-      weightUnit: weight?.unit ?? null,
-      defaultMediaId: defaultMediaId ?? void 0,
-      defaultMediaUrl: defaultMediaUrl ?? void 0,
-      customFieldsetCode: values.customFieldsetCode?.trim().length ? values.customFieldsetCode : void 0
-    };
-    const categoryIds = normalizeIdList(values.categoryIds);
-    const channelIds = normalizeIdList(values.channelIds);
-    const tags = normalizeTagValues(values.tags);
-    payload.categoryIds = categoryIds;
-    payload.tags = tags;
-    const optionSchemaDefinition = buildOptionSchemaDefinition(values.options, title);
-    if (optionSchemaDefinition) {
-      payload.optionSchema = optionSchemaDefinition;
-    } else if (values.optionSchemaId) {
-      payload.optionSchemaId = null;
-    }
-    const customFields = collectCustomFieldValues(values);
-    if (Object.keys(customFields).length) {
-      payload.customFields = customFields;
-    }
-    const previousSnapshots = offerSnapshotsRef.current;
-    const offersPayload = buildOfferPayloads({
-      channelIds,
-      offerSnapshots: previousSnapshots,
-      fallback: {
+      }
+      const payload = {
+        id: productId,
         title,
-        description: description ?? void 0,
-        defaultMediaId,
-        defaultMediaUrl: defaultMediaUrl ?? void 0
+        subtitle: values.subtitle?.trim() || void 0,
+        description,
+        handle,
+        taxRateId: values.taxRateId ?? null,
+        taxRate: productTaxRateValue ?? null,
+        isConfigurable: Boolean(values.hasVariants),
+        metadata,
+        dimensions,
+        weightValue: weight?.value ?? null,
+        weightUnit: weight?.unit ?? null,
+        defaultMediaId: defaultMediaId ?? void 0,
+        defaultMediaUrl: defaultMediaUrl ?? void 0,
+        defaultUnit: defaultUnit ?? null,
+        defaultSalesUnit: defaultSalesUnit ?? defaultUnit ?? null,
+        defaultSalesUnitQuantity,
+        uomRoundingScale,
+        uomRoundingMode,
+        unitPriceEnabled,
+        unitPriceReferenceUnit: unitPriceEnabled ? unitPriceReferenceUnit : void 0,
+        unitPriceBaseQuantity: unitPriceEnabled ? unitPriceBaseQuantity : void 0,
+        customFieldsetCode: values.customFieldsetCode?.trim().length ? values.customFieldsetCode : void 0
+      };
+      const categoryIds = normalizeIdList(values.categoryIds);
+      const channelIds = normalizeIdList(values.channelIds);
+      const tags = normalizeTagValues(values.tags);
+      payload.categoryIds = categoryIds;
+      payload.tags = tags;
+      const optionSchemaDefinition = buildOptionSchemaDefinition(
+        values.options,
+        title
+      );
+      if (optionSchemaDefinition) {
+        payload.optionSchema = optionSchemaDefinition;
+      } else if (values.optionSchemaId) {
+        payload.optionSchemaId = null;
       }
-    });
-    payload.offers = offersPayload;
-    const removedOffers = previousSnapshots.filter(
-      (offer) => typeof offer.id === "string" && !channelIds.includes(offer.channelId)
-    );
-    if (removedOffers.length) {
-      try {
-        for (const offer of removedOffers) {
-          if (!offer.id) continue;
-          await deleteCrud("catalog/offers", offer.id, {
-            errorMessage: t("catalog.products.edit.offers.deleteError", "Failed to remove sales channel offer.")
+      const customFields = collectCustomFieldValues(values);
+      if (Object.keys(customFields).length) {
+        payload.customFields = customFields;
+      }
+      const previousSnapshots = offerSnapshotsRef.current;
+      const offersPayload = buildOfferPayloads({
+        channelIds,
+        offerSnapshots: previousSnapshots,
+        fallback: {
+          title,
+          description: description ?? void 0,
+          defaultMediaId,
+          defaultMediaUrl: defaultMediaUrl ?? void 0
+        }
+      });
+      payload.offers = offersPayload;
+      const removedOffers = previousSnapshots.filter(
+        (offer) => typeof offer.id === "string" && !channelIds.includes(offer.channelId)
+      );
+      if (removedOffers.length) {
+        try {
+          for (const offer of removedOffers) {
+            if (!offer.id) continue;
+            await deleteCrud("catalog/offers", offer.id, {
+              errorMessage: t(
+                "catalog.products.edit.offers.deleteError",
+                "Failed to remove sales channel offer."
+              )
+            });
+          }
+        } catch (err) {
+          console.error("catalog.products.edit.offers.delete", err);
+          throw createCrudFormError(
+            t(
+              "catalog.products.edit.offers.deleteError",
+              "Failed to remove sales channel offer."
+            )
+          );
+        }
+      }
+      await updateCrud("catalog/products", payload);
+      const previousConversionIds = new Set(
+        initialConversionsRef.current.map((entry) => toTrimmedOrNull(entry.id)).filter((id) => Boolean(id))
+      );
+      const nextConversionIds = new Set(
+        conversionInputs.map(
+          (entry) => entry.id && entry.id.trim().length ? entry.id : null
+        ).filter((id) => Boolean(id))
+      );
+      const removedConversionIds = Array.from(previousConversionIds).filter(
+        (id) => !nextConversionIds.has(id)
+      );
+      for (const conversionId of removedConversionIds) {
+        await deleteCrud("catalog/product-unit-conversions", conversionId, {
+          errorMessage: t(
+            "catalog.products.uom.errors.sync",
+            "Failed to synchronize product conversions."
+          )
+        });
+      }
+      const persistedConversions = [];
+      for (const conversion of conversionInputs) {
+        if (conversion.id) {
+          await updateCrud("catalog/product-unit-conversions", {
+            id: conversion.id,
+            unitCode: conversion.unitCode,
+            toBaseFactor: conversion.toBaseFactor,
+            sortOrder: conversion.sortOrder,
+            isActive: conversion.isActive
+          });
+          persistedConversions.push({
+            id: conversion.id,
+            unitCode: conversion.unitCode,
+            toBaseFactor: String(conversion.toBaseFactor),
+            sortOrder: String(conversion.sortOrder),
+            isActive: conversion.isActive
           });
+          continue;
         }
-      } catch (err) {
-        console.error("catalog.products.edit.offers.delete", err);
-        throw createCrudFormError(
-          t("catalog.products.edit.offers.deleteError", "Failed to remove sales channel offer.")
+        const created = await createCrud(
+          "catalog/product-unit-conversions",
+          {
+            productId,
+            unitCode: conversion.unitCode,
+            toBaseFactor: conversion.toBaseFactor,
+            sortOrder: conversion.sortOrder,
+            isActive: conversion.isActive
+          }
         );
+        const createdId = created.result && typeof created.result === "object" && typeof created.result.id === "string" ? created.result.id : null;
+        persistedConversions.push({
+          id: createdId,
+          unitCode: conversion.unitCode,
+          toBaseFactor: String(conversion.toBaseFactor),
+          sortOrder: String(conversion.sortOrder),
+          isActive: conversion.isActive
+        });
       }
-    }
-    await updateCrud("catalog/products", payload);
-    offerSnapshotsRef.current = mergeOfferSnapshots(previousSnapshots, offersPayload);
-    flash(t("catalog.products.edit.success", "Product updated."), "success");
-    router.push("/backend/catalog/products");
-  }, [productId, t, taxRates, router]);
+      initialConversionsRef.current = persistedConversions;
+      offerSnapshotsRef.current = mergeOfferSnapshots(
+        previousSnapshots,
+        offersPayload
+      );
+      flash(t("catalog.products.edit.success", "Product updated."), "success");
+      router.push("/backend/catalog/products");
+    },
+    [productId, t, taxRates, router]
+  );
   if (!productId) {
-    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx("div", { className: "rounded border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive", children: t("catalog.products.edit.errors.idMissing", "Product identifier is missing.") }) }) });
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx("div", { className: "rounded border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive", children: t(
+      "catalog.products.edit.errors.idMissing",
+      "Product identifier is missing."
+    ) }) }) });
   }
   return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
     error ? /* @__PURE__ */ jsx("div", { className: "mb-4 rounded border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive", children: error }) : null,
@@ -539,12 +907,17 @@ function EditCatalogProductPage({ params }) {
       {
         title: t("catalog.products.edit.title", "Edit product"),
         backHref: "/backend/catalog/products",
-        versionHistory: { resourceKind: "catalog.product", resourceId: productId ? String(productId) : "" },
+        versionHistory: {
+          resourceKind: "catalog.product",
+          resourceId: productId ? String(productId) : ""
+        },
         fields: [],
         groups,
         injectionSpotId: "crud-form:catalog.product",
         entityId: E.catalog.catalog_product,
-        customFieldsetBindings: { [E.catalog.catalog_product]: { valueKey: "customFieldsetCode" } },
+        customFieldsetBindings: {
+          [E.catalog.catalog_product]: { valueKey: "customFieldsetCode" }
+        },
         initialValues: initialValues ?? void 0,
         isLoading: loading,
         loadingMessage: t("catalog.products.edit.loading", "Loading product"),
@@ -555,13 +928,23 @@ function EditCatalogProductPage({ params }) {
     )
   ] }) });
 }
-function ProductDetailsSection({ values, setValue, errors, productId }) {
+function ProductDetailsSection({
+  values,
+  setValue,
+  errors,
+  productId
+}) {
   const t = useT();
-  const mediaItems = Array.isArray(values.mediaItems) ? values.mediaItems : [];
+  const mediaItems = React.useMemo(
+    () => Array.isArray(values.mediaItems) ? values.mediaItems : [],
+    [values.mediaItems]
+  );
   const handleMediaItemsChange = React.useCallback(
     (nextItems) => {
       setValue("mediaItems", nextItems);
-      const hasCurrent = nextItems.some((item) => item.id === values.defaultMediaId);
+      const hasCurrent = nextItems.some(
+        (item) => item.id === values.defaultMediaId
+      );
       if (!hasCurrent) {
         const fallbackId = nextItems[0]?.id ?? null;
         setValue("defaultMediaId", fallbackId);
@@ -590,7 +973,9 @@ function ProductDetailsSection({ values, setValue, errors, productId }) {
       if (target) {
         setValue(
           "defaultMediaUrl",
-          buildAttachmentImageUrl(target.id, { slug: slugifyAttachmentFileName(target.fileName) })
+          buildAttachmentImageUrl(target.id, {
+            slug: slugifyAttachmentFileName(target.fileName)
+          })
         );
       }
     },
@@ -607,7 +992,10 @@ function ProductDetailsSection({ values, setValue, errors, productId }) {
         {
           value: values.title,
           onChange: (event) => setValue("title", event.target.value),
-          placeholder: t("catalog.products.create.placeholders.title", "e.g., Summer sneaker")
+          placeholder: t(
+            "catalog.products.create.placeholders.title",
+            "e.g., Summer sneaker"
+          )
         }
       ),
       errors.title ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.title }) : null
@@ -625,26 +1013,39 @@ function ProductDetailsSection({ values, setValue, errors, productId }) {
             className: "gap-2 text-xs",
             children: [
               values.useMarkdown ? /* @__PURE__ */ jsx(AlignLeft, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" }),
-              values.useMarkdown ? t("catalog.products.create.actions.usePlain", "Use plain text") : t("catalog.products.create.actions.useMarkdown", "Use markdown")
+              values.useMarkdown ? t("catalog.products.create.actions.usePlain", "Use plain text") : t(
+                "catalog.products.create.actions.useMarkdown",
+                "Use markdown"
+              )
             ]
           }
         )
       ] }),
-      values.useMarkdown ? /* @__PURE__ */ jsx("div", { "data-color-mode": "light", className: "overflow-hidden rounded-md border", children: /* @__PURE__ */ jsx(
-        MarkdownEditor,
+      values.useMarkdown ? /* @__PURE__ */ jsx(
+        "div",
         {
-          value: values.description,
-          height: 260,
-          onChange: (val) => setValue("description", val ?? ""),
-          previewOptions: { remarkPlugins: [] }
+          "data-color-mode": "light",
+          className: "overflow-hidden rounded-md border",
+          children: /* @__PURE__ */ jsx(
+            MarkdownEditor,
+            {
+              value: values.description,
+              height: 260,
+              onChange: (val) => setValue("description", val ?? ""),
+              previewOptions: { remarkPlugins: [] }
+            }
+          )
         }
-      ) }) : /* @__PURE__ */ jsx(
+      ) : /* @__PURE__ */ jsx(
         Textarea,
         {
           className: "min-h-[180px]",
           value: values.description,
           onChange: (event) => setValue("description", event.target.value),
-          placeholder: t("catalog.products.create.placeholders.description", "Describe the product...")
+          placeholder: t(
+            "catalog.products.create.placeholders.description",
+            "Describe the product..."
+          )
         }
       )
     ] }),
@@ -661,7 +1062,10 @@ function ProductDetailsSection({ values, setValue, errors, productId }) {
     )
   ] });
 }
-function ProductDimensionsSection({ values, setValue }) {
+function ProductDimensionsSection({
+  values,
+  setValue
+}) {
   const t = useT();
   const dimensionValues = normalizeProductDimensions(values.dimensions);
   const weightValues = normalizeProductWeight(values.weight);
@@ -675,7 +1079,14 @@ function ProductDimensionsSection({ values, setValue }) {
           {
             type: "number",
             value: dimensionValues?.width ?? "",
-            onChange: (event) => setValue("dimensions", updateDimensionValue(values.dimensions ?? null, "width", event.target.value)),
+            onChange: (event) => setValue(
+              "dimensions",
+              updateDimensionValue(
+                values.dimensions ?? null,
+                "width",
+                event.target.value
+              )
+            ),
             placeholder: "0"
           }
         )
@@ -687,7 +1098,14 @@ function ProductDimensionsSection({ values, setValue }) {
           {
             type: "number",
             value: dimensionValues?.height ?? "",
-            onChange: (event) => setValue("dimensions", updateDimensionValue(values.dimensions ?? null, "height", event.target.value)),
+            onChange: (event) => setValue(
+              "dimensions",
+              updateDimensionValue(
+                values.dimensions ?? null,
+                "height",
+                event.target.value
+              )
+            ),
             placeholder: "0"
           }
         )
@@ -699,7 +1117,14 @@ function ProductDimensionsSection({ values, setValue }) {
           {
             type: "number",
             value: dimensionValues?.depth ?? "",
-            onChange: (event) => setValue("dimensions", updateDimensionValue(values.dimensions ?? null, "depth", event.target.value)),
+            onChange: (event) => setValue(
+              "dimensions",
+              updateDimensionValue(
+                values.dimensions ?? null,
+                "depth",
+                event.target.value
+              )
+            ),
             placeholder: "0"
           }
         )
@@ -710,7 +1135,14 @@ function ProductDimensionsSection({ values, setValue }) {
           Input,
           {
             value: dimensionValues?.unit ?? "",
-            onChange: (event) => setValue("dimensions", updateDimensionValue(values.dimensions ?? null, "unit", event.target.value)),
+            onChange: (event) => setValue(
+              "dimensions",
+              updateDimensionValue(
+                values.dimensions ?? null,
+                "unit",
+                event.target.value
+              )
+            ),
             placeholder: "cm"
           }
         )
@@ -722,7 +1154,14 @@ function ProductDimensionsSection({ values, setValue }) {
           {
             type: "number",
             value: weightValues?.value ?? "",
-            onChange: (event) => setValue("weight", updateWeightValue(values.weight ?? null, "value", event.target.value)),
+            onChange: (event) => setValue(
+              "weight",
+              updateWeightValue(
+                values.weight ?? null,
+                "value",
+                event.target.value
+              )
+            ),
             placeholder: "0"
           }
         )
@@ -733,7 +1172,14 @@ function ProductDimensionsSection({ values, setValue }) {
           Input,
           {
             value: weightValues?.unit ?? "",
-            onChange: (event) => setValue("weight", updateWeightValue(values.weight ?? null, "unit", event.target.value)),
+            onChange: (event) => setValue(
+              "weight",
+              updateWeightValue(
+                values.weight ?? null,
+                "unit",
+                event.target.value
+              )
+            ),
             placeholder: "kg"
           }
         )
@@ -743,9 +1189,12 @@ function ProductDimensionsSection({ values, setValue }) {
 }
 function ProductMetadataSection({ values, setValue }) {
   const metadata = normalizeMetadata(values.metadata);
-  const handleMetadataChange = React.useCallback((next) => {
-    setValue("metadata", next);
-  }, [setValue]);
+  const handleMetadataChange = React.useCallback(
+    (next) => {
+      setValue("metadata", next);
+    },
+    [setValue]
+  );
   return /* @__PURE__ */ jsx(MetadataEditor, { value: metadata, onChange: handleMetadataChange, embedded: true });
 }
 function ProductOptionsSection({ values, setValue }) {
@@ -758,9 +1207,13 @@ function ProductOptionsSection({ values, setValue }) {
   const loadSchemas = React.useCallback(async () => {
     setSchemaLoading(true);
     try {
-      const res = await apiCall("/api/catalog/option-schemas?page=1&pageSize=100");
+      const res = await apiCall(
+        "/api/catalog/option-schemas?page=1&pageSize=100"
+      );
       if (res.ok) {
-        setSchemaTemplates(Array.isArray(res.result?.items) ? res.result?.items ?? [] : []);
+        setSchemaTemplates(
+          Array.isArray(res.result?.items) ? res.result?.items ?? [] : []
+        );
       } else {
         setSchemaTemplates([]);
       }
@@ -771,60 +1224,99 @@ function ProductOptionsSection({ values, setValue }) {
       setSchemaLoading(false);
     }
   }, []);
-  const handleDeleteSchema = React.useCallback(async (id) => {
-    try {
-      await deleteCrud("catalog/option-schemas", id, {
-        errorMessage: t("catalog.products.edit.schemas.deleteError", "Failed to delete schema.")
-      });
-      flash(t("catalog.products.edit.schemas.deleted", "Schema deleted."), "success");
-      void loadSchemas();
-    } catch (err) {
-      console.error("catalog.option-schemas.delete failed", err);
-    }
-  }, [loadSchemas, t]);
-  const handleSaveSchema = React.useCallback(async (name) => {
-    if (!name.trim().length) {
-      const message = t("catalog.products.edit.schemas.nameRequired", "Provide a schema name.");
-      throw createCrudFormError(message, { name: message });
-    }
-    const schemaPayload = buildSchemaFromOptions(Array.isArray(values.options) ? values.options : [], name);
-    if (!schemaPayload.options?.length) {
-      throw createCrudFormError(t("catalog.products.edit.schemas.empty", "Add at least one option before saving."), {});
-    }
-    const payload = {
-      name: name.trim(),
-      code: slugify(name.trim()),
-      schema: schemaPayload,
-      isActive: true
-    };
-    if (schemaToEdit?.id) payload.id = schemaToEdit.id;
-    if (schemaToEdit?.id) await updateCrud("catalog/option-schemas", payload);
-    else await createCrud("catalog/option-schemas", payload);
-    flash(t("catalog.products.edit.schemas.saved", "Schema saved."), "success");
-    setSaveSchemaOpen(false);
-    setSchemaToEdit(null);
-    void loadSchemas();
-  }, [schemaToEdit, t, values.options, loadSchemas]);
-  const handleOptionTitleChange = React.useCallback((optionId, nextTitle) => {
-    const next = (Array.isArray(values.options) ? values.options : []).map(
-      (option) => option.id === optionId ? { ...option, title: nextTitle } : option
-    );
-    setValue("options", next);
-  }, [setValue, values.options]);
-  const setOptionValues = React.useCallback((optionId, labels) => {
-    const normalized = labels.map((label) => label.trim()).filter((label) => label.length);
-    const unique = Array.from(new Set(normalized));
-    const next = (Array.isArray(values.options) ? values.options : []).map((option) => {
-      if (option.id !== optionId) return option;
-      const existingByLabel = new Map(option.values.map((value) => [value.label, value]));
-      const nextValues = unique.map((label) => existingByLabel.get(label) ?? { id: createLocalId(), label });
-      return {
-        ...option,
-        values: nextValues
+  const handleDeleteSchema = React.useCallback(
+    async (id) => {
+      try {
+        await deleteCrud("catalog/option-schemas", id, {
+          errorMessage: t(
+            "catalog.products.edit.schemas.deleteError",
+            "Failed to delete schema."
+          )
+        });
+        flash(
+          t("catalog.products.edit.schemas.deleted", "Schema deleted."),
+          "success"
+        );
+        void loadSchemas();
+      } catch (err) {
+        console.error("catalog.option-schemas.delete failed", err);
+      }
+    },
+    [loadSchemas, t]
+  );
+  const handleSaveSchema = React.useCallback(
+    async (name) => {
+      if (!name.trim().length) {
+        const message = t(
+          "catalog.products.edit.schemas.nameRequired",
+          "Provide a schema name."
+        );
+        throw createCrudFormError(message, { name: message });
+      }
+      const schemaPayload = buildSchemaFromOptions(
+        Array.isArray(values.options) ? values.options : [],
+        name
+      );
+      if (!schemaPayload.options?.length) {
+        throw createCrudFormError(
+          t(
+            "catalog.products.edit.schemas.empty",
+            "Add at least one option before saving."
+          ),
+          {}
+        );
+      }
+      const payload = {
+        name: name.trim(),
+        code: slugify(name.trim()),
+        schema: schemaPayload,
+        isActive: true
       };
-    });
-    setValue("options", next);
-  }, [setValue, values.options]);
+      if (schemaToEdit?.id) payload.id = schemaToEdit.id;
+      if (schemaToEdit?.id) await updateCrud("catalog/option-schemas", payload);
+      else await createCrud("catalog/option-schemas", payload);
+      flash(
+        t("catalog.products.edit.schemas.saved", "Schema saved."),
+        "success"
+      );
+      setSaveSchemaOpen(false);
+      setSchemaToEdit(null);
+      void loadSchemas();
+    },
+    [schemaToEdit, t, values.options, loadSchemas]
+  );
+  const handleOptionTitleChange = React.useCallback(
+    (optionId, nextTitle) => {
+      const next = (Array.isArray(values.options) ? values.options : []).map(
+        (option) => option.id === optionId ? { ...option, title: nextTitle } : option
+      );
+      setValue("options", next);
+    },
+    [setValue, values.options]
+  );
+  const setOptionValues = React.useCallback(
+    (optionId, labels) => {
+      const normalized = labels.map((label) => label.trim()).filter((label) => label.length);
+      const unique = Array.from(new Set(normalized));
+      const next = (Array.isArray(values.options) ? values.options : []).map(
+        (option) => {
+          if (option.id !== optionId) return option;
+          const existingByLabel = new Map(
+            option.values.map((value) => [value.label, value])
+          );
+          const nextValues = unique.map(
+            (label) => existingByLabel.get(label) ?? { id: createLocalId(), label }
+          );
+          return {
+            ...option,
+            values: nextValues
+          };
+        }
+      );
+      setValue("options", next);
+    },
+    [setValue, values.options]
+  );
   const addOption = React.useCallback(() => {
     const next = [
       ...Array.isArray(values.options) ? values.options : [],
@@ -832,14 +1324,22 @@ function ProductOptionsSection({ values, setValue }) {
     ];
     setValue("options", next);
   }, [setValue, values.options]);
-  const removeOption = React.useCallback((optionId) => {
-    const next = (Array.isArray(values.options) ? values.options : []).filter((option) => option.id !== optionId);
-    setValue("options", next);
-  }, [setValue, values.options]);
+  const removeOption = React.useCallback(
+    (optionId) => {
+      const next = (Array.isArray(values.options) ? values.options : []).filter(
+        (option) => option.id !== optionId
+      );
+      setValue("options", next);
+    },
+    [setValue, values.options]
+  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("catalog.products.create.optionsBuilder.title", "Product options") }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t(
+          "catalog.products.create.optionsBuilder.title",
+          "Product options"
+        ) }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -851,7 +1351,10 @@ function ProductOptionsSection({ values, setValue }) {
                 setSchemaDialogOpen(true);
                 void loadSchemas();
               },
-              title: t("catalog.products.edit.schemas.manage", "Open schema library"),
+              title: t(
+                "catalog.products.edit.schemas.manage",
+                "Open schema library"
+              ),
               children: /* @__PURE__ */ jsx(BookMarked, { className: "h-4 w-4" })
             }
           ),
@@ -869,10 +1372,19 @@ function ProductOptionsSection({ values, setValue }) {
               children: /* @__PURE__ */ jsx(Save, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addOption, children: [
-            /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
-            t("catalog.products.create.optionsBuilder.add", "Add option")
-          ] })
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: addOption,
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+                t("catalog.products.create.optionsBuilder.add", "Add option")
+              ]
+            }
+          )
         ] })
       ] }),
       (Array.isArray(values.options) ? values.options : []).map((option) => /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/40 p-4", children: [
@@ -882,11 +1394,23 @@ function ProductOptionsSection({ values, setValue }) {
             {
               value: option.title,
               onChange: (event) => handleOptionTitleChange(option.id, event.target.value),
-              placeholder: t("catalog.products.create.optionsBuilder.placeholder", "e.g., Color"),
+              placeholder: t(
+                "catalog.products.create.optionsBuilder.placeholder",
+                "e.g., Color"
+              ),
               className: "flex-1"
             }
           ),
-          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", type: "button", onClick: () => removeOption(option.id), children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }) })
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              type: "button",
+              onClick: () => removeOption(option.id),
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+            }
+          )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2", children: [
           /* @__PURE__ */ jsx(Label, { className: "text-xs uppercase text-muted-foreground", children: t("catalog.products.create.optionsBuilder.values", "Values") }),
@@ -895,12 +1419,18 @@ function ProductOptionsSection({ values, setValue }) {
             {
               value: option.values.map((value) => value.label),
               onChange: (labels) => setOptionValues(option.id, labels),
-              placeholder: t("catalog.products.create.optionsBuilder.valuePlaceholder", "Type a value and press Enter")
+              placeholder: t(
+                "catalog.products.create.optionsBuilder.valuePlaceholder",
+                "Type a value and press Enter"
+              )
             }
           )
         ] })
       ] }, option.id)),
-      !values.options?.length ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("catalog.products.create.optionsBuilder.empty", "No options yet. Add your first option to generate variants.") }) : null
+      !values.options?.length ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
+        "catalog.products.create.optionsBuilder.empty",
+        "No options yet. Add your first option to generate variants."
+      ) }) : null
     ] }),
     /* @__PURE__ */ jsx(
       OptionSchemaDialog,
@@ -957,7 +1487,10 @@ function ProductVariantsSection({
     () => Array.isArray(values.options) ? values.options : [],
     [values.options]
   );
-  const combos = React.useMemo(() => buildVariantCombinations(optionDefinitions), [optionDefinitions]);
+  const combos = React.useMemo(
+    () => buildVariantCombinations(optionDefinitions),
+    [optionDefinitions]
+  );
   const existingKeys = React.useMemo(() => {
     const set = /* @__PURE__ */ new Set();
     variants.forEach((variant) => {
@@ -1023,20 +1556,23 @@ function ProductVariantsSection({
     },
     [priceKindLookup, t]
   );
-  const formatPriceAmount = React.useCallback((price) => {
-    const amount = typeof price.amount === "string" && price.amount.trim().length ? price.amount.trim() : "";
-    if (!amount) return "\u2014";
-    if (!price.currencyCode) return amount;
-    return `${price.currencyCode.toUpperCase()} ${amount}`;
-  }, []);
+  const formatPriceAmount = React.useCallback(
+    (price) => {
+      const amount = typeof price.amount === "string" && price.amount.trim().length ? price.amount.trim() : "";
+      if (!amount) return "\u2014";
+      if (!price.currencyCode) return amount;
+      return `${price.currencyCode.toUpperCase()} ${amount}`;
+    },
+    []
+  );
   const handleDeleteVariant = React.useCallback(
     async (variant) => {
       if (!allowVariantActions) return;
       const label = variant.name || variant.sku || variant.id;
-      const confirmMessage = t("catalog.products.edit.variantList.deleteConfirm", 'Delete variant "{{name}}"?').replace(
-        "{{name}}",
-        label
-      );
+      const confirmMessage = t(
+        "catalog.products.edit.variantList.deleteConfirm",
+        'Delete variant "{{name}}"?'
+      ).replace("{{name}}", label);
       const confirmed = await confirm({
         title: confirmMessage,
         variant: "destructive"
@@ -1045,13 +1581,22 @@ function ProductVariantsSection({
       setDeletingId(variant.id);
       try {
         await deleteCrud("catalog/variants", variant.id, {
-          errorMessage: t("catalog.variants.form.deleteError", "Failed to delete variant.")
+          errorMessage: t(
+            "catalog.variants.form.deleteError",
+            "Failed to delete variant."
+          )
         });
-        flash(t("catalog.variants.form.deleted", "Variant deleted."), "success");
+        flash(
+          t("catalog.variants.form.deleted", "Variant deleted."),
+          "success"
+        );
         onVariantDeleted(variant.id);
       } catch (err) {
         console.error("catalog.products.edit.variants.delete", err);
-        flash(t("catalog.variants.form.deleteError", "Failed to delete variant."), "error");
+        flash(
+          t("catalog.variants.form.deleteError", "Failed to delete variant."),
+          "error"
+        );
       } finally {
         setDeletingId(null);
       }
@@ -1062,7 +1607,10 @@ function ProductVariantsSection({
     if (!productId || !allowVariantActions) return;
     if (!missingCombos.length) {
       flash(
-        t("catalog.products.edit.variantList.generateEmpty", "All option combinations already exist."),
+        t(
+          "catalog.products.edit.variantList.generateEmpty",
+          "All option combinations already exist."
+        ),
         "info"
       );
       return;
@@ -1079,11 +1627,23 @@ function ProductVariantsSection({
           isActive: true
         });
       }
-      flash(t("catalog.products.edit.variantList.generateSuccess", "Missing variants generated."), "success");
+      flash(
+        t(
+          "catalog.products.edit.variantList.generateSuccess",
+          "Missing variants generated."
+        ),
+        "success"
+      );
       if (onVariantsReload) await onVariantsReload();
     } catch (err) {
       console.error("catalog.products.edit.variantList.generate", err);
-      flash(t("catalog.products.edit.variantList.generateError", "Failed to generate variants."), "error");
+      flash(
+        t(
+          "catalog.products.edit.variantList.generateError",
+          "Failed to generate variants."
+        ),
+        "error"
+      );
     } finally {
       setGenerating(false);
     }
@@ -1094,20 +1654,45 @@ function ProductVariantsSection({
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
         /* @__PURE__ */ jsx("h3", { id: "variants", className: "text-sm font-semibold", children: t("catalog.products.edit.variants", "Variants") }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-          showGenerateButton ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", disabled: generating, onClick: () => {
-            void handleGenerateVariants();
-          }, children: generating ? t("catalog.products.edit.variantList.generating", "Generating\u2026") : t("catalog.products.edit.variantList.generate", "Generate variants") }) : null,
-          allowVariantActions ? /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", children: /* @__PURE__ */ jsxs(Link, { href: `/backend/catalog/products/${productId}/variants/create`, children: [
-            /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
-            t("catalog.products.edit.variants.add", "Add variant")
-          ] }) }) : null
+          showGenerateButton ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "outline",
+              disabled: generating,
+              onClick: () => {
+                void handleGenerateVariants();
+              },
+              children: generating ? t(
+                "catalog.products.edit.variantList.generating",
+                "Generating\u2026"
+              ) : t(
+                "catalog.products.edit.variantList.generate",
+                "Generate variants"
+              )
+            }
+          ) : null,
+          allowVariantActions ? /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", children: /* @__PURE__ */ jsxs(
+            Link,
+            {
+              href: `/backend/catalog/products/${productId}/variants/create`,
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+                t("catalog.products.edit.variants.add", "Add variant")
+              ]
+            }
+          ) }) : null
         ] })
       ] }),
       variants.length ? /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs("table", { className: "w-full table-auto text-sm", children: [
         /* @__PURE__ */ jsx("thead", { className: "bg-muted/40 text-left text-xs uppercase text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
           /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-normal", children: t("catalog.products.form.variants", "Variant") }),
           /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-normal", children: "SKU" }),
-          /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-normal", children: t("catalog.products.edit.variantList.pricesHeading", "Prices") }),
+          /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-normal", children: t(
+            "catalog.products.edit.variantList.pricesHeading",
+            "Prices"
+          ) }),
           /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-normal", children: t("catalog.products.edit.variants.default", "Default") }),
           /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-normal text-right", children: t("catalog.products.edit.variantList.actions", "Actions") })
         ] }) }),
@@ -1121,14 +1706,30 @@ function ProductVariantsSection({
             }
           ) }),
           /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-muted-foreground", children: variant.sku || "\u2014" }),
-          /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: variant.prices.length ? /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: variant.prices.map((price) => /* @__PURE__ */ jsxs("li", { className: "text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatPriceLabel(price) }),
-            " ",
-            /* @__PURE__ */ jsx("span", { children: formatPriceAmount(price) })
-          ] }, price.id)) }) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("catalog.products.edit.variantList.pricesEmpty", "No prices yet.") }) }),
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: variant.prices.length ? /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: variant.prices.map((price) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "text-xs text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatPriceLabel(price) }),
+                " ",
+                /* @__PURE__ */ jsx("span", { children: formatPriceAmount(price) })
+              ]
+            },
+            price.id
+          )) }) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+            "catalog.products.edit.variantList.pricesEmpty",
+            "No prices yet."
+          ) }) }),
           /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-muted-foreground", children: variant.isDefault ? t("common.yes", "Yes") : "\u2014" }),
           /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [
-            /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", variant: "outline", children: /* @__PURE__ */ jsx(Link, { href: `/backend/catalog/products/${productId}/variants/${variant.id}`, children: t("catalog.products.list.actions.edit", "Edit") }) }),
+            /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", variant: "outline", children: /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: `/backend/catalog/products/${productId}/variants/${variant.id}`,
+                children: t("catalog.products.list.actions.edit", "Edit")
+              }
+            ) }),
             allowVariantActions ? /* @__PURE__ */ jsx(
               Button,
               {
@@ -1140,17 +1741,31 @@ function ProductVariantsSection({
                 onClick: () => {
                   void handleDeleteVariant(variant);
                 },
-                children: deletingId === variant.id ? t("catalog.products.edit.variantList.deleting", "Deleting\u2026") : t("catalog.products.list.actions.delete", "Delete")
+                children: deletingId === variant.id ? t(
+                  "catalog.products.edit.variantList.deleting",
+                  "Deleting\u2026"
+                ) : t(
+                  "catalog.products.list.actions.delete",
+                  "Delete"
+                )
               }
             ) : null
           ] }) })
         ] }, variant.id)) })
-      ] }) }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("catalog.products.edit.variants.empty", "No variants defined yet.") })
+      ] }) }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+        "catalog.products.edit.variants.empty",
+        "No variants defined yet."
+      ) })
     ] }),
     ConfirmDialogElement
   ] });
 }
-function ProductMetaSection({ values, setValue, errors, taxRates }) {
+function ProductMetaSection({
+  values,
+  setValue,
+  errors,
+  taxRates
+}) {
   const t = useT();
   const handleValue = typeof values.handle === "string" ? values.handle : "";
   const titleSource = typeof values.title === "string" ? values.title : "";
@@ -1190,7 +1805,10 @@ function ProductMetaSection({ values, setValue, errors, taxRates }) {
         {
           value: typeof values.subtitle === "string" ? values.subtitle : "",
           onChange: (event) => setValue("subtitle", event.target.value),
-          placeholder: t("catalog.products.create.placeholders.subtitle", "Optional subtitle")
+          placeholder: t(
+            "catalog.products.create.placeholders.subtitle",
+            "Optional subtitle"
+          )
         }
       ),
       errors.subtitle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.subtitle }) : null
@@ -1213,11 +1831,17 @@ function ProductMetaSection({ values, setValue, errors, taxRates }) {
         {
           value: handleValue,
           onChange: handleHandleInputChange,
-          placeholder: t("catalog.products.create.placeholders.handle", "e.g., summer-sneaker"),
+          placeholder: t(
+            "catalog.products.create.placeholders.handle",
+            "e.g., summer-sneaker"
+          ),
           className: "font-mono lowercase"
         }
       ),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("catalog.products.create.handleHelp", "Handle is used for URLs and must be unique.") }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+        "catalog.products.create.handleHelp",
+        "Handle is used for URLs and must be unique."
+      ) }),
       errors.handle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.handle }) : null
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -1231,14 +1855,24 @@ function ProductMetaSection({ values, setValue, errors, taxRates }) {
             size: "icon",
             onClick: () => {
               if (typeof window !== "undefined") {
-                window.open("/backend/config/sales?section=tax-rates", "_blank", "noopener,noreferrer");
+                window.open(
+                  "/backend/config/sales?section=tax-rates",
+                  "_blank",
+                  "noopener,noreferrer"
+                );
               }
             },
-            title: t("catalog.products.create.taxRates.manage", "Manage tax classes"),
+            title: t(
+              "catalog.products.create.taxRates.manage",
+              "Manage tax classes"
+            ),
             className: "text-muted-foreground hover:text-foreground",
             children: [
               /* @__PURE__ */ jsx(Layers, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("catalog.products.create.taxRates.manage", "Manage tax classes") })
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: t(
+                "catalog.products.create.taxRates.manage",
+                "Manage tax classes"
+              ) })
             ]
           }
         )
@@ -1251,12 +1885,24 @@ function ProductMetaSection({ values, setValue, errors, taxRates }) {
           onChange: (event) => setValue("taxRateId", event.target.value || null),
           disabled: !taxRates.length,
           children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: taxRates.length ? t("catalog.products.create.taxRates.noneSelected", "No tax class selected") : t("catalog.products.create.taxRates.emptyOption", "No tax classes available") }),
+            /* @__PURE__ */ jsx("option", { value: "", children: taxRates.length ? t(
+              "catalog.products.create.taxRates.noneSelected",
+              "No tax class selected"
+            ) : t(
+              "catalog.products.create.taxRates.emptyOption",
+              "No tax classes available"
+            ) }),
             taxRates.map((rate) => /* @__PURE__ */ jsx("option", { value: rate.id, children: formatTaxRateLabel(rate) }, rate.id))
           ]
         }
       ),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: taxRates.length ? t("catalog.products.create.taxRates.help", "Applied to prices unless overridden per variant.") : t("catalog.products.create.taxRates.empty", "Define tax classes under Sales \u2192 Configuration.") })
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: taxRates.length ? t(
+        "catalog.products.create.taxRates.help",
+        "Applied to prices unless overridden per variant."
+      ) : t(
+        "catalog.products.create.taxRates.empty",
+        "Define tax classes under Sales \u2192 Configuration."
+      ) })
     ] })
   ] });
 }
@@ -1272,7 +1918,10 @@ function readOptionSchema(metadata) {
   return raw.map((option) => {
     if (!option || typeof option !== "object") return null;
     const values = Array.isArray(option.values) ? option.values.map(
-      (value) => value && typeof value === "object" ? { id: String(value.id ?? createLocalId()), label: typeof value.label === "string" ? value.label : "" } : null
+      (value) => value && typeof value === "object" ? {
+        id: String(value.id ?? createLocalId()),
+        label: typeof value.label === "string" ? value.label : ""
+      } : null
     ).filter(
       (entry) => !!entry
     ) : [];
@@ -1304,7 +1953,9 @@ function formatCategoryLabel(name, fallback, parentName) {
   return parentName ? `${base} / ${parentName}` : base;
 }
 function readCategorySelections(record) {
-  const rawCategories = Array.isArray(record.categories) ? record.categories : [];
+  const rawCategories = Array.isArray(
+    record.categories
+  ) ? record.categories : [];
   const options = rawCategories.map((entry) => {
     const value = getString(entry.id) ?? getString(entry.categoryId) ?? getString(entry.category_id);
     if (!value) return null;
@@ -1316,8 +1967,12 @@ function readCategorySelections(record) {
   }).filter(
     (option) => !!option
   );
-  const fallbackIds = normalizeIdList(record.categoryIds);
-  const combinedIds = Array.from(/* @__PURE__ */ new Set([...options.map((option) => option.value), ...fallbackIds]));
+  const fallbackIds = normalizeIdList(
+    record.categoryIds
+  );
+  const combinedIds = Array.from(
+    /* @__PURE__ */ new Set([...options.map((option) => option.value), ...fallbackIds])
+  );
   return { ids: combinedIds, options };
 }
 function readTagSelections(record) {
@@ -1368,7 +2023,9 @@ function buildChannelOptions(offers) {
 }
 function buildOfferPayloads(params) {
   const { channelIds, offerSnapshots, fallback } = params;
-  const byChannel = new Map(offerSnapshots.map((offer) => [offer.channelId, offer]));
+  const byChannel = new Map(
+    offerSnapshots.map((offer) => [offer.channelId, offer])
+  );
   const payloads = [];
   const fallbackTitle = fallback.title.trim();
   for (const channelId of channelIds) {
@@ -1389,7 +2046,9 @@ function buildOfferPayloads(params) {
   return payloads;
 }
 function mergeOfferSnapshots(current, payloads) {
-  const currentByChannel = new Map(current.map((snapshot) => [snapshot.channelId, snapshot]));
+  const currentByChannel = new Map(
+    current.map((snapshot) => [snapshot.channelId, snapshot])
+  );
   return payloads.map((entry) => {
     const previous = currentByChannel.get(entry.channelId);
     return {
@@ -1417,6 +2076,47 @@ function ensureString(value) {
 function isRecord(value) {
   return !!value && typeof value === "object" && !Array.isArray(value);
 }
+function extractUomFields(record) {
+  const unitPriceObject = isRecord(record.unit_price) ? record.unit_price : null;
+  const defaultUnit = canonicalizeUnitCode(
+    record.default_unit ?? record.defaultUnit
+  );
+  const defaultSalesUnit = canonicalizeUnitCode(
+    record.default_sales_unit ?? record.defaultSalesUnit
+  );
+  const defaultSalesUnitQuantity = toPositiveNumberOrNull(
+    record.default_sales_unit_quantity ?? record.defaultSalesUnitQuantity
+  );
+  const roundingScale = toIntegerInRangeOrDefault(
+    record.uom_rounding_scale ?? record.uomRoundingScale,
+    0,
+    6,
+    4
+  );
+  const roundingModeRaw = toTrimmedOrNull(
+    record.uom_rounding_mode ?? record.uomRoundingMode
+  );
+  const roundingMode = roundingModeRaw === "down" || roundingModeRaw === "up" ? roundingModeRaw : "half_up";
+  const unitPriceEnabled = Boolean(
+    unitPriceObject?.enabled ?? record.unit_price_enabled ?? record.unitPriceEnabled
+  );
+  const unitPriceReferenceUnit = canonicalizeUnitCode(
+    unitPriceObject?.reference_unit ?? unitPriceObject?.referenceUnit ?? record.unit_price_reference_unit ?? record.unitPriceReferenceUnit
+  );
+  const unitPriceBaseQuantity = toPositiveNumberOrNull(
+    unitPriceObject?.base_quantity ?? unitPriceObject?.baseQuantity ?? record.unit_price_base_quantity ?? record.unitPriceBaseQuantity
+  );
+  return {
+    defaultUnit,
+    defaultSalesUnit,
+    defaultSalesUnitQuantity,
+    roundingScale,
+    roundingMode,
+    unitPriceEnabled,
+    unitPriceReferenceUnit,
+    unitPriceBaseQuantity
+  };
+}
 function buildMetadataPayload(values) {
   const metadata = normalizeMetadata(values.metadata);
   metadata.__useMarkdown = values.useMarkdown ?? false;
@@ -1459,7 +2159,10 @@ function buildSchemaFromOptions(options, name) {
       code: slugify(option.title || createLocalId()),
       label: option.title,
       inputType: "select",
-      choices: option.values.map((value) => ({ code: slugify(value.label || value.id), label: value.label }))
+      choices: option.values.map((value) => ({
+        code: slugify(value.label || value.id),
+        label: value.label
+      }))
     }))
   };
 }
@@ -1484,35 +2187,83 @@ function OptionSchemaDialog({
       DataLoader,
       {
         isLoading: true,
-        loadingMessage: t("catalog.products.edit.schemas.loading", "Loading\u2026"),
+        loadingMessage: t(
+          "catalog.products.edit.schemas.loading",
+          "Loading\u2026"
+        ),
         spinnerSize: "md",
         children: /* @__PURE__ */ jsx(Fragment, {})
       }
     ) }) : templates.length ? /* @__PURE__ */ jsx("div", { className: "divide-y rounded-md border", children: templates.map((template) => {
       const id = typeof template.id === "string" ? template.id : null;
-      return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: template.name ?? template.id ?? "Schema" }),
-          template.description ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: template.description }) : null
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "secondary", onClick: () => onSelect(template), children: t("catalog.products.edit.schemas.apply", "Apply") }),
-          id ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(Button, { type: "button", size: "icon", variant: "ghost", onClick: () => onEdit(template), children: [
-              /* @__PURE__ */ jsx(Save, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("catalog.products.edit.schemas.edit", "Edit schema") })
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between px-4 py-3",
+          children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: template.name ?? template.id ?? "Schema" }),
+              template.description ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: template.description }) : null
             ] }),
-            /* @__PURE__ */ jsxs(Button, { type: "button", size: "icon", variant: "ghost", onClick: () => void onDelete(id), children: [
-              /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" }),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("catalog.products.edit.schemas.delete", "Delete schema") })
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "secondary",
+                  onClick: () => onSelect(template),
+                  children: t("catalog.products.edit.schemas.apply", "Apply")
+                }
+              ),
+              id ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    type: "button",
+                    size: "icon",
+                    variant: "ghost",
+                    onClick: () => onEdit(template),
+                    children: [
+                      /* @__PURE__ */ jsx(Save, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx("span", { className: "sr-only", children: t(
+                        "catalog.products.edit.schemas.edit",
+                        "Edit schema"
+                      ) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    type: "button",
+                    size: "icon",
+                    variant: "ghost",
+                    onClick: () => void onDelete(id),
+                    children: [
+                      /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" }),
+                      /* @__PURE__ */ jsx("span", { className: "sr-only", children: t(
+                        "catalog.products.edit.schemas.delete",
+                        "Delete schema"
+                      ) })
+                    ]
+                  }
+                )
+              ] }) : null
             ] })
-          ] }) : null
-        ] })
-      ] }, id ?? template.name ?? createLocalId());
+          ]
+        },
+        id ?? template.name ?? createLocalId()
+      );
     }) }) : /* @__PURE__ */ jsx("p", { className: "py-4 text-sm text-muted-foreground", children: t("catalog.products.edit.schemas.empty", "No saved schemas yet.") })
   ] }) });
 }
-function SaveSchemaDialog({ open, onOpenChange, defaultName = "", onSubmit }) {
+function SaveSchemaDialog({
+  open,
+  onOpenChange,
+  defaultName = "",
+  onSubmit
+}) {
   const t = useT();
   const [name, setName] = React.useState(defaultName);
   const [saving, setSaving] = React.useState(false);
@@ -1534,10 +2285,29 @@ function SaveSchemaDialog({ open, onOpenChange, defaultName = "", onSubmit }) {
     /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("catalog.products.edit.schemas.saveTitle", "Save option schema") }) }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "schemaName", children: t("catalog.products.edit.schemas.nameLabel", "Schema name") }),
-      /* @__PURE__ */ jsx(Input, { id: "schemaName", value: name, onChange: (event) => setName(event.target.value), placeholder: t("catalog.products.edit.schemas.namePlaceholder", "e.g., Color + Size set") })
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "schemaName",
+          value: name,
+          onChange: (event) => setName(event.target.value),
+          placeholder: t(
+            "catalog.products.edit.schemas.namePlaceholder",
+            "e.g., Color + Size set"
+          )
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: t("common.cancel", "Cancel") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          children: t("common.cancel", "Cancel")
+        }
+      ),
       /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleSubmit, disabled: saving, children: saving ? t("common.saving", "Saving\u2026") : t("common.save", "Save") })
     ] })
   ] }) });