@mohasinac/appkit 4.9.4 → 4.10.0

package/dist/_internal/server/features/seo/sitemap.js

@@ -21,6 +21,7 @@ function staticPages(baseUrl) {
         page(String(ROUTES.PUBLIC.PRODUCTS), "hourly", 0.9),
         page(String(ROUTES.PUBLIC.AUCTIONS), "hourly", 0.9),
         page(String(ROUTES.PUBLIC.CATEGORIES), "weekly", 0.8),
+        page(String(ROUTES.PUBLIC.BRANDS), "weekly", 0.7),
         page(String(ROUTES.PUBLIC.BLOG), "daily", 0.7),
         page(String(ROUTES.PUBLIC.EVENTS), "daily", 0.7),
         page(String(ROUTES.PUBLIC.SELLERS), "weekly", 0.6),
@@ -39,6 +40,12 @@ function staticPages(baseUrl) {
         page(String(ROUTES.PUBLIC.REFUND_POLICY), "yearly", 0.3),
         page(String(ROUTES.PUBLIC.SHIPPING_POLICY), "yearly", 0.3),
         page(String(ROUTES.PUBLIC.PRE_ORDERS), "daily", 0.7),
+        page(String(ROUTES.PUBLIC.BUNDLES), "weekly", 0.6),
+        page(String(ROUTES.PUBLIC.PRIZE_DRAWS), "daily", 0.7),
+        page(String(ROUTES.PUBLIC.CLASSIFIED), "daily", 0.6),
+        page(String(ROUTES.PUBLIC.DIGITAL_CODES), "daily", 0.6),
+        page(String(ROUTES.PUBLIC.LIVE), "hourly", 0.7),
+        page(String(ROUTES.PUBLIC.ART), "weekly", 0.6),
         page(String(ROUTES.PUBLIC.FEES), "monthly", 0.4),
         page(String(ROUTES.PUBLIC.HOW_AUCTIONS_WORK), "monthly", 0.4),
         page(String(ROUTES.PUBLIC.HOW_PRE_ORDERS_WORK), "monthly", 0.4),
@@ -53,13 +60,16 @@ function staticPages(baseUrl) {
         page(String(ROUTES.PUBLIC.SCAM_FAQS), "weekly", 0.7),
     ];
 }
+// "art" and "stickers" listing types render at the same PRODUCT_DETAIL route
+// as "standard" (see route-map.ts's ART comment) — no dedicated detail page.
+const PRODUCT_DETAIL_LISTING_TYPES = ["standard", "art", "stickers"];
 async function fetchProductUrls(baseUrl) {
     try {
         const db = getAdminDb();
         const snap = await db
             .collection(PRODUCT_COLLECTION)
             .where(PRODUCT_STATUS, "==", PRODUCT_STATUS_PUBLISHED)
-            .where("listingType", "==", "standard")
+            .where("listingType", "in", PRODUCT_DETAIL_LISTING_TYPES)
             .select(PRODUCT_SLUG, PRODUCT_UPDATED_AT)
             .limit(5000)
             .get();
@@ -80,6 +90,38 @@ async function fetchProductUrls(baseUrl) {
         return [];
     }
 }
+async function fetchListingTypeUrls(baseUrl, listingType, buildUrl, label) {
+    try {
+        const db = getAdminDb();
+        const snap = await db
+            .collection(PRODUCT_COLLECTION)
+            .where(PRODUCT_STATUS, "==", PRODUCT_STATUS_PUBLISHED)
+            .where("listingType", "==", listingType)
+            .select(PRODUCT_SLUG, PRODUCT_UPDATED_AT)
+            .limit(2000)
+            .get();
+        return snap.docs.map((doc) => {
+            const data = doc.data();
+            const slug = data[PRODUCT_SLUG] ?? doc.id;
+            return {
+                url: `${baseUrl}${buildUrl(slug)}`,
+                lastModified: data[PRODUCT_UPDATED_AT]?.toDate?.() ?? new Date(),
+                changeFrequency: "daily",
+                priority: 0.7,
+            };
+        });
+    }
+    catch (err) {
+        void normalizeError(err);
+        serverLogger.warn(`sitemap: failed to fetch ${label} URLs`, { error: err });
+        return [];
+    }
+}
+const fetchPreOrderUrls = (baseUrl) => fetchListingTypeUrls(baseUrl, "pre-order", (slug) => ROUTES.PUBLIC.PRE_ORDER_DETAIL(slug), "pre-order");
+const fetchPrizeDrawUrls = (baseUrl) => fetchListingTypeUrls(baseUrl, "prize-draw", (slug) => ROUTES.PUBLIC.PRIZE_DRAW_DETAIL(slug), "prize-draw");
+const fetchClassifiedUrls = (baseUrl) => fetchListingTypeUrls(baseUrl, "classified", (slug) => ROUTES.PUBLIC.CLASSIFIED_DETAIL(slug), "classified");
+const fetchDigitalCodeUrls = (baseUrl) => fetchListingTypeUrls(baseUrl, "digital-code", (slug) => ROUTES.PUBLIC.DIGITAL_CODE_DETAIL(slug), "digital-code");
+const fetchLiveUrls = (baseUrl) => fetchListingTypeUrls(baseUrl, "live", (slug) => ROUTES.PUBLIC.LIVE_DETAIL(slug), "live");
 async function fetchAuctionUrls(baseUrl) {
     try {
         const db = getAdminDb();
@@ -133,11 +175,17 @@ async function fetchEventUrls(baseUrl) {
         return [];
     }
 }
-async function fetchCategoryUrls(baseUrl) {
+// categories is a discriminated-union collection (categoryType: "listing" |
+// "brand" | "bundle" — see CLAUDE.md's SB-UNI-C/SB-UNI-D). Each discriminator
+// renders at a different public route, so each needs its own filtered query;
+// querying the collection without a categoryType filter (the prior bug here)
+// mapped brand/bundle rows onto the wrong /categories/{slug} URL.
+async function fetchCategoryTypeUrls(baseUrl, categoryType, buildUrl, label) {
     try {
         const db = getAdminDb();
         const snap = await db
             .collection(CATEGORIES_COLLECTION)
+            .where(CATEGORY_FIELDS.CATEGORY_TYPE, "==", categoryType)
             .where(CATEGORY_FIELDS.IS_ACTIVE, "==", true)
             .select(CATEGORY_FIELDS.SLUG, CATEGORY_FIELDS.UPDATED_AT)
             .limit(500)
@@ -146,7 +194,7 @@ async function fetchCategoryUrls(baseUrl) {
             const data = doc.data();
             const slug = data[CATEGORY_FIELDS.SLUG] ?? doc.id;
             return {
-                url: `${baseUrl}/categories/${slug}`,
+                url: `${baseUrl}${buildUrl(slug)}`,
                 lastModified: data[CATEGORY_FIELDS.UPDATED_AT]?.toDate?.() ?? new Date(),
                 changeFrequency: "weekly",
                 priority: 0.7,
@@ -155,10 +203,13 @@ async function fetchCategoryUrls(baseUrl) {
     }
     catch (err) {
         void normalizeError(err);
-        serverLogger.warn("sitemap: failed to fetch category URLs", { error: err });
+        serverLogger.warn(`sitemap: failed to fetch ${label} URLs`, { error: err });
         return [];
     }
 }
+const fetchCategoryUrls = (baseUrl) => fetchCategoryTypeUrls(baseUrl, "listing", (slug) => ROUTES.PUBLIC.CATEGORY_DETAIL(slug), "category");
+const fetchBrandUrls = (baseUrl) => fetchCategoryTypeUrls(baseUrl, "brand", (slug) => ROUTES.PUBLIC.BRAND_DETAIL(slug), "brand");
+const fetchBundleUrls = (baseUrl) => fetchCategoryTypeUrls(baseUrl, "bundle", (slug) => ROUTES.PUBLIC.BUNDLE_DETAIL(slug), "bundle");
 async function fetchBlogPostUrls(baseUrl) {
     try {
         const db = getAdminDb();
@@ -242,21 +293,35 @@ async function fetchScammerUrls(baseUrl) {
     }
 }
 export async function buildSitemap({ baseUrl }) {
-    const [productUrls, categoryUrls, eventUrls, blogUrls, auctionUrls, storeUrls, scammerUrls] = await Promise.all([
+    const [productUrls, categoryUrls, brandUrls, bundleUrls, eventUrls, blogUrls, auctionUrls, preOrderUrls, prizeDrawUrls, classifiedUrls, digitalCodeUrls, liveUrls, storeUrls, scammerUrls,] = await Promise.all([
         fetchProductUrls(baseUrl),
         fetchCategoryUrls(baseUrl),
+        fetchBrandUrls(baseUrl),
+        fetchBundleUrls(baseUrl),
         fetchEventUrls(baseUrl),
         fetchBlogPostUrls(baseUrl),
         fetchAuctionUrls(baseUrl),
+        fetchPreOrderUrls(baseUrl),
+        fetchPrizeDrawUrls(baseUrl),
+        fetchClassifiedUrls(baseUrl),
+        fetchDigitalCodeUrls(baseUrl),
+        fetchLiveUrls(baseUrl),
         fetchStoreUrls(baseUrl),
         fetchScammerUrls(baseUrl),
     ]);
     return [
         ...staticPages(baseUrl),
         ...categoryUrls,
+        ...brandUrls,
+        ...bundleUrls,
         ...blogUrls,
         ...productUrls,
         ...auctionUrls,
+        ...preOrderUrls,
+        ...prizeDrawUrls,
+        ...classifiedUrls,
+        ...digitalCodeUrls,
+        ...liveUrls,
         ...eventUrls,
         ...storeUrls,
         ...scammerUrls,

package/dist/_internal/shared/config/schema.d.ts

@@ -100,6 +100,7 @@ export interface AppkitBrandConfig {
         youtube?: string;
         facebook?: string;
         linkedin?: string;
+        github?: string;
     };
 }
 export interface AppkitSeoConfig {

package/dist/_internal/shared/features/auctions/config.d.ts

@@ -4,3 +4,23 @@ export declare const AUCTIONS_SITEMAP_LIMIT = 5000;
 export declare const AUCTION_DEFAULT_EXTENSION_MINUTES = 5;
 export declare const AUCTION_MIN_BID_INCREMENT = 1;
 export declare const AUCTION_SNIPING_WINDOW_SECONDS = 300;
+export interface BidIncrementTier {
+    /** Upper bound (inclusive) of this band's current-bid range. `null` = open-ended ("and above"), must be the last tier. */
+    upTo: number | null;
+    increment: number;
+}
+/** Seed/fallback tier table — single source of truth reused by both DEFAULT_SITE_SETTINGS_DATA and the admin editor's initial state. */
+export declare const DEFAULT_AUCTION_BID_INCREMENT_TIERS: BidIncrementTier[];
+/**
+ * Resolve the tiered minimum bid increment for a given current bid amount.
+ * Tier lookup is inclusive of each band's upper bound — e.g. with the
+ * default tiers, a current bid of exactly 1000 resolves to the 100
+ * increment (the 100-1000 tier), not the 200 increment of the next band.
+ */
+export declare function resolveTieredBidIncrement(currentBidAmount: number, tiers: BidIncrementTier[]): number;
+/**
+ * Effective minimum bid increment = max(admin tier floor, per-listing
+ * override). A seller's per-listing "Minimum Bid Increment" can require
+ * MORE than the platform tier, but can never undercut it.
+ */
+export declare function resolveMinBidIncrement(currentBidAmount: number, tiers: BidIncrementTier[], override?: number | null): number;

package/dist/_internal/shared/features/auctions/config.js

@@ -2,5 +2,35 @@ export const AUCTIONS_PAGE_SIZE = 20;
 export const AUCTIONS_ACTIVE_LIMIT = 50;
 export const AUCTIONS_SITEMAP_LIMIT = 5000;
 export const AUCTION_DEFAULT_EXTENSION_MINUTES = 5;
-export const AUCTION_MIN_BID_INCREMENT = 1; // ₹1
+export const AUCTION_MIN_BID_INCREMENT = 1; // ₹1 — last-resort fallback when bidIncrementTiers is empty/missing
 export const AUCTION_SNIPING_WINDOW_SECONDS = 300; // 5 minutes — triggers auto-extend
+/** Seed/fallback tier table — single source of truth reused by both DEFAULT_SITE_SETTINGS_DATA and the admin editor's initial state. */
+export const DEFAULT_AUCTION_BID_INCREMENT_TIERS = [
+    { upTo: 100, increment: 10 },
+    { upTo: 1000, increment: 100 },
+    { upTo: 5000, increment: 200 },
+    { upTo: 10000, increment: 500 },
+    { upTo: null, increment: 1000 },
+];
+/**
+ * Resolve the tiered minimum bid increment for a given current bid amount.
+ * Tier lookup is inclusive of each band's upper bound — e.g. with the
+ * default tiers, a current bid of exactly 1000 resolves to the 100
+ * increment (the 100-1000 tier), not the 200 increment of the next band.
+ */
+export function resolveTieredBidIncrement(currentBidAmount, tiers) {
+    for (const tier of tiers) {
+        if (tier.upTo === null || currentBidAmount <= tier.upTo)
+            return tier.increment;
+    }
+    return tiers[tiers.length - 1]?.increment ?? AUCTION_MIN_BID_INCREMENT;
+}
+/**
+ * Effective minimum bid increment = max(admin tier floor, per-listing
+ * override). A seller's per-listing "Minimum Bid Increment" can require
+ * MORE than the platform tier, but can never undercut it.
+ */
+export function resolveMinBidIncrement(currentBidAmount, tiers, override) {
+    const tierValue = resolveTieredBidIncrement(currentBidAmount, tiers);
+    return typeof override === "number" && override > tierValue ? override : tierValue;
+}

package/dist/_internal/shared/listing-types/art/config.d.ts

@@ -8,7 +8,7 @@ export declare const config: {
     badge: {
         label: string;
         className: string;
-    } | undefined;
+    };
     priceLabel: string;
     typeLabel: string;
     showsStockQuantity: boolean;

package/dist/_internal/shared/listing-types/art/config.js

@@ -7,7 +7,7 @@ export const config = {
     slugPrefix: "art-",
     cartLine: "single-product",
     detailRoute: (idOrSlug) => String(ROUTES.PUBLIC.PRODUCT_DETAIL(idOrSlug)),
-    badge: undefined,
+    badge: { label: "Art Print", className: "bg-primary-700 text-white" },
     priceLabel: "Price (₹)",
     typeLabel: "Art Print",
     showsStockQuantity: true,

package/dist/_internal/shared/listing-types/classified/config.d.ts

@@ -8,7 +8,7 @@ export declare const config: {
     badge: {
         label: string;
         className: string;
-    } | undefined;
+    };
     priceLabel: string;
     typeLabel: string;
     showsStockQuantity: boolean;

package/dist/_internal/shared/listing-types/classified/config.js

@@ -6,8 +6,8 @@ export const config = {
     listingType: LISTING_TYPE,
     slugPrefix: "classified-",
     cartLine: "blocked",
-    detailRoute: (idOrSlug) => String(ROUTES.PUBLIC.PRODUCT_DETAIL(idOrSlug)),
-    badge: undefined,
+    detailRoute: (idOrSlug) => String(ROUTES.PUBLIC.CLASSIFIED_DETAIL(idOrSlug)),
+    badge: { label: "Classified", className: "bg-secondary text-white" },
     priceLabel: "Asking Price (₹)",
     typeLabel: "Classified",
     showsStockQuantity: true,

package/dist/_internal/shared/listing-types/digital-code/config.d.ts

@@ -8,7 +8,7 @@ export declare const config: {
     badge: {
         label: string;
         className: string;
-    } | undefined;
+    };
     priceLabel: string;
     typeLabel: string;
     showsStockQuantity: boolean;

package/dist/_internal/shared/listing-types/digital-code/config.js

@@ -6,8 +6,8 @@ export const config = {
     listingType: LISTING_TYPE,
     slugPrefix: "digitalcode-",
     cartLine: "single-product",
-    detailRoute: (idOrSlug) => String(ROUTES.PUBLIC.PRODUCT_DETAIL(idOrSlug)),
-    badge: undefined,
+    detailRoute: (idOrSlug) => String(ROUTES.PUBLIC.DIGITAL_CODE_DETAIL(idOrSlug)),
+    badge: { label: "Digital Code", className: "bg-success-surface text-success" },
     priceLabel: "Price per Code (₹)",
     typeLabel: "Digital Code",
     showsStockQuantity: false,

package/dist/_internal/shared/listing-types/live/config.d.ts

@@ -8,7 +8,7 @@ export declare const config: {
     badge: {
         label: string;
         className: string;
-    } | undefined;
+    };
     priceLabel: string;
     typeLabel: string;
     showsStockQuantity: boolean;

package/dist/_internal/shared/listing-types/live/config.js

@@ -6,8 +6,8 @@ export const config = {
     listingType: LISTING_TYPE,
     slugPrefix: "live-",
     cartLine: "single-product",
-    detailRoute: (idOrSlug) => String(ROUTES.PUBLIC.PRODUCT_DETAIL(idOrSlug)),
-    badge: undefined,
+    detailRoute: (idOrSlug) => String(ROUTES.PUBLIC.LIVE_DETAIL(idOrSlug)),
+    badge: { label: "Live Item", className: "bg-danger-surface text-error" },
     priceLabel: "Price (₹)",
     typeLabel: "Live Item",
     showsStockQuantity: true,

package/dist/_internal/shared/listing-types/prize-draw/config.d.ts

@@ -8,7 +8,7 @@ export declare const config: {
     badge: {
         label: string;
         className: string;
-    } | undefined;
+    };
     priceLabel: string;
     typeLabel: string;
     showsStockQuantity: boolean;

package/dist/_internal/shared/listing-types/prize-draw/config.js

@@ -7,7 +7,7 @@ export const config = {
     slugPrefix: "prizedraw-",
     cartLine: "single-product",
     detailRoute: (idOrSlug) => String(ROUTES.PUBLIC.PRIZE_DRAW_DETAIL(idOrSlug)),
-    badge: undefined,
+    badge: { label: "Prize Draw", className: "bg-primary text-white" },
     priceLabel: "Price (₹)",
     typeLabel: "Prize Draw",
     showsStockQuantity: false,

package/dist/_internal/shared/listing-types/stickers/config.d.ts

@@ -8,7 +8,7 @@ export declare const config: {
     badge: {
         label: string;
         className: string;
-    } | undefined;
+    };
     priceLabel: string;
     typeLabel: string;
     showsStockQuantity: boolean;

package/dist/_internal/shared/listing-types/stickers/config.js

@@ -7,7 +7,7 @@ export const config = {
     slugPrefix: "sticker-",
     cartLine: "single-product",
     detailRoute: (idOrSlug) => String(ROUTES.PUBLIC.PRODUCT_DETAIL(idOrSlug)),
-    badge: undefined,
+    badge: { label: "Sticker Sheet", className: "bg-primary-700 text-white" },
     priceLabel: "Price (₹)",
     typeLabel: "Stickers",
     showsStockQuantity: true,

package/dist/client.d.ts

@@ -24,11 +24,15 @@ export { registerClientRealtimeProvider, getClientRealtimeProvider, type IClient
 export { registerClientSessionAdapter, getClientSessionAdapter, type IClientSessionAdapter, type AdapterAuthUser, type AuthUnsubscribe, } from "./contracts/client-session";
 export { ThemeProvider, useTheme, buildThemeRegistry } from "./theme";
 export type { ModePreference, SiteSettingsThemeInput, ThemeContextValue, ThemeProviderProps, ThemeRegistry, } from "./theme";
+export { HandModeProvider, useHandMode } from "./hand-mode";
+export type { HandMode, HandModeContextValue, HandModeProviderProps, } from "./hand-mode";
 export { BUILT_IN_THEMES, DEFAULT_DARK_THEME, DEFAULT_LIGHT_THEME, REQUIRED_GRADIENT_KEYS, REQUIRED_THEME_TOKENS, getDefaultBuiltInTheme, } from "./tokens/themes";
 export type { GradientKey, RequiredThemeToken, ThemeMode, ThemeRecord, } from "./tokens/themes";
 export { ConfirmDeleteModal } from "./ui/components/ConfirmDeleteModal";
 export { EmptyState } from "./ui/components/EmptyState";
 export { Skeleton } from "./ui/components/Skeleton";
+export { IconBox } from "./ui/components/IconBox";
+export type { IconBoxProps, IconBoxRounded, IconBoxSize, IconBoxTone, } from "./ui/components/IconBox";
 export { Alert } from "./ui/components/Alert";
 export type { SkeletonProps } from "./ui/components/Skeleton";
 export { Divider } from "./ui/components/Divider";
@@ -327,14 +331,8 @@ export { ActionPermissionsManager } from "./features/site-settings/components/Ac
 export type { ActionPermissionsManagerProps } from "./features/site-settings/components/ActionPermissionsManager";
 export { NavPermissionsManager } from "./features/site-settings/components/NavPermissionsManager";
 export type { NavPermissionsManagerProps, NavGroup as NavPermissionsGroup, NavItem as NavPermissionsItem } from "./features/site-settings/components/NavPermissionsManager";
-export { ClassifiedDetailView } from "./_internal/client/features/classified/ClassifiedDetailView";
-export type { ClassifiedDetailViewProps } from "./_internal/client/features/classified/ClassifiedDetailView";
-export { DigitalCodeDetailView } from "./_internal/client/features/digital-code/DigitalCodeDetailView";
-export type { DigitalCodeDetailViewProps } from "./_internal/client/features/digital-code/DigitalCodeDetailView";
 export { CodeRevealPanel } from "./_internal/client/features/digital-code/CodeRevealPanel";
 export type { CodeRevealPanelProps, RevealedCode } from "./_internal/client/features/digital-code/CodeRevealPanel";
-export { LiveItemDetailView } from "./_internal/client/features/live/LiveItemDetailView";
-export type { LiveItemDetailViewProps } from "./_internal/client/features/live/LiveItemDetailView";
 export { PhysicalLocationModal } from "./features/seller/components/PhysicalLocationModal";
 export type { PhysicalLocation } from "./features/seller/components/PhysicalLocationModal";
 export { Toggle } from "./ui/components/Toggle";

package/dist/client.js

@@ -32,6 +32,12 @@ export { registerClientSessionAdapter, getClientSessionAdapter, } from "./contra
 // Re-exported through the public `./theme` barrel to keep audit-appkit-reexports
 // clean (no `_internal/` symbols may surface through public barrels).
 export { ThemeProvider, useTheme, buildThemeRegistry } from "./theme";
+// [CLIENT-ONLY] HandModeProvider — applies the "left-hand mode" layout
+// preference to `<html>` via a `data-hand` attribute so drawers/sidebars/
+// close-buttons/floating CTAs flip which screen edge they dock to.
+// Re-exported through the public `./hand-mode` barrel to keep
+// audit-appkit-reexports clean (no `_internal/` symbols in public barrels).
+export { HandModeProvider, useHandMode } from "./hand-mode";
 export { BUILT_IN_THEMES, DEFAULT_DARK_THEME, DEFAULT_LIGHT_THEME, REQUIRED_GRADIENT_KEYS, REQUIRED_THEME_TOKENS, getDefaultBuiltInTheme, } from "./tokens/themes";
 // [CLIENT-ONLY]-Cannot run in SSR mode â€" uses browser-only APIs (window, navigator, localStorage, matchMedia, DOM events) that do not exist in Node.js.
 // ConfirmDeleteModal - Component for confirm delete modal.
@@ -39,6 +45,9 @@ export { ConfirmDeleteModal } from "./ui/components/ConfirmDeleteModal";
 // S-STORE — pure-UI primitives + Seller view consumed by new dashboard pages
 export { EmptyState } from "./ui/components/EmptyState";
 export { Skeleton } from "./ui/components/Skeleton";
+// IconBox — square-icon container primitive; was exported from index.ts only,
+// missing here even though CLAUDE.md documents it as a client-usable pattern.
+export { IconBox } from "./ui/components/IconBox";
 export { Alert } from "./ui/components/Alert";
 export { Divider } from "./ui/components/Divider";
 export { Tabs, TabsList, TabsTrigger, TabsContent } from "./ui/components/Tabs";
@@ -324,11 +333,8 @@ export { SellerTrustBadge } from "./features/scams/components/SellerTrustBadge";
 // [CLIENT-ONLY] — Admin panel components for action/nav permission management.
 export { ActionPermissionsManager } from "./features/site-settings/components/ActionPermissionsManager";
 export { NavPermissionsManager } from "./features/site-settings/components/NavPermissionsManager";
-// ── Classified + digital-code + live-item client views ────────────────────────
-export { ClassifiedDetailView } from "./_internal/client/features/classified/ClassifiedDetailView";
-export { DigitalCodeDetailView } from "./_internal/client/features/digital-code/DigitalCodeDetailView";
+// ── Digital-code code-reveal panel (still used directly on order pages) ───────
 export { CodeRevealPanel } from "./_internal/client/features/digital-code/CodeRevealPanel";
-export { LiveItemDetailView } from "./_internal/client/features/live/LiveItemDetailView";
 export { PhysicalLocationModal } from "./features/seller/components/PhysicalLocationModal";
 // [CLIENT-ONLY] — Toggle switch primitive.
 export { Toggle } from "./ui/components/Toggle";

package/dist/constants/api-endpoints.d.ts

@@ -66,6 +66,7 @@ export declare const ACCOUNT_ENDPOINTS: {
     readonly CATALOGUE_LIST: (id: string) => string;
     readonly CATALOGUE_SUBMIT: (id: string) => string;
     readonly PUBLIC_CATALOGUE: (ownerSlug: string) => string;
+    readonly PUBLIC_CATALOGUE_ITEM: (ownerSlug: string, itemId: string) => string;
     /** Tester Hub — GET active checklist items joined with the tester's own responses; PUT upserts one item's answer/comment/screenshot. */
     readonly TESTER_CHECKLIST: "/api/user/tester-checklist";
     readonly TESTER_CHECKLIST_ITEM_BY_ID: (checklistItemId: string) => string;
@@ -249,6 +250,7 @@ export declare const CATEGORY_ENDPOINTS: {
 export declare const CHECKOUT_ENDPOINTS: {
     readonly PREFLIGHT: "/api/checkout/preflight";
     readonly PLACE_ORDER: "/api/checkout";
+    readonly PRICING_PREVIEW: "/api/checkout/pricing-preview";
 };
 export declare const PAYMENT_ENDPOINTS: {
     readonly CREATE_ORDER: "/api/payment/create-order";
@@ -517,6 +519,7 @@ export declare const API_ENDPOINTS: {
         readonly CATALOGUE_LIST: (id: string) => string;
         readonly CATALOGUE_SUBMIT: (id: string) => string;
         readonly PUBLIC_CATALOGUE: (ownerSlug: string) => string;
+        readonly PUBLIC_CATALOGUE_ITEM: (ownerSlug: string, itemId: string) => string;
         /** Tester Hub — GET active checklist items joined with the tester's own responses; PUT upserts one item's answer/comment/screenshot. */
         readonly TESTER_CHECKLIST: "/api/user/tester-checklist";
         readonly TESTER_CHECKLIST_ITEM_BY_ID: (checklistItemId: string) => string;
@@ -703,6 +706,7 @@ export declare const API_ENDPOINTS: {
     readonly CHECKOUT: {
         readonly PREFLIGHT: "/api/checkout/preflight";
         readonly PLACE_ORDER: "/api/checkout";
+        readonly PRICING_PREVIEW: "/api/checkout/pricing-preview";
     };
     readonly PAYMENT: {
         readonly CREATE_ORDER: "/api/payment/create-order";
@@ -970,6 +974,7 @@ export declare const API_ROUTES: {
         readonly CATALOGUE_LIST: (id: string) => string;
         readonly CATALOGUE_SUBMIT: (id: string) => string;
         readonly PUBLIC_CATALOGUE: (ownerSlug: string) => string;
+        readonly PUBLIC_CATALOGUE_ITEM: (ownerSlug: string, itemId: string) => string;
         /** Tester Hub — GET active checklist items joined with the tester's own responses; PUT upserts one item's answer/comment/screenshot. */
         readonly TESTER_CHECKLIST: "/api/user/tester-checklist";
         readonly TESTER_CHECKLIST_ITEM_BY_ID: (checklistItemId: string) => string;
@@ -1156,6 +1161,7 @@ export declare const API_ROUTES: {
     readonly CHECKOUT: {
         readonly PREFLIGHT: "/api/checkout/preflight";
         readonly PLACE_ORDER: "/api/checkout";
+        readonly PRICING_PREVIEW: "/api/checkout/pricing-preview";
     };
     readonly PAYMENT: {
         readonly CREATE_ORDER: "/api/payment/create-order";

package/dist/constants/api-endpoints.js

@@ -81,6 +81,7 @@ export const ACCOUNT_ENDPOINTS = {
     CATALOGUE_LIST: (id) => `/api/user/catalogue/${id}/list`,
     CATALOGUE_SUBMIT: (id) => `/api/user/catalogue/${id}/submit`,
     PUBLIC_CATALOGUE: (ownerSlug) => `/api/catalogue/${ownerSlug}`,
+    PUBLIC_CATALOGUE_ITEM: (ownerSlug, itemId) => `/api/catalogue/${ownerSlug}/${itemId}`,
     /** Tester Hub — GET active checklist items joined with the tester's own responses; PUT upserts one item's answer/comment/screenshot. */
     TESTER_CHECKLIST: "/api/user/tester-checklist",
     TESTER_CHECKLIST_ITEM_BY_ID: (checklistItemId) => `/api/user/tester-checklist/${encodeURIComponent(checklistItemId)}`,
@@ -295,6 +296,7 @@ export const CATEGORY_ENDPOINTS = {
 export const CHECKOUT_ENDPOINTS = {
     PREFLIGHT: "/api/checkout/preflight",
     PLACE_ORDER: "/api/checkout",
+    PRICING_PREVIEW: "/api/checkout/pricing-preview",
 };
 // ---------------------------------------------------------------------------
 // Payment

package/dist/features/about/components/AboutView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, Badge, Card, Div, Heading, Row, Section, Span, Stack, Text } from "../../../ui";
+import { Anchor, Avatar, Badge, Card, Div, Heading, Row, Section, Span, Stack, Text } from "../../../ui";
 export function AboutView({ labels = {}, howItems = [], valueItems = [], milestones = [], teamMembers = [], ctaBannerClass = "", renderCtaButtons, }) {
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(Section, { color: "inverse", tone: "accent-banner", padding: "y-4xl", children: _jsxs(Div, { paddingX: "x-page", className: "max-w-4xl mx-auto text-center", children: [_jsx(Heading, { color: "inverse", level: 1, variant: "none", className: "mb-6", mdSize: "5xl", size: "4xl", weight: "bold", children: labels.title }), _jsx(Text, { color: "inverse", variant: "none", className: "/80 max-w-2xl mx-auto", size: "xl", children: labels.subtitle })] }) }), _jsxs(Div, { paddingX: "x-page", className: "max-w-5xl mx-auto", padding: "y-4xl", children: [_jsxs(Section, { className: "text-center max-w-3xl mx-auto", children: [_jsx(Heading, { level: 2, className: "mb-4", children: labels.missionTitle }), _jsx(Text, { size: "lg", variant: "secondary", className: "leading-relaxed", children: labels.missionText })] }), _jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-12", align: "center", children: labels.howItWorksTitle }), _jsx(Div, { className: "grid md:grid-cols-3", gap: "6", children: howItems.map(({ title, text, icon, tone }) => (_jsxs(Card, { variant: `gradient-${tone ?? "indigo"}`, padding: "md", spacing: "sm", children: [_jsx(Div, { children: _jsx(Span, { size: "4xl", children: icon }) }), _jsx(Heading, { level: 3, children: title }), _jsx(Text, { size: "sm", variant: "secondary", className: "leading-relaxed", children: text })] }, title))) })] }), _jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-12", align: "center", children: labels.valuesTitle }), _jsx(Div, { className: "grid md:grid-cols-3", gap: "5", children: valueItems.map(({ title, text, icon }) => (_jsxs(Stack, { gap: "3", surface: "default", padding: "lg", rounded: "xl", border: "default", children: [_jsx(Div, { children: _jsx(Span, { size: "3xl", children: icon }) }), _jsx(Heading, { level: 3, children: title }), _jsx(Text, { size: "sm", variant: "secondary", className: "leading-relaxed", children: text })] }, title))) })] }), _jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-10", align: "center", children: labels.milestonesTitle }), _jsx(Stack, { className: "relative border-l-2 border-primary/30 max-w-2xl mx-auto pl-[2rem]", gap: "xl", children: milestones.map(({ year, text }) => (_jsxs(Div, { className: "relative", children: [_jsx(Div, { className: "absolute -left-10 top-1 w-4 h-4 bg-primary border-2 border-white", rounded: "full" }), _jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: year }), _jsx(Text, { className: "mt-1", children: text })] }, year))) })] }), teamMembers.length > 0 && (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-2", align: "center", children: labels.teamTitle }), labels.teamSubtitle && (_jsx(Text, { size: "lg", variant: "secondary", align: "center", className: "mb-12 max-w-2xl mx-auto", children: labels.teamSubtitle })), _jsx(Div, { className: "grid md:grid-cols-3", gap: "6", children: teamMembers.map((member) => (_jsxs(Stack, { gap: "3", surface: "default", padding: "lg", rounded: "xl", border: "default", align: "center", className: "text-center", children: [_jsx(Avatar, { src: member.photoUrl, name: member.name, alt: member.name, size: "lg" }), _jsx(Heading, { level: 3, children: member.name }), _jsxs(Row, { gap: "xs", wrap: true, justify: "center", children: [_jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: member.role }), member.isFounder && _jsx(Badge, { variant: "primary", size: "xs", children: "Founder" }), member.isDeveloper && _jsx(Badge, { variant: "secondary", size: "xs", children: "Developer" })] }), _jsx(Text, { size: "sm", variant: "secondary", className: "leading-relaxed", children: member.bio })] }, member.name))) })] })), _jsxs(Section, { color: "inverse", tone: "accent-banner", className: `text-center ${ctaBannerClass}`, padding: "xl", rounded: "2xl", children: [_jsx(Heading, { color: "inverse", level: 2, variant: "none", className: "mb-8", size: "3xl", weight: "bold", children: labels.ctaTitle }), renderCtaButtons ? (renderCtaButtons()) : (_jsx(Row, { justify: "center", gap: "3", wrap: true, children: _jsxs(Span, { color: "inverse", size: "sm", className: "/70", children: [labels.ctaSell, " \u00B7 ", labels.ctaShop] }) }))] })] })] }));
+    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(Section, { color: "inverse", tone: "accent-banner", padding: "y-4xl", children: _jsxs(Div, { paddingX: "x-page", className: "max-w-4xl mx-auto text-center", children: [_jsx(Heading, { color: "inverse", level: 1, variant: "none", className: "mb-6", mdSize: "5xl", size: "4xl", weight: "bold", children: labels.title }), _jsx(Text, { color: "inverse", variant: "none", className: "/80 max-w-2xl mx-auto", size: "xl", children: labels.subtitle })] }) }), _jsxs(Div, { paddingX: "x-page", className: "max-w-5xl mx-auto", padding: "y-4xl", children: [_jsxs(Section, { className: "text-center max-w-3xl mx-auto", children: [_jsx(Heading, { level: 2, className: "mb-4", children: labels.missionTitle }), _jsx(Text, { size: "lg", variant: "secondary", className: "leading-relaxed", children: labels.missionText })] }), _jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-12", align: "center", children: labels.howItWorksTitle }), _jsx(Div, { className: "grid md:grid-cols-3", gap: "6", children: howItems.map(({ title, text, icon, tone }) => (_jsxs(Card, { variant: `gradient-${tone ?? "indigo"}`, padding: "md", spacing: "sm", children: [_jsx(Div, { children: _jsx(Span, { size: "4xl", children: icon }) }), _jsx(Heading, { level: 3, children: title }), _jsx(Text, { size: "sm", variant: "secondary", className: "leading-relaxed", children: text })] }, title))) })] }), _jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-12", align: "center", children: labels.valuesTitle }), _jsx(Div, { className: "grid md:grid-cols-3", gap: "5", children: valueItems.map(({ title, text, icon }) => (_jsxs(Stack, { gap: "3", surface: "default", padding: "lg", rounded: "xl", border: "default", children: [_jsx(Div, { children: _jsx(Span, { size: "3xl", children: icon }) }), _jsx(Heading, { level: 3, children: title }), _jsx(Text, { size: "sm", variant: "secondary", className: "leading-relaxed", children: text })] }, title))) })] }), _jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-10", align: "center", children: labels.milestonesTitle }), _jsx(Stack, { className: "relative border-l-2 border-primary/30 max-w-2xl mx-auto pl-[2rem]", gap: "xl", children: milestones.map(({ year, text }) => (_jsxs(Div, { className: "relative", children: [_jsx(Div, { className: "absolute -left-10 top-1 w-4 h-4 bg-primary border-2 border-white", rounded: "full" }), _jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: year }), _jsx(Text, { className: "mt-1", children: text })] }, year))) })] }), teamMembers.length > 0 && (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-2", align: "center", children: labels.teamTitle }), labels.teamSubtitle && (_jsx(Text, { size: "lg", variant: "secondary", align: "center", className: "mb-12 max-w-2xl mx-auto", children: labels.teamSubtitle })), _jsx(Div, { className: "grid md:grid-cols-3", gap: "6", children: teamMembers.map((member) => (_jsxs(Stack, { gap: "3", surface: "default", padding: "lg", rounded: "xl", border: "default", align: "center", className: "text-center", children: [_jsx(Avatar, { src: member.photoUrl, name: member.name, alt: member.name, size: "lg" }), _jsx(Heading, { level: 3, children: member.name }), _jsxs(Row, { gap: "xs", wrap: true, justify: "center", children: [_jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: member.role }), member.isFounder && _jsx(Badge, { variant: "primary", size: "xs", children: "Founder" }), member.isDeveloper && _jsx(Badge, { variant: "secondary", size: "xs", children: "Developer" })] }), _jsx(Text, { size: "sm", variant: "secondary", className: "leading-relaxed", children: member.bio }), member.githubUrl && (_jsx(Anchor, { href: member.githubUrl, tone: "muted", size: "sm", underline: "hover", children: "GitHub \u2197" }))] }, member.name))) })] })), _jsxs(Section, { color: "inverse", tone: "accent-banner", className: `text-center ${ctaBannerClass}`, padding: "xl", rounded: "2xl", children: [_jsx(Heading, { color: "inverse", level: 2, variant: "none", className: "mb-8", size: "3xl", weight: "bold", children: labels.ctaTitle }), renderCtaButtons ? (renderCtaButtons()) : (_jsx(Row, { justify: "center", gap: "3", wrap: true, children: _jsxs(Span, { color: "inverse", size: "sm", className: "/70", children: [labels.ctaSell, " \u00B7 ", labels.ctaShop] }) }))] })] })] }));
 }

package/dist/features/about/components/DeveloperView.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize";
-import { Avatar, Badge, Div, Heading, Row, Section, Span, Stack, Text, TextLink } from "../../../ui";
+import { Anchor, Avatar, Badge, Div, Heading, Row, Section, Span, Stack, Text, TextLink } from "../../../ui";
 import { ROUTES } from "../../../constants";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page";
 import { siteSettingsRepository } from "../../../repositories";
@@ -25,5 +25,5 @@ export async function DeveloperView({ labels = {} }) {
         // Firestore unavailable — render the empty state below rather than crash.
     }
     const developers = teamMembers.filter((m) => m.isDeveloper);
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(Section, { color: "inverse", tone: "accent-banner", padding: "banner", children: _jsxs(Div, { className: `${page.container.sm}`, children: [_jsx(Heading, { color: "inverse", level: 1, variant: "none", className: "mb-3", children: labels.title ?? "Meet the Developer" }), _jsx(Text, { color: "inverse", variant: "none", className: "/80", size: "sm", children: labels.subtitle ?? "The person building LetItRip, one feature at a time." })] }) }), _jsxs(Div, { className: `${page.container.sm}`, padding: "content-banner", children: [developers.length === 0 ? (_jsx(Text, { variant: "secondary", children: labels.empty ?? "Developer profile coming soon." })) : (_jsx(Stack, { gap: "xl", children: developers.map((dev) => (_jsxs(Stack, { gap: "md", surface: "default", padding: "lg", rounded: "xl", border: "default", children: [_jsxs(Row, { gap: "md", align: "center", children: [_jsx(Avatar, { src: dev.photoUrl, name: dev.name, alt: dev.name, size: "lg" }), _jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, children: dev.name }), _jsxs(Row, { gap: "xs", wrap: true, children: [_jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: dev.role }), dev.isFounder && _jsx(Badge, { variant: "primary", size: "xs", children: "Founder" }), _jsx(Badge, { variant: "secondary", size: "xs", children: "Developer" })] })] })] }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", children: dev.bio })] }, dev.name))) })), milestones.length > 0 && (_jsxs(Div, { className: "mt-14 border-t", border: "default", padding: "t-xl", children: [_jsx(Heading, { level: 3, className: "mb-6", color: "muted", size: "sm", weight: "semibold", transform: "uppercase", children: labels.journeyTitle ?? "The Journey" }), _jsx(Stack, { className: "relative border-l-2 border-primary/30 max-w-2xl pl-[2rem]", gap: "lg", children: milestones.map(({ year, text }) => (_jsxs(Div, { className: "relative", children: [_jsx(Div, { className: "absolute -left-10 top-1 w-4 h-4 bg-primary border-2 border-white", rounded: "full" }), _jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: year }), _jsx(Text, { className: "mt-1", children: text })] }, year))) })] })), _jsx(Div, { className: "mt-10", children: _jsx(TextLink, { href: String(ROUTES.PUBLIC.ABOUT), variant: "muted", size: "sm", children: labels.backToTeam ?? "← Meet the whole team" }) })] })] }));
+    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(Section, { color: "inverse", tone: "accent-banner", padding: "banner", children: _jsxs(Div, { className: `${page.container.sm}`, children: [_jsx(Heading, { color: "inverse", level: 1, variant: "none", className: "mb-3", children: labels.title ?? "Meet the Developer" }), _jsx(Text, { color: "inverse", variant: "none", className: "/80", size: "sm", children: labels.subtitle ?? "The person building LetItRip, one feature at a time." })] }) }), _jsxs(Div, { className: `${page.container.sm}`, padding: "content-banner", children: [developers.length === 0 ? (_jsx(Text, { variant: "secondary", children: labels.empty ?? "Developer profile coming soon." })) : (_jsx(Stack, { gap: "xl", children: developers.map((dev) => (_jsxs(Stack, { gap: "md", surface: "default", padding: "lg", rounded: "xl", border: "default", children: [_jsxs(Row, { gap: "md", align: "center", children: [_jsx(Avatar, { src: dev.photoUrl, name: dev.name, alt: dev.name, size: "lg" }), _jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, children: dev.name }), _jsxs(Row, { gap: "xs", wrap: true, children: [_jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: dev.role }), dev.isFounder && _jsx(Badge, { variant: "primary", size: "xs", children: "Founder" }), _jsx(Badge, { variant: "secondary", size: "xs", children: "Developer" })] })] })] }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", children: dev.bio }), dev.githubUrl && (_jsx(Anchor, { href: dev.githubUrl, tone: "brand", size: "sm", underline: "hover", children: "GitHub \u2197" }))] }, dev.name))) })), milestones.length > 0 && (_jsxs(Div, { className: "mt-14 border-t", border: "default", padding: "t-xl", children: [_jsx(Heading, { level: 3, className: "mb-6", color: "muted", size: "sm", weight: "semibold", transform: "uppercase", children: labels.journeyTitle ?? "The Journey" }), _jsx(Stack, { className: "relative border-l-2 border-primary/30 max-w-2xl pl-[2rem]", gap: "lg", children: milestones.map(({ year, text }) => (_jsxs(Div, { className: "relative", children: [_jsx(Div, { className: "absolute -left-10 top-1 w-4 h-4 bg-primary border-2 border-white", rounded: "full" }), _jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: year }), _jsx(Text, { className: "mt-1", children: text })] }, year))) })] })), _jsx(Div, { className: "mt-10", children: _jsx(TextLink, { href: String(ROUTES.PUBLIC.ABOUT), variant: "muted", size: "sm", children: labels.backToTeam ?? "← Meet the whole team" }) })] })] }));
 }

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

@@ -26,6 +26,7 @@ export interface AboutTeamMember {
     photoUrl?: string;
     isFounder?: boolean;
     isDeveloper?: boolean;
+    githubUrl?: string;
 }
 export interface AboutContentDocument {
     title: string;

package/dist/features/account/components/UserSidebar.js

@@ -9,6 +9,8 @@ import { BottomSheet } from "../../layout/BottomSheet";
 import { SidebarCollapseToggle } from "../../../_internal/client/features/layout/SidebarCollapseToggle";
 import { useSidebarSearch } from "../../../_internal/client/features/layout/useSidebarSearch";
 import { findActiveNavGroup, findActiveNavItem } from "../../../_internal/client/features/layout/navActive";
+import { getSidebarRailClasses, getSidebarOverlayClasses } from "../../../_internal/client/features/layout/sidebarPositionClasses";
+import { useHandMode } from "../../../_internal/client/hand-mode";
 const __O = {
     hidden: "overflow-hidden",
     yAuto: "overflow-y-auto",
@@ -75,11 +77,15 @@ function DrawerContent({ groups, items, activeHref, onItemClick, }) {
             })] }));
 }
 function DrawerPanel({ title, onClose, children, }) {
-    return (_jsxs(Div, { className: "hidden lg:block", children: [_jsx(Div, { surface: "overlay-xs", className: "fixed inset-0 z-40 backdrop-blur-sm", onClick: onClose, "aria-hidden": "true" }), _jsxs(Stack, { border: "default", shadow: "2xl", role: "dialog", "aria-modal": "true", "aria-label": title, className: "fixed top-0 right-0 z-50 h-full w-64 border-l", surface: "default", children: [_jsxs(Row, { border: "bottom-subtle", paddingY: "y-sm-tall", className: "shrink-0", padding: "x-md", align: "center", justify: "between", children: [_jsx(Span, { size: "xs", weight: "semibold", transform: "uppercase", color: "muted", children: title }), _jsx(IconButton, { "aria-label": "Close", variant: "ghost", size: "sm", onClick: onClose, icon: _jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), _jsx(Div, { className: `flex-1 ${__O.yAuto}`, children: children })] })] }));
+    const { hand } = useHandMode();
+    const { edgeClass, borderClass } = getSidebarOverlayClasses(hand);
+    return (_jsxs(Div, { className: "hidden lg:block", children: [_jsx(Div, { surface: "overlay-xs", className: "fixed inset-0 z-40 backdrop-blur-sm", onClick: onClose, "aria-hidden": "true" }), _jsxs(Stack, { border: "default", shadow: "2xl", role: "dialog", "aria-modal": "true", "aria-label": title, className: `fixed top-0 ${edgeClass} z-50 h-full w-64 ${borderClass}`, surface: "default", children: [_jsxs(Row, { border: "bottom-subtle", paddingY: "y-sm-tall", className: "shrink-0", padding: "x-md", align: "center", justify: "between", children: [_jsx(Span, { size: "xs", weight: "semibold", transform: "uppercase", color: "muted", children: title }), _jsx(IconButton, { "aria-label": "Close", variant: "ghost", size: "sm", onClick: onClose, icon: _jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), _jsx(Div, { className: `flex-1 ${__O.yAuto}`, children: children })] })] }));
 }
 export function UserSidebar({ items, groups, mobileOpen = false, onCloseMobile, desktopOpen = false, onToggle, variant = "overlay", renderFooter }) {
     const pathname = usePathname();
     const close = onCloseMobile ?? (() => { });
+    const { hand } = useHandMode();
+    const rail = getSidebarRailClasses(hand);
     const [mounted, setMounted] = useState(false);
     useEffect(() => { setMounted(true); }, []);
     useEffect(() => {
@@ -91,7 +97,7 @@ export function UserSidebar({ items, groups, mobileOpen = false, onCloseMobile,
     // ── Persistent sidebar variant (desktop left slide-over, mobile bottom-sheet) ──────
     if (variant === "sidebar") {
         const handleToggle = onToggle ?? close;
-        return (_jsxs(_Fragment, { children: [desktopOpen && (_jsx(Div, { surface: "overlay-xs", className: "hidden lg:block fixed inset-0 backdrop-blur-[2px] z-30", onClick: handleToggle, "aria-hidden": "true" })), _jsxs(Div, { className: `hidden lg:flex fixed left-0 z-40 transition-transform duration-300 top-[var(--header-height,3.5rem)] h-[calc(100vh-var(--header-height,3.5rem))] w-[13rem] ${desktopOpen ? "translate-x-0" : "-translate-x-[calc(100%-1.25rem)]"}`, children: [_jsxs(Stack, { border: "default", surface: "default", className: `flex-1 border-r dark:border-[var(--appkit-color-border)] ${__O.hidden}`, shadow: "xl", children: [_jsx(Div, { border: "bottom-subtle", paddingY: "y-sm-tall", className: "shrink-0", padding: "x-md", children: _jsx(Span, { size: "xs", weight: "semibold", transform: "uppercase", color: "muted", children: "My Account" }) }), _jsx(Div, { className: `flex-1 ${__O.yAuto}`, children: _jsx(DrawerContent, { groups: groups, items: items, activeHref: pathname }) }), renderFooter && _jsx(Div, { border: "top", padding: "inline", children: renderFooter() })] }), _jsx(SidebarCollapseToggle, { expanded: desktopOpen, onToggle: handleToggle })] }), _jsx(Div, { className: "lg:hidden", children: _jsx(BottomSheet, { open: mobileOpen, onClose: close, title: "My Account", children: _jsx(DrawerContent, { groups: groups, items: items, activeHref: pathname, onItemClick: close }) }) })] }));
+        return (_jsxs(_Fragment, { children: [desktopOpen && (_jsx(Div, { surface: "overlay-xs", className: "hidden lg:block fixed inset-0 backdrop-blur-[2px] z-30", onClick: handleToggle, "aria-hidden": "true" })), _jsxs(Div, { className: `hidden lg:flex fixed ${rail.edgeClass} z-40 transition-transform duration-300 top-[var(--header-height,3.5rem)] h-[calc(100vh-var(--header-height,3.5rem))] w-[13rem] ${desktopOpen ? "translate-x-0" : rail.collapsedTranslateClass}`, children: [_jsxs(Stack, { border: "default", surface: "default", className: `flex-1 ${rail.borderClass} dark:border-[var(--appkit-color-border)] ${__O.hidden}`, shadow: "xl", children: [_jsx(Div, { border: "bottom-subtle", paddingY: "y-sm-tall", className: "shrink-0", padding: "x-md", children: _jsx(Span, { size: "xs", weight: "semibold", transform: "uppercase", color: "muted", children: "My Account" }) }), _jsx(Div, { className: `flex-1 ${__O.yAuto}`, children: _jsx(DrawerContent, { groups: groups, items: items, activeHref: pathname }) }), renderFooter && _jsx(Div, { border: "top", padding: "inline", children: renderFooter() })] }), _jsx(SidebarCollapseToggle, { expanded: desktopOpen, onToggle: handleToggle, edge: hand })] }), _jsx(Div, { className: "lg:hidden", children: _jsx(BottomSheet, { open: mobileOpen, onClose: close, title: "My Account", children: _jsx(DrawerContent, { groups: groups, items: items, activeHref: pathname, onItemClick: close }) }) })] }));
     }
     // ── Overlay variant (default) — portal on desktop, bottom-sheet on mobile ─
     const content = (_jsx(DrawerContent, { groups: groups, items: items, activeHref: pathname, onItemClick: close }));

package/dist/features/account/hooks/useProfile.d.ts

@@ -14,6 +14,7 @@ export interface UserProfile {
     uiPreferences?: {
         collapsedSections?: string[];
         dataViewMode?: "table" | "grid" | "list";
+        handMode?: "left" | "right";
     };
 }
 export interface UpdateCurrentProfileInput {
@@ -33,6 +34,7 @@ export interface UpdateCurrentProfileInput {
     uiPreferences?: {
         collapsedSections?: string[];
         dataViewMode?: "table" | "grid" | "list";
+        handMode?: "left" | "right";
     };
 }
 export declare function useCurrentProfile(options?: {