@mohasinac/appkit 4.71.0 → 4.71.2

package/dist/features/admin/components/AdminSparesView.d.ts

@@ -3,10 +3,14 @@
  *
  * A thin wrapper over the shared per-listing-type config, matching its five
  * siblings exactly. Nothing about spares needs a bespoke ListingViewConfig:
- * the difference between this and `AdminStickersView` is one string, which is
+ * the difference between this and `AdminArtAndStickersView` is one string, which is
  * precisely why those five were collapsed onto one builder in the first place.
  */
 import React from "react";
 import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
-export type AdminSparesViewProps = ListingLayoutProps;
-export declare function AdminSparesView({ children, ...props }: AdminSparesViewProps): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export type AdminSparesViewProps = ListingLayoutProps & {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+};
+export declare function AdminSparesView({ children, pageRegionCards, ...props }: AdminSparesViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminSparesView.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * AdminSparesView — admin browse of spares listings.
  *
  * A thin wrapper over the shared per-listing-type config, matching its five
  * siblings exactly. Nothing about spares needs a bespoke ListingViewConfig:
- * the difference between this and `AdminStickersView` is one string, which is
+ * the difference between this and `AdminArtAndStickersView` is one string, which is
  * precisely why those five were collapsed onto one builder in the first place.
  */
 import React from "react";
@@ -13,18 +13,19 @@ import { ListingLayout } from "../../../ui/components/ListingLayout.js";
 import { buildListingTypeListingConfig } from "../../products/config/listing-type-listing-config.js";
 import { DataListingView } from "./DataListingView.js";
 import { useAvailabilityScope } from "../../products/hooks/useAvailabilityScope.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const LISTING_TYPES = ["spares"];
 const CONFIG_OPTS = {
     title: "Spares",
     searchPlaceholder: "Search spares by part, colour or seller",
     emptyLabel: "No spare-part listings",
 };
-export function AdminSparesView({ children, ...props }) {
+export function AdminSparesView({ children, pageRegionCards = [], ...props }) {
     const scope = useAvailabilityScope(LISTING_TYPES);
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));
     }
     // Built per-render rather than at module scope: the availability scope reads
     // the URL through a hook, which cannot run outside a component.
-    return (_jsx(DataListingView, { config: buildListingTypeListingConfig("spares", { ...CONFIG_OPTS, scope }) }));
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-spares", initialCards: pageRegionCards }), _jsx(DataListingView, { config: buildListingTypeListingConfig("spares", { ...CONFIG_OPTS, scope }) })] }));
 }

package/dist/features/admin/components/AdminStoreAddressesView.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface AdminStoreAddressesViewProps {
     children?: React.ReactNode;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function AdminStoreAddressesView(_props: AdminStoreAddressesViewProps): React.JSX.Element;
+export declare function AdminStoreAddressesView({ pageRegionCards }: AdminStoreAddressesViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminStoreAddressesView.js

@@ -6,6 +6,7 @@ import { toRecordArray, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const ADMIN_STORE_ADDRESSES_CONFIG = {
     portal: "admin",
     title: "Store Addresses",
@@ -41,10 +42,10 @@ const ADMIN_STORE_ADDRESSES_CONFIG = {
     getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
     buildFilters: () => undefined,
 };
-export function AdminStoreAddressesView(_props) {
+export function AdminStoreAddressesView({ pageRegionCards = [] }) {
     const [selected, setSelected] = useState(null);
     const raw = selected?._raw ?? {};
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: { ...ADMIN_STORE_ADDRESSES_CONFIG, onRowClick: (row) => setSelected(row) } }), _jsx(RecordDetailModal, { isOpen: Boolean(selected), onClose: () => setSelected(null), title: toStringValue(raw.label, "Store Address"), badges: raw.isDefault
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-store-addresses", initialCards: pageRegionCards }), _jsx(DataListingView, { config: { ...ADMIN_STORE_ADDRESSES_CONFIG, onRowClick: (row) => setSelected(row) } }), _jsx(RecordDetailModal, { isOpen: Boolean(selected), onClose: () => setSelected(null), title: toStringValue(raw.label, "Store Address"), badges: raw.isDefault
                     ? [{ label: "Default pickup location", variant: "info" }]
                     : undefined, fields: [
                     { label: "Store", value: toStringValue(raw.storeName ?? raw.storeId, "—") },

package/dist/features/admin/components/AdminStoreEditorView.js

@@ -17,6 +17,7 @@ import { adminStoreUpdateSchema } from "../schemas/admin-editor-forms.js";
 import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
 import { FormShellContext, useFormShellState } from "../../../ui/forms/FormShell.js";
 import { SectionForm, useSectionFormNav, buildSectionsFromSchema } from "../../shell/index.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 /*
  * 🛑 Imported, not restated. This value is the `??` fallback on the load path
  * below, so whatever it holds is what gets SAVED BACK for a store whose
@@ -65,8 +66,8 @@ const CAPABILITY_META = {
         group: CAP_GROUP.LISTINGS,
         label: "Advanced Listing Types (pre-orders, prize draws, classifieds, digital codes, live, art, stickers)",
     },
-    // Legacy: no longer checked anywhere — `auction` is a basic type now.
-    host_auctions: { group: CAP_GROUP.LISTINGS, label: "Host Auctions (legacy — no longer required)" },
+    // Legacy: no longer checked anywhere — `collector drop` is a basic type now.
+    host_collector_drops: { group: CAP_GROUP.LISTINGS, label: "Host Collector Drops (legacy — no longer required)" },
     // Legacy per-type grant, still honoured so existing stores keep access.
     host_preorders: { group: CAP_GROUP.LISTINGS, label: "Host Pre-orders (legacy grant)" },
     create_categories: { group: CAP_GROUP.LISTINGS, label: "Request New Categories" },
@@ -214,5 +215,5 @@ export function AdminStoreEditorView({ open, onClose, storeId, storeName, curren
         onGoToSection: nav.goToSection,
         fieldToSectionIndex: nav.fieldToSectionIndex,
     });
-    return (_jsx(SideDrawer, { isOpen: open, onClose: onClose, title: storeName ? `Manage: ${storeName}` : "Manage Store", children: _jsx(FormShellContext.Provider, { value: shellCtx, children: _jsxs(Div, { padding: "md", children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: values, onChange: handleChange, onSubmit: () => saveMutation.mutate(), schema: adminStoreUpdateSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: saveMutation.isPending, submitLabel: "Save changes", onCancel: onClose, cancelLabel: "Cancel" })] }) }) }));
+    return (_jsx(SideDrawer, { isOpen: open, onClose: onClose, title: storeName ? `Manage: ${storeName}` : "Manage Store", children: _jsx(FormShellContext.Provider, { value: shellCtx, children: _jsxs(Div, { padding: "md", children: [_jsx(AdminComposableRegion, { pageId: "admin-stores-id-view", initialCards: [] }), _jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: values, onChange: handleChange, onSubmit: () => saveMutation.mutate(), schema: adminStoreUpdateSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: saveMutation.isPending, submitLabel: "Save changes", onCancel: onClose, cancelLabel: "Cancel" })] }) }) }));
 }

package/dist/features/admin/components/AdminStoresGuideView.d.ts

@@ -1,2 +1,7 @@
 import React from "react";
-export declare function AdminStoresGuideView(): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface AdminStoresGuideViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function AdminStoresGuideView({ pageRegionCards }: AdminStoresGuideViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminStoresGuideView.js

@@ -7,8 +7,9 @@ import { Heading, Span, Text } from "../../../ui/components/Typography.js";
 import { Row, Stack } from "../../../ui/components/Layout.js";
 import { GC } from "../../_guide-cls.js";
 import { getBrandName } from "../../../core/brand-resolver.js";
-export function AdminStoresGuideView() {
-    return (_jsxs(Stack, { className: "max-w-3xl mx-auto", padding: "b-2xl", gap: "xl", children: [_jsxs(Section, { children: [_jsxs(Row, { className: "mb-2", align: "center", gap: "3", children: [_jsx(Row, { className: "flex-shrink-0 w-10 h-10 [background:linear-gradient(135deg,var(--appkit-color-primary-700)_0%,var(--appkit-color-cobalt)_100%)]", align: "center", justify: "center", rounded: "xl", children: _jsx(Store, { className: "w-5 h-5 text-white" }) }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-widest", size: "sm", weight: "semibold", transform: "uppercase", children: "Admin Guide" })] }), _jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)] mb-2", mdSize: "3xl", size: "2xl", weight: "bold", children: "Stores & Sellers" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", children: ["Store lifecycle, identity architecture, capabilities, and suspension on ", getBrandName(), "."] })] }), [
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+export function AdminStoresGuideView({ pageRegionCards = [] }) {
+    return (_jsxs(Stack, { className: "max-w-3xl mx-auto", padding: "b-2xl", gap: "xl", children: [_jsxs(Section, { children: [_jsxs(Row, { className: "mb-2", align: "center", gap: "3", children: [_jsx(Row, { className: `flex-shrink-0 w-10 h-10 ${GC.iconBg}`, align: "center", justify: "center", rounded: "xl", children: _jsx(Store, { className: GC.iconPrimary }) }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-widest", size: "sm", weight: "semibold", transform: "uppercase", children: "Admin Guide" })] }), _jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)] mb-2", mdSize: "3xl", size: "2xl", weight: "bold", children: "Stores & Sellers" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", children: ["Store lifecycle, identity architecture, capabilities, and suspension on ", getBrandName(), "."] })] }), _jsx(AdminComposableRegion, { pageId: "admin-guide-stores", initialCards: pageRegionCards }), [
                 {
                     Icon: Store, title: "Store Lifecycle",
                     content: (_jsxs(Ul, { className: GC.listMuted, children: [_jsxs(Li, { children: [_jsx(Span, { weight: "bold", children: "Creation" }), ": Seller registers \u2192 completes onboarding wizard \u2192 admin reviews \u2192 store goes ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "active" }), "."] }), _jsxs(Li, { children: [_jsx(Span, { weight: "bold", children: "Status values" }), ": ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "pending" }), " (awaiting approval, not public), ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "active" }), " (visible and selling), ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "suspended" }), " (hidden, not selling), ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "rejected" }), " (application refused). Only ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "active" }), " sets ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "isPublic" }), ", and leaving it clears any earned tier immediately."] }), _jsxs(Li, { children: [_jsx(Span, { weight: "bold", children: "isVerified badge" }), ": An IDENTITY check, not a performance one \u2014 grant it after reviewing the seller's submitted ID. There is no order-count or rating threshold, and it does not expire. Toggle it in AdminStoreEditorView."] }), _jsxs(Li, { children: [_jsx(Span, { weight: "bold", children: "sellerTier" }), ": The EARNED tier, computed by ", _jsx(Code, { size: "xs", children: "sellerStandingRollup" }), " on the last day of each month. Setting it by hand pins it (", _jsx(Code, { size: "xs", children: "tierLockedByAdmin" }), ") so the job stops moving it \u2014 and it carries early payout with it. See the Trust guide."] })] })),

package/dist/features/admin/components/AdminStoresView.d.ts

@@ -1,4 +1,8 @@
 import React from "react";
 import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
-export type AdminStoresViewProps = ListingLayoutProps;
-export declare function AdminStoresView({ children, ...props }: AdminStoresViewProps): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface AdminStoresViewProps extends ListingLayoutProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function AdminStoresView({ children, pageRegionCards, ...props }: AdminStoresViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminStoresView.js

@@ -19,7 +19,8 @@ import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdmin
 import { DataListingView } from "./DataListingView.js";
 import { apiClient } from "../../../http/index.js";
 import { AdminStoreEditorView } from "./AdminStoreEditorView.js";
-export function AdminStoresView({ children, ...props }) {
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+export function AdminStoresView({ children, pageRegionCards = [], ...props }) {
     const [editorRow, setEditorRow] = useState(null);
     const toast = useToast();
     const queryClient = useQueryClient();
@@ -185,7 +186,7 @@ export function AdminStoresView({ children, ...props }) {
         },
         renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_STORE_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) })),
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(AdminStoreEditorView, { open: Boolean(editorRow), onClose: () => setEditorRow(null), storeId: editorRow?.id, storeName: editorRow?.primary, currentStatus: editorRow?.status?.toLowerCase(), currentIsVerified: Boolean(editorRow?._raw?.isVerified), currentIsFeatured: Boolean(editorRow?._raw?.isFeatured), 
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-stores", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config }), _jsx(AdminStoreEditorView, { open: Boolean(editorRow), onClose: () => setEditorRow(null), storeId: editorRow?.id, storeName: editorRow?.primary, currentStatus: editorRow?.status?.toLowerCase(), currentIsVerified: Boolean(editorRow?._raw?.isVerified), currentIsFeatured: Boolean(editorRow?._raw?.isFeatured), 
                 /*
                  * Both now travel from the list route's serializer through to the
                  * editor. `trustedSeller` was ALREADY emitted by the route and simply

package/dist/features/admin/components/AdminSublistingCategoriesView.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 interface AdminSublistingCategoriesViewProps {
     onBulkDelete?: (ids: string[]) => Promise<void>;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function AdminSublistingCategoriesView({ onBulkDelete, }: AdminSublistingCategoriesViewProps): React.JSX.Element;
+export declare function AdminSublistingCategoriesView({ onBulkDelete, pageRegionCards, }: AdminSublistingCategoriesViewProps): React.JSX.Element;
 export {};

package/dist/features/admin/components/AdminSublistingCategoriesView.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { sortBy } from "@mohasinac/appkit/client";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
@@ -7,7 +7,8 @@ import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers.
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
-export function AdminSublistingCategoriesView({ onBulkDelete, }) {
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+export function AdminSublistingCategoriesView({ onBulkDelete, pageRegionCards = [], }) {
     const config = {
         portal: "admin",
         title: "Sub-listing Categories",
@@ -70,5 +71,5 @@ export function AdminSublistingCategoriesView({ onBulkDelete, }) {
             ]
             : undefined,
     };
-    return _jsx(DataListingView, { config: config });
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-sublisting-categories", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config })] }));
 }

package/dist/features/admin/components/AdminSublistingCategoryEditorView.d.ts

@@ -1,8 +1,13 @@
 import React from "react";
 import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface AdminSublistingCategoryEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
     categoryId?: string;
+    /** Page-region id for this screen (Phase 12) — required because this View is mounted from two different routes (new vs edit), each with its own id. */
+    pageId: string;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
     onSaved?: (id: string) => void;
     onDeleted?: () => void;
 }
-export declare function AdminSublistingCategoryEditorView({ categoryId, onSaved, onDeleted, ...rest }: AdminSublistingCategoryEditorViewProps): React.JSX.Element;
+export declare function AdminSublistingCategoryEditorView({ categoryId, pageId, pageRegionCards, onSaved, onDeleted, ...rest }: AdminSublistingCategoryEditorViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminSublistingCategoryEditorView.js

@@ -37,7 +37,8 @@ import { ImageUpload } from "../../media/upload/ImageUpload.js";
 import { useMediaUpload } from "../../media/hooks/useMedia.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
-export function AdminSublistingCategoryEditorView({ categoryId, onSaved, onDeleted, ...rest }) {
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+export function AdminSublistingCategoryEditorView({ categoryId, pageId, pageRegionCards = [], onSaved, onDeleted, ...rest }) {
     const isEdit = Boolean(categoryId);
     const { showToast } = useToast();
     const [values, setValues] = React.useState(EMPTY_VALUES);
@@ -124,6 +125,7 @@ export function AdminSublistingCategoryEditorView({ categoryId, onSaved, onDelet
         fieldToSectionIndex: nav.fieldToSectionIndex,
     });
     return (_jsxs(_Fragment, { children: [_jsx(StackedViewShell, { portal: "admin", ...rest, title: isEdit ? "Edit Sub-listing Category" : "New Sub-listing Category", sections: [
+                    _jsx(AdminComposableRegion, { pageId: pageId, initialCards: pageRegionCards }, "page-region"),
                     _jsxs(FormShellContext.Provider, { value: shellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: values, onChange: handleChange, onSubmit: () => saveMutation.mutate(), schema: sublistingCategoryFormSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: isSubmitting, submitLabel: isEdit ? "Save changes" : "Create category", destructiveAction: isEdit
                                     ? {
                                         label: "Delete",

package/dist/features/admin/components/AdminSupportTicketsView.d.ts

@@ -1,4 +1,8 @@
 import React from "react";
 import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
-export type AdminSupportTicketsViewProps = ListingLayoutProps;
-export declare function AdminSupportTicketsView({ children, ...props }: AdminSupportTicketsViewProps): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface AdminSupportTicketsViewProps extends ListingLayoutProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function AdminSupportTicketsView({ children, pageRegionCards, ...props }: AdminSupportTicketsViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminSupportTicketsView.js

@@ -15,6 +15,7 @@ import { ADMIN_SUPPORT_TICKET_STATUS_TABS, ADMIN_SUPPORT_TICKET_PRIORITY_TABS, }
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
 import { AdminSupportTicketDetailView } from "./AdminSupportTicketDetailView.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const PRIORITY_BADGE = {
     urgent: "bg-error-surface text-error",
     high: "bg-warning-surface text-warning",
@@ -50,7 +51,7 @@ const TICKET_COLUMNS = [
         render: (row) => (_jsx(Span, { size: "sm", color: "muted", children: row.updatedAt })),
     },
 ];
-export function AdminSupportTicketsView({ children, ...props }) {
+export function AdminSupportTicketsView({ children, pageRegionCards = [], ...props }) {
     const router = useRouter();
     const [drawerOpen, setDrawerOpen] = useState(false);
     const [selectedRow, setSelectedRow] = useState(null);
@@ -171,7 +172,7 @@ export function AdminSupportTicketsView({ children, ...props }) {
             ] })),
         renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_SUPPORT_TICKET_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }), _jsx(FilterChipGroup, { label: "Priority", tabs: ADMIN_SUPPORT_TICKET_PRIORITY_TABS, value: pendingFilters.priority ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, priority: id })) })] })),
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(AdminSupportTicketDetailView, { open: drawerOpen, onClose: () => setDrawerOpen(false), ticketId: selectedRow?.id, subject: selectedRow?.primary, userDisplayName: toStringValue(selectedRow?._raw?.userDisplayName, ""), category: toStringValue(selectedRow?._raw?.category, "general"), currentStatus: selectedRow?.status, currentPriority: toStringValue(selectedRow?._raw?.priority, "normal"), description: toStringValue(selectedRow?._raw?.description, ""), messages: Array.isArray(selectedRow?._raw?.messages)
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-support-tickets", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config }), _jsx(AdminSupportTicketDetailView, { open: drawerOpen, onClose: () => setDrawerOpen(false), ticketId: selectedRow?.id, subject: selectedRow?.primary, userDisplayName: toStringValue(selectedRow?._raw?.userDisplayName, ""), category: toStringValue(selectedRow?._raw?.category, "general"), currentStatus: selectedRow?.status, currentPriority: toStringValue(selectedRow?._raw?.priority, "normal"), description: toStringValue(selectedRow?._raw?.description, ""), messages: Array.isArray(selectedRow?._raw?.messages)
                     ? selectedRow._raw.messages
                     : [], internalNotes: toStringValue(selectedRow?._raw?.internalNotes, "") || undefined, orderId: toStringValue(selectedRow?._raw?.orderId, "") || undefined, relatedParties: selectedRow?._raw?.relatedParties &&
                     typeof selectedRow._raw.relatedParties === "object"

package/dist/features/admin/components/AdminTaxCodesView.d.ts

@@ -1,6 +1,10 @@
 import React from "react";
 import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
-export type AdminTaxCodesViewProps = ListingLayoutProps;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface AdminTaxCodesViewProps extends ListingLayoutProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
 /**
  * `/admin/tax-codes` — the HSN + GST rate catalogue.
  *
@@ -10,4 +14,4 @@ export type AdminTaxCodesViewProps = ListingLayoutProps;
  * activate/deactivate across a mixed selection is a rate change applied to
  * things nobody looked at. There are ~10 rows; each one is a per-row decision.
  */
-export declare function AdminTaxCodesView({ children, ...props }: AdminTaxCodesViewProps): React.JSX.Element;
+export declare function AdminTaxCodesView({ children, pageRegionCards, ...props }: AdminTaxCodesViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminTaxCodesView.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
 import { ListingLayout } from "../../../ui/components/ListingLayout.js";
@@ -7,6 +7,7 @@ import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
 import { AdminTaxCodeEditorView } from "./AdminTaxCodeEditorView.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const PAGE_SIZE = 50;
 function mapTaxCodeRow(item, index) {
     const isActive = typeof item.isActive === "boolean" ? item.isActive : true;
@@ -42,7 +43,7 @@ function mapTaxCodeRow(item, index) {
  * activate/deactivate across a mixed selection is a rate change applied to
  * things nobody looked at. There are ~10 rows; each one is a per-row decision.
  */
-export function AdminTaxCodesView({ children, ...props }) {
+export function AdminTaxCodesView({ children, pageRegionCards = [], ...props }) {
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));
     }
@@ -82,5 +83,5 @@ export function AdminTaxCodesView({ children, ...props }) {
         renderEditor: ({ editId, closePanel }) => (_jsx(AdminTaxCodeEditorView, { taxCodeId: editId ?? undefined, onSaved: closePanel, onDeleted: closePanel, embedded: true })),
         resolveEditorTitle: ({ isCreate }) => isCreate ? "Add Tax Code" : "Edit Tax Code",
     };
-    return _jsx(DataListingView, { config: config });
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-tax-codes", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config })] }));
 }

package/dist/features/admin/components/AdminTeamGuideView.d.ts

@@ -1,2 +1,7 @@
 import React from "react";
-export declare function AdminTeamGuideView(): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface AdminTeamGuideViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function AdminTeamGuideView({ pageRegionCards }: AdminTeamGuideViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminTeamGuideView.js

@@ -5,8 +5,10 @@ import { Code, Li, Section, Ul } from "../../../ui/components/Semantic.js";
 import { Div } from "../../../ui/components/Div.js";
 import { Heading, Span, Text } from "../../../ui/components/Typography.js";
 import { Row, Stack } from "../../../ui/components/Layout.js";
+import { GC } from "../../_guide-cls.js";
 import { getBrandName } from "../../../core/brand-resolver.js";
-export function AdminTeamGuideView() {
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+export function AdminTeamGuideView({ pageRegionCards = [] }) {
     const PERMISSION_GROUPS = [
         { name: "content_manager", desc: "Blog, FAQs, Events, Carousel, Sections, Ads, Newsletter read + write." },
         { name: "catalog_manager", desc: "Products, Categories, Brands, Reviews read + write." },
@@ -17,7 +19,7 @@ export function AdminTeamGuideView() {
         { name: "site_admin", desc: "Site Settings, Feature Flags, Navigation, Roles — write." },
         { name: "superadmin", desc: "All of the above + Team management + User role changes." },
     ];
-    return (_jsxs(Stack, { className: "max-w-3xl mx-auto", padding: "b-2xl", gap: "xl", children: [_jsxs(Section, { children: [_jsxs(Row, { className: "mb-2", align: "center", gap: "3", children: [_jsx(Row, { className: "flex-shrink-0 w-10 h-10 [background:linear-gradient(135deg,var(--appkit-color-primary-700)_0%,var(--appkit-color-cobalt)_100%)]", align: "center", justify: "center", rounded: "xl", children: _jsx(Users, { className: "w-5 h-5 text-white" }) }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-widest", size: "sm", weight: "semibold", transform: "uppercase", children: "Admin Guide" })] }), _jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)] mb-2", mdSize: "3xl", size: "2xl", weight: "bold", children: "Team & Permissions" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", children: ["How roles, permissions, and employee accounts work on ", getBrandName(), "."] })] }), [
+    return (_jsxs(Stack, { className: "max-w-3xl mx-auto", padding: "b-2xl", gap: "xl", children: [_jsxs(Section, { children: [_jsxs(Row, { className: "mb-2", align: "center", gap: "3", children: [_jsx(Row, { className: `flex-shrink-0 w-10 h-10 ${GC.iconBg}`, align: "center", justify: "center", rounded: "xl", children: _jsx(Users, { className: GC.iconPrimary }) }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-widest", size: "sm", weight: "semibold", transform: "uppercase", children: "Admin Guide" })] }), _jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)] mb-2", mdSize: "3xl", size: "2xl", weight: "bold", children: "Team & Permissions" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", children: ["How roles, permissions, and employee accounts work on ", getBrandName(), "."] })] }), _jsx(AdminComposableRegion, { pageId: "admin-guide-team", initialCards: pageRegionCards }), [
                 {
                     Icon: Shield, title: "Role vs Permission: Key Difference",
                     content: (_jsxs(_Fragment, { children: [_jsxs(Text, { className: "text-[var(--appkit-color-text-muted)] mb-3", size: "sm", children: [_jsx(Span, { weight: "bold", children: "Role" }), " (", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "user.role" }), ") is a coarse-grained classification: ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "user" }), ", ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "seller" }), ", ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "moderator" }), ", ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "employee" }), ", ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "admin" }), "."] }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)] mb-3", size: "sm", children: [_jsx(Span, { weight: "bold", children: "Permissions" }), " (", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "user.permissions[]" }), ") are fine-grained capabilities: e.g. ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "admin:orders:read" }), ", ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "admin:products:write" }), "."] }), _jsxs(Alert, { variant: "info", children: [_jsx(Code, { size: "xs", children: "role: \"admin\"" }), " bypasses all RBAC permission checks \u2014 it's a superuser flag. ", _jsx(Code, { size: "xs", children: "role: \"employee\"" }), " is governed entirely by ", _jsx(Code, { size: "xs", children: "user.permissions[]" }), "."] })] })),

package/dist/features/admin/components/AdminTeamView.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface AdminTeamViewProps extends ListingLayoutProps {
     onBulkRemove?: (ids: string[]) => Promise<void>;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function AdminTeamView({ children, onBulkRemove, ...props }: AdminTeamViewProps): React.JSX.Element;
+export declare function AdminTeamView({ children, onBulkRemove, pageRegionCards, ...props }: AdminTeamViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminTeamView.js

@@ -5,42 +5,35 @@ import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState, useCallback } from "react";
 import { UserPlus } from "lucide-react";
 import { Button } from "../../../ui/components/Button.js";
-import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { Label } from "../../../ui/components/Typography.js";
 import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { PaginatedSelect } from "../../../ui/components/PaginatedSelect.js";
 import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { ADMIN_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs.js";
-import { ALL_TAB } from "../constants/filter-tabs.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
-import { AdminEmployeeEditorView } from "./AdminEmployeeEditorView.js";
-const GROUP_TABS = [
-    ALL_TAB,
-    { id: "content_moderator", label: "Content Mod" },
-    { id: "review_manager", label: "Reviews" },
-    { id: "blog_poster", label: "Blog" },
-    { id: "community_manager", label: "Community" },
-    { id: "event_handler", label: "Events" },
-    { id: "newsletter_manager", label: "Newsletter" },
-    { id: "seo_manager", label: "SEO" },
-    { id: "ad_manager", label: "Ads" },
-    { id: "site_manager", label: "Site" },
-    { id: "catalog_manager", label: "Catalog" },
-    { id: "finance_manager", label: "Finance" },
-    { id: "data_analyst", label: "Analytics" },
-    { id: "customer_support", label: "Support" },
-    { id: "support_agent", label: "Agent" },
-    { id: "store_onboarding", label: "Onboarding" },
-    { id: "trust_and_safety", label: "T&S" },
-    { id: "auction_monitor", label: "Auctions" },
-    { id: "scam_moderator", label: "Scams" },
-    { id: "custom", label: "Custom" },
-];
+import { AdminEmployeeEditorView, GROUP_OPTIONS } from "./AdminEmployeeEditorView.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+/**
+ * RS13 (2026-11-04) — this used to be a hand-written 20-chip `FilterChipGroup`
+ * (19 permission groups + "All"), which CLAUDE.md's "Overflowing Pill & Tab
+ * Rows" / "Select / Dropdown Rules" sections both name as the >5-option
+ * SELECTING case (a role picker, their own named example), not the small
+ * closed-set SCOPING case pill rows are for. Migrated to `<PaginatedSelect>`,
+ * reusing `AdminEmployeeEditorView`'s `GROUP_OPTIONS` — the real, derived
+ * `PERMISSION_GROUPS` list — rather than this file's own stale hand-copy
+ * (raw snake_case labels, no `GROUP_LABEL_OVERRIDES`, Root Cause #61 shape).
+ * "All" is prepended here only, since it is a filter-scope concept the
+ * single-employee editor's own picker has no use for.
+ */
+const GROUP_FILTER_OPTIONS = [{ value: "All", label: "All" }, ...GROUP_OPTIONS];
 function formatGroup(group) {
     return group.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 }
-export function AdminTeamView({ children, onBulkRemove, ...props }) {
+export function AdminTeamView({ children, onBulkRemove, pageRegionCards = [], ...props }) {
     const [drawerOpen, setDrawerOpen] = useState(false);
     const [selectedRow, setSelectedRow] = useState(null);
     const [inviteMode, setInviteMode] = useState(false);
@@ -60,6 +53,7 @@ export function AdminTeamView({ children, onBulkRemove, ...props }) {
     const config = {
         portal: "admin",
         title: "Team",
+        subtitle: "Manage employee accounts and permissions",
         search: {
             placeholder: "Search by name or email",
             /*
@@ -128,9 +122,9 @@ export function AdminTeamView({ children, onBulkRemove, ...props }) {
                     onClick: () => openEdit(row),
                 },
             ] })),
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Permission Group", tabs: GROUP_TABS, value: pendingFilters.group ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, group: id })) })),
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", color: "muted", children: "Permission Group" }), _jsx(PaginatedSelect, { ariaLabel: "Permission Group", options: GROUP_FILTER_OPTIONS, value: pendingFilters.group || "All", onChange: (v) => setPendingFilters((p) => ({ ...p, group: v ?? "All" })) })] })),
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(AdminEmployeeEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), mode: inviteMode ? "invite" : "edit", userId: selectedRow?.id, displayName: selectedRow?.primary, currentPermissionGroup: toStringValue(selectedRow?._raw?.permissionGroup, "custom"), currentPermissions: Array.isArray(selectedRow?._raw?.permissions)
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-team", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config }), _jsx(AdminEmployeeEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), mode: inviteMode ? "invite" : "edit", userId: selectedRow?.id, displayName: selectedRow?.primary, currentPermissionGroup: toStringValue(selectedRow?._raw?.permissionGroup, "custom"), currentPermissions: Array.isArray(selectedRow?._raw?.permissions)
                     ? selectedRow._raw.permissions
                     : [] })] }));
 }

package/dist/features/admin/components/AdminTesterChecklistItemEditorView.d.ts

@@ -1,9 +1,14 @@
 import React from "react";
 import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface AdminTesterChecklistItemEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
     itemId?: string;
+    /** Page-region id for this screen (Phase 12) — required because this View is mounted from two different routes (new vs edit), each with its own id. */
+    pageId: string;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
     onSaved?: (id: string) => void;
     onDeleted?: () => void;
     embedded?: boolean;
 }
-export declare function AdminTesterChecklistItemEditorView({ itemId, onSaved, onDeleted, embedded, ...rest }: AdminTesterChecklistItemEditorViewProps): React.JSX.Element;
+export declare function AdminTesterChecklistItemEditorView({ itemId, pageId, pageRegionCards, onSaved, onDeleted, embedded, ...rest }: AdminTesterChecklistItemEditorViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminTesterChecklistItemEditorView.js

@@ -16,6 +16,7 @@ import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { checklistItemFormSchema } from "../../tester/schemas/checklist-item-form.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
 };
@@ -42,7 +43,7 @@ function slugifyKey(str) {
         .replace(/[^a-z0-9]+/g, "-")
         .replace(/^-+|-+$/g, "");
 }
-export function AdminTesterChecklistItemEditorView({ itemId, onSaved, onDeleted, embedded, ...rest }) {
+export function AdminTesterChecklistItemEditorView({ itemId, pageId, pageRegionCards = [], onSaved, onDeleted, embedded, ...rest }) {
     const isEdit = Boolean(itemId);
     const [form, setForm] = React.useState(EMPTY_FORM);
     const [deleteConfirmOpen, setDeleteConfirmOpen] = React.useState(false);
@@ -161,5 +162,8 @@ export function AdminTesterChecklistItemEditorView({ itemId, onSaved, onDeleted,
     if (embedded) {
         return _jsx(Div, { className: `${__O.yAuto} ${__P.p4}`, children: formSection });
     }
-    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: isEdit ? "Edit checklist item" : "New checklist item", sections: [formSection] }));
+    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: isEdit ? "Edit checklist item" : "New checklist item", sections: [
+            _jsx(AdminComposableRegion, { pageId: pageId, initialCards: pageRegionCards }, "page-region"),
+            formSection,
+        ] }));
 }

package/dist/features/admin/components/AdminTesterChecklistView.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface AdminTesterChecklistViewProps extends ListingLayoutProps {
     onBulkDelete?: (ids: string[]) => Promise<void>;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function AdminTesterChecklistView({ children, onBulkDelete, ...props }: AdminTesterChecklistViewProps): React.JSX.Element;
+export declare function AdminTesterChecklistView({ children, onBulkDelete, pageRegionCards, ...props }: AdminTesterChecklistViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminTesterChecklistView.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useMemo } from "react";
@@ -16,6 +16,7 @@ import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../produc
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
 import { AdminTesterChecklistItemEditorView } from "./AdminTesterChecklistItemEditorView.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const LISTING_QUERY_KEY = ["admin", "tester-checklist-items", "listing"];
 const COLUMNS = [
     {
@@ -43,7 +44,7 @@ const COLUMNS = [
         render: (row) => (_jsx(Text, { size: "sm", color: "muted", children: row.updatedAt })),
     },
 ];
-export function AdminTesterChecklistView({ children, onBulkDelete, ...props }) {
+export function AdminTesterChecklistView({ children, onBulkDelete, pageRegionCards = [], ...props }) {
     const queryClient = useQueryClient();
     const reopenMutation = useApiMutation({
         mutationFn: async (id) => {
@@ -151,11 +152,11 @@ export function AdminTesterChecklistView({ children, onBulkDelete, ...props }) {
                     onClick: () => reopenMutation.mutate(row.id),
                 },
             ] })),
-        renderEditor: ({ editId, closePanel }) => (_jsx(AdminTesterChecklistItemEditorView, { itemId: editId ?? undefined, onSaved: closePanel, onDeleted: closePanel, embedded: true })),
+        renderEditor: ({ editId, closePanel }) => (_jsx(AdminTesterChecklistItemEditorView, { itemId: editId ?? undefined, onSaved: closePanel, onDeleted: closePanel, embedded: true, pageId: editId ? "admin-tester-checklist-id-edit" : "admin-tester-checklist-new" })),
         resolveEditorTitle: ({ isCreate }) => (isCreate ? "Add Test Case" : "Edit Test Case"),
     }), [onBulkDelete, reopenMutation]);
     if (React.Children.count(children) > 0) {
         return (_jsxs(ListingLayout, { portal: "admin", ...props, children: [_jsx(Heading, { level: 1, className: "sr-only", children: "Tester Checklist" }), children] }));
     }
-    return _jsx(DataListingView, { config: config });
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-tester-checklist", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config })] }));
 }

package/dist/features/admin/components/AdminTrustGuideView.d.ts

@@ -1,2 +1,7 @@
 import React from "react";
-export declare function AdminTrustGuideView(): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface AdminTrustGuideViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function AdminTrustGuideView({ pageRegionCards }: AdminTrustGuideViewProps): React.JSX.Element;