@mohasinac/appkit 4.4.5 → 4.5.0

package/dist/_internal/server/features/checkout/actions.js

@@ -256,6 +256,7 @@ async function createOrderForGroup(group, orderType, ctx) {
         const baseLine = {
             productId: item.productId,
             productTitle: item.productTitle,
+            image: item.productImage,
             quantity: item.quantity,
             unitPrice,
             totalPrice: unitPrice * item.quantity,
@@ -932,6 +933,7 @@ async function createRazorpayGroupOrder(group, orderType, ctx) {
         const baseLine = {
             productId: item.productId,
             productTitle: item.productTitle,
+            image: item.productImage,
             quantity: item.quantity,
             unitPrice,
             totalPrice: unitPrice * item.quantity,

package/dist/_internal/server/features/orders/adapters.js

@@ -3,6 +3,7 @@ export function orderDocumentToOrder(doc) {
         ? doc.items.map((item) => ({
             productId: item.productId,
             title: item.productTitle,
+            image: item.image,
             price: item.unitPrice,
             quantity: item.quantity,
             currency: doc.currency,

package/dist/features/account/hooks/useDataViewMode.js

@@ -15,7 +15,7 @@ const MOBILE_BREAKPOINT_PX = 768;
  * pagination already live in the URL via useUrlTable() and must never be
  * added to this hook — see CLAUDE.md Phase 3 / user directive 2026-08-18.
  */
-export function useDataViewMode(fallback = "table") {
+export function useDataViewMode(fallback = "list") {
     const { data: profile } = useCurrentProfile();
     const updateProfile = useUpdateCurrentProfile();
     const debounceRef = useRef(null);

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

@@ -11,6 +11,7 @@ import { DataListingView } from "./DataListingView";
 import { apiClient } from "../../../http";
 import { useApiMutation } from "@mohasinac/appkit/client";
 import { QuickEditMenu } from "./QuickEditMenu";
+import { ROUTES } from "../../../next/routing/route-map";
 const BAN_STATUS_TABS = [
     { id: "", label: "All" },
     { id: "banned", label: "Banned" },
@@ -78,6 +79,10 @@ function buildAddressConfig(banStatus, onAction) {
         })),
         getTotal: (response, rows) => typeof response.total === "number" ? response.total : rows.length,
         buildFilters: () => undefined,
+        // The full address record (owner, ban reason/history) lives on the
+        // existing admin address edit page — reuse it instead of leaving a
+        // banned-address row with no detail destination.
+        rowHrefTemplate: String(ROUTES.ADMIN.ADDRESSES_EDIT("{id}")),
         renderRowActions: (row) => {
             const actions = [];
             if (row.status !== "banned") {

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

@@ -10,6 +10,7 @@ import { ListingLayout } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData";
 import { DataListingView } from "./DataListingView";
+import { ROUTES } from "../../../next/routing/route-map";
 const ADMIN_ART_CONFIG = {
     portal: "admin",
     title: "Art",
@@ -36,6 +37,9 @@ const ADMIN_ART_CONFIG = {
     })),
     getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
     buildFilters: () => "listingType==art",
+    // Art listings are products (filtered by listingType) — reuse the real
+    // admin product edit page rather than leaving rows non-navigable.
+    rowHrefTemplate: String(ROUTES.ADMIN.PRODUCTS_EDIT("{id}")),
 };
 export function AdminArtView({ children, ...props }) {
     if (React.Children.count(children) > 0) {

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

@@ -10,6 +10,7 @@ import { ListingLayout } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData";
 import { DataListingView } from "./DataListingView";
+import { ROUTES } from "../../../next/routing/route-map";
 const ADMIN_CLASSIFIED_CONFIG = {
     portal: "admin",
     title: "Classified",
@@ -36,6 +37,9 @@ const ADMIN_CLASSIFIED_CONFIG = {
     })),
     getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
     buildFilters: () => "listingType==classified",
+    // Classified listings are products (filtered by listingType) — reuse the
+    // real admin product edit page rather than leaving rows non-navigable.
+    rowHrefTemplate: String(ROUTES.ADMIN.PRODUCTS_EDIT("{id}")),
 };
 export function AdminClassifiedView({ children, ...props }) {
     if (React.Children.count(children) > 0) {

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

@@ -81,6 +81,12 @@ export function AdminContactView({ children, onBulkMarkRead, onBulkArchive, onBu
             return mappedRows.length;
         },
         buildFilters: (f) => (f.status && f.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, f.status) : undefined),
+        // Mirrors the row action's "View" entry so the row itself is clickable,
+        // not just the overflow menu.
+        onRowClick: (row) => {
+            setSelectedRow(row);
+            setDrawerOpen(true);
+        },
         buildBulkActions: (selection) => [
             ...(onBulkMarkRead
                 ? [

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

@@ -9,6 +9,7 @@ import { ListingLayout } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData";
 import { DataListingView } from "./DataListingView";
+import { ROUTES } from "../../../next/routing/route-map";
 const ADMIN_DIGITAL_CODES_CONFIG = {
     portal: "admin",
     title: "Digital Codes",
@@ -43,6 +44,9 @@ const ADMIN_DIGITAL_CODES_CONFIG = {
     }),
     getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
     buildFilters: () => "listingType==digital-code",
+    // Digital-code listings are products (filtered by listingType) — reuse
+    // the real admin product edit page rather than leaving rows non-navigable.
+    rowHrefTemplate: String(ROUTES.ADMIN.PRODUCTS_EDIT("{id}")),
 };
 export function AdminDigitalCodesView({ children, ...props }) {
     if (React.Children.count(children) > 0) {

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

@@ -39,6 +39,15 @@ function ReassignProductsDrawer({ state, onClose, onSaved, }) {
 export function AdminGroupedListingsView({ children, ...props }) {
     const [reassign, setReassign] = useState(null);
     const [refreshKey, setRefreshKey] = useState(0);
+    const openReassign = React.useCallback((row) => {
+        setReassign({
+            groupId: row.id,
+            groupTitle: row.primary,
+            currentProductIds: Array.isArray(row._raw?.productIds)
+                ? (row._raw?.productIds ?? []).map(String)
+                : [],
+        });
+    }, []);
     const config = React.useMemo(() => ({
         portal: "admin",
         title: "Grouped Listings",
@@ -66,14 +75,11 @@ export function AdminGroupedListingsView({ children, ...props }) {
         })),
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
         buildFilters: () => "",
-        renderRowActions: (row) => (_jsx(Button, { size: "sm", variant: "outline", onClick: () => setReassign({
-                groupId: row.id,
-                groupTitle: row.primary,
-                currentProductIds: Array.isArray(row._raw?.productIds)
-                    ? (row._raw?.productIds ?? []).map(String)
-                    : [],
-            }), children: "Reassign products" })),
-    }), [refreshKey]);
+        // Mirrors the row action button's "Reassign products" drawer so the
+        // row itself is clickable, not just the button.
+        onRowClick: (row) => openReassign(row),
+        renderRowActions: (row) => (_jsx(Button, { size: "sm", variant: "outline", onClick: () => openReassign(row), children: "Reassign products" })),
+    }), [refreshKey, openReassign]);
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));
     }

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

@@ -9,6 +9,7 @@ import { ListingLayout } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData";
 import { DataListingView } from "./DataListingView";
+import { ROUTES } from "../../../next/routing/route-map";
 const ADMIN_LIVE_CONFIG = {
     portal: "admin",
     title: "Live Items",
@@ -42,6 +43,9 @@ const ADMIN_LIVE_CONFIG = {
     }),
     getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
     buildFilters: () => "listingType==live",
+    // Live-item listings are products (filtered by listingType) — reuse the
+    // real admin product edit page rather than leaving rows non-navigable.
+    rowHrefTemplate: String(ROUTES.ADMIN.PRODUCTS_EDIT("{id}")),
 };
 export function AdminLiveView({ children, ...props }) {
     if (React.Children.count(children) > 0) {

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

@@ -66,6 +66,12 @@ export function AdminOrdersView({ children, ...props }) {
         })),
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
         buildFilters: (f) => (f.status && f.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, f.status) : undefined),
+        // Mirrors the row action's "View full details" entry so the row itself
+        // is clickable, not just the overflow menu.
+        onRowClick: (row) => {
+            setSelectedRow(row);
+            setDrawerOpen(true);
+        },
         // Rule #7: bulk-action array sourced from the ADMIN_BULK_ACTIONS preset.
         buildBulkActions: (selection) => {
             const statusByAction = {

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

@@ -122,13 +122,31 @@ export function AdminProductsView({ children, ...props }) {
         mapRows: (response) => toRecordArray(response.items).map((item, index) => {
             const id = toStringValue(item.id, `product-${index}`);
             rawByIdRef.current[id] = item;
+            // Auction listings lost their reserve/bid/end-date summary when this
+            // view was consolidated onto the shared Products listing — restore
+            // it into `secondary` instead of seller/SKU, which admins reviewing
+            // an auction care about far less than bid activity.
+            const auctionSecondary = item.listingType === "auction"
+                ? [
+                    typeof item.reservePrice === "number"
+                        ? `Reserve ₹${item.reservePrice.toLocaleString("en-IN")}`
+                        : null,
+                    `${typeof item.bidCount === "number" ? item.bidCount : 0} bids`,
+                    item.auctionEndDate
+                        ? `Ends ${new Date(item.auctionEndDate).toLocaleDateString("en-IN", { month: "short", day: "numeric" })}`
+                        : null,
+                ]
+                    .filter(Boolean)
+                    .join(" · ")
+                : "";
             const base = {
                 id,
                 primary: toStringValue(item.title ?? item.name, "Untitled product"),
-                secondary: [
-                    toStringValue(item.sellerName, "Unknown seller"),
-                    toStringValue(item.sku, "No SKU"),
-                ].join(" · "),
+                secondary: auctionSecondary ||
+                    [
+                        toStringValue(item.sellerName, "Unknown seller"),
+                        toStringValue(item.sku, "No SKU"),
+                    ].join(" · "),
                 status: toStringValue(item.status, "Unknown"),
                 updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
                 featured: Boolean(item.featured),

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

@@ -7,6 +7,7 @@ import { useQueryClient } from "@tanstack/react-query";
 import { ConfirmDeleteModal, RowActionMenu, useToast } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
+import { ROUTES } from "../../../next/routing/route-map";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData";
 import { DataListingView } from "./DataListingView";
 import { apiClient } from "../../../http";
@@ -71,6 +72,10 @@ export function AdminReturnRequestsView(_props) {
         })),
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
         buildFilters: () => undefined,
+        // Return requests are orders (endpoint filters status==return_requested)
+        // — reuse the real admin order detail page rather than leaving rows
+        // non-navigable.
+        rowHrefTemplate: String(ROUTES.ADMIN.ORDER_DETAIL("{id}")),
         renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
                 {
                     label: ACTIONS.ADMIN["approve-return"].label,

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

@@ -62,9 +62,7 @@ export function AdminReviewsView({ children, ...props }) {
             userName: toStringValue(raw.userName ?? raw.sellerName, "Unknown"),
             userAvatar: toStringValue(raw.userAvatar, "") || undefined,
             verified: Boolean(raw.verified),
-            images: Array.isArray(raw.images)
-                ? raw.images
-                : [],
+            images: Array.isArray(raw.images) ? raw.images : [],
             helpfulCount: Number(raw.helpfulCount ?? 0),
             createdAt: toStringValue(raw.createdAt, "") || undefined,
         });
@@ -119,6 +117,9 @@ export function AdminReviewsView({ children, ...props }) {
                 parts.push(sieveFilter("rating", SIEVE_OP.EQ, f.rating));
             return parts.join(",") || undefined;
         },
+        // Mirrors the row action's "View" entry so the row itself is clickable,
+        // not just the overflow menu.
+        onRowClick: (row) => handleViewReview(row),
         // Rule #7: bulk-action array sourced from the ADMIN_BULK_ACTIONS preset.
         // DELETE has no wired handler yet (pre-existing — approve/reject were
         // already no-op placeholders too), so it's left out until one exists.

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

@@ -86,6 +86,12 @@ export function AdminScammersView({ children, ...props }) {
             return mappedRows.length;
         },
         buildFilters: (f) => (f.status && f.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, f.status) : undefined),
+        // Mirrors the row action's "review-scammer" entry so the row itself is
+        // clickable, not just the overflow menu.
+        onRowClick: (row) => {
+            setSelectedRow(row);
+            setDrawerOpen(true);
+        },
         renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
                 {
                     label: ACTIONS.ADMIN["review-scammer"].label,

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

@@ -10,6 +10,7 @@ import { ListingLayout } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData";
 import { DataListingView } from "./DataListingView";
+import { ROUTES } from "../../../next/routing/route-map";
 const ADMIN_STICKERS_CONFIG = {
     portal: "admin",
     title: "Stickers",
@@ -36,6 +37,9 @@ const ADMIN_STICKERS_CONFIG = {
     })),
     getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
     buildFilters: () => "listingType==stickers",
+    // Sticker listings are products (filtered by listingType) — reuse the
+    // real admin product edit page rather than leaving rows non-navigable.
+    rowHrefTemplate: String(ROUTES.ADMIN.PRODUCTS_EDIT("{id}")),
 };
 export function AdminStickersView({ children, ...props }) {
     if (React.Children.count(children) > 0) {

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

@@ -4,6 +4,7 @@ import { sortBy } from "@mohasinac/appkit/client";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers";
+import { ROUTES } from "../../../next/routing/route-map";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData";
 import { DataListingView } from "./DataListingView";
 export function AdminSublistingCategoriesView({ onBulkDelete, }) {
@@ -36,6 +37,7 @@ export function AdminSublistingCategoriesView({ onBulkDelete, }) {
         })),
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
         buildFilters: () => undefined,
+        rowHrefTemplate: String(ROUTES.ADMIN.SUBLISTING_CATEGORIES_EDIT("{id}")),
         buildBulkActions: onBulkDelete
             ? (selection) => [
                 buildBulkAction(ACTIONS.ADMIN["delete-sublisting-category"], async () => {

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

@@ -111,6 +111,12 @@ export function AdminSupportTicketsView({ children, ...props }) {
                 parts.push(sieveFilter("priority", SIEVE_OP.EQ, f.priority));
             return parts.join(",") || undefined;
         },
+        // Mirrors the row action's "View" entry so the row itself is clickable,
+        // not just the overflow menu.
+        onRowClick: (row) => {
+            setSelectedRow(row);
+            setDrawerOpen(true);
+        },
         renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
                 {
                     label: ROW_ACTION_META[ROW_ACTION_ID.VIEW].label,

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

@@ -93,6 +93,9 @@ export function AdminTeamView({ children, onBulkRemove, ...props }) {
             return mappedRows.length;
         },
         buildFilters: (state) => state.group && state.group !== "All" ? sieveFilter("permissionGroup", SIEVE_OP.EQ, state.group) : undefined,
+        // Mirrors the row action's "edit-team-member" entry so the row itself
+        // is clickable, not just the overflow menu.
+        onRowClick: (row) => openEdit(row),
         toolbarExtra: (_jsxs(Button, { gap: "sm", type: "button", variant: "primary", onClick: openInvite, className: "whitespace-nowrap", children: [_jsx(UserPlus, { className: "h-4 w-4" }), "Invite Employee"] })),
         // Rule #7: bulk-action array sourced from the ADMIN_BULK_ACTIONS preset.
         buildBulkActions: onBulkRemove

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

@@ -8,6 +8,8 @@ interface AdminViewCardsProps {
     onRowClick?: (row: AdminListingScaffoldRow) => void;
     selectedIdSet?: Set<string>;
     onToggleSelect?: (id: string) => void;
+    /** Same row-actions menu DataTable renders in its table view — mirrored here so cards carry the same quick actions, not just navigation. */
+    renderRowActions?: (row: AdminListingScaffoldRow) => React.ReactNode;
 }
-export declare function AdminViewCards({ rows, view, isLoading, emptyLabel, onRowClick, selectedIdSet, onToggleSelect, }: AdminViewCardsProps): React.JSX.Element;
+export declare function AdminViewCards({ rows, view, isLoading, emptyLabel, onRowClick, selectedIdSet, onToggleSelect, renderRowActions, }: AdminViewCardsProps): React.JSX.Element;
 export {};

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

@@ -22,10 +22,10 @@ function SkeletonCard({ view }) {
     }
     return (_jsx(Div, { rounded: "xl", border: "subtle", className: `${__O.hidden} animate-pulse`, children: _jsxs(Stack, { gap: "xs", padding: "md", children: [_jsx(Div, { className: "h-4 w-3/4", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-3 w-1/2", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-5 w-20 mt-1", surface: "subtle", rounded: "full" }), _jsx(Div, { className: "h-3 w-1/3", surface: "subtle", rounded: "default" })] }) }));
 }
-function AdminCardItem({ row, view, selected, onToggleSelect, onRowClick, }) {
+function AdminCardItem({ row, view, selected, onToggleSelect, onRowClick, renderRowActions, }) {
     const flags = FLAG_BADGES.filter(({ key }) => Boolean(row[key]));
     const handleClick = (e) => {
-        if (e.target.closest('[data-checkbox]'))
+        if (e.target.closest('[data-no-row-click]'))
             return;
         onRowClick?.(row);
     };
@@ -33,16 +33,16 @@ function AdminCardItem({ row, view, selected, onToggleSelect, onRowClick, }) {
         return (_jsxs(Row, { gap: "sm", className: [
                 "px-[var(--appkit-space-4)] py-[var(--appkit-space-3)] cursor-pointer transition-colors hover:bg-zinc-50 hover:bg-[var(--appkit-color-surface-elevated)]/50",
                 selected ? "bg-primary-50/40 dark:bg-primary-900/10" : "",
-            ].filter(Boolean).join(" "), onClick: handleClick, role: onRowClick ? "button" : undefined, children: [onToggleSelect && (_jsx(Div, { "data-checkbox": true, className: "shrink-0", onClick: (e) => { e.stopPropagation(); onToggleSelect(row.id); }, children: _jsx(Checkbox, { bare: true, checked: selected, onChange: () => onToggleSelect(row.id), className: "h-4 w-4 rounded border-zinc-300 text-primary accent-primary cursor-pointer", "aria-label": `Select ${row.primary}` }) })), _jsxs(Stack, { gap: "none", className: "flex-1 min-w-0", children: [_jsx(Text, { size: "sm", weight: "semibold", className: "truncate", color: "primary", children: row.primary }), _jsx(Text, { size: "xs", color: "muted", className: "truncate", children: row.secondary })] }), flags.length > 0 && (_jsx(Row, { gap: "xs", className: "hidden sm:flex shrink-0", children: flags.map(({ key, label, color }) => (_jsx(Span, { padding: "pill-2xs", weight: "medium", className: `inline-flex text-[10px] ${color}`, rounded: "full", children: label }, key))) })), _jsx(StatusBadge, { status: row.status }), _jsx(Span, { size: "xs", color: "muted", className: "hidden sm:block shrink-0 w-24", align: "end", children: row.updatedAt })] }));
+            ].filter(Boolean).join(" "), onClick: handleClick, role: onRowClick ? "button" : undefined, children: [onToggleSelect && (_jsx(Div, { "data-no-row-click": true, className: "shrink-0", onClick: (e) => { e.stopPropagation(); onToggleSelect(row.id); }, children: _jsx(Checkbox, { bare: true, checked: selected, onChange: () => onToggleSelect(row.id), className: "h-4 w-4 rounded border-zinc-300 text-primary accent-primary cursor-pointer", "aria-label": `Select ${row.primary}` }) })), _jsxs(Stack, { gap: "none", className: "flex-1 min-w-0", children: [_jsx(Text, { size: "sm", weight: "semibold", className: "truncate", color: "primary", children: row.primary }), _jsx(Text, { size: "xs", color: "muted", className: "truncate", children: row.secondary }), row.barcodeId && (_jsx(Text, { size: "xs", color: "faint", className: "truncate font-mono", children: row.barcodeId }))] }), flags.length > 0 && (_jsx(Row, { gap: "xs", className: "hidden sm:flex shrink-0", children: flags.map(({ key, label, color }) => (_jsx(Span, { padding: "pill-2xs", weight: "medium", className: `inline-flex text-[10px] ${color}`, rounded: "full", children: label }, key))) })), _jsx(StatusBadge, { status: row.status }), _jsx(Span, { size: "xs", color: "muted", className: "hidden sm:block shrink-0 w-24", align: "end", children: row.updatedAt }), renderRowActions && (_jsx(Div, { "data-no-row-click": true, className: "shrink-0", onClick: (e) => e.stopPropagation(), children: renderRowActions(row) }))] }));
     }
     return (_jsxs(Div, { rounded: "xl", className: [
             "border overflow-hidden cursor-pointer transition-all hover:shadow-md hover:-translate-y-0.5",
             selected
                 ? "border-primary ring-1 ring-primary/20 bg-primary-50/30 dark:bg-primary-900/10"
                 : "border-zinc-100 border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]",
-        ].filter(Boolean).join(" "), onClick: handleClick, role: onRowClick ? "button" : undefined, children: [onToggleSelect && (_jsxs(Row, { gap: "xs", "data-checkbox": true, paddingY: "t-sm", padding: "x-sm", onClick: (e) => { e.stopPropagation(); onToggleSelect(row.id); }, children: [_jsx(Checkbox, { bare: true, checked: selected, onChange: () => onToggleSelect(row.id), className: "h-4 w-4 rounded border-zinc-300 text-primary accent-primary cursor-pointer", "aria-label": `Select ${row.primary}` }), flags.length > 0 && (_jsx(Row, { gap: "xs", wrap: true, children: flags.map(({ key, label, color }) => (_jsx(Span, { padding: "pill-2xs", weight: "medium", className: `inline-flex text-[10px] ${color}`, rounded: "full", children: label }, key))) }))] })), _jsxs(Stack, { gap: "xs", className: `${__P.p3}.5`, children: [_jsxs(Stack, { gap: "none", children: [_jsx(Text, { size: "sm", weight: "semibold", className: "line-clamp-2 leading-snug", color: "primary", children: row.primary }), _jsx(Text, { size: "xs", color: "muted", className: "truncate", children: row.secondary })] }), _jsxs(Row, { justify: "between", gap: "xs", children: [_jsx(StatusBadge, { status: row.status }), _jsx(Span, { color: "muted", className: "text-[11px] shrink-0", children: row.updatedAt })] })] })] }));
+        ].filter(Boolean).join(" "), onClick: handleClick, role: onRowClick ? "button" : undefined, children: [onToggleSelect && (_jsxs(Row, { gap: "xs", "data-no-row-click": true, paddingY: "t-sm", padding: "x-sm", onClick: (e) => { e.stopPropagation(); onToggleSelect(row.id); }, children: [_jsx(Checkbox, { bare: true, checked: selected, onChange: () => onToggleSelect(row.id), className: "h-4 w-4 rounded border-zinc-300 text-primary accent-primary cursor-pointer", "aria-label": `Select ${row.primary}` }), flags.length > 0 && (_jsx(Row, { gap: "xs", wrap: true, children: flags.map(({ key, label, color }) => (_jsx(Span, { padding: "pill-2xs", weight: "medium", className: `inline-flex text-[10px] ${color}`, rounded: "full", children: label }, key))) }))] })), _jsxs(Stack, { gap: "xs", className: `${__P.p3}.5`, children: [_jsxs(Stack, { gap: "none", children: [_jsx(Text, { size: "sm", weight: "semibold", className: "line-clamp-2 leading-snug", color: "primary", children: row.primary }), _jsx(Text, { size: "xs", color: "muted", className: "truncate", children: row.secondary }), row.barcodeId && (_jsx(Text, { size: "xs", color: "faint", className: "truncate font-mono", children: row.barcodeId }))] }), _jsxs(Row, { justify: "between", gap: "xs", children: [_jsx(StatusBadge, { status: row.status }), _jsx(Span, { color: "muted", className: "text-[11px] shrink-0", children: row.updatedAt })] }), renderRowActions && (_jsx(Row, { "data-no-row-click": true, justify: "end", gap: "xs", className: "border-t border-[var(--appkit-color-border)] -mx-[var(--appkit-space-3)] -mb-[var(--appkit-space-3)] mt-[var(--appkit-space-1)] px-[var(--appkit-space-3)] py-[var(--appkit-space-2)]", onClick: (e) => e.stopPropagation(), children: renderRowActions(row) }))] })] }));
 }
-export function AdminViewCards({ rows, view, isLoading, emptyLabel = "No items found", onRowClick, selectedIdSet, onToggleSelect, }) {
+export function AdminViewCards({ rows, view, isLoading, emptyLabel = "No items found", onRowClick, selectedIdSet, onToggleSelect, renderRowActions, }) {
     if (isLoading) {
         const count = view === "grid" ? 12 : 8;
         if (view === "list") {
@@ -54,7 +54,7 @@ export function AdminViewCards({ rows, view, isLoading, emptyLabel = "No items f
         return (_jsx(Text, { paddingY: "3xl", size: "sm", color: "muted", align: "center", children: emptyLabel }));
     }
     if (view === "list") {
-        return (_jsx(Div, { rounded: "xl", border: "subtle", className: `${__O.hidden} divide-y divide-zinc-100 divide-[var(--appkit-color-border)]`, children: rows.map((row) => (_jsx(AdminCardItem, { row: row, view: "list", selected: selectedIdSet?.has(row.id) ?? false, onToggleSelect: onToggleSelect, onRowClick: onRowClick }, row.id))) }));
+        return (_jsx(Div, { rounded: "xl", border: "subtle", className: `${__O.hidden} divide-y divide-zinc-100 divide-[var(--appkit-color-border)]`, children: rows.map((row) => (_jsx(AdminCardItem, { row: row, view: "list", selected: selectedIdSet?.has(row.id) ?? false, onToggleSelect: onToggleSelect, onRowClick: onRowClick, renderRowActions: renderRowActions }, row.id))) }));
     }
-    return (_jsx(Grid, { gap: "md", className: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4", children: rows.map((row) => (_jsx(AdminCardItem, { row: row, view: "grid", selected: selectedIdSet?.has(row.id) ?? false, onToggleSelect: onToggleSelect, onRowClick: onRowClick }, row.id))) }));
+    return (_jsx(Grid, { gap: "md", className: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4", children: rows.map((row) => (_jsx(AdminCardItem, { row: row, view: "grid", selected: selectedIdSet?.has(row.id) ?? false, onToggleSelect: onToggleSelect, onRowClick: onRowClick, renderRowActions: renderRowActions }, row.id))) }));
 }

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

@@ -118,7 +118,7 @@ export interface ListingViewConfig<TResponse, TRow extends {
     rowHrefTemplate?: string | ((row: TRow) => string);
     /** Hide the table toggle in the toolbar; views with no table column set should use this. */
     hideTableView?: boolean;
-    /** Initial view mode (defaults to "table" when not hidden, "grid" when hidden). */
+    /** Initial view mode (defaults to "list" — the row-style card view). */
     initialView?: "grid" | "list" | "table";
     className?: string;
 }

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

@@ -7,7 +7,7 @@ import { useAdminListing } from "../hooks/useAdminListing";
 import { AdminViewCards } from "./AdminViewCards";
 import { DataTable } from "./DataTable";
 export function DataListingView({ config, }) {
-    const effectiveInitialView = config.initialView ?? (config.hideTableView ? "grid" : "table");
+    const effectiveInitialView = config.initialView ?? "list";
     const listing = useAdminListing({
         ...config,
         initialView: effectiveInitialView,
@@ -42,6 +42,26 @@ export function DataListingView({ config, }) {
             ? `Add ${config.title.replace(/s$/, "")}`
             : `Edit ${config.title.replace(/s$/, "")}`;
     const isEditorOpen = panel.isCreateOpen || panel.isEditOpen;
+    // Shared row-navigation resolver — the table branch and the default
+    // AdminViewCards branch must agree on when a row is actually clickable.
+    // Previously AdminViewCards unconditionally wired onRowClick to
+    // openEditPanel even when the config had no renderEditor/onRowClick/
+    // rowHrefTemplate, so cards always looked clickable (cursor-pointer,
+    // hover state) but silently did nothing (or mutated the URL with no
+    // visible drawer) while the table for the same config correctly showed
+    // no click affordance at all — read as "table isn't clickable" by users.
+    const resolvedRowClick = config.onRowClick
+        ? (row) => config.onRowClick(row, { openEditPanel: panel.openEditPanel })
+        : config.renderEditor
+            ? (row) => panel.openEditPanel(row.id)
+            : config.rowHrefTemplate
+                ? (row) => {
+                    const href = typeof config.rowHrefTemplate === "function"
+                        ? config.rowHrefTemplate(row)
+                        : config.rowHrefTemplate.replace("{id}", encodeURIComponent(row.id));
+                    window.location.href = href;
+                }
+                : undefined;
     return (_jsxs(Div, { className: config.className ?? "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: config.searchPlaceholder, onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || config.defaultSort, sortOptions: config.sortOptions, onSortChange: (v) => table.set("sort", v), showTableView: !config.hideTableView, toggles: config.toggles, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState, extra: config.primaryAction || config.toolbarExtra ? (_jsxs(Row, { align: "center", gap: "sm", children: [config.toolbarExtra, config.primaryAction && (_jsxs(Button, { gap: "sm", size: "sm", onClick: () => config.primaryAction.onClick({
                                 openCreatePanel: panel.openCreatePanel,
                             }), children: [config.primaryAction.icon ?? _jsx(Plus, { className: "h-4 w-4" }), config.primaryAction.label] }))] })) : undefined }), config.renderAboveContent?.(), bulkActionItems && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: bulkActionItems })), totalPages > 1 && (_jsx(StickyToolbar, { offset: "header+pagination", tone: "translucent", border: true, padding: "toolbar", children: _jsx(Row, { justify: "center", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p), pageSize: pageSize, onPageSizeChange: setPageSize, paginationConfig: { showPageSizeSelector: true, pageSizeOptions: [10, 25, 50, 100] } }) }) })), _jsxs(Div, { paddingX: "x-sm-md", padding: "y-md", children: [errorMessage && (_jsx(Div, { textSize: "sm", className: "mb-4 border border-error/20", color: "error", surface: "danger-surface", padding: "inline", rounded: "xl", children: errorMessage })), view === "table" && !config.hideTableView ? (_jsx(DataTable, { columns: config.columns, rows: rows, isLoading: isLoading, emptyLabel: config.emptyLabel ?? `No ${config.title.toLowerCase()} found`, selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: (next) => next
@@ -56,7 +76,11 @@ export function DataListingView({ config, }) {
                     // The persisted view-mode preference is global, so a "table"
                     // value can still reach here on a hideTableView-only view (see
                     // the DataTable branch's guard above) — fall back to "grid".
-                    config.renderCards(rows, view === "table" ? "grid" : view, selectionContext, isLoading)) : (_jsx(AdminViewCards, { rows: rows, view: view === "table" ? "grid" : view, isLoading: isLoading, emptyLabel: config.emptyLabel ?? `No ${config.title.toLowerCase()} found`, onRowClick: (row) => panel.openEditPanel(row.id), selectedIdSet: selection.selectedIdSet, onToggleSelect: selection.toggle }))] }), config.renderFilterPanel && (_jsx(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearFilters, activeCount: activeFilterCount, children: config.renderFilterPanel({
+                    config.renderCards(rows, view === "table" ? "grid" : view, selectionContext, isLoading)) : (_jsx(AdminViewCards, { rows: rows, view: view === "table" ? "grid" : view, isLoading: isLoading, emptyLabel: config.emptyLabel ?? `No ${config.title.toLowerCase()} found`, onRowClick: resolvedRowClick
+                            ? (row) => resolvedRowClick(row)
+                            : undefined, selectedIdSet: selection.selectedIdSet, onToggleSelect: selection.toggle, renderRowActions: config.renderRowActions
+                            ? (row) => config.renderRowActions(row)
+                            : undefined }))] }), config.renderFilterPanel && (_jsx(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearFilters, activeCount: activeFilterCount, children: config.renderFilterPanel({
                     pendingFilters,
                     setPendingFilters,
                     applyFilters,

package/dist/features/admin/hooks/useAdminListing.js

@@ -11,7 +11,7 @@ export function useAdminListing(config) {
     // (AdminViewCards' one-full-width-card-per-row layout) unless the caller
     // explicitly pins hideTableView (grid-only views like coupons); the user's
     // own explicit choice, once made, always wins and persists across visits.
-    const { view, setView } = useDataViewMode(config.initialView ?? "table");
+    const { view, setView } = useDataViewMode(config.initialView ?? "list");
     const table = useUrlTable({
         defaults: { pageSize: String(defaultPageSize), sort: defaultSort, ...filterDefaults },
     });

package/dist/features/auth/actions/profile-actions.js

@@ -54,7 +54,7 @@ export async function getSellerReviews(storeId) {
         rating: r.rating,
         title: r.title,
         comment: r.comment,
-        images: r.images?.map((url) => ({ url })),
+        images: r.images,
         status: r.status,
         helpfulCount: r.helpfulCount,
         reportCount: r.reportCount,
@@ -85,7 +85,7 @@ export async function getReviewsAuthoredBy(userId) {
         rating: r.rating,
         title: r.title,
         comment: r.comment,
-        images: r.images?.map((url) => ({ url })),
+        images: r.images,
         status: r.status,
         helpfulCount: r.helpfulCount,
         reportCount: r.reportCount,
@@ -110,7 +110,7 @@ export async function getReviewsReceivedBy(userId) {
         rating: r.rating,
         title: r.title,
         comment: r.comment,
-        images: r.images?.map((url) => ({ url })),
+        images: r.images,
         status: r.status,
         helpfulCount: r.helpfulCount,
         reportCount: r.reportCount,

package/dist/features/orders/schemas/firestore.d.ts

@@ -85,6 +85,8 @@ export declare const RefundStatusValues: {
 export interface OrderDocumentItem {
     productId: string;
     productTitle: string;
+    /** Snapshotted from the product/cart-item at order time so the order-detail UI can render a thumbnail without an extra product fetch. */
+    image?: string;
     quantity: number;
     unitPrice: number;
     totalPrice: number;

package/dist/features/products/components/ProductDetailPageView.js

@@ -60,9 +60,7 @@ function toProductItem(doc) {
     };
 }
 function toReview(doc) {
-    const images = Array.isArray(doc.images)
-        ? doc.images.map((url) => ({ url }))
-        : undefined;
+    const images = Array.isArray(doc.images) ? doc.images : undefined;
     const createdAt = doc.createdAt instanceof Date
         ? doc.createdAt.toISOString()
         : typeof doc.createdAt === "string"

package/dist/features/products/constants/action-defs.d.ts

@@ -292,6 +292,11 @@ export declare const DASHBOARD_QUICK_ACTION_ID: {
     readonly ADMIN_FAQS: "dqa-admin-faqs";
     readonly ADMIN_CAROUSEL: "dqa-admin-carousel";
     readonly ADMIN_SECTIONS: "dqa-admin-sections";
+    readonly ADMIN_BLOG: "dqa-admin-blog";
+    readonly ADMIN_SCAMMERS: "dqa-admin-scammers";
+    readonly ADMIN_BUNDLES: "dqa-admin-bundles";
+    readonly ADMIN_PRIZE_DRAWS: "dqa-admin-prize-draws";
+    readonly ADMIN_TESTER_CHECKLIST: "dqa-admin-tester-checklist";
     readonly SELLER_ADD_PRODUCT: "dqa-seller-add-product";
     readonly SELLER_ADD_COUPON: "dqa-seller-add-coupon";
     readonly SELLER_VIEW_ORDERS: "dqa-seller-view-orders";
@@ -305,6 +310,12 @@ export declare const DASHBOARD_QUICK_ACTION_ID: {
     readonly SELLER_PRODUCTS: "dqa-seller-products";
     readonly SELLER_STOREFRONT: "dqa-seller-storefront";
     readonly SELLER_ANALYTICS: "dqa-seller-analytics";
+    readonly SELLER_BUNDLES: "dqa-seller-bundles";
+    readonly SELLER_PRIZE_DRAWS: "dqa-seller-prize-draws";
+    readonly SELLER_OFFERS: "dqa-seller-offers";
+    readonly SELLER_GROUPED_LISTINGS: "dqa-seller-grouped-listings";
+    readonly SELLER_CATEGORIES: "dqa-seller-categories";
+    readonly SELLER_PRINT_CENTER: "dqa-seller-print-center";
     readonly USER_VIEW_ORDERS: "dqa-user-view-orders";
     readonly USER_VIEW_WISHLIST: "dqa-user-view-wishlist";
     readonly USER_EDIT_PROFILE: "dqa-user-edit-profile";
@@ -332,8 +343,8 @@ export interface DashboardQuickActionMeta {
 }
 export declare const DASHBOARD_QUICK_ACTION_META: Record<DashboardQuickActionId, DashboardQuickActionMeta>;
 export declare const DASHBOARD_QUICK_ACTIONS: {
-    readonly admin: readonly ["dqa-admin-add-product", "dqa-admin-add-user", "dqa-admin-add-store", "dqa-admin-add-coupon", "dqa-admin-add-event", "dqa-admin-add-blog", "dqa-admin-users", "dqa-admin-stores", "dqa-admin-orders", "dqa-admin-payouts", "dqa-admin-analytics", "dqa-admin-categories", "dqa-admin-reviews", "dqa-admin-events", "dqa-admin-faqs", "dqa-admin-carousel", "dqa-admin-sections", "dqa-admin-support", "dqa-admin-moderation", "dqa-admin-settings"];
-    readonly seller: readonly ["dqa-seller-add-product", "dqa-seller-products", "dqa-seller-view-orders", "dqa-seller-analytics", "dqa-seller-add-coupon", "dqa-seller-auctions", "dqa-seller-payout-request", "dqa-seller-shipping", "dqa-seller-messages", "dqa-seller-whatsapp", "dqa-seller-reviews", "dqa-seller-storefront", "dqa-seller-settings"];
+    readonly admin: readonly ["dqa-admin-add-product", "dqa-admin-add-user", "dqa-admin-add-store", "dqa-admin-add-coupon", "dqa-admin-add-event", "dqa-admin-add-blog", "dqa-admin-users", "dqa-admin-stores", "dqa-admin-orders", "dqa-admin-payouts", "dqa-admin-analytics", "dqa-admin-categories", "dqa-admin-reviews", "dqa-admin-events", "dqa-admin-faqs", "dqa-admin-carousel", "dqa-admin-sections", "dqa-admin-support", "dqa-admin-moderation", "dqa-admin-blog", "dqa-admin-scammers", "dqa-admin-bundles", "dqa-admin-prize-draws", "dqa-admin-tester-checklist", "dqa-admin-settings"];
+    readonly seller: readonly ["dqa-seller-add-product", "dqa-seller-products", "dqa-seller-view-orders", "dqa-seller-analytics", "dqa-seller-add-coupon", "dqa-seller-auctions", "dqa-seller-bundles", "dqa-seller-prize-draws", "dqa-seller-offers", "dqa-seller-grouped-listings", "dqa-seller-categories", "dqa-seller-payout-request", "dqa-seller-shipping", "dqa-seller-print-center", "dqa-seller-messages", "dqa-seller-whatsapp", "dqa-seller-reviews", "dqa-seller-storefront", "dqa-seller-settings"];
     readonly user: readonly ["dqa-user-view-orders", "dqa-user-view-wishlist", "dqa-user-edit-profile", "dqa-user-add-address", "dqa-user-recently-viewed", "dqa-user-my-catalogue", "dqa-user-my-coupons"];
 };
 export declare const ADMIN_BULK_ACTIONS: {