@mohasinac/appkit 4.70.0 → 4.71.2

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

@@ -1,273 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useApiMutation } from "@mohasinac/appkit/client";
-import React, { useState, useCallback } from "react";
-import { useRouter } from "next/navigation.js";
-import { useQueryClient } from "@tanstack/react-query";
-import { Badge } from "../../../ui/components/Badge.js";
-import { BulkActionBar } from "../../../ui/components/BulkActionBar.js";
-import { Button } from "../../../ui/components/Button.js";
-import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
-import { Div } from "../../../ui/components/Div.js";
-import { ListingFilterDrawer } from "../../../ui/components/ListingFilterDrawer.js";
-import { ListingLayout } from "../../../ui/components/ListingLayout.js";
-import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
-import { Pagination } from "../../../ui/components/Pagination.js";
-import { Row, Stack } from "../../../ui/components/Layout.js";
-import { Span, Text } from "../../../ui/components/Typography.js";
-import { TextLink } from "../../../ui/components/TextLink.js";
-import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
-import { Toggle } from "../../../ui/components/Toggle.js";
-import { useToast } from "../../../ui/components/toast-context.js";
-import { ROUTES } from "../../../next/routing/route-map.js";
-import { useBottomActions } from "../../layout/hooks/useBottomActions.js";
-import { MediaImage } from "../../media/MediaImage.js";
-import { ADMIN_ENDPOINTS, HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints.js";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
-import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers.js";
-import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
-import { useAdminListing } from "../hooks/useAdminListing.js";
-import { DataTable } from "./DataTable.js";
-import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
-import { apiClient } from "../../../http/index.js";
-import { normalizeError } from "../../../errors/normalize.js";
-import { toUserMessage } from "../../../errors/error-display-map.js";
-const PAGE_SIZE = 50;
-const FILTER_KEYS = ["active"];
-const DEFAULT_SORT = "order";
-function extractCarouselRows(response) {
-    if (Array.isArray(response))
-        return response;
-    if (!response || typeof response !== "object")
-        return undefined;
-    const obj = response;
-    if (Array.isArray(obj.data))
-        return obj.data;
-    return Array.isArray(obj.items) ? obj.items : undefined;
-}
-export function AdminCarouselView({ children, onBulkDelete, ...props }) {
-    const hasChildren = React.Children.count(children) > 0;
-    const [draggingId, setDraggingId] = useState(null);
-    const [deleteTargetId, setDeleteTargetId] = useState(null);
-    const [localRows, setLocalRows] = useState([]);
-    const queryClient = useQueryClient();
-    const router = useRouter();
-    const { showToast } = useToast();
-    const { view, setView, table, searchInput, setSearchInput, commitSearch, filterOpen, setFilterOpen, openFilters, applyFilters, clearFilters, pendingFilters, setPendingFilters, activeFilterCount, hasActiveState, resetAll, rows: fetchedRows, isLoading, errorMessage, currentPage, totalPages, selection, } = useAdminListing({
-        filterKeys: FILTER_KEYS,
-        defaultSort: DEFAULT_SORT,
-        pageSize: PAGE_SIZE,
-        queryKey: ["admin", "carousel", "listing"],
-        endpoint: `${HOMEPAGE_ENDPOINTS.CAROUSEL}?includeInactive=true`,
-        mapRows: (response) => {
-            const sourceItems = extractCarouselRows(response);
-            return toRecordArray(sourceItems)
-                .sort((a, b) => (a.order ?? 0) - (b.order ?? 0))
-                .map((item, index) => {
-                const bg = item.background;
-                const legacyMedia = item.media;
-                const thumbnailUrl = toStringValue(bg?.url, "") || toStringValue(legacyMedia?.url, "") || "";
-                const orderValue = typeof item.order === "number" ? item.order : index + 1;
-                const height = toStringValue(item.settings?.height, "—");
-                return {
-                    id: toStringValue(item.id, `slide-${index}`),
-                    primary: toStringValue(item.title, `Carousel slide ${index + 1}`),
-                    secondary: `Order: ${orderValue} · Height: ${height} · ${item.active ? "Active" : "Inactive"}`,
-                    status: typeof item.active === "boolean" ? (item.active ? "Active" : "Inactive") : "Inactive",
-                    updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
-                    order: orderValue,
-                    thumbnailUrl,
-                };
-            });
-        },
-        getTotal: (response, mappedRows) => {
-            if (Array.isArray(response) || !response || typeof response !== "object") {
-                return mappedRows.length;
-            }
-            const total = response.total;
-            return typeof total === "number" ? total : mappedRows.length;
-        },
-        buildFilters: (filterState) => {
-            const activeRaw = filterState.active;
-            if (activeRaw === "true")
-                return "active==true";
-            if (activeRaw === "false")
-                return "active==false";
-            return undefined;
-        },
-    });
-    React.useEffect(() => {
-        setLocalRows(fetchedRows);
-    }, [fetchedRows]);
-    const reorderMutation = useApiMutation({
-        mutationFn: (ids) => apiClient.post(ADMIN_ENDPOINTS.CAROUSEL_REORDER, { slideIds: ids }),
-        onSuccess: () => {
-            queryClient.invalidateQueries({ queryKey: ["admin", "carousel", "listing"] });
-        },
-    });
-    const deleteMutation = useApiMutation({
-        mutationFn: (id) => apiClient.delete(ADMIN_ENDPOINTS.CAROUSEL_BY_ID(id)),
-        onSuccess: () => {
-            queryClient.invalidateQueries({ queryKey: ["admin", "carousel", "listing"] });
-        },
-    });
-    const handleDeleteSlide = useCallback((id) => setDeleteTargetId(id), []);
-    const handleDragStart = (id) => setDraggingId(id);
-    const handleDrop = (targetId) => {
-        if (!draggingId || draggingId === targetId) {
-            setDraggingId(null);
-            return;
-        }
-        const from = localRows.findIndex((r) => r.id === draggingId);
-        const to = localRows.findIndex((r) => r.id === targetId);
-        if (from === -1 || to === -1) {
-            setDraggingId(null);
-            return;
-        }
-        const next = [...localRows];
-        const [moved] = next.splice(from, 1);
-        next.splice(to, 0, moved);
-        setLocalRows(next);
-        setDraggingId(null);
-        reorderMutation.mutate(next.map((r) => r.id));
-    };
-    const setActiveMutation = useApiMutation({
-        errorMessage: "Could not change that slide's status.",
-        mutationFn: ({ id, active }) => 
-        // PUT, not PATCH: this route has no PATCH, and every field on
-        // `updateSlideSchema` is optional, so a lone `{ active }` is a valid
-        // partial update.
-        apiClient.put(ADMIN_ENDPOINTS.CAROUSEL_BY_ID(id), { active }),
-        onSuccess: () => {
-            queryClient.invalidateQueries({ queryKey: ["admin", "carousel", "listing"] });
-            // The public hero carousel reads under its own key.
-            queryClient.invalidateQueries({ queryKey: ["carousel"] });
-        },
-    });
-    /*
-     * 🛑 The bulk delete used to be gated entirely on an `onBulkDelete` PROP —
-     * and the page renders `<AdminCarouselView />` with no props at all. So
-     * `bulkActions` was always `[]`, the BulkActionBar never rendered, and
-     * DataTable was handed no selection props either, which meant no checkbox
-     * column existed to select with in the first place.
-     * `ACTIONS.ADMIN["delete-carousel"]` and its confirmation dialog were
-     * unreachable from this page.
-     *
-     * The prop is kept so an embedder can still override the behaviour, but it
-     * no longer decides whether the action EXISTS — this view owns a delete
-     * mutation already and can perfectly well call it N times.
-     */
-    const handleBulkDelete = useCallback(async () => {
-        const ids = selection.selectedIds;
-        try {
-            if (onBulkDelete) {
-                await onBulkDelete(ids);
-            }
-            else {
-                await Promise.all(ids.map((id) => apiClient.delete(ADMIN_ENDPOINTS.CAROUSEL_BY_ID(id))));
-                await queryClient.invalidateQueries({ queryKey: ["admin", "carousel", "listing"] });
-            }
-            selection.clearSelection();
-            showToast(`${ids.length} slide${ids.length === 1 ? "" : "s"} deleted.`, "success");
-        }
-        catch (err) {
-            const normalized = normalizeError(err);
-            /*
-             * The selection is deliberately NOT cleared on failure. `Promise.all`
-             * rejects on the first error, so some of these ids may be gone and
-             * some may not — clearing would hide which rows are still there and
-             * leave the admin no way to retry the remainder.
-             */
-            showToast(toUserMessage(normalized.code, undefined, { fallback: "Could not delete the selected slides." }), "error");
-        }
-    }, [onBulkDelete, selection, queryClient, showToast]);
-    const bulkActions = [
-        buildBulkAction(ACTIONS.ADMIN["delete-carousel"], handleBulkDelete),
-    ];
-    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: bulkActions } } : {});
-    if (hasChildren) {
-        return _jsx(ListingLayout, { portal: "admin", ...props, children: children });
-    }
-    const displayRows = (localRows.length > 0 ? localRows : fetchedRows).map((row) => ({
-        ...row,
-        secondary: (_jsxs(Row, { align: "center", gap: "3", children: [row.thumbnailUrl && (_jsx(Div, { className: "relative w-14 h-9 flex-shrink-0 bg-[var(--appkit-color-surface)]", rounded: "default", overflow: "hidden", children: _jsx(MediaImage, { src: row.thumbnailUrl, alt: "", size: "thumbnail" }) })), _jsx(Span, { size: "sm", className: "truncate", color: "muted", children: row.secondary })] })),
-    }));
-    const columns = [
-        {
-            key: "drag",
-            header: "",
-            render: (row) => (_jsx(Div, { draggable: true, onDragStart: () => handleDragStart(row.id), onDragOver: (e) => e.preventDefault(), onDrop: () => handleDrop(row.id), className: "cursor-grab active:cursor-grabbing text-zinc-400 px-[var(--appkit-space-1)] select-none", title: "Drag to reorder", children: "\u283F" })),
-        },
-        {
-            key: "primary",
-            header: "Title",
-            render: (row) => _jsx(Span, { weight: "medium", color: "primary", children: row.primary }),
-        },
-        {
-            key: "secondary",
-            header: "Details",
-            render: (row) => row.secondary,
-        },
-        {
-            /*
-             * 🛑 Both preventDefault AND stopPropagation.
-             *
-             * `rowHrefTemplate` makes the whole row an anchor, so stopping
-             * propagation alone leaves the anchor's DEFAULT action intact — the
-             * toggle would flip and then navigate to the edit page, which reads as
-             * "clicking the switch opens the editor". A normal column cell is also
-             * outside the two `<Td>`s DataTable stops propagation on; only the
-             * selection and row-action cells get that for free.
-             */
-            key: "active",
-            header: "Active",
-            className: "w-24",
-            render: (row) => (_jsx(Row, { align: "center", gap: "sm", role: "presentation", onClick: (e) => { e.preventDefault(); e.stopPropagation(); }, onKeyDown: (e) => e.stopPropagation(), children: _jsx(Toggle, { size: "sm", checked: row.status === "Active", ariaLabel: row.status === "Active"
-                        ? `${ACTIONS.ADMIN["deactivate-carousel"].ariaLabel}: ${row.primary}`
-                        : `${ACTIONS.ADMIN["activate-carousel"].ariaLabel}: ${row.primary}`, onChange: (next) => setActiveMutation.mutate({ id: row.id, active: next }) }) })),
-        },
-        {
-            key: "status",
-            header: "Status",
-            render: (row) => (_jsx(Badge, { variant: row.status === "Active" ? "active" : "inactive", size: "xs", children: row.status })),
-        },
-        {
-            key: "updatedAt",
-            header: "Updated",
-            render: (row) => _jsx(Span, { size: "sm", color: "muted", children: row.updatedAt }),
-        },
-        {
-            key: "actions",
-            header: "",
-            render: (row) => (_jsx(RowActionMenu, { actions: [
-                    // router.push, not window.location.href — a full page load to
-                    // reach a page the row already links to is strictly worse, and
-                    // this is the same navigation DataTable's row anchor performs.
-                    { label: ACTIONS.ADMIN["edit-carousel"].label, onClick: () => router.push(String(ROUTES.ADMIN.CAROUSEL_EDIT(row.id))) },
-                    {
-                        label: ACTIONS.ADMIN["delete-carousel"].label,
-                        destructive: true,
-                        onClick: () => handleDeleteSlide(row.id),
-                    },
-                ] })),
-        },
-    ];
-    return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, 
-                // Search intentionally absent: this endpoint does not read `q`, so the box accepted typing and changed nothing. Restore it when the collection gains searchTxt — audit-listing-search-capability tracks it.
-                onSearchChange: setSearchInput, onSearchCommit: commitSearch, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState, 
-                /*
-                 * 🛑 The empty state named a button that did not exist: "No carousel
-                 * slides — use 'New slide' to add one", with no New slide control
-                 * anywhere on the page. `/admin/carousel/new` has always been a real
-                 * route and nothing linked to it.
-                 */
-                extra: _jsx(Button, { gap: "sm", size: "sm", asChild: true, children: _jsx(TextLink, { variant: "inherit", href: String(ROUTES.ADMIN.CAROUSEL_NEW), children: "New slide" }) }) }), 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) }) }) })), selection.selectedCount > 0 && bulkActions.length > 0 && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, actions: bulkActions, onClearSelection: selection.clearSelection })), _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 })), _jsx(DataTable, { rows: displayRows, columns: columns, isLoading: isLoading, emptyLabel: "No carousel slides yet", emptyAction: _jsx(Button, { gap: "sm", size: "sm", asChild: true, children: _jsx(TextLink, { variant: "inherit", href: String(ROUTES.ADMIN.CAROUSEL_NEW), children: "New slide" }) }), rowHrefTemplate: "/admin/carousel/{id}/edit", 
-                        /*
-                         * Selection was destructured and a bulk-action array built from it,
-                         * and these three props were never passed — so no checkbox column
-                         * rendered and nothing could be selected to act on.
-                         */
-                        selectedIds: selection.selectedIdSet, onToggleSelect: (id) => selection.toggle(id), onToggleSelectAll: () => selection.toggleAll() })] }), _jsx(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearFilters, activeCount: activeFilterCount, children: _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { className: "tracking-widest", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "Status" }), _jsx(Row, { wrap: true, gap: "sm", children: [{ label: "All", value: "" }, { label: "Active", value: "true" }, { label: "Inactive", value: "false" }].map((opt) => (_jsx(Button, { variant: "ghost", type: "button", onClick: () => setPendingFilters((p) => ({ ...p, active: opt.value })), className: `rounded-full px-[var(--appkit-space-3)] py-[var(--appkit-space-1)] text-[length:var(--appkit-text-xs)] font-medium border transition-colors min-h-0 h-auto ${(pendingFilters.active || "") === opt.value ? "bg-primary text-white border-primary" : "border-[var(--appkit-color-border)] text-[var(--appkit-color-text-muted)] hover:bg-surface-hover"}`, children: opt.label }, opt.label))) })] }) }), deleteTargetId && (_jsx(ConfirmDeleteModal, { isOpen: true, 
-                /* Rule #7: confirmation copy lives on the ActionDef, not here. */
-                title: ACTIONS.ADMIN["delete-carousel"].confirmation?.title, message: ACTIONS.ADMIN["delete-carousel"].confirmation?.body, confirmText: ACTIONS.ADMIN["delete-carousel"].confirmation?.confirmLabel, onConfirm: () => { deleteMutation.mutate(deleteTargetId); setDeleteTargetId(null); }, onClose: () => setDeleteTargetId(null), isDeleting: deleteMutation.isPending }))] }));
-}

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

@@ -1,27 +0,0 @@
-/**
- * AdminPartsView — browse and correct the generated part glossary.
- *
- * ── 🛑 WHY THIS IS A CORRECTION SURFACE, NOT A CRUD SCREEN ────────────────
- *
- * `partGlossary` is 2,488 rows built by committed generators from a crawled
- * corpus. So there is no "Add part" button: a row authored here would have no
- * source, would vanish on the next regeneration, and would make the claim
- * "this dataset rebuilds from `appkit/src/seed/` alone" false. Adding a part is
- * a change to the generator.
- *
- * What this surface IS for is the thing the corpus demonstrably needs — fixing
- * a wrong extraction. On mode data alone the source was wrong five times in one
- * session: an inverted tip transition, a mechanism attributed to the wrong
- * part, a part with no modes at all, and two misexpanded abbreviations. A
- * correction made here survives the next reseed, field by field
- * (`adminEditedFields`).
- *
- * @tag domain:parts
- * @tag layer:feature
- * @tag access:client
- * @tag consumers:app/[locale]/admin/parts/page.tsx
- */
-import React from "react";
-import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
-export type AdminPartsViewProps = ListingLayoutProps;
-export declare function AdminPartsView({ children, ...props }: AdminPartsViewProps): React.JSX.Element;

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

@@ -1,162 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * AdminPartsView — browse and correct the generated part glossary.
- *
- * ── 🛑 WHY THIS IS A CORRECTION SURFACE, NOT A CRUD SCREEN ────────────────
- *
- * `partGlossary` is 2,488 rows built by committed generators from a crawled
- * corpus. So there is no "Add part" button: a row authored here would have no
- * source, would vanish on the next regeneration, and would make the claim
- * "this dataset rebuilds from `appkit/src/seed/` alone" false. Adding a part is
- * a change to the generator.
- *
- * What this surface IS for is the thing the corpus demonstrably needs — fixing
- * a wrong extraction. On mode data alone the source was wrong five times in one
- * session: an inverted tip transition, a mechanism attributed to the wrong
- * part, a part with no modes at all, and two misexpanded abbreviations. A
- * correction made here survives the next reseed, field by field
- * (`adminEditedFields`).
- *
- * @tag domain:parts
- * @tag layer:feature
- * @tag access:client
- * @tag consumers:app/[locale]/admin/parts/page.tsx
- */
-import React from "react";
-import { Heading, Text } from "../../../ui/components/Typography.js";
-import { ListingLayout } from "../../../ui/components/ListingLayout.js";
-import { Stack } from "../../../ui/components/Layout.js";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
-import { PART_GLOSSARY_FIELDS } from "../../../constants/field-names.js";
-import { sortBy } from "../../../constants/sort.js";
-import { ROUTES } from "../../../next/routing/route-map.js";
-import { DataListingView } from "./DataListingView.js";
-/**
- * 🛑 Rows are read from WHICHEVER envelope shape arrives.
- *
- * `apiClient.get()` unwraps `{success, data}` and returns `data` itself, so an
- * endpoint that puts rows directly in `data` hands `mapRows` an ARRAY while one
- * that nests them hands it an object. Reading `.data` off an array yields
- * undefined — which is exactly how the categories listing rendered "No
- * categories found" against a 200 carrying 58 rows. This route returns the
- * object shape, and tolerating both is what keeps that from mattering.
- */
-function extractRows(response) {
-    if (Array.isArray(response))
-        return response;
-    if (!response || typeof response !== "object")
-        return [];
-    const obj = response;
-    if (Array.isArray(obj.data))
-        return obj.data;
-    return Array.isArray(obj.items) ? obj.items : [];
-}
-function extractTotal(response) {
-    if (Array.isArray(response) || !response || typeof response !== "object")
-        return undefined;
-    const total = response.total;
-    return typeof total === "number" ? total : undefined;
-}
-/*
- * audit-create-affordance-ok: this listing is deliberately inbound-only.
- * The 2,488 rows are produced by committed generators from a crawled
- * corpus, so there is no POST endpoint and no create route key to point a
- * button at — a part authored by hand would have no source, would vanish
- * on the next regeneration, and would make "this dataset rebuilds from
- * appkit/src/seed/ alone" false. Adding one is a change to the generator.
- * The surface exists to CORRECT a wrong extraction and to REMOVE a row that
- * should not exist, which are the two operations the data actually needs.
- */
-const COLUMNS = [
-    {
-        key: "primary",
-        header: "Part",
-        sortable: true,
-        render: (row) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { weight: "semibold", color: "primary", children: row.primary }), _jsx(Text, { size: "xs", color: "muted", children: row.secondary })] })),
-    },
-    {
-        key: "weight",
-        header: "Weight",
-        className: "w-24",
-        render: (row) => (_jsx(Text, { size: "sm", color: "muted", children: row.weight })),
-    },
-    {
-        key: "edited",
-        header: "Corrected",
-        className: "w-28",
-        /*
-         * 🛑 Shown as a COLUMN, because a hand-corrected row behaves differently
-         * from its neighbours — the generator no longer owns the fields somebody
-         * fixed. Leaving that invisible is how a later maintainer concludes the
-         * generator is producing a value it is actually being prevented from
-         * writing. Text, not a colour-only dot (colour is never the only signal).
-         */
-        render: (row) => row.edited ? (_jsx(Text, { size: "xs", weight: "medium", children: "By hand" })) : (_jsx(Text, { size: "xs", color: "faint", children: "Generated" })),
-    },
-];
-const ADMIN_PARTS_CONFIG = {
-    portal: "admin",
-    title: "Parts",
-    subtitle: "The generated part glossary. Corrections made here are kept when the database is regenerated.",
-    searchPlaceholder: "Search parts by name — Rubber Flat, Dranzer…",
-    /*
-     * 🛑 `searchCommit: "enter"`, not debounce. The route's search is an indexed
-     * PREFIX range, so a partial word is a different query rather than a
-     * narrowing one — debouncing would fire a range query per pause and show
-     * confusing intermediate results. Enter also makes the prefix-only behaviour
-     * legible: you typed a prefix and asked for it.
-     */
-    searchCommit: "enter",
-    /*
-     * 🛑 DECLARED, so the placeholder can be CHECKED rather than trusted.
-     * The route matches exactly one field — an indexed prefix range on
-     * `name` — and the placeholder must not imply more. It is a prefix and
-     * it is case-sensitive; `mode` says so where a reader will see it.
-     */
-    search: {
-        placeholder: "Search parts by name — a prefix, case-sensitive",
-        fields: ["name"],
-    },
-    emptyLabel: "No part matches that name",
-    filterKeys: [],
-    /*
-     * 🛑 Through `sortBy`, not a bare "name". The route currently ALWAYS
-     * orders by name and ignores the `sorts` param, so this is the only
-     * option — but writing it as a literal is what lets a field rename
-     * leave a sort string that silently sorts nothing.
-     */
-    defaultSort: sortBy(PART_GLOSSARY_FIELDS.NAME, "ASC"),
-    pageSize: 25,
-    queryKey: ["admin", "parts"],
-    endpoint: ADMIN_ENDPOINTS.PARTS,
-    sortOptions: [{ value: sortBy(PART_GLOSSARY_FIELDS.NAME, "ASC"), label: "Name A-Z" }],
-    columns: COLUMNS,
-    buildFilters: () => undefined,
-    getTotal: (response, rows) => extractTotal(response) ?? rows.length,
-    mapRows: (response) => extractRows(response).map((raw) => {
-        const r = raw;
-        const weight = typeof r.weightG === "number" ? `${r.weightG} g` : "—";
-        return {
-            id: String(r.id ?? ""),
-            primary: String(r.name ?? r.id ?? "Unnamed part"),
-            /* The classification is what disambiguates a bare code like "105". */
-            secondary: [r.classification, r.code].filter(Boolean).join(" · ") || "—",
-            weight,
-            edited: r.adminEdited === true,
-        };
-    }),
-    /*
-     * 🛑 `rowHrefTemplate`, not `rowHref`. Verified against the interface
-     * rather than guessed — there is no `rowHref` field, and an unknown key on
-     * an object literal typed by an interface is a compile error I could not
-     * have seen under this session's no-build cap.
-     */
-    rowHrefTemplate: (row) => String(ROUTES.ADMIN.PARTS_EDIT(row.id)),
-};
-export function AdminPartsView({ children, ...props }) {
-    if (React.Children.count(children) > 0) {
-        return (_jsxs(ListingLayout, { portal: "admin", ...props, children: [_jsx(Heading, { level: 1, className: "sr-only", children: "Parts" }), children] }));
-    }
-    return _jsx(DataListingView, { config: ADMIN_PARTS_CONFIG });
-}

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

@@ -1,4 +0,0 @@
-import React from "react";
-import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
-export type AdminPrizeDrawsViewProps = ListingLayoutProps;
-export declare function AdminPrizeDrawsView({ children, ...props }: AdminPrizeDrawsViewProps): React.JSX.Element;

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

@@ -1,155 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
-import { sortBy } from "@mohasinac/appkit/client";
-import React from "react";
-import { Pencil, ListChecks } from "lucide-react";
-import { Badge } from "../../../ui/components/Badge.js";
-import { Button } from "../../../ui/components/Button.js";
-import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
-import { ListingLayout } from "../../../ui/components/ListingLayout.js";
-import { Row } from "../../../ui/components/Layout.js";
-import { Span, Text } from "../../../ui/components/Typography.js";
-import { TextLink } from "../../../ui/components/TextLink.js";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
-import { ADMIN_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs.js";
-import { ADMIN_PRODUCT_STATUS_TABS } from "../constants/filter-tabs.js";
-import { ROUTES } from "../../../constants/index.js";
-import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData.js";
-import { DataListingView } from "./DataListingView.js";
-import { useAvailabilityScope } from "../../products/hooks/useAvailabilityScope.js";
-import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
-const PRIZE_DRAW_TYPES = ["prize-draw"];
-const STATUS_VARIANT = {
-    published: "success",
-    active: "success",
-    draft: "default",
-    pending: "warning",
-    archived: "secondary",
-    ended: "secondary",
-    cancelled: "danger",
-};
-const PRIZE_DRAW_COLUMNS = [
-    {
-        key: "primary",
-        header: "Prize Draw",
-        render: (row) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { className: "text-[var(--appkit-color-text)] line-clamp-1", weight: "semibold", children: row.primary }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", children: row.storeName })] })),
-    },
-    {
-        key: "entryFee",
-        header: "Entry Fee",
-        className: "w-28 text-right",
-        render: (row) => (_jsx(Span, { size: "sm", weight: "medium", className: "text-[var(--appkit-color-text)]", children: row.entryFee })),
-    },
-    {
-        key: "status",
-        header: "Status",
-        sortable: true,
-        className: "w-28",
-        render: (row) => _jsx(Badge, { variant: STATUS_VARIANT[row.status] ?? "default", children: row.status }),
-    },
-    {
-        key: "drawDate",
-        header: "Draw Date",
-        className: "w-32",
-        render: (row) => (_jsx(Span, { size: "sm", className: "text-[var(--appkit-color-text-muted)]", children: row.drawDate })),
-    },
-    {
-        key: "updatedAt",
-        header: "Updated",
-        sortable: true,
-        className: "w-32",
-        render: (row) => (_jsx(Span, { size: "sm", className: "text-[var(--appkit-color-text-muted)]", children: row.updatedAt })),
-    },
-];
-export function AdminPrizeDrawsView({ children, ...props }) {
-    /*
-     * 🛑 Before the early return, not after.
-     *
-     * This hook used to sit BELOW the `React.Children.count` branch, so the
-     * component called a different number of hooks depending on whether it was
-     * given children — a rules-of-hooks violation that React only reports once
-     * the branch actually flips at runtime. The page renders `<AdminPrizeDrawsView />`
-     * with no children, so the violating path was the one always taken and the
-     * bug stayed latent. `SellerPreOrdersView` had the identical shape and was
-     * deleted in the same commit for being unreachable.
-     */
-    const scope = useAvailabilityScope(PRIZE_DRAW_TYPES);
-    if (React.Children.count(children) > 0) {
-        return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));
-    }
-    const config = {
-        portal: "admin",
-        title: "Prize Draws",
-        search: {
-            placeholder: "Search prize draws by name, brand or tag…",
-            /*
-             * 🛑 "or store" was a promise the corpus cannot keep.
-             * `buildProductSearchTxt` indexes title, description, brand, brandSlug,
-             * category names, tags, features, condition and card/grading details —
-             * and NO store name or id. Typing a seller's name returned an empty list
-             * that reads as "this seller runs no prize draws".
-             */
-            fields: ["title", "description", "brand", "categoryNames", "tags", "features"],
-        },
-        emptyLabel: "No prize draws found",
-        filterKeys: ["status"],
-        defaultSort: sortBy("createdAt", "DESC"),
-        queryKey: ["admin", "prize-draws", "listing"],
-        endpoint: ADMIN_ENDPOINTS.PRODUCTS,
-        sortOptions: [
-            { value: sortBy("createdAt", "DESC"), label: "Newest" },
-            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
-            { value: "title", label: "Title A–Z" },
-            { value: "prizeRevealWindowEnd", label: "Draw Date Soon" },
-        ],
-        columns: PRIZE_DRAW_COLUMNS,
-        mapRows: (response) => toRecordArray(response.items).map((item, index) => {
-            const priceRaw = typeof item.price === "number" ? item.price : 0;
-            return {
-                id: toStringValue(item.id, `prize-draw-${index}`),
-                primary: toStringValue(item.title ?? item.name, "Untitled prize draw"),
-                secondary: toStringValue(item.sellerName, ""),
-                storeName: toStringValue(item.sellerName ?? item.storeId, "Unknown store"),
-                status: toStringValue(item.status, "draft"),
-                updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
-                entryFee: priceRaw ? toCurrency(priceRaw) : "Free",
-                drawDate: item.prizeRevealWindowEnd
-                    ? toRelativeDate(item.prizeRevealWindowEnd)
-                    : "TBA",
-                image: toStringValue(item.mainImage, "") || undefined,
-            };
-        }),
-        getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
-        buildFilters: (state) => {
-            const status = state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : null;
-            return [sieveFilter(PRODUCT_FIELDS.LISTING_TYPE, SIEVE_OP.EQ, "prize-draw"), status]
-                .filter(Boolean)
-                .join(",");
-        },
-        buildExtraParams: () => scope.extraParams,
-        renderAboveContent: scope.renderAboveContent,
-        rowHrefTemplate: String(ROUTES.ADMIN.PRIZE_DRAWS_EDIT("{id}")),
-        /*
-         * A prize draw IS a product (`listingType: "prize-draw"`), so it is created
-         * in the product editor like every other type — there is deliberately no
-         * `PRIZE_DRAWS_NEW` admin route, and inventing one would be a second create
-         * path for the same document. `?listingType=` preselects the type so the
-         * row an admin creates from here actually appears here.
-         */
-        primaryAction: {
-            label: "Add Prize Draw",
-            href: `${String(ROUTES.ADMIN.PRODUCTS_NEW)}?${PRODUCT_FIELDS.LISTING_TYPE}=prize-draw`,
-        },
-        // Rule #7: bulk-action array sourced from the ADMIN_BULK_ACTIONS preset.
-        buildBulkActions: (selection) => ADMIN_BULK_ACTIONS.prizeDraws.map((id) => ({
-            id,
-            label: ROW_ACTION_META[id].label,
-            destructive: ROW_ACTION_META[id].destructive,
-            onClick: () => selection.clearSelection(),
-        })),
-        renderRowActions: (row) => (_jsxs(Row, { gap: "xs", children: [_jsx(Button, { variant: "ghost", size: "sm", asChild: true, children: _jsx(TextLink, { href: String(ROUTES.ADMIN.PRIZE_DRAWS_EDIT(row.id)), "aria-label": "Edit", children: _jsx(Pencil, { className: "w-4 h-4" }) }) }), _jsx(Button, { variant: "ghost", size: "sm", asChild: true, children: _jsx(TextLink, { href: String(ROUTES.ADMIN.PRIZE_DRAWS_ENTRIES(row.id)), "aria-label": "View entries", children: _jsx(ListChecks, { className: "w-4 h-4" }) }) })] })),
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_PRODUCT_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) })),
-    };
-    return _jsx(DataListingView, { config: config });
-}

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

@@ -1,13 +0,0 @@
-/**
- * AdminStickersView — admin browse of stickers listings.
- *
- * A thin wrapper over the shared per-listing-type config. This file (and its
- * four siblings) used to carry a full hand-written ListingViewConfig; all five
- * were the same config with a different listingType, and all five shipped
- * an empty filterKeys array — no filter drawer at all — plus their own copy
- * of a three-option sort array. See listing-type-listing-config.ts.
- */
-import React from "react";
-import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
-export type AdminStickersViewProps = ListingLayoutProps;
-export declare function AdminStickersView({ children, ...props }: AdminStickersViewProps): React.JSX.Element;