@mohasinac/appkit 4.71.0 → 4.72.0

package/dist/features/admin/components/AdminLiveView.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";
 /**
  * AdminLiveView — admin browse of live items listings.
  *
@@ -14,18 +14,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 = ["live"];
 const CONFIG_OPTS = {
     title: "Live Items",
     searchPlaceholder: "Search live items",
     emptyLabel: "No live item listings",
 };
-export function AdminLiveView({ children, ...props }) {
+export function AdminLiveView({ 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("live", { ...CONFIG_OPTS, scope }) }));
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-live", initialCards: pageRegionCards }), _jsx(DataListingView, { config: buildListingTypeListingConfig("live", { ...CONFIG_OPTS, scope }) })] }));
 }

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

@@ -1,9 +1,12 @@
 import React from "react";
 import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface AdminMediaViewProps extends Omit<StackedViewShellProps, "sections"> {
     children?: React.ReactNode;
     labels?: {
         title?: string;
     };
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function AdminMediaView({ labels, children, ...rest }: AdminMediaViewProps): React.JSX.Element;
+export declare function AdminMediaView({ labels, children, pageRegionCards, ...rest }: AdminMediaViewProps): React.JSX.Element;

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

@@ -15,15 +15,26 @@ import { useToast } from "../../../ui/components/toast-context.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
-import { MediaImage, MediaUploadField, MediaUploadList, useMediaCleanup, useMediaUpload, } from "../../media/index.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
+import { MediaUploadField, MediaUploadList, useMediaCleanup, useMediaUpload, } from "../../media/index.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
 };
 const PREFIX_OPTIONS = [
     { value: "", label: "All" },
     { value: "products/", label: "Products" },
-    { value: "auctions/", label: "Auctions" },
+    /*
+     * 🛑 BOUNDARY OF THE COLLECTOR-DROP RENAME. `auctions/` is a Storage path
+     * prefix naming REAL BYTES already in the bucket, and this option is a
+     * BROWSE FILTER over them — not an upload destination (uploads go
+     * `tmp/` → permanent via /api/media/sign + /finalize, named by
+     * `generateMediaFilename`, and nothing in the codebase writes this prefix).
+     * Renaming the value would make the filter match zero objects. Moving the
+     * objects needs a Storage copy+delete migration, which is its own change.
+     */
+    { value: "auctions/", label: "Collector Drops" },
     { value: "preorders/", label: "Pre-orders" },
     { value: "stores/", label: "Stores" },
     { value: "blog/", label: "Blog" },
@@ -115,7 +126,7 @@ function MediaBrowser({ onCopy }) {
 function MediaUploaderPanel({ onUpload, isUploadPending, isCleanupPending, heroAssetUrl, setHeroAssetUrl, galleryAssets, setGalleryAssets, stagedUrls, setHeroStagedUrls, setGalleryStagedUrls, handleAbort, copiedUrl, onCopy, onClearPreviews, onDiscardStaged, }) {
     return (_jsxs(Stack, { surface: "default", rounded: "xl", padding: "md", border: "default", gap: "5", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: "Upload & Copy URL" }), _jsx(MediaUploadField, { label: "Primary media asset", value: heroAssetUrl, onChange: setHeroAssetUrl, onUpload: onUpload, helperText: "Uploads via signed URL (sign \u2192 PUT \u2192 finalize) and previews the returned URL.", onAbort: handleAbort, onStagedUrlsChange: setHeroStagedUrls }), heroAssetUrl && (_jsxs(Row, { surface: "muted", padding: "inlineSm", align: "center", gap: "sm", rounded: "lg", border: "default", children: [_jsx(Text, { className: "flex-1 truncate font-mono", color: "muted", size: "xs", children: heroAssetUrl }), _jsx(Button, { type: "button", variant: "outline", onClick: () => onCopy(heroAssetUrl), children: copiedUrl === heroAssetUrl ? "Copied!" : ACTIONS.MEDIA["copy-url"].label })] })), _jsx(MediaUploadList, { label: "Gallery assets", value: galleryAssets, onChange: setGalleryAssets, onUpload: onUpload, helperText: "Attach multiple images or videos for batch checks.", onAbort: handleAbort, onStagedUrlsChange: setGalleryStagedUrls, maxItems: 12 }), galleryAssets.length > 0 && (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", weight: "medium", color: "muted", children: "Gallery URLs" }), galleryAssets.map((asset, i) => (_jsxs(Row, { paddingY: "y-2xs", padding: "x-xs", surface: "muted", rounded: "default", align: "center", gap: "sm", border: "default", children: [_jsx(Text, { className: "flex-1 truncate font-mono", color: "muted", size: "xs", children: asset.url }), _jsx(Button, { type: "button", variant: "ghost", onClick: () => onCopy(asset.url), children: copiedUrl === asset.url ? "Copied!" : "Copy" })] }, i)))] })), _jsxs(Row, { align: "center", gap: "sm", wrap: true, children: [_jsx(Button, { type: "button", variant: "outline", onClick: onClearPreviews, disabled: isUploadPending || isCleanupPending, children: ACTIONS.MEDIA["clear-previews"].label }), _jsx(Button, { type: "button", variant: "outline", onClick: onDiscardStaged, disabled: isUploadPending || isCleanupPending || stagedUrls.length === 0, children: isCleanupPending ? "Discarding…" : ACTIONS.MEDIA["discard-staged"].label }), _jsxs(Text, { size: "xs", color: "muted", children: [stagedUrls.length, " staged upload(s)"] })] })] }));
 }
-export function AdminMediaView({ labels = {}, children, ...rest }) {
+export function AdminMediaView({ labels = {}, children, pageRegionCards = [], ...rest }) {
     const hasChildren = React.Children.count(children) > 0;
     const { upload, isPending: isUploadPending } = useMediaUpload();
     const { cleanup, isPending: isCleanupPending } = useMediaCleanup();
@@ -171,6 +182,7 @@ export function AdminMediaView({ labels = {}, children, ...rest }) {
         return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title ?? "Media Library", sections: [children] }));
     }
     return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title ?? "Media Library", sections: [
+            _jsx(AdminComposableRegion, { pageId: "admin-media", initialCards: pageRegionCards }, "page-region"),
             _jsx(Alert, { variant: "info", title: "Media Library", children: "Upload new files in the sandbox below, or browse the existing Storage bucket via the grid." }, "media-info"),
             _jsx(MediaBrowser, { onCopy: copyToClipboard }, "media-browser"),
             operationMessage ? (_jsx(Alert, { variant: operationMessage.startsWith("Failed") || operationMessage.startsWith("Some") || operationMessage.startsWith("Could") ? "error" : "success", title: "Media", children: operationMessage }, "media-op-message")) : null,

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

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

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

@@ -73,6 +73,7 @@ import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ADMIN_PAYMENT_CASE_KIND_TABS, ADMIN_PAYMENT_CASE_SEVERITY_TABS, ADMIN_PAYMENT_CASE_STATUS_TABS, } from "../constants/filter-tabs.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 /**
  * Operator-facing names. Deliberately describe the PROBLEM rather than echo
  * the field value — `missing_order` is "Captured, no order", which is what has
@@ -119,7 +120,7 @@ function toStatusHistory(value) {
     const ok = value.every((e) => typeof e === "object" && e !== null);
     return ok ? value : undefined;
 }
-export function AdminMoneyCasesView({ children, ...props }) {
+export function AdminMoneyCasesView({ children, pageRegionCards = [], ...props }) {
     const [detail, setDetail] = useState(null);
     const [resolveTargetId, setResolveTargetId] = useState(null);
     const [dismissTargetId, setDismissTargetId] = useState(null);
@@ -253,7 +254,7 @@ export function AdminMoneyCasesView({ children, ...props }) {
     const detailKind = detail ? toStringValue(detail.kind, "") : "";
     const detailStatus = detail ? toStringValue(detail.status, "") : "";
     const selfHealed = detail ? toStringValue(detail.selfHealedAt, "") : "";
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(RecordDetailModal, { isOpen: detail !== null, onClose: () => setDetail(null), title: detail ? toStringValue(detail.title, "Money case") : "Money case", badges: detail
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-money-cases", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config }), _jsx(RecordDetailModal, { isOpen: detail !== null, onClose: () => setDetail(null), title: detail ? toStringValue(detail.title, "Money case") : "Money case", badges: detail
                     ? [
                         { label: detailStatus || "open" },
                         { label: KIND_LABEL[detailKind] ?? detailKind },

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

@@ -1,4 +1,5 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface NavItemData {
     id?: string;
     label: string;
@@ -17,5 +18,15 @@ export interface AdminNavEditorViewProps {
         label: string;
         value: string;
     }[];
+    /**
+     * Page-region id for this screen (Phase 12). Optional here — unlike the
+     * other admin editors — because this View is ALSO rendered inline as a
+     * quick-edit drawer by `AdminNavigationView` (the `/admin/navigation` list
+     * page), which has no per-route id of its own. Only the two dedicated
+     * routes (`/admin/navigation/new`, `/admin/navigation/[id]/edit`) pass one.
+     */
+    pageId?: string;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function AdminNavEditorView({ open, onClose, onSaved, item, parentOptions, }: AdminNavEditorViewProps): React.JSX.Element;
+export declare function AdminNavEditorView({ open, onClose, onSaved, item, parentOptions, pageId, pageRegionCards, }: AdminNavEditorViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminNavEditorView.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 { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { Div } from "../../../ui/components/Div.js";
@@ -19,6 +19,7 @@ import { FormErrorSummary, applyZodIssues } from "../../../ui/forms/index.js";
 import { navItemFormSchema } from "../schemas/nav-item-form.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 // --- Constants ---------------------------------------------------------------
 const ICON_OPTIONS = [
     { label: "None", value: "" },
@@ -35,7 +36,7 @@ const ICON_OPTIONS = [
     { label: "Link", value: "link" },
 ];
 // --- Component ---------------------------------------------------------------
-export function AdminNavEditorView({ open, onClose, onSaved, item, parentOptions = [], }) {
+export function AdminNavEditorView({ open, onClose, onSaved, item, parentOptions = [], pageId, pageRegionCards = [], }) {
     const isEdit = Boolean(item?.id);
     const [values, setValues] = React.useState(EMPTY_NAV_ITEM);
     const handleChange = React.useCallback((partial) => {
@@ -116,5 +117,5 @@ export function AdminNavEditorView({ open, onClose, onSaved, item, parentOptions
         }
         saveMutation.mutate();
     };
-    return (_jsx(SideDrawer, { isOpen: open, onClose: onClose, title: isEdit ? "Edit Nav Item" : "New Nav Item", children: _jsx(FormShellContext.Provider, { value: shellCtx, children: _jsxs(Div, { padding: "md", children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: values, onChange: handleChange, onSubmit: onSubmit, schema: navItemFormSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: saveMutation.isPending, submitLabel: isEdit ? "Save changes" : "Create item", onCancel: onClose, cancelLabel: "Cancel" })] }) }) }));
+    return (_jsxs(_Fragment, { children: [pageId ? (_jsx(AdminComposableRegion, { pageId: pageId, initialCards: pageRegionCards }, "page-region")) : null, _jsx(SideDrawer, { isOpen: open, onClose: onClose, title: isEdit ? "Edit Nav Item" : "New Nav Item", children: _jsx(FormShellContext.Provider, { value: shellCtx, children: _jsxs(Div, { padding: "md", children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: values, onChange: handleChange, onSubmit: onSubmit, schema: navItemFormSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: saveMutation.isPending, submitLabel: isEdit ? "Save changes" : "Create item", onCancel: onClose, cancelLabel: "Cancel" })] }) }) })] }));
 }

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

@@ -1,8 +1,11 @@
 import React from "react";
 import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface AdminNavigationViewProps extends Omit<StackedViewShellProps, "sections"> {
     labels?: {
         title?: string;
     };
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function AdminNavigationView({ labels, ...rest }: AdminNavigationViewProps): React.JSX.Element;
+export declare function AdminNavigationView({ labels, pageRegionCards, ...rest }: AdminNavigationViewProps): React.JSX.Element;

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

@@ -18,6 +18,7 @@ import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { AdminNavEditorView } from "./AdminNavEditorView.js";
 import { ROW_ACTION_META, ROW_ACTION_ID } from "../../../features/products/constants/action-defs.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __O = {
     hidden: "overflow-hidden",
 };
@@ -30,7 +31,7 @@ function NavItemRow({ item, idx, total, reorderPending, onMoveUp, onMoveDown, on
                 ] })] }));
 }
 // --- Component ---------------------------------------------------------------
-export function AdminNavigationView({ labels = {}, ...rest }) {
+export function AdminNavigationView({ labels = {}, pageRegionCards = [], ...rest }) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
     const [drawerOpen, setDrawerOpen] = React.useState(false);
@@ -92,6 +93,7 @@ export function AdminNavigationView({ labels = {}, ...rest }) {
         .filter((i) => !i.parentId)
         .map((i) => ({ label: i.label, value: i.id }));
     return (_jsxs(_Fragment, { children: [_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title ?? "Navigation", sections: [
+                    _jsx(AdminComposableRegion, { pageId: "admin-navigation", initialCards: pageRegionCards }, "page-region"),
                     isLoading ? (_jsx(Alert, { variant: "info", title: "Loading", children: "Fetching nav items\u2026" }, "loading")) : null,
                     error ? (_jsx(Alert, { variant: "error", title: "Load failed", children: error instanceof Error ? error.message : "Unknown error" }, "error")) : null,
                     _jsxs(Row, { className: "mb-4", align: "center", justify: "between", children: [_jsxs(Text, { size: "sm", color: "muted", children: [sorted.length, " nav item", sorted.length !== 1 ? "s" : ""] }), _jsx(Button, { onClick: () => {

package/dist/features/admin/components/AdminNewsletterView.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 AdminNewsletterViewProps extends ListingLayoutProps {
     onBulkUnsubscribe?: (ids: string[]) => Promise<void>;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function AdminNewsletterView({ children, onBulkUnsubscribe, ...props }: AdminNewsletterViewProps): React.JSX.Element;
+export declare function AdminNewsletterView({ children, onBulkUnsubscribe, pageRegionCards, ...props }: AdminNewsletterViewProps): React.JSX.Element;

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

@@ -20,7 +20,8 @@ import { ADMIN_NEWSLETTER_STATUS_TABS } from "../constants/filter-tabs.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
 import { apiClient } from "../../../http/index.js";
-export function AdminNewsletterView({ children, onBulkUnsubscribe, ...props }) {
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+export function AdminNewsletterView({ children, onBulkUnsubscribe, pageRegionCards = [], ...props }) {
     const [detail, setDetail] = useState(null);
     const queryClient = useQueryClient();
     const { showToast } = useToast();
@@ -147,7 +148,7 @@ export function AdminNewsletterView({ children, onBulkUnsubscribe, ...props }) {
             ] })),
         renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_NEWSLETTER_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) })),
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(RecordDetailModal, { isOpen: detail !== null, onClose: () => setDetail(null), title: toStringValue(detail?.detail?.email, "Subscriber"), fields: (() => {
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-newsletter", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config }), _jsx(RecordDetailModal, { isOpen: detail !== null, onClose: () => setDetail(null), title: toStringValue(detail?.detail?.email, "Subscriber"), fields: (() => {
                     const d = (detail?.detail ?? {});
                     return detail ? [
                         { label: "Email", value: toStringValue(d.email, "—") },

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

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

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

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useApiMutation } from "@mohasinac/appkit/client";
 import { SIEVE_OP, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
@@ -7,8 +7,11 @@ import React, { useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
 import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.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 { useToast } from "../../../ui/components/toast-context.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
@@ -17,11 +20,20 @@ import { useBulkAction } from "../../../react/index.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
 import { apiClient } from "../../../http/index.js";
-import { NOTIFICATION_TYPES } from "../../../constants/notification-types.js";
+import { NOTIFICATION_TYPE_TABS } from "../../../constants/notification-types.js";
 import { ViewNotificationModal } from "./ViewNotificationModal.js";
-// W1-33 — sourced from shared NOTIFICATION_TYPES registry, prefixed with "All".
-const NOTIF_TYPES = ["All", ...NOTIFICATION_TYPES];
-export function AdminNotificationsView({ children, ...props }) {
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+/**
+ * RS13 (2026-11-04) — this "Type" filter used to be a hand-written
+ * `FilterChipGroup` wall of 32 chips (31 `NOTIFICATION_TYPE_VALUES` + "All"),
+ * each labelled with its own raw snake_case id (`order_shipped`, not "Order
+ * shipped"). CLAUDE.md's "Select / Dropdown Rules" names exactly this
+ * >5-option SELECTING case for `<PaginatedSelect>`, and `NOTIFICATION_TYPE_TABS`
+ * (`constants/notification-types.ts`) already derives proper human-readable
+ * labels via `notificationTypeLabel` — this file just wasn't using it.
+ */
+const NOTIF_TYPE_OPTIONS = NOTIFICATION_TYPE_TABS.map((t) => ({ value: t.id, label: t.label }));
+export function AdminNotificationsView({ children, pageRegionCards = [], ...props }) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
     const [deleteTarget, setDeleteTarget] = useState(null);
@@ -156,13 +168,13 @@ export function AdminNotificationsView({ children, ...props }) {
                     onClick: () => setDeleteTarget(row),
                 },
             ] })),
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Type", tabs: NOTIF_TYPES.map((opt) => ({ id: opt, label: opt })), value: pendingFilters.type || "All", onChange: (v) => setPendingFilters((p) => ({ ...p, type: v })) }), _jsx(FilterChipGroup, { label: "Read state", tabs: [
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", color: "muted", children: "Type" }), _jsx(PaginatedSelect, { ariaLabel: "Type", options: NOTIF_TYPE_OPTIONS, value: pendingFilters.type || "All", onChange: (v) => setPendingFilters((p) => ({ ...p, type: v ?? "All" })) })] }), _jsx(FilterChipGroup, { label: "Read state", tabs: [
                         { id: "", label: "All" },
                         { id: "unread", label: "Unread" },
                         { id: "read", label: "Read" },
                     ], value: pendingFilters.readState ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, readState: id })), allId: "" })] })),
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(ConfirmDeleteModal, { isOpen: Boolean(deleteTarget) || Boolean(bulkDeleteIds), onClose: () => {
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-notifications", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config }), _jsx(ConfirmDeleteModal, { isOpen: Boolean(deleteTarget) || Boolean(bulkDeleteIds), onClose: () => {
                     setDeleteTarget(null);
                     setBulkDeleteIds(null);
                 }, onConfirm: () => {

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

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

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

@@ -40,7 +40,7 @@ import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
 import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
 import { useToast } from "../../../ui/components/toast-context.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
-import { ADMIN_OFFER_STATUS_TABS, offerStatusLabel } from "../constants/filter-tabs.js";
+import { ADMIN_OFFER_STATUS_TABS, offerStatusLabel, offerStatusVariant } from "../constants/filter-tabs.js";
 import { OfferPhaseTimeline } from "../../seller/components/OfferPhaseTimeline.js";
 import { QuickFormDrawer } from "../../shell/QuickFormDrawer.js";
 import { cancelOfferFormSchema } from "../../seller/schemas/offer-forms.js";
@@ -52,9 +52,10 @@ import { DataListingView } from "./DataListingView.js";
 import { apiClient } from "../../../http/index.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 /** Terminal states — an offer here has nothing left to cancel. */
 const TERMINAL_STATUSES = new Set(["paid", "declined", "expired", "withdrawn"]);
-export function AdminOffersView({ children, ...props }) {
+export function AdminOffersView({ children, pageRegionCards = [], ...props }) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
     const [detailRow, setDetailRow] = useState(null);
@@ -174,7 +175,7 @@ export function AdminOffersView({ children, ...props }) {
     const d = detailRow?.detail ?? {};
     const productSlug = toStringValue(d.productSlug ?? d.productId, "");
     const paidOrderId = toStringValue(d.paidOrderId, "");
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(RecordDetailModal, { isOpen: detailRow !== null, onClose: () => setDetailRow(null), title: detailRow?.primary ?? "Offer", badges: detailRow ? [{ label: detailRow.status }] : undefined, description: toStringValue(d.buyerNote, ""), fields: [
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-offers", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config }), _jsx(RecordDetailModal, { isOpen: detailRow !== null, onClose: () => setDetailRow(null), title: detailRow?.primary ?? "Offer", badges: detailRow ? [{ label: detailRow.status, variant: offerStatusVariant(d.status) }] : undefined, description: toStringValue(d.buyerNote, ""), fields: [
                     { label: "Buyer", value: toStringValue(d.buyerName, "Unknown buyer") },
                     { label: "Buyer email", value: toStringValue(d.buyerEmail, "—") },
                     { label: "Store", value: toStringValue(d.storeName, "Unknown store") },

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

@@ -42,7 +42,7 @@ export interface AdminOrderEditorViewProps {
      */
     addons?: OrderAddonBadgesOrder;
     /**
-     * How the buyer earned this price — a won auction, a buyout, an agreed
+     * How the buyer earned this price — a won collector drop, a buyout, an agreed
      * offer, a pre-order deposit, prize-draw entries.
      *
      * Support is the surface that needs this most: a buyer disputing "I agreed

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

@@ -15,7 +15,7 @@ import { SideDrawer } from "../../../ui/components/SideDrawer.js";
 import { Stack } from "../../../ui/components/Layout.js";
 import { Textarea } from "../../../ui/components/Textarea.js";
 import { useToast } from "../../../ui/components/toast-context.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";

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

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

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

@@ -7,6 +7,7 @@ import { Row, Stack } from "../../../ui/components/Layout.js";
 import { GC } from "../../_guide-cls.js";
 import { resolvePublishedValues } from "../../../_internal/shared/content/published-values.js";
 import { getBrandName } from "../../../core/brand-resolver.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 /*
  * Phase 9 — read from the published-value registry rather than restated.
  *
@@ -16,8 +17,8 @@ import { getBrandName } from "../../../core/brand-resolver.js";
  * from the "control that appears to do something the code ignores" direction).
  */
 const { returnRespondHours: RETURN_RESPOND_HOURS, refundBusinessDaysMin: REFUND_DAYS_MIN, refundBusinessDaysMax: REFUND_DAYS_MAX, } = resolvePublishedValues();
-export function AdminOrdersGuideView() {
-    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(ShoppingBag, { 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: "Orders & Finance" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", children: ["Order statuses, payouts, disputes, returns, and commission math on ", getBrandName(), "."] })] }), [
+export function AdminOrdersGuideView({ 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(ShoppingBag, { 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: "Orders & Finance" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", children: ["Order statuses, payouts, disputes, returns, and commission math on ", getBrandName(), "."] })] }), _jsx(AdminComposableRegion, { pageId: "admin-guide-orders", initialCards: pageRegionCards }), [
                 {
                     Icon: ShoppingBag, title: "Order Statuses",
                     content: (_jsxs(Stack, { textSize: "sm", gap: "sm", children: [[
@@ -62,8 +63,8 @@ export function AdminOrdersGuideView() {
                     content: (_jsxs(Ul, { className: GC.listMuted, children: [_jsxs(Li, { children: [_jsx(Span, { weight: "bold", children: "platformFee" }), ": Set in ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "siteSettings.fees.platformFee" }), " (percentage). Applied to the order's item subtotal."] }), _jsxs(Li, { children: [_jsx(Span, { weight: "bold", children: "customCommissionRate" }), ": Stored on ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "StoreDocument" }), " for stores with the ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "lower_commission_rate" }), " capability. Overrides the platform default for that store."] }), _jsx(Li, { children: "Payout = order subtotal \u00D7 (1 \u2212 commission rate). Shipping fees are passed through to the seller at cost." })] })),
                 },
                 {
-                    Icon: Gavel, title: "Auction Settlement",
-                    content: (_jsxs(Ul, { className: GC.listMuted, children: [_jsx(Li, { children: "When an auction ends and the winner does not pay within 48 hours: the order auto-cancels and the system notifies the next-highest bidder." }), _jsx(Li, { children: "If the auto-cancel system fails (rare), admin can manually cancel from the order detail page and trigger the next-bidder flow via a support action." }), _jsxs(Li, { children: ["Repeat non-paying winners can receive a ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "place_bids" }), " soft ban from the Trust & Safety section."] })] })),
+                    Icon: Gavel, title: "Collector Drop Settlement",
+                    content: (_jsxs(Ul, { className: GC.listMuted, children: [_jsx(Li, { children: "When a collector drop ends and the winner does not pay within 48 hours: the order auto-cancels and the system notifies the next-highest bidder." }), _jsx(Li, { children: "If the auto-cancel system fails (rare), admin can manually cancel from the order detail page and trigger the next-bidder flow via a support action." }), _jsxs(Li, { children: ["Repeat non-paying winners can receive a ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "place_bids" }), " soft ban from the Trust & Safety section."] })] })),
                 },
             ].map(({ Icon, title, content }) => (_jsxs(Section, { overflow: "hidden", className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", rounded: "2xl", children: [_jsxs(Row, { className: "border-b border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface-2,var(--appkit-color-border))]/20", padding: "inlineLg", align: "center", gap: "3", children: [_jsx(Icon, { className: "w-5 h-5 text-[var(--appkit-color-primary)]" }), _jsx(Heading, { level: 2, size: "base", weight: "semibold", children: title })] }), _jsx(Div, { paddingY: "y-md-lg", padding: "x-lg", children: content })] }, title)))] }));
 }

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

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

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

@@ -6,6 +6,10 @@ import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState, useCallback } from "react";
 import { useRouter } from "next/navigation.js";
 import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { AdminFilterFacets, buildAdminFacetFilters } from "../../../ui/components/AdminFilterFacets.js";
+import { sortByFieldOrder } from "../../shell/field-ui-meta.js";
+import { useFieldVisibility } from "../../shell/useFieldVisibility.js";
+import { useEditMode } from "../../../edit-mode/index.js";
 import { ListingLayout } from "../../../ui/components/ListingLayout.js";
 import { useToast } from "../../../ui/components/toast-context.js";
 import { apiClient } from "../../../http/index.js";
@@ -19,6 +23,21 @@ import { useOrderScope } from "../../orders/components/OrderScopeTabs.js";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
 import { AdminOrderEditorView } from "./AdminOrderEditorView.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+/*
+ * 3B item 1b, search/facets subsystem — fields `orders.repository.ts`'s own
+ * `ADMIN_SIEVE_FIELDS` already declares `canFilter: true` for, that have no
+ * hand-written control in this view's `renderFilterPanel` today. An admin
+ * may add a facet for one of these (never a freely-typed field name —
+ * the exact guard `AdminFilterFacets`'s own header explains).
+ */
+const AVAILABLE_ORDER_FACETS = [
+    { key: "paymentMethod", label: "Payment method" },
+    { key: "shippingMethod", label: "Shipping method" },
+    { key: "orderType", label: "Order type" },
+    { key: "couponCode", label: "Coupon code" },
+    { key: "payoutStatus", label: "Payout status" },
+];
 /**
  * `OrderDocument` has no `orderNumber` field — the real item info an order
  * list row should show lives in the denormalized `items[]` snapshot
@@ -149,7 +168,7 @@ function paymentReviewLabel(item) {
         return "Re-upload requested";
     return item.paymentProofUrl ? "Awaiting verification" : "Awaiting payment";
 }
-export function AdminOrdersView({ children, ...props }) {
+export function AdminOrdersView({ children, pageRegionCards = [], ...props }) {
     const { showToast } = useToast();
     const router = useRouter();
     const [drawerOpen, setDrawerOpen] = useState(false);
@@ -172,6 +191,13 @@ export function AdminOrdersView({ children, ...props }) {
      * means before any conditional return, always.
      */
     const orderScope = useOrderScope();
+    // 3B item 1b, search/facets subsystem — same "hook before any conditional
+    // return" rule this file already documents above.
+    const { editMode: facetsEditMode } = useEditMode();
+    const { fieldOrder: facetOrder, customFields: rawAdminFacets, setCustomFields: setAdminFacets } = useFieldVisibility("admin-orders-facets");
+    // Order is the sequence the admin added facets in unless they've reordered
+    // (fieldOrder) — the shared sortByFieldOrder primitive (field-ui-meta.ts).
+    const adminFacets = sortByFieldOrder(rawAdminFacets, facetOrder, (f) => f.key);
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));
     }
@@ -190,7 +216,15 @@ export function AdminOrdersView({ children, ...props }) {
             fields: ["productTitle", "storeName", "trackingNumber"],
         },
         emptyLabel: "No orders found",
-        filterKeys: ["status", "paymentReview"],
+        // Admin-added facet keys (adminFacets, from useFieldVisibility) MUST be
+        // merged in here — useAdminListing's applyFilters()/currentFilterState
+        // only promote keys named in filterKeys from pendingFilters into the
+        // actual query (useAdminListing.ts:89-94,144). A facet key absent from
+        // this array renders, accepts input, round-trips through pendingFilters
+        // on drawer reopen, but "Apply Filters" silently never reaches the
+        // request — found live 2026-11-04, the same Root Cause #33/#62 shape
+        // one layer up from buildAdminFacetFilters itself.
+        filterKeys: ["status", "paymentReview", ...adminFacets.map((f) => f.key)],
         defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "orders", "listing"],
         endpoint: ADMIN_ENDPOINTS.ORDERS,
@@ -300,7 +334,11 @@ export function AdminOrdersView({ children, ...props }) {
         buildFilters: (f) => {
             if (isPaymentReviewQueueMode(f.paymentReview ?? ""))
                 return undefined;
-            return f.status && f.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, f.status) : undefined;
+            const parts = [];
+            if (f.status && f.status !== "All")
+                parts.push(sieveFilter("status", SIEVE_OP.EQ, f.status));
+            parts.push(...buildAdminFacetFilters(adminFacets, f));
+            return parts.length > 0 ? parts.join(",") : undefined;
         },
         // The payment-review queue is its own mode — it already ignores `status`
         // (see buildFilters above), so it must ignore the lifecycle scope too, or
@@ -372,7 +410,10 @@ export function AdminOrdersView({ children, ...props }) {
                     submitLabel: "Update",
                 },
             ] })),
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_ORDER_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id, paymentReview: "" })) }), _jsx(FilterChipGroup, { label: "Manual payment", tabs: ADMIN_ORDER_PAYMENT_REVIEW_TABS, value: pendingFilters.paymentReview ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, paymentReview: id, status: "" })) })] })),
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_ORDER_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id, paymentReview: "" })) }), _jsx(FilterChipGroup, { label: "Manual payment", tabs: ADMIN_ORDER_PAYMENT_REVIEW_TABS, value: pendingFilters.paymentReview ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, paymentReview: id, status: "" })) }), _jsx(AdminFilterFacets, { facets: adminFacets, pendingFilters: pendingFilters, setPendingFilters: setPendingFilters, availableFacets: AVAILABLE_ORDER_FACETS, editMode: facetsEditMode, onAddFacet: (facet) => setAdminFacets([...adminFacets, facet]), onRemoveFacet: (key) => {
+                        setAdminFacets(adminFacets.filter((f) => f.key !== key));
+                        setPendingFilters((p) => ({ ...p, [key]: "" }));
+                    } })] })),
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(AdminOrderEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), orderId: selectedRow?.id, orderLabel: selectedRow?.primary, currentStatus: selectedRow?.status, items: selectedRow?.items, paymentProofUrl: selectedRow?.paymentProofUrl, paymentTransactionId: selectedRow?.paymentTransactionId, paymentMethod: selectedRow?.paymentMethod, paymentStatus: selectedRow?.paymentStatus, displayedUpiId: selectedRow?.displayedUpiId, buyerReportedUpiId: selectedRow?.buyerReportedUpiId, paymentUpiMismatch: selectedRow?.paymentUpiMismatch, buyerMarkedPaid: selectedRow?.buyerMarkedPaid, buyerFraudAgreementAccepted: selectedRow?.buyerFraudAgreementAccepted, paymentReviewOutcome: selectedRow?.paymentReviewOutcome, addons: selectedRow?.addons, sourceContext: selectedRow?.sourceContext, balance: selectedRow?.balance, currency: selectedRow?.currency })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "admin-orders", initialCards: pageRegionCards }), _jsx(DataListingView, { config: config }), _jsx(AdminOrderEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), orderId: selectedRow?.id, orderLabel: selectedRow?.primary, currentStatus: selectedRow?.status, items: selectedRow?.items, paymentProofUrl: selectedRow?.paymentProofUrl, paymentTransactionId: selectedRow?.paymentTransactionId, paymentMethod: selectedRow?.paymentMethod, paymentStatus: selectedRow?.paymentStatus, displayedUpiId: selectedRow?.displayedUpiId, buyerReportedUpiId: selectedRow?.buyerReportedUpiId, paymentUpiMismatch: selectedRow?.paymentUpiMismatch, buyerMarkedPaid: selectedRow?.buyerMarkedPaid, buyerFraudAgreementAccepted: selectedRow?.buyerFraudAgreementAccepted, paymentReviewOutcome: selectedRow?.paymentReviewOutcome, addons: selectedRow?.addons, sourceContext: selectedRow?.sourceContext, balance: selectedRow?.balance, currency: selectedRow?.currency })] }));
 }

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

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