@mercurjs/admin 2.2.0-rc.0 → 2.2.0-rc.1

package/dist/{chunk-PMVWIBTI.js → chunk-SLAWONP2.js}

@@ -1,6 +1,6 @@
 import {
   InventoryItemGeneralSection
-} from "./chunk-LFKTHNWI.js";
+} from "./chunk-APAT344J.js";
 import {
   getFormattedCountry
 } from "./chunk-W6Y3PPU5.js";
@@ -20,23 +20,23 @@ import {
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
-import {
-  useQueryParams
-} from "./chunk-THHRRYRS.js";
 import {
   useStockLocations
 } from "./chunk-VXW3BCN2.js";
 import {
   useDeleteReservationItem,
   useReservationItems
-} from "./chunk-GLZLBHFC.js";
+} from "./chunk-WX4ABVXL.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -48,7 +48,7 @@ import {
   inventoryItemsQueryKeys,
   useInventoryItem,
   useInventoryItemLevels
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -59,10 +59,12 @@ import {
 // src/pages/inventory/inventory-detail/inventory-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/inventory/inventory-detail/components/inventory-item-attributes/attributes-section.tsx
 import { Container, Heading } from "@medusajs/ui";
 import { PencilSquare } from "@medusajs/icons";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 var InventoryItemAttributeSection = ({
@@ -104,12 +106,21 @@ var InventoryItemAttributeSection = ({
         value: getFormattedCountry(inventoryItem.origin_country),
         "data-testid": "inventory-item-country-of-origin-row"
       }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "inventory_item",
+        zone: "attributes",
+        data: inventoryItem
+      }
     )
   ] });
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-location-levels.tsx
 import { Button, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { Link } from "react-router-dom";
 
@@ -340,7 +351,15 @@ var InventoryItemLocationLevelsSection = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx4(ItemLocationListTable, { inventory_item_id: inventoryItem.id })
+        /* @__PURE__ */ jsx4(ItemLocationListTable, { inventory_item_id: inventoryItem.id }),
+        /* @__PURE__ */ jsx4(
+          DisplayExtensionZone2,
+          {
+            model: "inventory_item",
+            zone: "locations",
+            data: inventoryItem
+          }
+        )
       ]
     }
   );
@@ -348,6 +367,7 @@ var InventoryItemLocationLevelsSection = ({
 
 // src/pages/inventory/inventory-detail/components/inventory-item-reservations.tsx
 import { Button as Button2, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation7 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
 
@@ -591,13 +611,22 @@ var InventoryItemReservationsSection = ({
       /* @__PURE__ */ jsx9(Heading3, { "data-testid": "inventory-item-reservations-title", children: t("reservations.domain") }),
       /* @__PURE__ */ jsx9(Button2, { size: "small", variant: "secondary", asChild: true, "data-testid": "inventory-create-reservation-button", children: /* @__PURE__ */ jsx9(Link2, { to: `/reservations/create?item_id=${inventoryItem.id}`, "data-testid": "inventory-create-reservation-link", children: t("actions.create") }) })
     ] }),
-    /* @__PURE__ */ jsx9(ReservationItemTable, { inventoryItem })
+    /* @__PURE__ */ jsx9(ReservationItemTable, { inventoryItem }),
+    /* @__PURE__ */ jsx9(
+      DisplayExtensionZone3,
+      {
+        model: "inventory_item",
+        zone: "reservations",
+        data: inventoryItem
+      }
+    )
   ] });
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-variants/variants-section.tsx
 import { TriangleRightMini } from "@medusajs/icons";
 import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation8 } from "react-i18next";
 import { Link as Link3 } from "react-router-dom";
 import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -633,7 +662,15 @@ var InventoryItemVariantsSection = ({
         },
         variant.id
       );
-    }) })
+    }) }),
+    /* @__PURE__ */ jsx10(
+      DisplayExtensionZone4,
+      {
+        model: "inventory_item",
+        zone: "variants",
+        data: variants
+      }
+    )
   ] });
 };
 
@@ -652,9 +689,7 @@ var Root = ({ children }) => {
     error
   } = useInventoryItem(
     id,
-    {
-      fields: INVENTORY_DETAIL_FIELDS
-    },
+    useLinkQuery("inventory_item", INVENTORY_DETAIL_FIELDS),
     {
       initialData
     }
@@ -674,7 +709,7 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx11(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children }) : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children: [
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { "data-testid": "inventory-detail-main", children: [
+    /* @__PURE__ */ jsx11(TwoColumnPage.Main, { "data-testid": "inventory-detail-main", children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "inventory.detail.main", data: inventory_item, children: [
       /* @__PURE__ */ jsx11(InventoryItemGeneralSection, { inventoryItem: inventory_item }),
       /* @__PURE__ */ jsx11(
         InventoryItemLocationLevelsSection,
@@ -683,8 +718,8 @@ var Root = ({ children }) => {
         }
       ),
       /* @__PURE__ */ jsx11(InventoryItemReservationsSection, { inventoryItem: inventory_item })
-    ] }),
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Sidebar, { "data-testid": "inventory-detail-sidebar", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx11(TwoColumnPage.Sidebar, { "data-testid": "inventory-detail-sidebar", children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "inventory.detail.side", data: inventory_item, children: [
       inventory_item.variants && inventory_item.variants?.length > 0 && /* @__PURE__ */ jsx11(
         InventoryItemVariantsSection,
         {
@@ -692,7 +727,7 @@ var Root = ({ children }) => {
         }
       ),
       /* @__PURE__ */ jsx11(InventoryItemAttributeSection, { inventoryItem: inventory_item })
-    ] })
+    ] }) })
   ] });
 };
 var InventoryDetailPage = Object.assign(Root, {

package/dist/{chunk-ML7UVBKL.js → chunk-TIG77LHS.js}

@@ -1,6 +1,6 @@
 import {
   getPromotionStatus
-} from "./chunk-RIO2IHPE.js";
+} from "./chunk-67KYEPSA.js";
 import {
   TextCell,
   TextHeader

package/dist/{chunk-YRINVEI3.js → chunk-TJJ7S3GL.js}

@@ -17,6 +17,7 @@ import {
 // src/pages/shipping-option-types/shipping-option-type-detail/shipping-option-type-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/shipping-option-types/shipping-option-type-detail/components/shipping-option-type-general-section/shipping-option-type-general-section.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
@@ -86,12 +87,12 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { showJSON: true, showMetadata: true, data: shipping_option_type, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { showJSON: true, showMetadata: true, data: shipping_option_type, children: /* @__PURE__ */ jsx2(
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { showJSON: true, showMetadata: true, data: shipping_option_type, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { showJSON: true, showMetadata: true, data: shipping_option_type, children: /* @__PURE__ */ jsx2(WidgetZone, { id: "shipping-option-types.detail.main", data: shipping_option_type, children: /* @__PURE__ */ jsx2(
     ShippingOptionTypeGeneralSection,
     {
       shippingOptionType: shipping_option_type
     }
-  ) });
+  ) }) });
 };
 var ShippingOptionTypeDetailPage = Object.assign(Root, {
   GeneralSection: ShippingOptionTypeGeneralSection

package/dist/{chunk-4BCUGMOR.js → chunk-UK5BVJI7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-VHCDSNXF.js";
 import {
   useSalesChannels
-} from "./chunk-MW47LDBT.js";
+} from "./chunk-ZOTBKQLG.js";
 
 // src/hooks/table/filters/use-order-table-filters.tsx
 import { useTranslation } from "react-i18next";

package/dist/{chunk-MOG7LT73.js → chunk-UK5CZJ4A.js}

@@ -1,6 +1,6 @@
 import {
   PriceListCustomerGroupRuleForm
-} from "./chunk-CHMIK6PK.js";
+} from "./chunk-F6DGTW4E.js";
 import {
   PriceListCreateProductsSchema,
   PriceListRulesSchema,
@@ -13,13 +13,13 @@ import {
 } from "./chunk-U5MJIHLY.js";
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-APMBU7ZV.js";
 import {
   useProductTableQuery
-} from "./chunk-H7NIKMPE.js";
+} from "./chunk-5NSOIZFB.js";
 import {
   TabbedForm,
   defineTabMeta,
@@ -40,16 +40,16 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 import {
   useCreatePriceList
-} from "./chunk-LSMTJU6Y.js";
+} from "./chunk-G2LHEJLS.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
 import {
   useProducts
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/price-lists/price-list-create/components/price-list-create-form/schema.ts
 import { z } from "zod";
@@ -705,6 +705,8 @@ var PriceListCreateForm = ({
   return /* @__PURE__ */ jsx4(
     TabbedForm,
     {
+      model: "price_list",
+      zone: "create",
       form,
       onSubmit: handleSubmit,
       isLoading: isPending,

package/dist/{chunk-4BPQNCF5.js → chunk-UVH7PC5B.js}

@@ -1,13 +1,13 @@
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useDeleteShippingProfile,
   useShippingProfiles
@@ -18,6 +18,7 @@ import {
 
 // src/pages/shipping-profiles/shipping-profiles-list/shipping-profile-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/shipping-profiles/shipping-profiles-list/components/shipping-profile-list-view/shipping-profile-list-view.tsx
 import { Children as Children2 } from "react";
@@ -279,7 +280,7 @@ var ShippingProfileListView = ({
 // src/pages/shipping-profiles/shipping-profiles-list/shipping-profile-list.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx6(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(ShippingProfileListView, {}) });
+  return /* @__PURE__ */ jsx6(SingleColumnPage, { children: /* @__PURE__ */ jsx6(WidgetZone, { id: "shipping-profiles.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(ShippingProfileListView, {}) }) });
 };
 var ShippingProfileListPage = Object.assign(Root, {
   Table: ShippingProfileListView,

package/dist/{chunk-HB3KRNZM.js → chunk-VH4W6LKI.js}

@@ -13,11 +13,12 @@ import {
 import {
   useDeleteVariant,
   useProductVariant
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/product-variants/product-variant-detail/product-variant-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/product-variants/product-variant-detail/components/variant-general-section/variant-general-section.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
@@ -127,8 +128,8 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(TwoColumnPage, { data: variant, showJSON: true, showMetadata: true, hasOutlet: true, children }) : /* @__PURE__ */ jsxs2(TwoColumnPage, { data: variant, showJSON: true, showMetadata: true, hasOutlet: true, children: [
-    /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(VariantGeneralSection, { variant }) }),
-    /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: null })
+    /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "product-variants.detail.main", data: variant, children: /* @__PURE__ */ jsx2(VariantGeneralSection, { variant }) }) }),
+    /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "product-variants.detail.side", data: variant, children: null }) })
   ] });
 };
 var ProductVariantDetailPage = Object.assign(Root, {

package/dist/{chunk-YRUCTB6M.js → chunk-VHOCBKSA.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5A4JNOK3.js";
 import {
   useRefundReasonTableQuery
-} from "./chunk-WKDHY2DJ.js";
+} from "./chunk-IJ2CSCLP.js";
 import {
   DataTable
 } from "./chunk-C4XKPQ6T.js";
@@ -17,6 +17,7 @@ import {
 
 // src/pages/refund-reasons/refund-reason-list/refund-reason-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/refund-reasons/refund-reason-list/components/refund-reason-list-table/refund-reason-list-table.tsx
 import { Children as Children2 } from "react";
@@ -174,7 +175,7 @@ var RefundReasonListTable = ({ children }) => {
 // src/pages/refund-reasons/refund-reason-list/refund-reason-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { showMetadata: false, showJSON: false, hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(RefundReasonListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { showMetadata: false, showJSON: false, hasOutlet: true, children: /* @__PURE__ */ jsx4(WidgetZone, { id: "refund-reasons.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(RefundReasonListTable, {}) }) });
 };
 var RefundReasonList = Object.assign(Root, {
   Table: RefundReasonListTable,

package/dist/{chunk-IVBNI2QE.js → chunk-VQ6OPDS3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-7AV5EJJ5.js";
 import {
   useDeleteProductCategoryAction
-} from "./chunk-CW3HYGS5.js";
+} from "./chunk-7CQD5AQ6.js";
 import {
   getCategoryChildren,
   getCategoryPath,
@@ -16,42 +16,44 @@ import {
 } from "./chunk-QJCUPZZQ.js";
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-APMBU7ZV.js";
 import {
   useProductTableQuery
-} from "./chunk-H7NIKMPE.js";
+} from "./chunk-5NSOIZFB.js";
 import {
   TwoColumnPage
 } from "./chunk-E74OUNA3.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useProductCategory,
   useUpdateProductCategoryProducts
-} from "./chunk-JZJT26E3.js";
+} from "./chunk-QVIX6O76.js";
 import {
   Skeleton,
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/categories/category-detail/category-detail.tsx
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
 
 // src/pages/categories/category-detail/components/category-general-section/category-general-section.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { Container, Heading, StatusBadge, Text } from "@medusajs/ui";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CategoryGeneralSection = ({
@@ -63,11 +65,29 @@ var CategoryGeneralSection = ({
   const handleDelete = useDeleteProductCategoryAction(category);
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Heading, { children: category.name }),
+      /* @__PURE__ */ jsx(DisplayField, { model: "category", zone: "general", id: "name", data: category, children: /* @__PURE__ */ jsx(Heading, { children: category.name }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-          /* @__PURE__ */ jsx(StatusBadge, { color: activeProps.color, children: activeProps.label }),
-          /* @__PURE__ */ jsx(StatusBadge, { color: internalProps.color, children: internalProps.label })
+          /* @__PURE__ */ jsx(
+            DisplayField,
+            {
+              model: "category",
+              zone: "general",
+              id: "is_active",
+              data: category,
+              children: /* @__PURE__ */ jsx(StatusBadge, { color: activeProps.color, children: activeProps.label })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DisplayField,
+            {
+              model: "category",
+              zone: "general",
+              id: "is_internal",
+              data: category,
+              children: /* @__PURE__ */ jsx(StatusBadge, { color: internalProps.color, children: internalProps.label })
+            }
+          )
         ] }),
         /* @__PURE__ */ jsx(
           ActionMenu,
@@ -96,23 +116,51 @@ var CategoryGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: category.description || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
-      /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", children: [
-        "/",
-        category.handle
-      ] })
-    ] })
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "category",
+        zone: "general",
+        id: "description",
+        data: category,
+        children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: category.description || "-" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "category",
+        zone: "general",
+        id: "handle",
+        data: category,
+        children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
+          /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", children: [
+            "/",
+            category.handle
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "category",
+        zone: "general",
+        data: category,
+        builtInFieldIds: ["name", "is_active", "is_internal", "description", "handle"]
+      }
+    )
   ] });
 };
 
 // src/pages/categories/category-detail/components/category-icon-section/category-icon-section.tsx
 import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
 import { Container as Container2, Heading as Heading2, Text as Text2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CategoryIconSection = ({
@@ -161,13 +209,14 @@ var CategoryIconSection = ({
         }
       ),
       /* @__PURE__ */ jsx2(Text2, { size: "small", className: "text-ui-fg-muted", children: t("categories.icon.empty.description") })
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayExtensionZone2, { model: "category", zone: "icon", data: category })
   ] });
 };
 
 // src/pages/categories/category-detail/components/category-media-section/category-media-section.tsx
 import { PencilSquare as PencilSquare3, ThumbnailBadge } from "@medusajs/icons";
-import { ListBadge } from "@mercurjs/dashboard-shared";
+import { DisplayExtensionZone as DisplayExtensionZone3, ListBadge } from "@mercurjs/dashboard-shared";
 import { Container as Container3, Heading as Heading3, Text as Text3, Tooltip } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -230,7 +279,8 @@ var CategoryMediaSection = ({
         }
       ),
       /* @__PURE__ */ jsx3(Text3, { size: "small", className: "text-ui-fg-muted", children: t("categories.media.empty.description") })
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayExtensionZone3, { model: "category", zone: "media", data: category })
   ] });
 };
 
@@ -241,6 +291,7 @@ import {
   TriangleRightMini
 } from "@medusajs/icons";
 import { Badge, Container as Container4, Heading as Heading4, Text as Text4, Tooltip as Tooltip2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { useMemo, useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -276,7 +327,8 @@ var CategoryOrganizeSection = ({
     /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start gap-3 px-6 py-4", children: [
       /* @__PURE__ */ jsx4(Text4, { size: "small", leading: "compact", weight: "plus", children: t("categories.fields.children.label") }),
       /* @__PURE__ */ jsx4(ChildrenDisplay, { category })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone4, { model: "category", zone: "organize", data: category })
   ] });
 };
 var PathDisplay = ({
@@ -380,6 +432,7 @@ var ChildrenDisplay = ({
 
 // src/pages/categories/category-detail/components/category-product-section/category-product-section.tsx
 import { ExclamationCircle, PlusMini } from "@medusajs/icons";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import {
   Checkbox,
   CommandBar,
@@ -519,7 +572,8 @@ var CategoryProductSection = ({
           shortcut: "r"
         }
       )
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx5(DisplayExtensionZone5, { model: "category", zone: "products", data: category })
   ] });
 };
 var columnHelper = createColumnHelper();
@@ -558,9 +612,10 @@ import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
   const initialData = useLoaderData();
+  const linkQuery = useLinkQuery("category");
   const { product_category, isLoading, isError, error } = useProductCategory(
     id,
-    void 0,
+    linkQuery,
     {
       initialData
     }
@@ -580,13 +635,13 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(TwoColumnPage, { showJSON: true, showMetadata: true, data: product_category, "data-testid": "category-detail-page", children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { showJSON: true, showMetadata: true, data: product_category, "data-testid": "category-detail-page", children: [
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx6(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "categories.detail.main", data: product_category, children: [
       /* @__PURE__ */ jsx6(CategoryGeneralSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryMediaSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryIconSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryProductSection, { category: product_category })
-    ] }),
-    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(CategoryOrganizeSection, { category: product_category }) })
+    ] }) }),
+    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(WidgetZone, { id: "categories.detail.side", data: product_category, children: /* @__PURE__ */ jsx6(CategoryOrganizeSection, { category: product_category }) }) })
   ] });
 };
 var CategoryDetailPage = Object.assign(Root, {

package/dist/{chunk-LQSSUC7W.js → chunk-VX6OCQLN.js}

@@ -1,16 +1,16 @@
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useUsers
 } from "./chunk-A2F5MDPU.js";
@@ -20,6 +20,7 @@ import {
 
 // src/pages/users/user-list/user-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/users/user-list/components/user-list-table/user-list-table.tsx
 import { Children as Children2 } from "react";
@@ -234,7 +235,7 @@ var UserListTable = ({ children }) => {
 // src/pages/users/user-list/user-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(UserListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "users.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(UserListTable, {}) }) });
 };
 var UserListPage = Object.assign(Root, {
   Table: UserListTable,