@mohasinac/appkit 2.7.59 → 2.8.1

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

@@ -241,7 +241,7 @@ export function SellerTemplatesView({ onDelete, onBulkDelete, onDuplicate, }) {
         }),
     ];
     useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: bulkActions } } : {});
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search templates by name...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: sort, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, showTableView: true, view: "table", onViewChange: () => { }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { size: "sm", onClick: openCreate, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "New Template" })] }) }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: safePage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedCount > 0 && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, actions: bulkActions, onClearSelection: selection.clearSelection })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx(Div, { className: "mb-4 rounded-xl border border-red-200 bg-error-surface dark:border-red-900/60 px-4 py-3 text-sm text-error", children: errorMessage })), isLoading ? (_jsx(Div, { className: "space-y-2", children: Array.from({ length: 5 }).map((_, i) => (_jsx(Div, { className: "h-14 animate-pulse rounded-xl border border-zinc-100 dark:border-slate-700 bg-zinc-50 dark:bg-slate-800" }, i))) })) : pageRows.length === 0 ? (_jsx(Div, { className: "py-16 text-center", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-400", children: q || conditionFilter
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search templates by name...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: sort, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, showTableView: true, view: "table", onViewChange: () => { }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { size: "sm", onClick: openCreate, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "New Template" })] }) }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: safePage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedCount > 0 && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, actions: bulkActions, onClearSelection: selection.clearSelection })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx(Div, { className: "mb-4 rounded-xl border border-error/20 bg-error-surface px-4 py-3 text-sm text-error", children: errorMessage })), isLoading ? (_jsx(Div, { className: "space-y-2", children: Array.from({ length: 5 }).map((_, i) => (_jsx(Div, { className: "h-14 animate-pulse rounded-xl border border-zinc-100 dark:border-slate-700 bg-zinc-50 dark:bg-slate-800" }, i))) })) : pageRows.length === 0 ? (_jsx(Div, { className: "py-16 text-center", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-400", children: q || conditionFilter
                                 ? "No templates match your search or filters"
                                 : "No templates yet — add your first product template" }) })) : (_jsx(DataTable, { columns: COLUMNS, data: pageRows, keyExtractor: (r) => r.id, selectable: bulkActions.length > 0, selectedIds: selection.selectedIds, onSelectionChange: (ids) => selection.setSelectedIds(ids), actions: (row) => (_jsx(RowActionMenu, { actions: [
                                 {
@@ -259,5 +259,5 @@ export function SellerTemplatesView({ onDelete, onBulkDelete, onDuplicate, }) {
                                     onClick: () => setDeleteTargetId(row.id),
                                     disabled: deletingId === row.id,
                                 },
-                            ] })) }))] }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: () => setPendingCondition(""), activeCount: filterActiveCount, hideTrigger: true, children: _jsx(Div, { className: "space-y-4 p-4", children: _jsxs(Div, { children: [_jsx("label", { className: "mb-1.5 block text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Condition" }), _jsx(Select, { value: pendingCondition, onValueChange: setPendingCondition, options: CONDITION_OPTIONS })] }) }) }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: closeDrawer, title: drawerMode === "create" ? "New Template" : "Edit Template", mode: drawerMode, isDirty: draft.name !== "" || draft.category !== "" || draft.brand !== "", footer: _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: closeDrawer, disabled: saving, children: "Cancel" }), _jsx(Button, { size: "sm", isLoading: saving, onClick: handleSave, children: drawerMode === "create" ? "Create Template" : "Save Changes" })] }), children: _jsxs(Stack, { gap: "md", children: [savingError && (_jsx(Div, { className: "rounded-lg border border-red-200 bg-error-surface dark:border-red-900/60 px-3 py-2 text-sm text-error", children: savingError })), _jsx(Input, { id: "tpl-name", label: "Template Name", value: draft.name, onChange: (e) => setDraft((d) => ({ ...d, name: e.target.value })), placeholder: "e.g. Pok\u00E9mon Card Standard", required: true, autoComplete: "off" }), _jsx(Input, { id: "tpl-description", label: "Description (optional)", value: draft.description, onChange: (e) => setDraft((d) => ({ ...d, description: e.target.value })), placeholder: "Short note about when to use this template", autoComplete: "off" }), _jsx(Input, { id: "tpl-category", label: "Category (optional)", value: draft.category, onChange: (e) => setDraft((d) => ({ ...d, category: e.target.value })), placeholder: "e.g. trading-cards", autoComplete: "off" }), _jsx(Input, { id: "tpl-brand", label: "Brand (optional)", value: draft.brand, onChange: (e) => setDraft((d) => ({ ...d, brand: e.target.value })), placeholder: "e.g. Pok\u00E9mon Company", autoComplete: "off" }), _jsx(Select, { label: "Condition (optional)", name: "tpl-condition", value: draft.condition, onValueChange: (v) => setDraft((d) => ({ ...d, condition: v })), options: CONDITION_OPTIONS })] }) }), deleteTargetId && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Template", message: "Are you sure you want to delete this template? This cannot be undone.", onConfirm: () => handleDelete(deleteTargetId), onClose: () => setDeleteTargetId(null), isDeleting: deletingId === deleteTargetId }))] }));
+                            ] })) }))] }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: () => setPendingCondition(""), activeCount: filterActiveCount, hideTrigger: true, children: _jsx(Div, { className: "space-y-4 p-4", children: _jsxs(Div, { children: [_jsx("label", { className: "mb-1.5 block text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Condition" }), _jsx(Select, { value: pendingCondition, onValueChange: setPendingCondition, options: CONDITION_OPTIONS })] }) }) }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: closeDrawer, title: drawerMode === "create" ? "New Template" : "Edit Template", mode: drawerMode, isDirty: draft.name !== "" || draft.category !== "" || draft.brand !== "", footer: _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: closeDrawer, disabled: saving, children: "Cancel" }), _jsx(Button, { size: "sm", isLoading: saving, onClick: handleSave, children: drawerMode === "create" ? "Create Template" : "Save Changes" })] }), children: _jsxs(Stack, { gap: "md", children: [savingError && (_jsx(Div, { className: "rounded-lg border border-error/20 bg-error-surface px-3 py-2 text-sm text-error", children: savingError })), _jsx(Input, { id: "tpl-name", label: "Template Name", value: draft.name, onChange: (e) => setDraft((d) => ({ ...d, name: e.target.value })), placeholder: "e.g. Pok\u00E9mon Card Standard", required: true, autoComplete: "off" }), _jsx(Input, { id: "tpl-description", label: "Description (optional)", value: draft.description, onChange: (e) => setDraft((d) => ({ ...d, description: e.target.value })), placeholder: "Short note about when to use this template", autoComplete: "off" }), _jsx(Input, { id: "tpl-category", label: "Category (optional)", value: draft.category, onChange: (e) => setDraft((d) => ({ ...d, category: e.target.value })), placeholder: "e.g. trading-cards", autoComplete: "off" }), _jsx(Input, { id: "tpl-brand", label: "Brand (optional)", value: draft.brand, onChange: (e) => setDraft((d) => ({ ...d, brand: e.target.value })), placeholder: "e.g. Pok\u00E9mon Company", autoComplete: "off" }), _jsx(Select, { label: "Condition (optional)", name: "tpl-condition", value: draft.condition, onValueChange: (v) => setDraft((d) => ({ ...d, condition: v })), options: CONDITION_OPTIONS })] }) }), deleteTargetId && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Template", message: "Are you sure you want to delete this template? This cannot be undone.", onConfirm: () => handleDelete(deleteTargetId), onClose: () => setDeleteTargetId(null), isDeleting: deletingId === deleteTargetId }))] }));
 }

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

@@ -1,4 +1,3 @@
 import type { SlottedListingViewProps } from "../../../ui";
-export interface SellersListViewProps extends SlottedListingViewProps {
-}
+export type SellersListViewProps = SlottedListingViewProps;
 export declare function SellersListView(props: SellersListViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/analytics/SellerAnalyticsStats.d.ts

@@ -1,4 +1,9 @@
 import type { SellerAnalyticsSummary } from "../../types";
+/**
+ * W1-32 — SellerAnalyticsStats now composes AdminStatCard (the only live
+ * stat-card primitive after W1-30) instead of redefining its own inline
+ * StatCard. Same gradient presets, same visual identity.
+ */
 export interface SellerAnalyticsStatsLabels {
     totalRevenue?: string;
     totalOrders?: string;

package/dist/features/seller/components/analytics/SellerAnalyticsStats.js

@@ -2,13 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TrendingUp, ShoppingBag, Package, CheckCircle } from "lucide-react";
 import { Div } from "../../../../ui";
-const GREEN_GRAD = "linear-gradient(135deg,var(--appkit-color-cobalt,#3570fc) 0%,var(--appkit-color-secondary-400,#84e122) 100%)";
-const BRAND_GRAD = "linear-gradient(135deg,var(--appkit-color-primary-700,#1343de) 0%,var(--appkit-color-cobalt,#3570fc) 55%,var(--appkit-color-secondary-400,#84e122) 100%)";
-const AMBER_GRAD = "linear-gradient(135deg,var(--appkit-color-amber-500,#f59e0b) 0%,var(--appkit-color-amber-600,#d97706) 100%)";
-const BLUE_GRAD = "linear-gradient(135deg,var(--appkit-color-primary-700,#1343de) 0%,var(--appkit-color-cobalt,#3570fc) 100%)";
-function StatCard({ label, value, gradient, Icon }) {
-    return (_jsxs(Div, { className: "relative rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] overflow-hidden shadow-sm hover:shadow-md transition-shadow", children: [_jsx("div", { className: "absolute top-0 left-0 right-0 h-[3px]", style: { background: gradient }, "aria-hidden": "true" }), _jsxs(Div, { className: "px-5 pb-5 pt-6 flex items-start justify-between gap-3", children: [_jsxs(Div, { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-[11px] font-semibold uppercase tracking-widest text-[var(--appkit-color-text-muted)]", children: label }), _jsx("div", { className: "mt-2 text-2xl font-bold text-[var(--appkit-color-text)] tabular-nums leading-none", children: value })] }), _jsx("div", { className: "flex-shrink-0 w-10 h-10 rounded-lg flex items-center justify-center", style: { background: gradient }, children: _jsx(Icon, { className: "w-5 h-5 text-white" }) })] })] }));
-}
+import { AdminStatCard } from "../../../admin/components/analytics/AdminStatCard";
 export function SellerAnalyticsStats({ summary, labels = {}, formatRevenue = (amount) => String(amount), className = "", }) {
-    return (_jsxs(Div, { className: `grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4 ${className}`, children: [_jsx(StatCard, { label: labels.totalRevenue ?? "Total Revenue", value: formatRevenue(summary.totalRevenue), gradient: GREEN_GRAD, Icon: TrendingUp }), _jsx(StatCard, { label: labels.totalOrders ?? "Total Orders", value: String(summary.totalOrders), gradient: BRAND_GRAD, Icon: ShoppingBag }), _jsx(StatCard, { label: labels.totalProducts ?? "Total Products", value: String(summary.totalProducts), gradient: AMBER_GRAD, Icon: Package }), _jsx(StatCard, { label: labels.publishedProducts ?? "Published", value: String(summary.publishedProducts), gradient: BLUE_GRAD, Icon: CheckCircle })] }));
+    return (_jsxs(Div, { className: `grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4 ${className}`, children: [_jsx(AdminStatCard, { label: labels.totalRevenue ?? "Total Revenue", value: formatRevenue(summary.totalRevenue), gradient: "green", icon: _jsx(TrendingUp, { className: "w-5 h-5 text-white" }) }), _jsx(AdminStatCard, { label: labels.totalOrders ?? "Total Orders", value: String(summary.totalOrders), gradient: "brand", icon: _jsx(ShoppingBag, { className: "w-5 h-5 text-white" }) }), _jsx(AdminStatCard, { label: labels.totalProducts ?? "Total Products", value: String(summary.totalProducts), gradient: "amber", icon: _jsx(Package, { className: "w-5 h-5 text-white" }) }), _jsx(AdminStatCard, { label: labels.publishedProducts ?? "Published", value: String(summary.publishedProducts), gradient: "blue", icon: _jsx(CheckCircle, { className: "w-5 h-5 text-white" }) })] }));
 }

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

@@ -1,6 +1,3 @@
-export { SellerStatCard } from "./SellerStatCard";
-export { SellerSidebar } from "./SellerSidebar";
-export type { SellerNavItem } from "./SellerSidebar";
 export { SellerDashboardView } from "./SellerDashboardView";
 export type { SellerDashboardViewProps } from "./SellerDashboardView";
 export { SellerProductsView } from "./SellerProductsView";

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

@@ -1,5 +1,3 @@
-export { SellerStatCard } from "./SellerStatCard";
-export { SellerSidebar } from "./SellerSidebar";
 export { SellerDashboardView } from "./SellerDashboardView";
 export { SellerProductsView } from "./SellerProductsView";
 export { SellerAuctionsView } from "./SellerAuctionsView";

package/dist/features/seller/server.d.ts

@@ -4,7 +4,6 @@
  * Server-only entry point for seller repositories and API route handlers.
  */
 export * from "./actions";
-export { SellerRepository, PayoutsRepository, } from "./repository/seller.repository";
 export { OfferRepository, offerRepository, } from "./repository/offer.repository";
 export { GET as sellerProductsGET } from "./api/products/route";
 export { GET as sellerStoreGET } from "./api/store/route";

package/dist/features/seller/server.js

@@ -4,7 +4,6 @@
  * Server-only entry point for seller repositories and API route handlers.
  */
 export * from "./actions";
-export { SellerRepository, PayoutsRepository, } from "./repository/seller.repository";
 export { OfferRepository, offerRepository, } from "./repository/offer.repository";
 export { GET as sellerProductsGET } from "./api/products/route";
 export { GET as sellerStoreGET } from "./api/store/route";

package/dist/features/shell/FormShell.d.ts

@@ -40,4 +40,4 @@ export interface UseFormShellResult {
     markClean: () => void;
 }
 export declare function useFormShell(): UseFormShellResult;
-export declare function FormShell({ isOpen, onClose, title, breadcrumb, isDirty, isLoading, sections, onSaveDraft, onPublish, saveLabel, publishLabel, renderBottomBar, previewSlot, splitPreview, children, }: FormShellProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FormShell({ isOpen, onClose, title, breadcrumb, isDirty, isLoading, sections, onSaveDraft, onPublish, saveLabel, publishLabel, renderBottomBar, previewSlot, splitPreview: splitPreviewProp, children, }: FormShellProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/features/shell/FormShell.js

@@ -5,7 +5,7 @@ import { X, AlertTriangle, Eye, ArrowLeft } from "lucide-react";
 import { Button } from "../../ui/components/Button";
 import { classNames } from "../../ui/style.helper";
 import { FORM_ACTION_META, FORM_ACTION_ID } from "../products/constants/action-defs";
-import { Text } from "../../ui";
+import { Div, Row, Span, Stack, Text } from "../../ui";
 export function useFormShell() {
     const [isDirty, setIsDirty] = useState(false);
     return {
@@ -15,7 +15,10 @@ export function useFormShell() {
     };
 }
 const FOCUSABLE = 'a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';
-export function FormShell({ isOpen, onClose, title, breadcrumb, isDirty = false, isLoading = false, sections, onSaveDraft, onPublish, saveLabel = FORM_ACTION_META[FORM_ACTION_ID.SAVE_DRAFT].label, publishLabel = FORM_ACTION_META[FORM_ACTION_ID.PUBLISH].label, renderBottomBar, previewSlot, splitPreview = false, children, }) {
+export function FormShell({ isOpen, onClose, title, breadcrumb, isDirty = false, isLoading = false, sections, onSaveDraft, onPublish, saveLabel = FORM_ACTION_META[FORM_ACTION_ID.SAVE_DRAFT].label, publishLabel = FORM_ACTION_META[FORM_ACTION_ID.PUBLISH].label, renderBottomBar, previewSlot, splitPreview: splitPreviewProp, children, }) {
+    // W1-37: auto-enable splitPreview when a previewSlot is provided. Callers
+    // can still pass splitPreview={false} explicitly to opt out.
+    const splitPreview = splitPreviewProp ?? Boolean(previewSlot);
     const panelRef = useRef(null);
     const bodyRef = useRef(null);
     const [showUnsaved, setShowUnsaved] = useState(false);
@@ -102,8 +105,8 @@ export function FormShell({ isOpen, onClose, title, breadcrumb, isDirty = false,
     };
     if (!isOpen)
         return null;
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-[2px]", style: { zIndex: "calc(var(--appkit-z-modal) - 1)" }, "aria-hidden": "true", onClick: attemptClose }), _jsxs("div", { ref: panelRef, role: "dialog", "aria-modal": "true", "aria-label": title, className: "fixed top-0 bottom-0 left-0 right-0 lg:left-[10%] lg:right-[10%] flex flex-col bg-[var(--appkit-color-surface)] shadow-2xl", style: { zIndex: "var(--appkit-z-modal)" }, children: [_jsxs("div", { className: "flex-shrink-0 sticky top-0 z-10 border-b border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-5 py-3 flex items-center gap-3", children: [previewMode ? (_jsxs("button", { type: "button", onClick: () => setPreviewMode(false), "aria-label": "Back to edit", className: "rounded-lg p-1.5 text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors flex-shrink-0 flex items-center gap-1.5 text-sm", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), _jsx("span", { className: "hidden sm:inline", children: "Back to Edit" })] })) : (_jsx("button", { type: "button", onClick: attemptClose, "aria-label": "Close", className: "rounded-lg p-1.5 text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors flex-shrink-0", children: _jsx(X, { className: "w-5 h-5" }) })), _jsxs("div", { className: "flex-1 min-w-0", children: [breadcrumb && (_jsx(Text, { className: "text-xs text-[var(--appkit-color-text-muted)] truncate mb-0.5", children: breadcrumb })), _jsx(Text, { className: "text-sm font-semibold text-[var(--appkit-color-text)] truncate", children: previewMode ? `Preview — ${title}` : title })] }), _jsx("div", { className: "flex items-center gap-2 flex-shrink-0", children: previewMode ? null : (_jsxs(_Fragment, { children: [previewSlot && (_jsxs("button", { type: "button", onClick: () => setPreviewMode(true), className: "flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors border border-[var(--appkit-color-border)]", children: [_jsx(Eye, { className: "w-4 h-4" }), _jsx("span", { className: "hidden sm:inline", children: "Preview" })] })), onSaveDraft && (_jsx(Button, { variant: "outline", size: "sm", onClick: handleSaveDraft, disabled: isLoading || savingDraft || publishing, isLoading: savingDraft, children: saveLabel })), onPublish && (_jsx(Button, { variant: "primary", size: "sm", onClick: handlePublish, disabled: isLoading || savingDraft || publishing, isLoading: publishing, children: publishLabel }))] })) })] }), _jsxs("div", { className: "flex flex-1 overflow-hidden", children: [sections && sections.length > 0 && !previewMode && (_jsx("nav", { "aria-label": "Form sections", className: "hidden lg:flex flex-col flex-shrink-0 w-48 border-r border-[var(--appkit-color-border)] py-4 px-3 gap-1 overflow-y-auto", children: sections.map((sec) => (_jsx("button", { type: "button", onClick: () => scrollToSection(sec.id), className: "text-left text-sm px-3 py-2 rounded-lg text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors", children: sec.label }, sec.id))) })), sections && sections.length > 0 && !previewMode && (_jsx("div", { className: "lg:hidden fixed top-[var(--form-shell-topbar-h,57px)] left-0 right-0 z-10 flex overflow-x-auto gap-1 px-5 py-2 bg-[var(--appkit-color-surface)] border-b border-[var(--appkit-color-border)]", children: sections.map((sec) => (_jsx("button", { type: "button", onClick: () => scrollToSection(sec.id), className: "flex-shrink-0 text-xs px-3 py-1.5 rounded-full border border-[var(--appkit-color-border)] text-[var(--appkit-color-text-muted)] hover:border-[var(--appkit-color-primary)] hover:text-[var(--appkit-color-primary)] transition-colors whitespace-nowrap", children: sec.label }, sec.id))) })), _jsx("div", { ref: bodyRef, className: classNames("flex-1 overflow-y-auto", sections && sections.length > 0 && !previewMode ? "pt-0 lg:pt-0" : ""), children: previewMode && previewSlot ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sticky top-0 z-10 flex items-center gap-2 bg-[var(--appkit-color-warning-surface)] border-b border-[var(--appkit-color-warning)] px-4 py-2 text-sm text-[var(--appkit-color-warning-text,var(--appkit-color-warning))]", children: [_jsx(Eye, { className: "w-4 h-4 flex-shrink-0" }), _jsx("span", { children: "Preview \u2014 not visible to buyers until published" })] }), _jsx("div", { className: "py-4", children: previewSlot() })] })) : splitPreview && previewSlot ? (
+    return (_jsxs(_Fragment, { children: [_jsx(Div, { className: "fixed inset-0 bg-black/50 backdrop-blur-[2px]", style: { zIndex: "calc(var(--appkit-z-modal) - 1)" }, "aria-hidden": "true", onClick: attemptClose }), _jsxs(Div, { ref: panelRef, role: "dialog", "aria-modal": "true", "aria-label": title, className: "fixed top-0 bottom-0 left-0 right-0 lg:left-[10%] lg:right-[10%] flex flex-col bg-[var(--appkit-color-surface)] shadow-2xl", style: { zIndex: "var(--appkit-z-modal)" }, children: [_jsxs(Row, { gap: "sm", className: "flex-shrink-0 sticky top-0 z-10 border-b border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-5 py-3", children: [previewMode ? (_jsxs("button", { type: "button", onClick: () => setPreviewMode(false), "aria-label": "Back to edit", className: "rounded-lg p-1.5 text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors flex-shrink-0 flex items-center gap-1.5 text-sm", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), _jsx(Span, { className: "hidden sm:inline", children: "Back to Edit" })] })) : (_jsx("button", { type: "button", onClick: attemptClose, "aria-label": "Close", className: "rounded-lg p-1.5 text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors flex-shrink-0", children: _jsx(X, { className: "w-5 h-5" }) })), _jsxs(Div, { className: "flex-1 min-w-0", children: [breadcrumb && (_jsx(Text, { className: "text-xs text-[var(--appkit-color-text-muted)] truncate mb-0.5", children: breadcrumb })), _jsx(Text, { className: "text-sm font-semibold text-[var(--appkit-color-text)] truncate", children: previewMode ? `Preview — ${title}` : title })] }), _jsx(Row, { gap: "xs", className: "flex-shrink-0", children: previewMode ? null : (_jsxs(_Fragment, { children: [previewSlot && (_jsxs("button", { type: "button", onClick: () => setPreviewMode(true), className: "flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors border border-[var(--appkit-color-border)]", children: [_jsx(Eye, { className: "w-4 h-4" }), _jsx(Span, { className: "hidden sm:inline", children: "Preview" })] })), onSaveDraft && (_jsx(Button, { variant: "outline", size: "sm", onClick: handleSaveDraft, disabled: isLoading || savingDraft || publishing, isLoading: savingDraft, children: saveLabel })), onPublish && (_jsx(Button, { variant: "primary", size: "sm", onClick: handlePublish, disabled: isLoading || savingDraft || publishing, isLoading: publishing, children: publishLabel }))] })) })] }), _jsxs(Div, { className: "flex flex-1 overflow-hidden", children: [sections && sections.length > 0 && !previewMode && (_jsx("nav", { "aria-label": "Form sections", className: "hidden lg:flex flex-col flex-shrink-0 w-48 border-r border-[var(--appkit-color-border)] py-4 px-3 gap-1 overflow-y-auto", children: sections.map((sec) => (_jsx("button", { type: "button", onClick: () => scrollToSection(sec.id), className: "text-left text-sm px-3 py-2 rounded-lg text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors", children: sec.label }, sec.id))) })), sections && sections.length > 0 && !previewMode && (_jsx(Row, { gap: "px", className: "lg:hidden fixed top-[var(--form-shell-topbar-h,57px)] left-0 right-0 z-10 overflow-x-auto px-5 py-2 bg-[var(--appkit-color-surface)] border-b border-[var(--appkit-color-border)]", children: sections.map((sec) => (_jsx("button", { type: "button", onClick: () => scrollToSection(sec.id), className: "flex-shrink-0 text-xs px-3 py-1.5 rounded-full border border-[var(--appkit-color-border)] text-[var(--appkit-color-text-muted)] hover:border-[var(--appkit-color-primary)] hover:text-[var(--appkit-color-primary)] transition-colors whitespace-nowrap", children: sec.label }, sec.id))) })), _jsx(Div, { ref: bodyRef, className: classNames("flex-1 overflow-y-auto", sections && sections.length > 0 && !previewMode ? "pt-0 lg:pt-0" : ""), children: previewMode && previewSlot ? (_jsxs(_Fragment, { children: [_jsxs(Row, { gap: "xs", className: "sticky top-0 z-10 bg-[var(--appkit-color-warning-surface)] border-b border-[var(--appkit-color-warning)] px-4 py-2 text-sm text-[var(--appkit-color-warning-text,var(--appkit-color-warning))]", children: [_jsx(Eye, { className: "w-4 h-4 flex-shrink-0" }), _jsx(Span, { children: "Preview \u2014 not visible to buyers until published" })] }), _jsx(Div, { className: "py-4", children: previewSlot() })] })) : splitPreview && previewSlot ? (
                                 // S-STORE-3-D — desktop 60/40 split: form left, preview right.
                                 // Below `lg`, falls back to single-column form (preview-as-modal via existing toggle).
-                                _jsxs("div", { className: "lg:grid lg:grid-cols-[3fr_2fr] lg:gap-6 lg:px-6 lg:py-6 lg:max-w-[1400px] lg:mx-auto", children: [_jsx("div", { className: "max-w-3xl mx-auto px-5 py-6 sm:px-6 lg:max-w-none lg:px-0 lg:py-0", children: children }), _jsxs("div", { className: "hidden lg:block sticky lg:top-4 lg:self-start lg:max-h-[calc(100vh-6rem)] overflow-y-auto border border-[var(--appkit-color-border)] rounded-lg bg-[var(--appkit-color-surface-raised)] p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3 text-xs font-semibold uppercase tracking-wide text-[var(--appkit-color-text-muted)]", children: [_jsx(Eye, { className: "w-3.5 h-3.5" }), _jsx("span", { children: "Live preview" })] }), previewSlot()] })] })) : (_jsx("div", { className: "max-w-3xl mx-auto px-5 py-6 sm:px-6", children: children })) })] }), !previewMode && renderBottomBar ? (renderBottomBar()) : !previewMode && (onSaveDraft || onPublish) ? (_jsxs("div", { className: "flex-shrink-0 sticky bottom-0 z-10 border-t border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-5 py-3 flex items-center justify-between", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: attemptClose, disabled: isLoading, children: FORM_ACTION_META[FORM_ACTION_ID.DISCARD].label }), _jsxs("div", { className: "flex items-center gap-2", children: [onSaveDraft && (_jsx(Button, { variant: "outline", size: "sm", onClick: handleSaveDraft, disabled: isLoading || savingDraft || publishing, isLoading: savingDraft, children: saveLabel })), onPublish && (_jsxs(Button, { variant: "primary", size: "sm", onClick: handlePublish, disabled: isLoading || savingDraft || publishing, isLoading: publishing, children: [publishLabel, " \u2192"] }))] })] })) : null] }), showUnsaved && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 bg-black/60", style: { zIndex: "calc(var(--appkit-z-modal) + 5)" }, onClick: () => setShowUnsaved(false) }), _jsxs("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[90vw] max-w-sm bg-[var(--appkit-color-surface)] rounded-xl shadow-2xl p-6", style: { zIndex: "calc(var(--appkit-z-modal) + 5)" }, children: [_jsxs("div", { className: "flex gap-3 mb-4", children: [_jsx("span", { className: "flex-shrink-0 w-10 h-10 rounded-full bg-[var(--appkit-color-warning-surface)] flex items-center justify-center", children: _jsx(AlertTriangle, { className: "w-5 h-5 text-[var(--appkit-color-warning)]" }) }), _jsxs(_Fragment, { children: [_jsx(Text, { className: "font-semibold text-[var(--appkit-color-text)]", children: "Unsaved changes" }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)] mt-1", children: "You have unsaved changes. Leave without saving?" })] })] }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => setShowUnsaved(false), children: "Stay" }), _jsx(Button, { variant: "danger", size: "sm", onClick: () => { setShowUnsaved(false); onClose(); }, children: "Leave" })] })] })] }))] }));
+                                _jsxs(Div, { className: "lg:grid lg:grid-cols-[3fr_2fr] lg:gap-6 lg:px-6 lg:py-6 lg:max-w-[1400px] lg:mx-auto", children: [_jsx(Div, { className: "max-w-3xl mx-auto px-5 py-6 sm:px-6 lg:max-w-none lg:px-0 lg:py-0", children: children }), _jsxs(Div, { className: "hidden lg:block sticky lg:top-4 lg:self-start lg:max-h-[calc(100vh-6rem)] overflow-y-auto border border-[var(--appkit-color-border)] rounded-lg bg-[var(--appkit-color-surface-raised)] p-4", children: [_jsxs(Row, { gap: "xs", className: "mb-3 text-xs font-semibold uppercase tracking-wide text-[var(--appkit-color-text-muted)]", children: [_jsx(Eye, { className: "w-3.5 h-3.5" }), _jsx(Span, { children: "Live preview" })] }), previewSlot()] })] })) : (_jsx(Div, { className: "max-w-3xl mx-auto px-5 py-6 sm:px-6", children: children })) })] }), !previewMode && renderBottomBar ? (renderBottomBar()) : !previewMode && (onSaveDraft || onPublish) ? (_jsxs(Row, { justify: "between", className: "flex-shrink-0 sticky bottom-0 z-10 border-t border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-5 py-3", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: attemptClose, disabled: isLoading, children: FORM_ACTION_META[FORM_ACTION_ID.DISCARD].label }), _jsxs(Row, { gap: "xs", children: [onSaveDraft && (_jsx(Button, { variant: "outline", size: "sm", onClick: handleSaveDraft, disabled: isLoading || savingDraft || publishing, isLoading: savingDraft, children: saveLabel })), onPublish && (_jsxs(Button, { variant: "primary", size: "sm", onClick: handlePublish, disabled: isLoading || savingDraft || publishing, isLoading: publishing, children: [publishLabel, " \u2192"] }))] })] })) : null] }), showUnsaved && (_jsxs(_Fragment, { children: [_jsx(Div, { className: "fixed inset-0 bg-black/60", style: { zIndex: "calc(var(--appkit-z-modal) + 5)" }, onClick: () => setShowUnsaved(false) }), _jsxs(Div, { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[90vw] max-w-sm bg-[var(--appkit-color-surface)] rounded-xl shadow-2xl p-6", style: { zIndex: "calc(var(--appkit-z-modal) + 5)" }, children: [_jsxs(Row, { gap: "sm", align: "start", className: "mb-4", children: [_jsx(Span, { className: "flex-shrink-0 w-10 h-10 rounded-full bg-[var(--appkit-color-warning-surface)] flex items-center justify-center", children: _jsx(AlertTriangle, { className: "w-5 h-5 text-[var(--appkit-color-warning)]" }) }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { className: "font-semibold text-[var(--appkit-color-text)]", children: "Unsaved changes" }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: "You have unsaved changes. Leave without saving?" })] })] }), _jsxs(Row, { gap: "xs", justify: "end", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => setShowUnsaved(false), children: "Stay" }), _jsx(Button, { variant: "danger", size: "sm", onClick: () => { setShowUnsaved(false); onClose(); }, children: "Leave" })] })] })] }))] }));
 }

package/dist/features/shell/field-groups/ImageFieldGroup.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+export interface ImageFieldGroupProps {
+    /** Slot for the hero / cover image input — wire your own ImageUpload here. */
+    heroSlot?: ReactNode;
+    /** Slot for an additional gallery input (e.g. MediaUploadField with multi-image). */
+    gallerySlot?: ReactNode;
+    /** Optional section label override. */
+    sectionTitle?: ReactNode;
+    sectionDescription?: ReactNode;
+}
+/**
+ * `ImageFieldGroup` — wraps hero + gallery image slots in a `SettingsSection`.
+ * The actual `<ImageUpload>` / `<MediaUploadField>` instances stay with the
+ * consumer because their `onUpload` / context wiring is form-specific.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export declare function ImageFieldGroup({ heroSlot, gallerySlot, sectionTitle, sectionDescription, }: ImageFieldGroupProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/features/shell/field-groups/ImageFieldGroup.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { SettingsSection } from "../../../ui/components/SettingsSection";
+/**
+ * `ImageFieldGroup` — wraps hero + gallery image slots in a `SettingsSection`.
+ * The actual `<ImageUpload>` / `<MediaUploadField>` instances stay with the
+ * consumer because their `onUpload` / context wiring is form-specific.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export function ImageFieldGroup({ heroSlot, gallerySlot, sectionTitle = "Images", sectionDescription, }) {
+    if (!heroSlot && !gallerySlot)
+        return null;
+    return (_jsxs(SettingsSection, { title: sectionTitle, description: sectionDescription, children: [heroSlot, gallerySlot] }));
+}

package/dist/features/shell/field-groups/SeoFieldGroup.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+export interface SeoFieldGroupProps {
+    seoTitle: string;
+    seoDescription: string;
+    slug: string;
+    onSeoTitleChange: (next: string) => void;
+    onSeoDescriptionChange: (next: string) => void;
+    onSlugChange?: (next: string) => void;
+    /** Read-only computed canonical URL preview (e.g. `https://letitrip.in/products/<slug>`). */
+    canonicalPreview?: string;
+    /** Optional section label override. */
+    sectionTitle?: ReactNode;
+    sectionDescription?: ReactNode;
+    disabled?: boolean;
+}
+/**
+ * `SeoFieldGroup` — shared SEO inputs (title / description / slug) used across
+ * Product, Blog, Category, FAQ editors.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export declare function SeoFieldGroup({ seoTitle, seoDescription, slug, onSeoTitleChange, onSeoDescriptionChange, onSlugChange, canonicalPreview, sectionTitle, sectionDescription, disabled, }: SeoFieldGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/shell/field-groups/SeoFieldGroup.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "../../../ui/components/Input";
+import { Textarea } from "../../../ui/components/Textarea";
+import { SettingsSection } from "../../../ui/components/SettingsSection";
+const SEO_TITLE_MAX = 60;
+const SEO_DESC_MAX = 160;
+/**
+ * `SeoFieldGroup` — shared SEO inputs (title / description / slug) used across
+ * Product, Blog, Category, FAQ editors.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export function SeoFieldGroup({ seoTitle, seoDescription, slug, onSeoTitleChange, onSeoDescriptionChange, onSlugChange, canonicalPreview, sectionTitle = "SEO", sectionDescription = "Override the auto-generated metadata if needed. Leave blank to use defaults.", disabled = false, }) {
+    return (_jsxs(SettingsSection, { title: sectionTitle, description: sectionDescription, children: [_jsx(Input, { label: "SEO title", value: seoTitle, onChange: (e) => onSeoTitleChange(e.target.value), placeholder: "Falls back to the page title", maxLength: SEO_TITLE_MAX, helperText: `Max ${SEO_TITLE_MAX} characters.`, disabled: disabled }), _jsx(Textarea, { label: "SEO description", value: seoDescription, onChange: (e) => onSeoDescriptionChange(e.target.value), placeholder: "Falls back to the page description", maxLength: SEO_DESC_MAX, helperText: `Max ${SEO_DESC_MAX} characters.`, rows: 3, disabled: disabled }), onSlugChange ? (_jsx(Input, { label: "URL slug", value: slug, onChange: (e) => onSlugChange(e.target.value), disabled: disabled, helperText: canonicalPreview ? `Canonical: ${canonicalPreview}` : undefined })) : null] }));
+}

package/dist/features/shell/field-groups/StatusFieldGroup.d.ts

@@ -0,0 +1,35 @@
+import { type ReactNode } from "react";
+export interface StatusFieldGroupOption<T extends string = string> {
+    value: T;
+    label: string;
+    description?: string;
+}
+export interface StatusFieldGroupProps<T extends string = string> {
+    /** Current status value. */
+    status: T;
+    /** Available status options. */
+    options: readonly StatusFieldGroupOption<T>[];
+    /** Setter. */
+    onStatusChange: (next: T) => void;
+    /** Optional sub-toggles below the status select (e.g. `isFeatured`, `isPromoted`). */
+    toggles?: ReadonlyArray<{
+        key: string;
+        label: ReactNode;
+        description?: ReactNode;
+        checked: boolean;
+        onChange: (next: boolean) => void;
+        disabled?: boolean;
+    }>;
+    /** Optional section label override. */
+    sectionTitle?: ReactNode;
+    sectionDescription?: ReactNode;
+    disabled?: boolean;
+}
+/**
+ * `StatusFieldGroup` — status select plus optional sub-toggles (featured /
+ * promoted / pinned, etc.) used across Product, Blog, Event, Coupon, FAQ
+ * editors.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export declare function StatusFieldGroup<T extends string = string>({ status, options, onStatusChange, toggles, sectionTitle, sectionDescription, disabled, }: StatusFieldGroupProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/features/shell/field-groups/StatusFieldGroup.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select } from "../../../ui/components/Select";
+import { ToggleRow, SettingsSection } from "../../../ui/components/SettingsSection";
+/**
+ * `StatusFieldGroup` — status select plus optional sub-toggles (featured /
+ * promoted / pinned, etc.) used across Product, Blog, Event, Coupon, FAQ
+ * editors.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export function StatusFieldGroup({ status, options, onStatusChange, toggles, sectionTitle = "Status", sectionDescription, disabled = false, }) {
+    return (_jsxs(SettingsSection, { title: sectionTitle, description: sectionDescription, children: [_jsx(Select, { label: "Visibility status", value: status, onValueChange: (v) => onStatusChange(v), options: options.map((o) => ({ value: o.value, label: o.label })), disabled: disabled }), toggles?.length
+                ? toggles.map((t) => (_jsx(ToggleRow, { label: t.label, description: t.description, checked: t.checked, onChange: t.onChange, disabled: t.disabled ?? disabled }, t.key)))
+                : null] }));
+}

package/dist/features/shell/field-groups/TitleDescriptionGroup.d.ts

@@ -0,0 +1,40 @@
+import { type ReactNode } from "react";
+export interface TitleDescriptionGroupProps {
+    /** Form field value: title. */
+    title: string;
+    /** Form field value: description (plain text). */
+    description: string;
+    /** Setters. */
+    onTitleChange: (next: string) => void;
+    onDescriptionChange: (next: string) => void;
+    /** Optional section label override. */
+    sectionTitle?: ReactNode;
+    /** Optional section description. */
+    sectionDescription?: ReactNode;
+    /** Optional placeholder overrides. */
+    titlePlaceholder?: string;
+    descriptionPlaceholder?: string;
+    /** Disable both inputs. */
+    disabled?: boolean;
+    /** When true, render a rich-text editor instead of plain `<Textarea>` (consumer-provided). */
+    renderDescription?: (args: {
+        value: string;
+        onChange: (next: string) => void;
+        disabled: boolean;
+    }) => ReactNode;
+    /** Field-level validation messages. */
+    titleError?: string;
+    descriptionError?: string;
+    /** Max length helpers. */
+    titleMaxLength?: number;
+    descriptionMaxLength?: number;
+}
+/**
+ * `TitleDescriptionGroup` — shared title + description fields used across
+ * Product, Blog, Category, Event, FAQ, Feature, Brand editors. Optionally
+ * accepts a `renderDescription` slot to plug in the rich-text editor without
+ * coupling this primitive to it.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export declare function TitleDescriptionGroup({ title, description, onTitleChange, onDescriptionChange, sectionTitle, sectionDescription, titlePlaceholder, descriptionPlaceholder, disabled, renderDescription, titleError, descriptionError, titleMaxLength, descriptionMaxLength, }: TitleDescriptionGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/shell/field-groups/TitleDescriptionGroup.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "../../../ui/components/Input";
+import { Textarea } from "../../../ui/components/Textarea";
+import { SettingsSection } from "../../../ui/components/SettingsSection";
+/**
+ * `TitleDescriptionGroup` — shared title + description fields used across
+ * Product, Blog, Category, Event, FAQ, Feature, Brand editors. Optionally
+ * accepts a `renderDescription` slot to plug in the rich-text editor without
+ * coupling this primitive to it.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export function TitleDescriptionGroup({ title, description, onTitleChange, onDescriptionChange, sectionTitle = "Title & description", sectionDescription, titlePlaceholder, descriptionPlaceholder, disabled = false, renderDescription, titleError, descriptionError, titleMaxLength, descriptionMaxLength, }) {
+    return (_jsxs(SettingsSection, { title: sectionTitle, description: sectionDescription, children: [_jsx(Input, { label: "Title", value: title, onChange: (e) => onTitleChange(e.target.value), placeholder: titlePlaceholder, disabled: disabled, maxLength: titleMaxLength, error: titleError, required: true }), renderDescription ? (renderDescription({ value: description, onChange: onDescriptionChange, disabled })) : (_jsx(Textarea, { label: "Description", value: description, onChange: (e) => onDescriptionChange(e.target.value), placeholder: descriptionPlaceholder, disabled: disabled, maxLength: descriptionMaxLength, error: descriptionError, rows: 5 }))] }));
+}

package/dist/features/shell/field-groups/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Field-group primitives (W1-15) — composable form sections used across the
+ * admin/seller editor surface. Each group is a thin wrapper around primitive
+ * inputs that encapsulates a recurring 3-or-more-field pattern.
+ */
+export type { TitleDescriptionGroupProps } from "./TitleDescriptionGroup";
+export { TitleDescriptionGroup } from "./TitleDescriptionGroup";
+export type { ImageFieldGroupProps } from "./ImageFieldGroup";
+export { ImageFieldGroup } from "./ImageFieldGroup";
+export type { SeoFieldGroupProps } from "./SeoFieldGroup";
+export { SeoFieldGroup } from "./SeoFieldGroup";
+export type { StatusFieldGroupProps, StatusFieldGroupOption } from "./StatusFieldGroup";
+export { StatusFieldGroup } from "./StatusFieldGroup";

package/dist/features/shell/field-groups/index.js

@@ -0,0 +1,9 @@
+/**
+ * Field-group primitives (W1-15) — composable form sections used across the
+ * admin/seller editor surface. Each group is a thin wrapper around primitive
+ * inputs that encapsulates a recurring 3-or-more-field pattern.
+ */
+export { TitleDescriptionGroup } from "./TitleDescriptionGroup";
+export { ImageFieldGroup } from "./ImageFieldGroup";
+export { SeoFieldGroup } from "./SeoFieldGroup";
+export { StatusFieldGroup } from "./StatusFieldGroup";

package/dist/features/shell/index.d.ts

@@ -4,3 +4,5 @@ export type { QuickFieldType, QuickFieldDef, QuickFormDrawerProps } from "./Quic
 export { QuickFormDrawer } from "./QuickFormDrawer";
 export type { StepDef, StepFormProps, StepFormActionsProps } from "./StepForm";
 export { StepForm, StepFormActions, StepIndicator } from "./StepForm";
+export type { TitleDescriptionGroupProps, ImageFieldGroupProps, SeoFieldGroupProps, StatusFieldGroupProps, StatusFieldGroupOption, } from "./field-groups";
+export { TitleDescriptionGroup, ImageFieldGroup, SeoFieldGroup, StatusFieldGroup, } from "./field-groups";

package/dist/features/shell/index.js

@@ -1,3 +1,4 @@
 export { FormShell, useFormShell } from "./FormShell";
 export { QuickFormDrawer } from "./QuickFormDrawer";
 export { StepForm, StepFormActions, StepIndicator } from "./StepForm";
+export { TitleDescriptionGroup, ImageFieldGroup, SeoFieldGroup, StatusFieldGroup, } from "./field-groups";

package/dist/features/stores/components/StoreCapabilitiesGuideView.d.ts

@@ -1,3 +1,2 @@
-export interface StoreCapabilitiesGuideViewProps {
-}
+export type StoreCapabilitiesGuideViewProps = Record<string, never>;
 export declare function StoreCapabilitiesGuideView(_props: StoreCapabilitiesGuideViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/StoreFinanceGuideView.d.ts

@@ -1,3 +1,2 @@
-export interface StoreFinanceGuideViewProps {
-}
+export type StoreFinanceGuideViewProps = Record<string, never>;
 export declare function StoreFinanceGuideView(_props: StoreFinanceGuideViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/StoreHeader.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Div, Heading, RichText, Row, Section, Span, Text, } from "../../../ui";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter";
 import { ShareButton } from "../../products/components/ShareButton";
+import { StoreScopedSearch } from "./StoreScopedSearch";
 export function StoreHeader({ store, labels = {}, onFollow, className = "", }) {
     return (_jsxs(Section, { surface: "default", className: `border-b border-gray-200 dark:border-slate-700 ${className}`, children: [store.storeBannerURL && (_jsx(Div, { className: "h-40 md:h-56 overflow-hidden bg-gray-100 dark:bg-slate-800", children: _jsx(Div, { role: "img", "aria-label": `${store.storeName} banner`, className: "h-full w-full bg-center bg-cover", style: { backgroundImage: `url(${store.storeBannerURL})` } }) })), _jsxs(Div, { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4", children: [_jsxs(Div, { className: "flex items-end gap-4", children: [store.storeLogoURL ? (_jsx(Div, { role: "img", "aria-label": store.storeName, className: "-mt-8 h-16 w-16 rounded-xl border-2 border-white dark:border-slate-800 bg-center bg-cover shadow-sm", style: { backgroundImage: `url(${store.storeLogoURL})` } })) : (_jsx(Div, { className: "-mt-8 h-16 w-16 rounded-xl border-2 border-white dark:border-slate-800 bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-orange-600 dark:text-orange-400 font-bold text-2xl shadow-sm", children: store.storeName[0]?.toUpperCase() })), _jsxs(Div, { className: "flex-1 min-w-0", children: [_jsxs(Div, { className: "flex flex-wrap items-center gap-2 mb-0.5", children: [_jsx(Heading, { level: 1, className: "text-xl font-bold text-gray-900 dark:text-zinc-100", children: store.storeName }), store.averageRating != null && store.averageRating > 0 && (_jsxs(Span, { className: "inline-flex items-center gap-1 text-sm font-medium text-amber-500", children: ["\u2605 ", store.averageRating.toFixed(1)] }))] }), _jsxs(Row, { className: "gap-3 text-xs text-gray-500 dark:text-zinc-400 mb-0.5", children: [store.category && _jsx(Span, { className: "capitalize", children: store.category }), store.totalProducts != null && store.totalProducts > 0 && (_jsxs(Span, { children: [store.totalProducts, " ", labels.products ?? "products"] })), store.totalReviews != null && store.totalReviews > 0 && (_jsxs(Span, { children: [store.totalReviews, " ", labels.reviews ?? "reviews"] })), store.itemsSold != null && store.itemsSold > 0 && (_jsxs(Span, { children: [store.itemsSold, " ", labels.sold ?? "sold"] }))] }), store.storeDescription && (_jsx(RichText, { html: normalizeRichTextHtml(store.storeDescription), copyableCode: true, className: "mt-0.5" }))] }), _jsxs(Row, { gap: "sm", align: "center", className: "shrink-0", children: [_jsx(ShareButton, { title: store.storeName }), onFollow && (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onFollow(store.storeSlug), className: "rounded-lg border border-orange-500 px-4 py-2 text-sm font-medium text-orange-500 hover:bg-orange-50 transition-colors", children: labels.follow ?? "Follow" }))] })] }), store.isVacationMode && (_jsx(Text, { className: "mt-3 rounded-lg bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 px-3 py-2 text-sm text-yellow-700 dark:text-yellow-300", children: store.vacationMessage ??
                             labels.vacationMode ??
-                            "Store is on vacation mode" }))] })] }));
+                            "Store is on vacation mode" })), _jsx(Div, { className: "mt-3", children: _jsx(StoreScopedSearch, { storeId: store.storeSlug, storeName: store.storeName }) })] })] }));
 }

package/dist/features/stores/components/StoreListingsGuideView.d.ts

@@ -1,3 +1,2 @@
-export interface StoreListingsGuideViewProps {
-}
+export type StoreListingsGuideViewProps = Record<string, never>;
 export declare function StoreListingsGuideView(_props: StoreListingsGuideViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/StoreOrdersGuideView.d.ts

@@ -1,3 +1,2 @@
-export interface StoreOrdersGuideViewProps {
-}
+export type StoreOrdersGuideViewProps = Record<string, never>;
 export declare function StoreOrdersGuideView(_props: StoreOrdersGuideViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/StoreScopedSearch.d.ts

@@ -0,0 +1,16 @@
+interface StoreScopedSearchProps {
+    storeId: string;
+    storeName: string;
+    /** Override placeholder; falls back to "Search {storeName}…". */
+    placeholder?: string;
+    className?: string;
+}
+/**
+ * W1-19 — inline search input scoped to a single store. Submits to
+ * `/products?storeId={storeId}&q={query}` so the public product listing
+ * filters down to this seller's catalog. Lives alongside `StoreHeader` and
+ * is the store-page complement to the global `<Search>` slot rendered in
+ * `LayoutShellClient`.
+ */
+export declare function StoreScopedSearch({ storeId, storeName, placeholder, className, }: StoreScopedSearchProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/stores/components/StoreScopedSearch.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { Button, Input, Row } from "../../../ui";
+import { ROUTES } from "../../../next/routing/route-map";
+/**
+ * W1-19 — inline search input scoped to a single store. Submits to
+ * `/products?storeId={storeId}&q={query}` so the public product listing
+ * filters down to this seller's catalog. Lives alongside `StoreHeader` and
+ * is the store-page complement to the global `<Search>` slot rendered in
+ * `LayoutShellClient`.
+ */
+export function StoreScopedSearch({ storeId, storeName, placeholder, className = "", }) {
+    const router = useRouter();
+    const [value, setValue] = useState("");
+    const submit = (e) => {
+        e.preventDefault();
+        const q = value.trim();
+        const base = String(ROUTES.PUBLIC.PRODUCTS);
+        const params = new URLSearchParams({ storeId });
+        if (q)
+            params.set("q", q);
+        router.push(`${base}?${params.toString()}`);
+    };
+    return (_jsx("form", { onSubmit: submit, className: `w-full ${className}`, children: _jsxs(Row, { gap: "sm", align: "center", className: "w-full", children: [_jsx(Input, { type: "search", value: value, onChange: (e) => setValue(e.target.value), placeholder: placeholder ?? `Search ${storeName}…`, "aria-label": `Search ${storeName}`, className: "flex-1" }), _jsx(Button, { type: "submit", variant: "primary", size: "sm", children: "Search" })] }) }));
+}

package/dist/features/stores/components/StoreSettingsGuideView.d.ts

@@ -1,3 +1,2 @@
-export interface StoreSettingsGuideViewProps {
-}
+export type StoreSettingsGuideViewProps = Record<string, never>;
 export declare function StoreSettingsGuideView(_props: StoreSettingsGuideViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/server.d.ts

@@ -4,7 +4,6 @@
  * Server-only entry point — repositories and API route handlers.
  */
 export * from "./actions";
-export { StoresRepository } from "./repository/stores.repository";
 export { StoreRepository, storeRepository, } from "./repository/store.repository";
 export { GET as storesGET, GET } from "./api/route";
 export { GET as storeSlugGET } from "./api/[storeSlug]/route";

package/dist/features/stores/server.js

@@ -4,7 +4,6 @@
  * Server-only entry point — repositories and API route handlers.
  */
 export * from "./actions";
-export { StoresRepository } from "./repository/stores.repository";
 export { StoreRepository, storeRepository, } from "./repository/store.repository";
 // SB-UNI-A 2026-05-13 — storeAddressRepository deleted. Use addressesRepository
 // (top-level addresses collection with ownerType:"store").

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

@@ -23,6 +23,9 @@ export declare const TicketCategoryValues: {
     readonly REFUND_REQUEST: "refund_request";
     readonly AUCTION_DISPUTE: "auction_dispute";
     readonly GENERAL: "general";
+    readonly STORE_CHANGE_REQUEST: "store_change_request";
+    readonly ORDER_MODIFICATION_REQUEST: "order_modification_request";
+    readonly UNBAN_REQUEST: "unban_request";
 };
 export type TicketCategory = (typeof TicketCategoryValues)[keyof typeof TicketCategoryValues];
 export declare const TicketStatusValues: {
@@ -54,6 +57,19 @@ export interface TicketMessage {
     attachments?: string[];
     createdAt: Date;
 }
+/**
+ * Subject entities a ticket concerns. Assigned by admin/support agents so a
+ * single ticket can reference the buyer, store, order, product, or bid in
+ * dispute. Used to render clickable chips in the ticket detail view that link
+ * to the relevant admin detail page.
+ */
+export interface TicketRelatedParties {
+    userId?: string;
+    storeId?: string;
+    orderId?: string;
+    productId?: string;
+    bidId?: string;
+}
 export interface SupportTicketDocument {
     id: string;
     userId: string;
@@ -67,6 +83,11 @@ export interface SupportTicketDocument {
     description: string;
     /** Linked order ID — required when category === "order_issue". */
     orderId?: string;
+    /**
+     * ST-6 — subjects of the ticket. Admin/support assignable. `orderId` is
+     * mirrored here for consistency when set via the linked-parties panel.
+     */
+    relatedParties?: TicketRelatedParties;
     status: TicketStatus;
     priority: TicketPriority;
     /** UID of the assigned employee. */
@@ -86,7 +107,7 @@ export interface SupportTicketDocument {
     updatedAt: Date;
 }
 export type SupportTicketCreateInput = Pick<SupportTicketDocument, "userId" | "userEmail" | "userDisplayName" | "category" | "subject" | "description" | "orderId">;
-export type SupportTicketUpdateInput = Partial<Pick<SupportTicketDocument, "status" | "priority" | "assignedTo" | "assignedToName" | "internalNotes" | "resolvedAt" | "closedAt">>;
+export type SupportTicketUpdateInput = Partial<Pick<SupportTicketDocument, "status" | "priority" | "assignedTo" | "assignedToName" | "internalNotes" | "resolvedAt" | "closedAt" | "relatedParties">>;
 export declare const SUPPORT_TICKET_COLLECTION: "supportTickets";
 export declare const SUPPORT_TICKET_ID_PREFIX: "ticket-";
 export declare const SUPPORT_TICKET_INDEXED_FIELDS: readonly ["userId", "status", "category", "priority", "assignedTo", "orderId", "createdAt", "updatedAt"];

package/dist/features/support/schemas/firestore.js

@@ -26,6 +26,16 @@ export const TicketCategoryValues = {
     REFUND_REQUEST: "refund_request",
     AUCTION_DISPUTE: "auction_dispute",
     GENERAL: "general",
+    // ST-4 — sellers request admin-only field changes on their store
+    // (status / capabilities / isVerified) through this category.
+    STORE_CHANGE_REQUEST: "store_change_request",
+    // ST-3 — buyers/sellers request mutation of order line items
+    // (wrong item shipped, partial fulfilment, bundle correction).
+    ORDER_MODIFICATION_REQUEST: "order_modification_request",
+    // ST-5 — users appeal a soft-ban or hard-ban via this category.
+    // Server bypasses the create_support_tickets soft-ban guard and the
+    // active-ticket limit so the user always has an appeal channel.
+    UNBAN_REQUEST: "unban_request",
 };
 export const TicketStatusValues = {
     OPEN: "open",