@mercurjs/vendor 2.2.0-canary.13 → 2.2.0-canary.14

package/dist/{[id]-RFEYRBLI.js → [id]-2TI2PRRJ.js}

@@ -4,7 +4,7 @@ import {
 import "./chunk-4F5GP7J7.js";
 import {
   useDeletePriceListAction
-} from "./chunk-2QTNCGKX.js";
+} from "./chunk-NXSUJYZ4.js";
 import {
   getPriceListStatus
 } from "./chunk-XRNDVICA.js";
@@ -20,15 +20,15 @@ import "./chunk-FWPGOIFA.js";
 import "./chunk-FQERBIVS.js";
 import {
   useProductTableFilters
-} from "./chunk-DEJIBIQZ.js";
+} from "./chunk-RIF5X77T.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-WKRW5OPL.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
+import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
 import "./chunk-SMQT3ZNO.js";
 import {
@@ -41,7 +41,7 @@ import "./chunk-WIYFXWRI.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
-import "./chunk-R5QZO3QY.js";
+import "./chunk-UZQKGNIW.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
@@ -51,20 +51,20 @@ import {
   priceListsQueryKeys,
   usePriceList,
   usePriceListLinkProducts
-} from "./chunk-BXRNZS5K.js";
+} from "./chunk-D2KMKWPI.js";
 import "./chunk-BOZJOOGW.js";
 import "./chunk-IQWK723D.js";
 import "./chunk-4S6XGIC6.js";
 import "./chunk-S23FD6FA.js";
-import "./chunk-DDJQRV6E.js";
+import "./chunk-AQ7HHCHJ.js";
 import "./chunk-LWJF63JW.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
+import "./chunk-TFGWDC2N.js";
+import "./chunk-Z2OUSXGV.js";
 import "./chunk-VXMOPVRH.js";
 import "./chunk-NBPMNUKZ.js";
-import "./chunk-SIEEMXNZ.js";
-import "./chunk-Y2MQ5EMD.js";
+import "./chunk-5ZJE3O2T.js";
+import "./chunk-QCAMAXTE.js";
 import "./chunk-3B34B2M2.js";
 import {
   ActionMenu
@@ -74,7 +74,7 @@ import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
 import {
   useProducts
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient

package/dist/{[id]-J6BZG5PU.js → [id]-ASXERAZ4.js}

@@ -12,9 +12,9 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-WKRW5OPL.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
+import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
 import {
   SectionRow
@@ -43,7 +43,7 @@ import {
   useDeleteInventoryItemLevel,
   useInventoryItem,
   useInventoryItemLevels
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient

package/dist/{[id]-ET35KT2M.js → [id]-CDA4INC4.js}

@@ -7,8 +7,8 @@ import {
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-ZPH3WXJ6.js";
-import "./chunk-STWHJLVV.js";
+} from "./chunk-MQ7AZH5E.js";
+import "./chunk-FW6NLFW2.js";
 import "./chunk-JHIMVLB2.js";
 import {
   usePromotionTableFilters
@@ -20,14 +20,14 @@ import "./chunk-PHOCVOZ5.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-WKRW5OPL.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
+import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
-import "./chunk-A6QH53CS.js";
+import "./chunk-BSBEIZPO.js";
 import {
   TwoColumnPage
 } from "./chunk-YV6MK4PZ.js";

package/dist/{[id]-ZMLS73X5.js → [id]-DZC5AXL5.js}

@@ -12,15 +12,15 @@ import "./chunk-FWPGOIFA.js";
 import "./chunk-FQERBIVS.js";
 import {
   useProductTableFilters
-} from "./chunk-DEJIBIQZ.js";
+} from "./chunk-RIF5X77T.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-WKRW5OPL.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
+import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
 import {
   SingleColumnPage
@@ -32,7 +32,7 @@ import "./chunk-WIYFXWRI.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
-import "./chunk-R5QZO3QY.js";
+import "./chunk-UZQKGNIW.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
@@ -41,20 +41,20 @@ import {
   productTypesQueryKeys,
   useProductType
 } from "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
+import "./chunk-D2KMKWPI.js";
 import "./chunk-BOZJOOGW.js";
 import "./chunk-IQWK723D.js";
 import "./chunk-4S6XGIC6.js";
 import "./chunk-S23FD6FA.js";
-import "./chunk-DDJQRV6E.js";
+import "./chunk-AQ7HHCHJ.js";
 import "./chunk-LWJF63JW.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
+import "./chunk-TFGWDC2N.js";
+import "./chunk-Z2OUSXGV.js";
 import "./chunk-VXMOPVRH.js";
 import "./chunk-NBPMNUKZ.js";
-import "./chunk-SIEEMXNZ.js";
-import "./chunk-Y2MQ5EMD.js";
+import "./chunk-5ZJE3O2T.js";
+import "./chunk-QCAMAXTE.js";
 import "./chunk-3B34B2M2.js";
 import {
   ActionMenu
@@ -64,7 +64,7 @@ import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
 import {
   useProducts
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient

package/dist/{[id]-YZSVSJWU.js → [id]-IBI7RQ5U.js}

@@ -19,9 +19,9 @@ import "./chunk-PHOCVOZ5.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-WKRW5OPL.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
+import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
 import {
   TwoColumnPage
@@ -34,35 +34,35 @@ import {
   Skeleton,
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
-import "./chunk-R5QZO3QY.js";
+import "./chunk-UZQKGNIW.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
 import "./chunk-S7EKBD2C.js";
 import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
+import "./chunk-D2KMKWPI.js";
 import "./chunk-BOZJOOGW.js";
 import "./chunk-IQWK723D.js";
 import "./chunk-4S6XGIC6.js";
 import "./chunk-S23FD6FA.js";
-import "./chunk-DDJQRV6E.js";
+import "./chunk-AQ7HHCHJ.js";
 import "./chunk-LWJF63JW.js";
 import "./chunk-VXWN37PT.js";
 import {
   categoriesQueryKeys,
   useProductCategory
-} from "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
+} from "./chunk-TFGWDC2N.js";
+import "./chunk-Z2OUSXGV.js";
 import "./chunk-VXMOPVRH.js";
 import "./chunk-NBPMNUKZ.js";
-import "./chunk-SIEEMXNZ.js";
-import "./chunk-Y2MQ5EMD.js";
+import "./chunk-5ZJE3O2T.js";
+import "./chunk-QCAMAXTE.js";
 import "./chunk-3B34B2M2.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
 import {
   useProducts
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient

package/dist/{[id]-IW2AZE77.js → [id]-JMO5ONLU.js}

@@ -1,6 +1,6 @@
 import {
   ProductTagDetailBreadcrumb
-} from "./chunk-UDOBGAP7.js";
+} from "./chunk-GXZTYSQA.js";
 import "./chunk-N335VHD3.js";
 import "./chunk-EBZ5VZEO.js";
 import "./chunk-4F5GP7J7.js";
@@ -22,7 +22,7 @@ import "./chunk-HHD2VUED.js";
 import "./chunk-2ZFELO2L.js";
 import "./chunk-26OOAKQ6.js";
 import "./chunk-S2WEYEQR.js";
-import "./chunk-XCIMOIX6.js";
+import "./chunk-XBKWFLJG.js";
 import "./chunk-LFX6WU4A.js";
 import "./chunk-CMHI2RPL.js";
 import "./chunk-X22KTLZ7.js";
@@ -45,15 +45,15 @@ import "./chunk-FWPGOIFA.js";
 import "./chunk-FQERBIVS.js";
 import {
   useProductTableFilters
-} from "./chunk-DEJIBIQZ.js";
+} from "./chunk-RIF5X77T.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-WKRW5OPL.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
+import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
 import "./chunk-IQPN4PZJ.js";
 import {
@@ -70,26 +70,26 @@ import {
   productTagsQueryKeys,
   useDeleteProductTag,
   useProductTag
-} from "./chunk-R5QZO3QY.js";
+} from "./chunk-UZQKGNIW.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
 import "./chunk-S7EKBD2C.js";
 import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
+import "./chunk-D2KMKWPI.js";
 import "./chunk-BOZJOOGW.js";
 import "./chunk-IQWK723D.js";
 import "./chunk-4S6XGIC6.js";
 import "./chunk-S23FD6FA.js";
-import "./chunk-DDJQRV6E.js";
+import "./chunk-AQ7HHCHJ.js";
 import "./chunk-LWJF63JW.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
+import "./chunk-TFGWDC2N.js";
+import "./chunk-Z2OUSXGV.js";
 import "./chunk-VXMOPVRH.js";
 import "./chunk-NBPMNUKZ.js";
-import "./chunk-SIEEMXNZ.js";
-import "./chunk-Y2MQ5EMD.js";
+import "./chunk-5ZJE3O2T.js";
+import "./chunk-QCAMAXTE.js";
 import "./chunk-3B34B2M2.js";
 import {
   ActionMenu
@@ -99,7 +99,7 @@ import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
 import {
   useProducts
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient

package/dist/{[id]-FALIOGXK.js → [id]-KZ4AUWKS.js}

@@ -1,11 +1,11 @@
 import {
   useCancelOrderEdit,
   useConfirmOrderEdit
-} from "./chunk-LARLBYU6.js";
+} from "./chunk-CCGKFRKX.js";
 import {
   useCancelExchangeBegin,
   useExchanges
-} from "./chunk-TW324MAT.js";
+} from "./chunk-PR4GU3GB.js";
 import {
   CLAIM_POLICY_DAYS,
   EXCHANGE_POLICY_DAYS,
@@ -15,12 +15,12 @@ import {
 import {
   useCancelClaimBegin,
   useClaims
-} from "./chunk-IBEUR3J7.js";
+} from "./chunk-JI5BZTBK.js";
 import {
   useCancelReturn,
   useCancelReturnRequest,
   useReturns
-} from "./chunk-TF6V3TFG.js";
+} from "./chunk-N7RHA7GE.js";
 import {
   getReturnableQuantity
 } from "./chunk-UM7ZR3VU.js";
@@ -62,31 +62,31 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useMarkPaymentCollectionAsPaid
-} from "./chunk-R5QZO3QY.js";
+} from "./chunk-UZQKGNIW.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
 import "./chunk-S7EKBD2C.js";
 import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
+import "./chunk-D2KMKWPI.js";
 import "./chunk-BOZJOOGW.js";
 import "./chunk-IQWK723D.js";
 import "./chunk-4S6XGIC6.js";
 import {
   useMember
 } from "./chunk-S23FD6FA.js";
-import "./chunk-DDJQRV6E.js";
+import "./chunk-AQ7HHCHJ.js";
 import {
   useCustomer
 } from "./chunk-LWJF63JW.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
+import "./chunk-TFGWDC2N.js";
+import "./chunk-Z2OUSXGV.js";
 import "./chunk-VXMOPVRH.js";
 import {
   useStockLocation
 } from "./chunk-NBPMNUKZ.js";
-import "./chunk-SIEEMXNZ.js";
+import "./chunk-5ZJE3O2T.js";
 import {
   ordersQueryKeys,
   useCancelOrder,
@@ -96,7 +96,7 @@ import {
   useOrderChanges,
   useOrderPreview,
   useReservationItems
-} from "./chunk-Y2MQ5EMD.js";
+} from "./chunk-QCAMAXTE.js";
 import "./chunk-3B34B2M2.js";
 import {
   ActionMenu
@@ -104,7 +104,7 @@ import {
 import "./chunk-LAVHRER2.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-JAUZ73XE.js";
+import "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient

package/dist/{[id]-GY5R652O.js → [id]-NGAIPW6P.js}

@@ -2,18 +2,18 @@ import {
   TaxOverrideTable,
   TaxRateLine,
   useTaxOverrideTable
-} from "./chunk-BPVMJN2D.js";
+} from "./chunk-FQKVJALF.js";
+import "./chunk-Q4UVXS46.js";
 import {
   TaxRegionTable,
   useTaxRegionTable
-} from "./chunk-7CMRFP5Q.js";
+} from "./chunk-QS35HWC5.js";
 import {
   TaxRegionCard
 } from "./chunk-E2HQPY32.js";
 import {
   getCountryProvinceObjectByIso2
 } from "./chunk-N2TQXB44.js";
-import "./chunk-Q4UVXS46.js";
 import "./chunk-QDPLZDMX.js";
 import {
   useTaxRateTableQuery
@@ -25,7 +25,7 @@ import {
   getCountryByIso2
 } from "./chunk-JRTZWK77.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
+import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
 import "./chunk-U2EI2ZLM.js";
 import {
@@ -35,7 +35,7 @@ import "./chunk-THHRRYRS.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
-import "./chunk-R5QZO3QY.js";
+import "./chunk-UZQKGNIW.js";
 import "./chunk-F4OJN2F2.js";
 import {
   useTaxRates
@@ -47,25 +47,25 @@ import {
 } from "./chunk-M6N4ISXL.js";
 import "./chunk-S7EKBD2C.js";
 import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
+import "./chunk-D2KMKWPI.js";
 import "./chunk-BOZJOOGW.js";
 import "./chunk-IQWK723D.js";
 import "./chunk-4S6XGIC6.js";
 import "./chunk-S23FD6FA.js";
-import "./chunk-DDJQRV6E.js";
+import "./chunk-AQ7HHCHJ.js";
 import "./chunk-LWJF63JW.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
+import "./chunk-TFGWDC2N.js";
+import "./chunk-Z2OUSXGV.js";
 import "./chunk-VXMOPVRH.js";
 import "./chunk-NBPMNUKZ.js";
-import "./chunk-SIEEMXNZ.js";
-import "./chunk-Y2MQ5EMD.js";
+import "./chunk-5ZJE3O2T.js";
+import "./chunk-QCAMAXTE.js";
 import "./chunk-3B34B2M2.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-JAUZ73XE.js";
+import "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient

package/dist/{[id]-US6IULL2.js → [id]-OQ2LU74O.js}

@@ -1,7 +1,7 @@
 import {
   ProductGeneralSection,
   ProductMediaSection
-} from "./chunk-4WCPN4OA.js";
+} from "./chunk-6EATIA34.js";
 import {
   SectionRow
 } from "./chunk-4TLP3TAA.js";
@@ -20,7 +20,7 @@ import {
 } from "./chunk-HFRHHT36.js";
 import {
   DataTable
-} from "./chunk-5T6UWTRU.js";
+} from "./chunk-IV57G2CB.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
@@ -36,7 +36,7 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useProductTag
-} from "./chunk-R5QZO3QY.js";
+} from "./chunk-UZQKGNIW.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
@@ -44,24 +44,24 @@ import "./chunk-S7EKBD2C.js";
 import {
   useProductType
 } from "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
+import "./chunk-D2KMKWPI.js";
 import "./chunk-BOZJOOGW.js";
 import "./chunk-IQWK723D.js";
 import "./chunk-4S6XGIC6.js";
 import "./chunk-S23FD6FA.js";
 import {
   useCollection
-} from "./chunk-DDJQRV6E.js";
+} from "./chunk-AQ7HHCHJ.js";
 import "./chunk-LWJF63JW.js";
 import "./chunk-VXWN37PT.js";
 import {
   useProductCategory
-} from "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
+} from "./chunk-TFGWDC2N.js";
+import "./chunk-Z2OUSXGV.js";
 import "./chunk-VXMOPVRH.js";
 import "./chunk-NBPMNUKZ.js";
-import "./chunk-SIEEMXNZ.js";
-import "./chunk-Y2MQ5EMD.js";
+import "./chunk-5ZJE3O2T.js";
+import "./chunk-QCAMAXTE.js";
 import {
   useSalesChannels
 } from "./chunk-3B34B2M2.js";
@@ -73,7 +73,7 @@ import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
 import {
   PRODUCT_DETAIL_QUERY
-} from "./chunk-U6PBLMXD.js";
+} from "./chunk-REUNEGSN.js";
 import {
   productAttributesQueryKeys,
   productsQueryKeys,
@@ -84,7 +84,7 @@ import {
   useProductChange,
   useProductVariants,
   useRemoveProductAttribute
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient
@@ -263,6 +263,22 @@ var FieldRow = ({ diff }) => {
     )
   ] });
 };
+var ActionRow = ({
+  label,
+  children
+}) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+  /* @__PURE__ */ jsx(
+    Text,
+    {
+      size: "small",
+      weight: "plus",
+      leading: "compact",
+      className: "text-ui-fg-subtle w-[160px] shrink-0",
+      children: label
+    }
+  ),
+  /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col gap-y-1", children })
+] });
 var AttributeActionLine = ({
   attributeId,
   valueIds
@@ -274,18 +290,23 @@ var AttributeActionLine = ({
     const match = values.find((v) => v.id === id);
     return match?.name ?? id;
   }) : [];
-  return /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: [
-    /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: name }),
-    selectedNames.length > 0 && `: ${selectedNames.join(", ")}`
-  ] });
+  return /* @__PURE__ */ jsx(ActionRow, { label: name, children: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: selectedNames.length > 0 ? selectedNames.join(", ") : "-" }) });
 };
 var VariantActionLine = ({
   title,
+  sku,
   images
-}) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-  images && images.length > 0 && /* @__PURE__ */ jsx(ImageStrip, { images }),
-  /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: title }) })
-] });
+}) => {
+  const { t } = useTranslation();
+  const src = images && images.length > 0 ? images[0].url : null;
+  return /* @__PURE__ */ jsx(ActionRow, { label: t("fields.variant", { defaultValue: "Variant" }), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(Thumbnail, { src, size: "base" }),
+    /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: title }),
+      sku ? ` \xB7 ${sku}` : null
+    ] })
+  ] }) });
+};
 var ActionLine = ({
   action,
   variantsById
@@ -304,15 +325,24 @@ var ActionLine = ({
   }
   const variantFallback = t("fields.variant", { defaultValue: "Variant" });
   if (action.action === import_types.ProductChangeActionType.VARIANT_ADD) {
-    const title = details.variant?.title || details.variant?.sku || variantFallback;
-    return /* @__PURE__ */ jsx(VariantActionLine, { title });
+    const variantTitle = details.variant?.title;
+    const sku = details.variant?.sku;
+    const title = variantTitle || sku || variantFallback;
+    return /* @__PURE__ */ jsx(VariantActionLine, { title, sku: variantTitle ? sku : void 0 });
   }
   if (action.action === import_types.ProductChangeActionType.VARIANT_REMOVE) {
     const variantId = details.variant_id ?? "";
     const found = variantId ? variantsById.get(variantId) : void 0;
     const title = found?.title || found?.sku || variantId || variantFallback;
     const images = isImageList(found?.images) ? found?.images : void 0;
-    return /* @__PURE__ */ jsx(VariantActionLine, { title, images });
+    return /* @__PURE__ */ jsx(
+      VariantActionLine,
+      {
+        title,
+        sku: found?.title ? found?.sku : void 0,
+        images
+      }
+    );
   }
   const label = describeProductChangeAction(action, {
     variant: variantFallback
@@ -737,7 +767,7 @@ var ProductVariantSection = ({
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", "data-testid": "product-variant-section", children: [
+  return /* @__PURE__ */ jsxs3(Container3, { className: "p-0", "data-testid": "product-variant-section", children: [
     /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: t("products.variants.header") }),
       /* @__PURE__ */ jsx3(
@@ -762,7 +792,6 @@ var ProductVariantSection = ({
         rowHref: (row) => `/products/${product.id}/variants/${row.id}`,
         pageSize: PAGE_SIZE,
         isLoading: isPending,
-        compact: true,
         emptyState: {
           empty: {
             heading: t("products.variants.empty.heading"),