@mohasinac/appkit 4.31.1 → 4.32.1

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize";
-import { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { z } from "zod";
-import { Button, Code, ConfirmDeleteModal, Div, FormField, Heading, Modal, Row, Select, SideDrawer, Span, Stack, Tabs, TabsContent, TabsList, TabsTrigger, Text, useToast } from "../../../ui";
+import { Button, Code, ConfirmDeleteModal, Div, Heading, Modal, Row, SideDrawer, Span, Stack, Tabs, TabsContent, TabsList, TabsTrigger, Text, useToast } from "../../../ui";
 import { FormShellContext, useFormShellState, FormErrorSummary } from "../../../ui/forms";
 import { MediaImage } from "../../media/MediaImage";
 import { apiClient } from "../../../http";
@@ -11,13 +11,33 @@ import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ProductInlineSelect } from "../../seller/components/ProductInlineSelect";
 import { SIEVE_OP, sieveFilter } from "../../../utils/sieve-builder";
 import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { annotate } from "../../shell/field-ui-meta";
+import { SectionForm, useSectionFormNav, buildSectionsFromSchema, visibleValues, } from "../../shell";
+import { applyZodIssues } from "../../../ui/forms/apply-zod-issues";
 const groupTitleSchema = z.object({
-    groupTitle: z.string().min(1, "Group title is required"),
+    groupTitle: annotate(z.string().min(1, "Group title is required"), {
+        section: "group", sectionLabel: "Group", sectionRequired: true, quick: true,
+        order: 1, row: "full", label: "Group title",
+        help: "Shown above the set on the parent listing.",
+    }),
 });
+/*
+ * `price` stays a STRING rather than `z.coerce.number()`, deliberately: the
+ * POST body sends `parseFloat(price)` and an empty numeric input coerces to
+ * `NaN`, which passes `.optional()` and lands in the payload as `null`. As a
+ * string the "enter a valid price" rule can be stated once and reported on the
+ * field.
+ */
 const createChildSchema = z.object({
-    title: z.string().min(1, "Title is required"),
-    price: z.string().refine((v) => v.trim() !== "" && !Number.isNaN(parseFloat(v)) && parseFloat(v) > 0, "Enter a valid price"),
-    condition: z.string(),
+    title: annotate(z.string().min(1, "Title is required"), {
+        section: "child", sectionLabel: "New child listing", sectionRequired: true,
+        quick: true, order: 1, row: "pair", label: "Title",
+    }),
+    price: annotate(z.string().refine((v) => v.trim() !== "" && !Number.isNaN(parseFloat(v)) && parseFloat(v) > 0, "Enter a valid price"), { section: "child", quick: true, order: 2, row: "pair", kind: "number", label: "Price (INR)" }),
+    condition: annotate(z.string(), {
+        section: "child", order: 3, row: "pair", kind: "select", label: "Condition",
+        help: "Category, brand, shipping and return policy are inherited from the parent listing.",
+    }),
 });
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
@@ -34,7 +54,7 @@ export function GroupSettingsPanel({ productId, productSlug, groupId, isGroupPar
     const { showToast } = useToast();
     const [open, setOpen] = useState(false);
     const [loading, setLoading] = useState(false);
-    const [editTitle, setEditTitle] = useState(groupTitle ?? "");
+    const [titleDraft, setTitleDraft] = useState({ groupTitle: groupTitle ?? "" });
     const [showAddModal, setShowAddModal] = useState(false);
     const [addTab, setAddTab] = useState("create");
     const [createForm, setCreateForm] = useState({
@@ -45,11 +65,18 @@ export function GroupSettingsPanel({ productId, productSlug, groupId, isGroupPar
     const [linkTargets, setLinkTargets] = useState([]);
     const [children, setChildren] = useState(null);
     const [confirmAction, setConfirmAction] = useState(null);
-    const { shellCtx: titleShellCtx, validate: validateTitle } = useFormShellState(groupTitleSchema);
+    const titleSections = React.useMemo(() => buildSectionsFromSchema(groupTitleSchema), []);
+    const titleNav = useSectionFormNav(titleSections, titleDraft, { scope: "store:group-title" });
+    const titleForm = useFormShellState(groupTitleSchema, {
+        sections: titleNav.sectionMeta,
+        onGoToSection: titleNav.goToSection,
+        fieldToSectionIndex: titleNav.fieldToSectionIndex,
+    });
+    const titleShellCtx = titleForm.shellCtx;
     useEffect(() => {
-        validateTitle({ groupTitle: editTitle });
+        titleForm.validate(titleDraft);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [editTitle, validateTitle]);
+    }, [titleDraft]);
     if (isAuction)
         return null;
     const groupEndpoint = `${storeProductsEndpoint}/${productId}/group`;
@@ -90,7 +117,7 @@ export function GroupSettingsPanel({ productId, productSlug, groupId, isGroupPar
             return;
         setLoading(true);
         try {
-            await apiClient.patch(groupEndpoint, { groupTitle: editTitle });
+            await apiClient.patch(groupEndpoint, visibleValues(groupTitleSchema, titleDraft));
             showToast("Group title saved.", "success");
             onGroupChanged();
         }
@@ -237,17 +264,36 @@ export function GroupSettingsPanel({ productId, productSlug, groupId, isGroupPar
                     setOpen(next);
                     if (next && isGroupParent && children === null)
                         loadChildren();
-                }, paddingX: "none", paddingY: "xs", justify: "between", className: "w-full text-left group", "aria-expanded": open, children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", color: "muted", children: "Group Settings" }), _jsx(Span, { size: "xs", className: "group-hover:text-[var(--appkit-color-text-muted)] dark:group-hover:text-[var(--appkit-color-text-faint)] transition-colors", color: "faint", children: open ? "▲" : "▼" })] }), open && (_jsxs(Stack, { gap: "sm", className: `mt-3 ${__P.p4}`, surface: "muted", rounded: "lg", border: "default", children: [!groupId && !groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Group related listings together \u2014 e.g. a set, bundle, or multi-part item. Parts can be sold individually but shown together." }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: startGroup, isLoading: loading, children: "Start a group" })] })), isGroupParent && groupId && (_jsxs(Stack, { gap: "md", children: [_jsxs(FormShellContext.Provider, { value: titleShellCtx, children: [_jsxs(Row, { align: "start", gap: "sm", wrap: true, children: [_jsx(Div, { className: "flex-1 min-w-[200px]", children: _jsx(FormField, { name: "groupTitle", label: "Group title", type: "text", value: editTitle, onChange: setEditTitle, placeholder: "e.g. Human Toy Complete Set" }) }), _jsx(Div, { padding: "t-lg", children: _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: saveTitle, isLoading: loading, children: "Save title" }) })] }), _jsx(FormErrorSummary, {})] }), _jsxs(Div, { children: [_jsxs(Text, { className: "mb-2", color: "muted", size: "xs", weight: "semibold", children: ["Members (", childSlugsCount + 1, " \u2014 including this listing)"] }), loading && !children ? (_jsx(Text, { size: "xs", color: "faint", children: "Loading\u2026" })) : (_jsxs(Div, { className: "divide-y divide-zinc-100 divide-[var(--appkit-color-border-subtle)]", children: [_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [_jsx(Span, { padding: "pill-2xs", weight: "semibold", className: "bg-[var(--appkit-color-primary)]/10 text-[var(--appkit-color-primary)] text-[10px]", rounded: "default", children: "Parent" }), _jsx(Text, { className: "flex-1", color: "primary", size: "sm", children: productSlug })] }), (children ?? []).filter((c) => c.id !== productId).map((child) => (_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [child.images?.[0] ? (_jsx(Div, { className: "relative w-8 h-8 flex-shrink-0 border border-[var(--appkit-color-border)]", rounded: "full", overflow: "hidden", children: _jsx(MediaImage, { src: child.images[0], alt: child.title, size: "thumbnail" }) })) : (_jsx(Div, { className: "w-8 h-8", surface: "subtle", rounded: "full" })), _jsx(Text, { className: "flex-1 truncate", color: "primary", size: "sm", children: child.title }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => requestUnlinkChild(child.id), isLoading: loading, className: `${CLS_DELETE_LINK} text-[length:var(--appkit-text-xs)]`, children: "Unlink" })] }, child.id)))] }))] }), _jsxs(Row, { gap: "sm", wrap: true, children: [_jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setShowAddModal(true), children: "Add child listing" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestDissolveGroup, isLoading: loading, className: CLS_DELETE_LINK, children: "Dissolve group" })] })] })), !isGroupParent && groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsxs(Text, { size: "sm", color: "muted", children: ["Part of:", " ", _jsx(Span, { weight: "medium", color: "primary", children: groupTitle ?? groupParentSlug })] }), _jsxs(Text, { size: "xs", color: "muted", children: ["Parent listing: ", _jsx(Code, { className: "font-mono", children: groupParentSlug })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestLeaveGroup, isLoading: loading, className: `${CLS_DELETE_LINK} w-fit`, children: "Leave group" })] }))] })), (() => {
+                }, paddingX: "none", paddingY: "xs", justify: "between", className: "w-full text-left group", "aria-expanded": open, children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", color: "muted", children: "Group Settings" }), _jsx(Span, { size: "xs", className: "group-hover:text-[var(--appkit-color-text-muted)] dark:group-hover:text-[var(--appkit-color-text-faint)] transition-colors", color: "faint", children: open ? "▲" : "▼" })] }), open && (_jsxs(Stack, { gap: "sm", className: `mt-3 ${__P.p4}`, surface: "muted", rounded: "lg", border: "default", children: [!groupId && !groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Group related listings together \u2014 e.g. a set, bundle, or multi-part item. Parts can be sold individually but shown together." }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: startGroup, isLoading: loading, children: "Start a group" })] })), isGroupParent && groupId && (_jsxs(Stack, { gap: "md", children: [_jsxs(FormShellContext.Provider, { value: titleShellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: titleSections, values: titleDraft, onChange: (partial) => setTitleDraft((d) => ({ ...d, ...partial })), onSubmit: () => void saveTitle(), onValidationChange: () => titleForm.validate(titleDraft), schema: groupTitleSchema, openIds: titleNav.openIds, onOpenChange: titleNav.setOpenIds, submitLabel: "Save title", isLoading: loading })] }), _jsxs(Div, { children: [_jsxs(Text, { className: "mb-2", color: "muted", size: "xs", weight: "semibold", children: ["Members (", childSlugsCount + 1, " \u2014 including this listing)"] }), loading && !children ? (_jsx(Text, { size: "xs", color: "faint", children: "Loading\u2026" })) : (_jsxs(Div, { className: "divide-y divide-zinc-100 divide-[var(--appkit-color-border-subtle)]", children: [_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [_jsx(Span, { padding: "pill-2xs", weight: "semibold", className: "bg-[var(--appkit-color-primary)]/10 text-[var(--appkit-color-primary)] text-[10px]", rounded: "default", children: "Parent" }), _jsx(Text, { className: "flex-1", color: "primary", size: "sm", children: productSlug })] }), (children ?? []).filter((c) => c.id !== productId).map((child) => (_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [child.images?.[0] ? (_jsx(Div, { className: "relative w-8 h-8 flex-shrink-0 border border-[var(--appkit-color-border)]", rounded: "full", overflow: "hidden", children: _jsx(MediaImage, { src: child.images[0], alt: child.title, size: "thumbnail" }) })) : (_jsx(Div, { className: "w-8 h-8", surface: "subtle", rounded: "full" })), _jsx(Text, { className: "flex-1 truncate", color: "primary", size: "sm", children: child.title }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => requestUnlinkChild(child.id), isLoading: loading, className: `${CLS_DELETE_LINK} text-[length:var(--appkit-text-xs)]`, children: "Unlink" })] }, child.id)))] }))] }), _jsxs(Row, { gap: "sm", wrap: true, children: [_jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setShowAddModal(true), children: "Add child listing" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestDissolveGroup, isLoading: loading, className: CLS_DELETE_LINK, children: "Dissolve group" })] })] })), !isGroupParent && groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsxs(Text, { size: "sm", color: "muted", children: ["Part of:", " ", _jsx(Span, { weight: "medium", color: "primary", children: groupTitle ?? groupParentSlug })] }), _jsxs(Text, { size: "xs", color: "muted", children: ["Parent listing: ", _jsx(Code, { className: "font-mono", children: groupParentSlug })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestLeaveGroup, isLoading: loading, className: `${CLS_DELETE_LINK} w-fit`, children: "Leave group" })] }))] })), (() => {
                 const content = (_jsx(AddChildContent, { addTab: addTab, setAddTab: setAddTab, createForm: createForm, setCreateForm: setCreateForm, productSlug: productSlug, storeProductsEndpoint: storeProductsEndpoint, linkTargets: linkTargets, setLinkTargets: setLinkTargets, onAddCreate: addCreateChild, onAddLink: addLinkChild, loading: loading }));
                 const close = () => setShowAddModal(false);
                 return (groupChildSlugs?.length ?? 0) >= 4 ? (_jsx(SideDrawer, { isOpen: showAddModal, onClose: close, title: "Add child listing", children: content })) : (_jsx(Modal, { open: showAddModal, onClose: close, title: "Add child listing", size: "lg", children: content }));
             })(), confirmAction && (_jsx(ConfirmDeleteModal, { isOpen: true, title: confirmAction.title, message: confirmAction.message, onConfirm: confirmAction.onConfirm, onClose: () => setConfirmAction(null), isDeleting: loading }))] }));
 }
 function AddChildContent({ addTab, setAddTab, createForm, setCreateForm, productSlug, storeProductsEndpoint, linkTargets, setLinkTargets, onAddCreate, onAddLink, loading, }) {
-    const { shellCtx, validate } = useFormShellState(createChildSchema);
+    const sections = React.useMemo(() => buildSectionsFromSchema(createChildSchema, {
+        options: { condition: CONDITION_OPTIONS },
+    }), []);
+    const nav = useSectionFormNav(sections, createForm, { scope: "store:group-add-child" });
+    const form = useFormShellState(createChildSchema, {
+        sections: nav.sectionMeta,
+        onGoToSection: nav.goToSection,
+        fieldToSectionIndex: nav.fieldToSectionIndex,
+    });
+    const shellCtx = form.shellCtx;
     useEffect(() => {
-        validate(createForm);
+        form.validate(createForm);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [createForm, validate]);
-    return (_jsx(Stack, { gap: "md", children: _jsxs(Tabs, { value: addTab, onChange: (v) => setAddTab(v), children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "create", children: "Create new child" }), _jsx(TabsTrigger, { value: "link", children: "Link existing" })] }), _jsx(TabsContent, { value: "create", children: _jsx(FormShellContext.Provider, { value: shellCtx, children: _jsxs(Stack, { gap: "sm", className: "mt-4", children: [_jsx(FormField, { name: "title", label: "Title *", type: "text", value: createForm.title, onChange: (v) => setCreateForm({ ...createForm, title: v }), placeholder: `${productSlug}-part` }), _jsx(FormField, { name: "price", label: "Price (\u20B9) *", type: "number", value: createForm.price, onChange: (v) => setCreateForm({ ...createForm, price: v }), placeholder: "0" }), _jsx(Select, { label: "Condition", value: createForm.condition, onValueChange: (v) => setCreateForm({ ...createForm, condition: v }), options: CONDITION_OPTIONS }), _jsx(Text, { className: "dark:text-[var(--appkit-color-text-faint)]/80", color: "faint", size: "xs", children: "Other fields (category, brand, shipping, return policy) are inherited from this parent listing. Need more control? Edit the full listing after saving." }), _jsx(FormErrorSummary, {}), _jsx(Button, { type: "button", onClick: onAddCreate, isLoading: loading, disabled: !createForm.title || !createForm.price, children: "Create and link child" })] }) }) }), _jsx(TabsContent, { value: "link", children: _jsxs(Stack, { gap: "sm", className: "mt-4", children: [_jsx(Text, { size: "xs", color: "muted", children: "Search your existing products or pre-orders. Auctions cannot be linked. Select multiple to bulk-link." }), _jsx(ProductInlineSelect, { scope: "store", endpoint: storeProductsEndpoint, filters: sieveFilter(PRODUCT_FIELDS.LISTING_TYPE, SIEVE_OP.EQ, "standard"), multiple: true, value: linkTargets, onChange: setLinkTargets, placeholder: "Search listings\u2026" }), _jsx(Button, { type: "button", onClick: onAddLink, isLoading: loading, disabled: linkTargets.length === 0, children: linkTargets.length > 1 ? `Link ${linkTargets.length} to group` : "Link to group" })] }) })] }) }));
+    }, [createForm]);
+    return (_jsx(Stack, { gap: "md", children: _jsxs(Tabs, { value: addTab, onChange: (v) => setAddTab(v), children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "create", children: "Create new child" }), _jsx(TabsTrigger, { value: "link", children: "Link existing" })] }), _jsx(TabsContent, { value: "create", children: _jsx(FormShellContext.Provider, { value: shellCtx, children: _jsxs(Stack, { gap: "sm", className: "mt-4", children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: createForm, onChange: (partial) => setCreateForm({ ...createForm, ...partial }), onSubmit: () => {
+                                        // SectionForm scrolls to the first erroring section and then
+                                        // submits regardless, so the guard lives here.
+                                        form.clearErrors();
+                                        const parsed = createChildSchema.safeParse(visibleValues(createChildSchema, createForm));
+                                        if (!parsed.success) {
+                                            applyZodIssues(parsed.error.issues, form.setFieldError);
+                                            return;
+                                        }
+                                        onAddCreate();
+                                    }, onValidationChange: () => form.validate(createForm), schema: createChildSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, submitLabel: "Create and link child", isLoading: loading }), _jsx(Text, { className: "dark:text-[var(--appkit-color-text-faint)]/80", color: "faint", size: "xs", children: "Need more control? Edit the full listing after saving." })] }) }) }), _jsx(TabsContent, { value: "link", children: _jsxs(Stack, { gap: "sm", className: "mt-4", children: [_jsx(Text, { size: "xs", color: "muted", children: "Search your existing products or pre-orders. Auctions cannot be linked. Select multiple to bulk-link." }), _jsx(ProductInlineSelect, { scope: "store", endpoint: storeProductsEndpoint, filters: sieveFilter(PRODUCT_FIELDS.LISTING_TYPE, SIEVE_OP.EQ, "standard"), multiple: true, value: linkTargets, onChange: setLinkTargets, placeholder: "Search listings\u2026" }), _jsx(Button, { type: "button", onClick: onAddLink, isLoading: loading, disabled: linkTargets.length === 0, children: linkTargets.length > 1 ? `Link ${linkTargets.length} to group` : "Link to group" })] }) })] }) }));
 }

package/dist/features/search/action-index/tab-entries.d.ts

@@ -0,0 +1,18 @@
+import type { ActionIndexEntry } from "./types";
+export interface ConsolidatedTabSurface {
+    /** Stable id suffix — `admin:tab:<slug>`. */
+    slug: string;
+    label: string;
+    description: string;
+    keywords: string[];
+    /** The host page's route key, resolved by the caller. */
+    route: "storePayouts" | "storeShipping" | "storeFulfillment" | "storeStorefront" | "adminRoles" | "adminSettings";
+    tab: string;
+    portal: "admin" | "store";
+    sectionPath: string;
+    requiredPermission?: string;
+}
+export declare const CONSOLIDATED_TAB_SURFACES: readonly ConsolidatedTabSurface[];
+/** The host page each surface now lives on. */
+export type ConsolidatedTabHrefs = Record<ConsolidatedTabSurface["route"], string>;
+export declare function deriveConsolidatedTabEntries(hrefs: ConsolidatedTabHrefs): ActionIndexEntry[];

package/dist/features/search/action-index/tab-entries.js

@@ -0,0 +1,128 @@
+/*
+ * WHY: W8's C2 folded six sibling pages into tabs on five hosts. Each absorbed
+ *      page kept its path as a redirect shell, but its NAV ENTRY was deleted —
+ *      which is what removed it from the action index, since every nav-derived
+ *      entry exists only because its nav item does.
+ *
+ *      Left there, "payout methods", "print centre" and "permissions catalogue"
+ *      would each stop being findable in the command palette on the day they
+ *      became easier to reach. `deepLink` is a field separate from `href`
+ *      precisely for this case.
+ *
+ * WHAT: One entry per absorbed surface, deep-linked to its tab.
+ *
+ * ## 🛑 Why these are authored rather than derived
+ *
+ * Every other entry in this index is derived, and that is the rule the whole
+ * file set exists to keep. These cannot be: the thing they name no longer has
+ * a nav item, a route of its own, or any other list to fall out of. The tab
+ * arrays are the closest thing, and their labels are written for a strip of
+ * four characters' width ("Methods", "Queue", "Slug") rather than for someone
+ * searching — which is the same reason the settings entries are authored too.
+ *
+ * The `href` still points at a real page and the tab id is still validated
+ * against that page's own union, so neither half can rot silently.
+ *
+ * EXPORTS: deriveConsolidatedTabEntries, CONSOLIDATED_TAB_SURFACES
+ *
+ * @tag domain:search
+ * @tag layer:constants
+ * @tag pattern:registry
+ * @tag access:isomorphic
+ * @tag consumers:src/constants/action-index.ts
+ * @tag sideEffects:none
+ */
+export const CONSOLIDATED_TAB_SURFACES = [
+    {
+        slug: "payout-methods",
+        label: "Payout methods",
+        description: "Where your money goes — bank account or UPI.",
+        keywords: ["bank account", "upi", "payment details", "where do i get paid"],
+        route: "storePayouts",
+        tab: "methods",
+        portal: "store",
+        sectionPath: "Seller › Finance › Payouts",
+    },
+    {
+        slug: "payout-settings",
+        label: "Payout settings",
+        description: "How often you get paid, and the minimum amount.",
+        keywords: ["schedule", "frequency", "threshold", "minimum payout"],
+        route: "storePayouts",
+        tab: "settings",
+        portal: "store",
+        sectionPath: "Seller › Finance › Payouts",
+    },
+    {
+        slug: "shipping-configs",
+        label: "Named shipping configs",
+        description: "Reusable shipping rules you can attach to a listing.",
+        keywords: ["presets", "rules", "delivery", "rates"],
+        route: "storeShipping",
+        tab: "configs",
+        portal: "store",
+        sectionPath: "Seller › Store › Shipping",
+    },
+    {
+        slug: "print-center",
+        label: "Print centre",
+        description: "Print labels, invoices and barcodes in a batch.",
+        keywords: ["labels", "invoice", "barcode", "packing slip", "print"],
+        route: "storeFulfillment",
+        tab: "print",
+        portal: "store",
+        sectionPath: "Seller › Store › Fulfillment",
+    },
+    {
+        slug: "store-slug",
+        label: "Store web address",
+        description: "The URL buyers reach your shop at.",
+        keywords: ["url", "link", "domain", "slug", "change my address"],
+        route: "storeStorefront",
+        tab: "slug",
+        portal: "store",
+        sectionPath: "Seller › Store › Storefront",
+    },
+    {
+        slug: "permissions-catalog",
+        label: "Permissions catalogue",
+        description: "Every permission string and what it unlocks.",
+        keywords: ["rbac", "access", "capabilities", "what does this permission do"],
+        route: "adminRoles",
+        tab: "permissions",
+        portal: "admin",
+        sectionPath: "Admin › System › Custom Roles",
+        requiredPermission: "roles:read",
+    },
+    {
+        slug: "nav-permissions",
+        label: "Navigation permissions",
+        description: "Turn individual nav entries on or off across the portals.",
+        keywords: ["menu access", "hide nav", "sidebar", "rbac"],
+        route: "adminSettings",
+        tab: "navigation",
+        portal: "admin",
+        sectionPath: "Admin › System › Permissions Toggles",
+        requiredPermission: "settings:write",
+    },
+];
+export function deriveConsolidatedTabEntries(hrefs) {
+    return CONSOLIDATED_TAB_SURFACES.map((surface) => ({
+        id: `${surface.portal}:tab:${surface.slug}`,
+        kind: "setting",
+        portal: surface.portal,
+        label: surface.label,
+        description: surface.description,
+        keywords: surface.keywords,
+        href: hrefs[surface.route],
+        deepLink: `?tab=${surface.tab}`,
+        sectionPath: surface.sectionPath,
+        requiredPermission: surface.requiredPermission,
+        /*
+         * Same weight as a settings control, and for the same reason: someone
+         * searching "upi" wants the payout-methods tab, not the Payouts page that
+         * also matches on its own (now broader) keyword list.
+         */
+        weight: 20,
+    }));
+}

package/dist/features/seller/components/SellerBundlesView.js

@@ -41,7 +41,11 @@ export function SellerBundlesView({ editHrefTemplate, newHref }) {
     const config = {
         portal: "seller",
         title: "Bundles",
-        searchPlaceholder: "Search bundles by name or slug…",
+        search: {
+            placeholder: "Search bundles by name or slug…",
+            // `/api/store/bundles` filters in memory on `b.name` and `b.slug`.
+            fields: ["name", "slug"],
+        },
         emptyLabel: "No bundles yet — create a bundle to group multiple of your products together",
         filterKeys: ["isActive", "bundleStockStatus"],
         defaultSort: sortBy("name", "ASC"),

package/dist/features/seller/components/SellerGoogleReviewsView.js

@@ -1,22 +1,15 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize";
-import { useCallback, useEffect, useState } from "react";
-import { z } from "zod";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { RefreshCw } from "lucide-react";
-import { Alert, Button, Div, FormField, Heading, Row, Section, Stack, Text, Toggle, useToast } from "../../../ui";
+import { Alert, Button, Div, Heading, Row, Section, Stack, Text, useToast } from "../../../ui";
 import { useFormShellState, FormShellContext, FormErrorSummary } from "../../../ui/forms";
+import { applyZodIssues } from "../../../ui/forms/apply-zod-issues";
+import { SectionForm, useSectionFormNav, buildSectionsFromSchema, visibleValues } from "../../shell";
+import { sellerGoogleReviewsFormSchema } from "../../store-extensions/schemas/google-config-form";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-const googleReviewsDraftSchema = z.object({
-    isConnected: z.boolean(),
-    placeId: z.string(),
-    businessName: z.string(),
-}).superRefine((v, ctx) => {
-    if (v.isConnected && !v.placeId.trim()) {
-        ctx.addIssue({ code: z.ZodIssueCode.custom, path: ["placeId"], message: "A Place ID is required to show Google reviews on your store page" });
-    }
-});
 const EMPTY_DRAFT = {
     placeId: "",
     businessName: "",
@@ -29,11 +22,19 @@ export function SellerGoogleReviewsView({ onSave, onSync, }) {
     const [syncing, setSyncing] = useState(false);
     const [saveMessage, setSaveMessage] = useState(null);
     const { showToast } = useToast();
-    const { shellCtx, validate } = useFormShellState(googleReviewsDraftSchema);
-    useEffect(() => {
-        validate(draft);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [draft, validate]);
+    /*
+     * Three fields, all derived. The stats below (average rating, total reviews,
+     * last sync) are SYNC OUTPUT, not configuration — the schema deliberately
+     * omits them, per its own header, so a seller cannot type the review count
+     * their storefront displays.
+     */
+    const sections = useMemo(() => buildSectionsFromSchema(sellerGoogleReviewsFormSchema), []);
+    const nav = useSectionFormNav(sections, draft, { scope: "seller:google-reviews" });
+    const { shellCtx, setFieldError, clearErrors, validate } = useFormShellState(sellerGoogleReviewsFormSchema, {
+        sections: nav.sectionMeta,
+        onGoToSection: nav.goToSection,
+        fieldToSectionIndex: nav.fieldToSectionIndex,
+    });
     useEffect(() => {
         fetch(SELLER_ENDPOINTS.GOOGLE_REVIEWS, { credentials: "include" })
             .then((r) => r.json())
@@ -52,6 +53,17 @@ export function SellerGoogleReviewsView({ onSave, onSync, }) {
             .finally(() => setLoading(false));
     }, []);
     const handleSave = useCallback(async () => {
+        /*
+         * 🛑 The guard is here because `SectionForm.handleSubmit` scrolls to the
+         * first erroring section and then calls `onSubmit()` UNCONDITIONALLY — it
+         * surfaces errors, it does not block on them.
+         */
+        clearErrors();
+        const parsed = sellerGoogleReviewsFormSchema.safeParse(visibleValues(sellerGoogleReviewsFormSchema, draft));
+        if (!parsed.success) {
+            applyZodIssues(parsed.error.issues, setFieldError);
+            return;
+        }
         setSaving(true);
         setSaveMessage(null);
         try {
@@ -81,7 +93,7 @@ export function SellerGoogleReviewsView({ onSave, onSync, }) {
         finally {
             setSaving(false);
         }
-    }, [draft, onSave, showToast]);
+    }, [draft, onSave, showToast, clearErrors, setFieldError]);
     const handleSync = useCallback(async () => {
         setSyncing(true);
         setSaveMessage(null);
@@ -116,5 +128,5 @@ export function SellerGoogleReviewsView({ onSave, onSync, }) {
             timeStyle: "short",
         })
         : "Never";
-    return (_jsx(FormShellContext.Provider, { value: shellCtx, children: _jsx(Div, { paddingX: "x-sm-md", className: "max-w-2xl", padding: "y-md", children: _jsxs(Stack, { gap: "lg", children: [_jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-1", children: "Google Business Settings" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] mb-4", size: "sm", children: "Connect your Google Business profile to sync reviews to your storefront." }), _jsxs(Stack, { gap: "md", children: [_jsx(Toggle, { checked: draft.isConnected, onChange: (v) => setDraft((d) => ({ ...d, isConnected: v })), label: "Show Google reviews on my store page" }), _jsx(FormField, { name: "placeId", label: "Google Place ID", type: "text", value: draft.placeId, onChange: (v) => setDraft((d) => ({ ...d, placeId: v })), placeholder: "ChIJ\u2026", helpText: "Find your Place ID at developers.google.com/maps/documentation/places/web-service/place-id" }), _jsx(FormField, { name: "businessName", label: "Business name", type: "text", value: draft.businessName, onChange: (v) => setDraft((d) => ({ ...d, businessName: v })), placeholder: "Pok\u00E9mon Palace" })] })] }), (draft.averageRating !== undefined || draft.totalReviews !== undefined) && (_jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-3", children: "Review Stats" }), _jsxs(Row, { wrap: true, gap: "lg", children: [draft.averageRating !== undefined && (_jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Avg rating" }), _jsx(Text, { className: "tabular-nums", size: "2xl", weight: "bold", children: draft.averageRating.toFixed(1) })] })), draft.totalReviews !== undefined && (_jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Total reviews" }), _jsx(Text, { className: "tabular-nums", size: "2xl", weight: "bold", children: draft.totalReviews })] })), _jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Last synced" }), _jsx(Text, { size: "sm", children: formattedLastSync })] })] })] })), saveMessage && (_jsx(Alert, { variant: saveMessage.ok ? "success" : "error", children: saveMessage.text })), _jsx(FormErrorSummary, {}), _jsxs(Row, { className: "border-t border-[var(--appkit-color-border)]", padding: "t-md", align: "center", justify: "between", gap: "3", children: [_jsxs(Button, { gap: "sm", variant: "outline", size: "sm", onClick: handleSync, isLoading: syncing, disabled: saving || !draft.placeId.trim(), children: [_jsx(RefreshCw, { className: "h-3.5 w-3.5" }), ACTIONS.STORE["google-reviews-sync"].label] }), _jsx(Button, { variant: "primary", size: "sm", onClick: handleSave, isLoading: saving, disabled: syncing, children: ACTIONS.STORE["save-google-settings"].label })] })] }) }) }));
+    return (_jsx(FormShellContext.Provider, { value: shellCtx, children: _jsx(Div, { paddingX: "x-sm-md", className: "max-w-2xl", padding: "y-md", children: _jsxs(Stack, { gap: "lg", children: [(draft.averageRating !== undefined || draft.totalReviews !== undefined) && (_jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-3", children: "Review Stats" }), _jsxs(Row, { wrap: true, gap: "lg", children: [draft.averageRating !== undefined && (_jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Avg rating" }), _jsx(Text, { className: "tabular-nums", size: "2xl", weight: "bold", children: draft.averageRating.toFixed(1) })] })), draft.totalReviews !== undefined && (_jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Total reviews" }), _jsx(Text, { className: "tabular-nums", size: "2xl", weight: "bold", children: draft.totalReviews })] })), _jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Last synced" }), _jsx(Text, { size: "sm", children: formattedLastSync })] })] })] })), saveMessage && (_jsx(Alert, { variant: saveMessage.ok ? "success" : "error", children: saveMessage.text })), _jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: draft, onChange: (partial) => setDraft((d) => ({ ...d, ...partial })), onSubmit: handleSave, onValidationChange: () => validate(draft), schema: sellerGoogleReviewsFormSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, submitLabel: ACTIONS.STORE["save-google-settings"].label, isLoading: saving }), _jsx(Row, { padding: "t-md", className: "border-t border-[var(--appkit-color-border)]", align: "center", justify: "start", children: _jsxs(Button, { gap: "sm", variant: "outline", size: "sm", onClick: handleSync, isLoading: syncing, disabled: saving || !(draft.placeId ?? "").trim(), children: [_jsx(RefreshCw, { className: "h-3.5 w-3.5" }), ACTIONS.STORE["google-reviews-sync"].label] }) })] }) }) }));
 }

package/dist/features/seller/components/SellerOrdersView.js

@@ -8,13 +8,18 @@ import React, { useState, useCallback } from "react";
 import { Eye, ExternalLink, Printer, MapPin, Truck } from "lucide-react";
 import { useActionDispatch } from "../../../react/hooks/use-action-dispatch";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { Badge, Button, Div, FilterChipGroup, Heading, Input, Select, SideDrawer, Span, Stack, Text, useToast } from "../../../ui";
+import { Badge, Button, Div, FilterChipGroup, SideDrawer, Span, Stack, Text, useToast } from "../../../ui";
 import { SELLER_ORDER_STATUS_TABS } from "../../admin/constants/filter-tabs";
 import { useOrderScope } from "../../orders/components/OrderScopeTabs";
 import { OrderStatusValues } from "../../orders/schemas/firestore";
 import { isManualPaymentMethod } from "../../orders/constants/payment-window";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers";
+import { sellerOrderUpdateSchema, } from "../schemas/order-forms";
+import { SectionForm, useSectionFormNav, buildSectionsFromSchema, visibleValues, } from "../../shell";
+import { useFormShellState, FormShellContext } from "../../../ui/forms";
+import { applyZodIssues } from "../../../ui/forms/apply-zod-issues";
+import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary";
 import { PhysicalLocationModal } from "./PhysicalLocationModal";
 import { ROUTES } from "../../../constants";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue } from "../hooks/useSellerListingData";
@@ -88,13 +93,21 @@ export function SellerOrderDetailPanel({ orderId, apiBase, onClose, }) {
     const [fetchError, setFetchError] = useState(null);
     const [saving, setSaving] = useState(false);
     const [saveError, setSaveError] = useState(null);
-    const [newStatus, setNewStatus] = useState("");
-    const [trackingNumber, setTrackingNumber] = useState("");
-    const [carrier, setCarrier] = useState("");
-    const [trackingUrl, setTrackingUrl] = useState("");
+    const [draft, setDraft] = useState({
+        status: "", trackingNumber: "", carrier: "", trackingUrl: "",
+    });
     const [markingPaidIndex, setMarkingPaidIndex] = useState(null);
     const [emiError, setEmiError] = useState(null);
     const { showToast } = useToast();
+    const sections = React.useMemo(() => buildSectionsFromSchema(sellerOrderUpdateSchema, {
+        options: { status: UPDATE_STATUS_OPTIONS },
+    }), []);
+    const nav = useSectionFormNav(sections, draft, { scope: "store:order-update" });
+    const form = useFormShellState(sellerOrderUpdateSchema, {
+        sections: nav.sectionMeta,
+        onGoToSection: nav.goToSection,
+        fieldToSectionIndex: nav.fieldToSectionIndex,
+    });
     React.useEffect(() => {
         setLoading(true);
         setFetchError(null);
@@ -103,9 +116,12 @@ export function SellerOrderDetailPanel({ orderId, apiBase, onClose, }) {
             .then((json) => {
             const o = (json?.data ?? json);
             setOrder(o);
-            setTrackingNumber(o.trackingNumber ?? "");
-            setCarrier(o.carrier ?? "");
-            setTrackingUrl(o.trackingUrl ?? "");
+            setDraft({
+                status: "",
+                trackingNumber: o.trackingNumber ?? "",
+                carrier: o.carrier ?? "",
+                trackingUrl: o.trackingUrl ?? "",
+            });
         })
             .catch(() => setFetchError("Failed to load order details"))
             .finally(() => setLoading(false));
@@ -141,15 +157,19 @@ export function SellerOrderDetailPanel({ orderId, apiBase, onClose, }) {
         setSaving(true);
         setSaveError(null);
         try {
+            const v = visibleValues(sellerOrderUpdateSchema, draft);
             const payload = {};
-            if (newStatus)
-                payload.status = newStatus;
-            if (trackingNumber !== (order.trackingNumber ?? ""))
-                payload.trackingNumber = trackingNumber;
-            if (carrier !== (order.carrier ?? ""))
-                payload.shippingCarrier = carrier;
-            if (trackingUrl !== (order.trackingUrl ?? ""))
-                payload.trackingUrl = trackingUrl;
+            // A DIFF, not a snapshot: the panel writes only what the seller changed,
+            // so re-saving an untouched field cannot clobber a value another path
+            // (the shipping provider, a support agent) has since written.
+            if (v.status)
+                payload.status = v.status;
+            if ((v.trackingNumber ?? "") !== (order.trackingNumber ?? ""))
+                payload.trackingNumber = v.trackingNumber ?? "";
+            if ((v.carrier ?? "") !== (order.carrier ?? ""))
+                payload.shippingCarrier = v.carrier ?? "";
+            if ((v.trackingUrl ?? "") !== (order.trackingUrl ?? ""))
+                payload.trackingUrl = v.trackingUrl ?? "";
             if (Object.keys(payload).length === 0) {
                 onClose();
                 return;
@@ -164,8 +184,16 @@ export function SellerOrderDetailPanel({ orderId, apiBase, onClose, }) {
                 throw new Error(d?.error ?? "Failed to update order");
             }
             const updated = await res.json();
-            setOrder((updated?.data ?? updated));
-            setNewStatus("");
+            const next = (updated?.data ?? updated);
+            setOrder(next);
+            // Reset to "keep current" and re-seed the shipment fields from what the
+            // server actually stored, so the next diff is against the saved state.
+            setDraft({
+                status: "",
+                trackingNumber: next.trackingNumber ?? "",
+                carrier: next.carrier ?? "",
+                trackingUrl: next.trackingUrl ?? "",
+            });
         }
         catch (err) {
             void normalizeError(err);
@@ -181,7 +209,17 @@ export function SellerOrderDetailPanel({ orderId, apiBase, onClose, }) {
                                                                 ? `Paid ${toRelativeDate(inst.paidAt)}`
                                                                 : inst.dueDate
                                                                     ? `Due ${toRelativeDate(inst.dueDate)}`
-                                                                    : "" })] }), _jsxs(Row, { align: "center", gap: "sm", className: "shrink-0", children: [_jsx(Badge, { variant: EMI_INSTALLMENT_BADGE_VARIANT[inst.status] ?? "default", children: inst.status }), inst.status !== "paid" && (_jsx(Button, { action: ACTIONS.STORE["mark-installment-paid"], size: "sm", variant: "outline", isLoading: markingPaidIndex === inst.index, disabled: markingPaidIndex !== null, onClick: () => handleMarkInstallmentPaid(inst.index), children: "Mark paid" }))] })] }, inst.index))) }), emiError && (_jsx(Div, { textSize: "xs", className: "mt-2 border border-error/20", color: "error", surface: "danger-surface", padding: "inlineSm", rounded: "lg", children: emiError }))] })), _jsxs(Stack, { className: "border-t border-[var(--appkit-color-border)]", padding: "t-md", gap: "3", children: [_jsx(Heading, { level: 4, size: "sm", weight: "semibold", children: "Update order" }), _jsx(Select, { label: "New status", value: newStatus, options: UPDATE_STATUS_OPTIONS, onChange: (e) => setNewStatus(e.target.value) }), _jsx(Input, { label: "Tracking number", value: trackingNumber, onChange: (e) => setTrackingNumber(e.target.value), placeholder: "e.g. 12345678901234" }), _jsx(Input, { label: "Carrier", value: carrier, onChange: (e) => setCarrier(e.target.value), placeholder: "e.g. Delhivery, Bluedart" }), _jsx(Input, { label: "Tracking URL (optional)", value: trackingUrl, onChange: (e) => setTrackingUrl(e.target.value), placeholder: "https://...", type: "url" }), saveError && (_jsx(Div, { textSize: "xs", className: "border border-error/20", color: "error", surface: "danger-surface", padding: "inlineSm", rounded: "lg", children: saveError }))] })] }), _jsxs(Row, { border: "top", paddingY: "y-sm-tall", padding: "x-md", align: "center", justify: "end", gap: "3", children: [_jsx(Button, { variant: "outline", onClick: onClose, disabled: saving, children: "Close" }), _jsx(Button, { onClick: handleSave, isLoading: saving, disabled: saving, children: "Save" })] })] }))] }));
+                                                                    : "" })] }), _jsxs(Row, { align: "center", gap: "sm", className: "shrink-0", children: [_jsx(Badge, { variant: EMI_INSTALLMENT_BADGE_VARIANT[inst.status] ?? "default", children: inst.status }), inst.status !== "paid" && (_jsx(Button, { action: ACTIONS.STORE["mark-installment-paid"], size: "sm", variant: "outline", isLoading: markingPaidIndex === inst.index, disabled: markingPaidIndex !== null, onClick: () => handleMarkInstallmentPaid(inst.index), children: "Mark paid" }))] })] }, inst.index))) }), emiError && (_jsx(Div, { textSize: "xs", className: "mt-2 border border-error/20", color: "error", surface: "danger-surface", padding: "inlineSm", rounded: "lg", children: emiError }))] })), _jsxs(Stack, { className: "border-t border-[var(--appkit-color-border)]", padding: "t-md", gap: "3", children: [_jsxs(FormShellContext.Provider, { value: form.shellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: draft, onChange: (partial) => setDraft((d) => ({ ...d, ...partial })), onSubmit: () => {
+                                                    // SectionForm scrolls to the first erroring section and then
+                                                    // submits regardless, so the guard lives here.
+                                                    form.clearErrors();
+                                                    const parsed = sellerOrderUpdateSchema.safeParse(visibleValues(sellerOrderUpdateSchema, draft));
+                                                    if (!parsed.success) {
+                                                        applyZodIssues(parsed.error.issues, form.setFieldError);
+                                                        return;
+                                                    }
+                                                    void handleSave();
+                                                }, onValidationChange: () => form.validate(draft), schema: sellerOrderUpdateSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, submitLabel: "Save", cancelLabel: "Close", onCancel: onClose, isLoading: saving })] }), saveError && (_jsx(Div, { textSize: "xs", className: "border border-error/20", color: "error", surface: "danger-surface", padding: "inlineSm", rounded: "lg", children: saveError }))] })] }), _jsxs(Row, { border: "top", paddingY: "y-sm-tall", padding: "x-md", align: "center", justify: "end", gap: "3", children: [_jsx(Button, { variant: "outline", onClick: onClose, disabled: saving, children: "Close" }), _jsx(Button, { onClick: handleSave, isLoading: saving, disabled: saving, children: "Save" })] })] }))] }));
 }
 function OrderDetailDrawer({ orderId, apiBase, onClose, }) {
     return (_jsx(SideDrawer, { isOpen: true, title: `Order ${orderId}`, onClose: onClose, children: _jsx(SellerOrderDetailPanel, { orderId: orderId, apiBase: apiBase, onClose: onClose }) }));

package/dist/features/seller/components/SellerProductsView.js

@@ -212,7 +212,16 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
     const config = {
         portal: "seller",
         title: "Products",
-        searchPlaceholder: "Search products by name…",
+        search: {
+            placeholder: "Search by name, description, brand or tag…",
+            /*
+             * The box understated itself: `/api/store/products` routes `q` through
+             * `buildProductSearchTxt`, which indexes far more than the title. A
+             * seller searching a brand or a tag got results and had no reason to
+             * expect them.
+             */
+            fields: ["title", "description", "brand", "categoryNames", "tags", "features"],
+        },
         emptyLabel: listingKind !== "all" ? `No ${listingKind} listings found` : "No products listed yet",
         filterKeys: FILTER_KEYS,
         defaultSort: DEFAULT_SORT,

package/dist/features/seller/components/SellerReviewsView.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 export interface SellerReviewsViewProps {
     reviewsApiBase?: string;
     replyApiBase?: string;
 }
-export declare function SellerReviewsView({ reviewsApiBase, replyApiBase, }: SellerReviewsViewProps): import("react").JSX.Element;
+export declare function SellerReviewsView({ reviewsApiBase, replyApiBase, }: SellerReviewsViewProps): React.JSX.Element;