@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.5

package/dist/kadaikodi/pages/customer/CartDetailPage.js

@@ -2,16 +2,20 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
-import { useInvestmentOpportunities as i, useOfferings as a, useProviders as o } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as s, formatDistance as c, formatDuration as l } from "../../utils/formatters.js";
-import { useMemo as u, useState as d } from "react";
-import { ArrowLeft as f, Calendar as p, CheckCircle2 as m, Clock as h, Flame as g, Home as _, Leaf as v, MapPin as y, Minus as b, Plus as x, Search as S, ShoppingCart as C, Star as w, TrendingUp as ee, X as T } from "lucide-react";
-import { useParams as E } from "react-router-dom";
-import { Fragment as te, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { GlassCard as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
+import { useInvestmentOpportunities as ee, useOfferings as te, useProviders as i, useReviews as ne } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as a, formatDistance as re, formatDuration as o, formatRelativeTime as s } from "../../utils/formatters.js";
+import { RatingStars as c } from "../../components/viz/RatingStars.js";
+import { SegmentedTabs as l } from "../../components/viz/SegmentedTabs.js";
+import "../../components/viz/index.js";
+import { ProviderImage as u, useFavorites as ie } from "./shared.js";
+import { useMemo as d, useState as f } from "react";
+import { ArrowLeft as ae, Calendar as oe, CheckCircle2 as se, Clock as p, Flame as ce, Heart as m, Home as h, Leaf as g, MapPin as _, MessageSquare as v, Minus as y, Plus as b, Search as x, ShoppingCart as S, Star as C, TrendingUp as le, X as w } from "lucide-react";
+import { useParams as ue } from "react-router-dom";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { GlassCard as de, NextSteps as fe, PagePurpose as pe } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/CartDetailPage.tsx
-function M() {
-	let { cartId: M } = E(), { navigateTo: N } = e(), { data: P = [], isLoading: ne } = o(), { data: F = [], isLoading: re } = a(M), { data: I = [], isLoading: ie } = i(), L = u(() => P.find((e) => e.id === M), [P, M]), R = u(() => I.find((e) => e.cartId === M), [I, M]), [z, B] = d(""), [V, H] = d(""), [U, W] = d([]), [G, K] = d(!1), [q, J] = d(null), Y = u(() => F.map((e) => ({
+function O() {
+	let { cartId: O } = ue(), { navigateTo: k } = e(), { data: A = [], isLoading: me } = i(), { data: j = [], isLoading: he } = te(O), { data: M = [], isLoading: ge } = ee(), { data: N = [] } = ne(O ?? ""), P = ie(), F = d(() => A.find((e) => e.id === O), [A, O]), I = d(() => M.find((e) => e.cartId === O), [M, O]), [L, R] = f("menu"), [z, _e] = f(""), [B, ve] = f(""), [V, H] = f([]), [ye, U] = f(!1), [W, G] = f(null), K = d(() => j.map((e) => ({
 		id: e.id,
 		name: e.name,
 		price: e.price,
@@ -21,24 +25,24 @@ function M() {
 		isVeg: !0,
 		duration: e.durationMinutes ?? void 0,
 		serviceType: e.serviceType ?? void 0
-	})), [F]), X = u(() => [...new Set(Y.map((e) => e.category))], [Y]), Z = u(() => {
-		let e = Y;
-		if (V && (e = e.filter((e) => e.category === V)), z.trim()) {
+	})), [j]), be = d(() => [...new Set(K.map((e) => e.category))], [K]), q = d(() => {
+		let e = K;
+		if (B && (e = e.filter((e) => e.category === B)), z.trim()) {
 			let t = z.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.description.toLowerCase().includes(t));
 		}
 		return e;
 	}, [
-		Y,
-		V,
+		K,
+		B,
 		z
-	]), ae = u(() => {
+	]), xe = d(() => {
 		let e = {};
-		return Z.forEach((t) => {
+		return q.forEach((t) => {
 			e[t.category] || (e[t.category] = []), e[t.category].push(t);
 		}), e;
-	}, [Z]), oe = (e, t = 1, n) => {
-		W((r) => r.find((t) => t.productId === e.id) ? r.map((n) => n.productId === e.id ? {
+	}, [q]), J = (e, t = 1, n) => {
+		H((r) => r.find((t) => t.productId === e.id) ? r.map((n) => n.productId === e.id ? {
 			...n,
 			quantity: n.quantity + t
 		} : n) : [...r, {
@@ -49,44 +53,44 @@ function M() {
 			quantity: t,
 			specialInstructions: n
 		}]);
-	}, Q = (e, t) => {
-		W((n) => n.map((n) => n.productId === e ? {
+	}, Y = (e, t) => {
+		H((n) => n.map((n) => n.productId === e ? {
 			...n,
 			quantity: Math.max(0, n.quantity + t)
 		} : n).filter((e) => e.quantity > 0));
-	}, $ = (e) => {
-		W((t) => t.filter((t) => t.productId !== e));
-	}, se = (e) => U.find((t) => t.productId === e)?.quantity ?? 0, ce = U.reduce((e, t) => e + t.price * t.quantity, 0), le = U.reduce((e, t) => e + t.quantity, 0), ue = (e) => {
-		J({
+	}, X = (e) => {
+		H((t) => t.filter((t) => t.productId !== e));
+	}, Se = (e) => V.find((t) => t.productId === e)?.quantity ?? 0, Z = V.reduce((e, t) => e + t.price * t.quantity, 0), Q = V.reduce((e, t) => e + t.quantity, 0), $ = (e) => {
+		G({
 			product: e,
 			quantity: 1,
 			specialInstructions: ""
-		}), K(!0);
+		}), U(!0);
 	};
-	return L ? /* @__PURE__ */ O(n, {
-		title: /* @__PURE__ */ O("div", {
+	return F ? /* @__PURE__ */ D(n, {
+		title: /* @__PURE__ */ D("div", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ D("button", {
+				/* @__PURE__ */ E("button", {
 					type: "button",
-					onClick: () => N("/customer/carts"),
+					onClick: () => k("/customer/discover"),
 					className: "rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-					children: /* @__PURE__ */ D(f, { className: "h-5 w-5" })
+					children: /* @__PURE__ */ E(ae, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ D("span", {
+				/* @__PURE__ */ E("span", {
 					className: "truncate",
-					children: L.name
+					children: F.name
 				}),
-				L.isVerified && /* @__PURE__ */ D(m, { className: "h-5 w-5 text-text-primary shrink-0" })
+				F.isVerified && /* @__PURE__ */ E(se, { className: "h-5 w-5 text-text-primary shrink-0" })
 			]
 		}),
-		description: L.category,
+		description: F.category,
 		children: [
-			/* @__PURE__ */ D(j, {
+			/* @__PURE__ */ E(pe, {
 				className: "mb-4",
 				children: "Everything about this cart in one place — browse its menu, check ratings, location and opening hours, then add items to your order. When you're ready, head to checkout to confirm and pay."
 			}),
-			/* @__PURE__ */ D(A, {
+			/* @__PURE__ */ E(fe, {
 				storageKey: "kadaikodi-cart-detail",
 				className: "mb-4",
 				steps: [
@@ -99,284 +103,416 @@ function M() {
 						id: "reviews",
 						label: "Read what others say",
 						description: "Check ratings and reviews before you order.",
-						onClick: () => N("/customer/reviews")
+						onClick: () => k("/customer/reviews")
 					},
 					{
 						id: "checkout",
 						label: "Proceed to checkout",
 						description: "Review your order, choose payment and confirm.",
-						onClick: () => N("/customer/checkout")
+						onClick: () => k("/customer/checkout")
 					}
 				]
 			}),
-			/* @__PURE__ */ O(k, {
+			/* @__PURE__ */ D(de, {
 				treatment: "glass",
 				glow: !0,
 				className: "relative h-48 overflow-hidden p-0",
-				children: [/* @__PURE__ */ D("img", {
-					src: L.image,
-					alt: L.name,
-					className: "h-full w-full object-cover"
-				}), /* @__PURE__ */ D("div", {
-					className: "absolute bottom-0 inset-x-0 bg-gradient-to-t from-black/60 to-transparent p-4",
-					children: /* @__PURE__ */ O("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ D("span", {
-							className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", L.isOpen ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
-							children: L.isOpen ? "Open Now" : "Closed"
-						}), /* @__PURE__ */ O("div", {
-							className: "flex items-center gap-1 text-white text-sm",
-							children: [
-								/* @__PURE__ */ D(w, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
-								/* @__PURE__ */ D("span", {
-									className: "font-medium",
-									children: L.rating
-								}),
-								/* @__PURE__ */ O("span", {
-									className: "text-white/70",
-									children: [
-										"(",
-										L.totalRatings,
-										")"
-									]
-								})
-							]
-						})]
+				children: [
+					/* @__PURE__ */ E(u, {
+						src: F.image,
+						alt: F.name,
+						seed: F.name
+					}),
+					/* @__PURE__ */ E("button", {
+						type: "button",
+						onClick: () => P.toggle(F.id),
+						"aria-pressed": P.has(F.id),
+						"aria-label": P.has(F.id) ? "Remove from favorites" : "Save to favorites",
+						className: "absolute top-3 right-3 flex h-9 w-9 items-center justify-center rounded-full bg-bg-surface/80 backdrop-blur-sm text-text-secondary hover:text-status-error-text transition-colors",
+						children: /* @__PURE__ */ E(m, { className: t("h-4.5 w-4.5", P.has(F.id) && "fill-status-error-text text-status-error-text") })
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "absolute bottom-0 inset-x-0 bg-gradient-to-t from-black/60 to-transparent p-4",
+						children: /* @__PURE__ */ D("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ E("span", {
+								className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", F.isOpen ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
+								children: F.isOpen ? "Open Now" : "Closed"
+							}), /* @__PURE__ */ D("div", {
+								className: "flex items-center gap-1.5 text-white text-sm",
+								children: [
+									/* @__PURE__ */ E(c, {
+										value: F.rating,
+										size: 14
+									}),
+									/* @__PURE__ */ E("span", {
+										className: "font-medium",
+										children: F.rating
+									}),
+									/* @__PURE__ */ D("span", {
+										className: "text-white/70",
+										children: [
+											"(",
+											F.totalRatings,
+											" reviews)"
+										]
+									})
+								]
+							})]
+						})
 					})
-				})]
+				]
 			}),
-			!L.isOpen && /* @__PURE__ */ D("div", {
+			!F.isOpen && /* @__PURE__ */ E("div", {
 				className: "mt-4 rounded-lg border border-status-warning-text/30 bg-status-warning-bg-subtle p-3",
-				children: /* @__PURE__ */ O("p", {
+				children: /* @__PURE__ */ D("p", {
 					className: "text-sm text-status-warning-text",
-					children: [/* @__PURE__ */ D("strong", { children: "This cart is currently closed." }), " You can browse the offerings but orders are not being accepted."]
+					children: [/* @__PURE__ */ E("strong", { children: "This cart is currently closed." }), " You can browse the offerings but orders are not being accepted."]
+				})
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "mt-5",
+				children: /* @__PURE__ */ E(l, {
+					"aria-label": "Cart sections",
+					variant: "underline",
+					tabs: [
+						{
+							id: "menu",
+							label: "Menu"
+						},
+						{
+							id: "reviews",
+							label: "Reviews",
+							count: N.length || void 0
+						},
+						{
+							id: "info",
+							label: "Info"
+						}
+					],
+					value: L,
+					onChange: (e) => R(e)
 				})
 			}),
-			/* @__PURE__ */ O("div", {
+			L === "info" && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("div", {
 				className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ D("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
 						children: [
-							/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
-								children: [/* @__PURE__ */ D(y, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ D("span", {
+								children: [/* @__PURE__ */ E(_, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ E("span", {
 									className: "font-medium uppercase tracking-wider",
 									children: "Location"
 								})]
 							}),
-							/* @__PURE__ */ D("p", {
+							/* @__PURE__ */ E("p", {
 								className: "text-sm text-text-primary",
-								children: L.location.address
+								children: F.location.address
 							}),
-							L.distance != null && /* @__PURE__ */ O("p", {
+							F.distance != null && /* @__PURE__ */ D("p", {
 								className: "text-xs text-text-secondary",
-								children: [c(L.distance), " away"]
+								children: [re(F.distance), " away"]
 							})
 						]
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ D("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
 						children: [
-							/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
-								children: [/* @__PURE__ */ D(h, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ D("span", {
+								children: [/* @__PURE__ */ E(p, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ E("span", {
 									className: "font-medium uppercase tracking-wider",
 									children: "Estimated Time"
 								})]
 							}),
-							/* @__PURE__ */ D("p", {
+							/* @__PURE__ */ E("p", {
 								className: "text-sm text-text-primary",
-								children: L.estimatedTime == null ? "—" : l(L.estimatedTime)
+								children: F.estimatedTime == null ? "—" : o(F.estimatedTime)
 							}),
-							L.averageOrderValue && /* @__PURE__ */ O("p", {
+							F.averageOrderValue && /* @__PURE__ */ D("p", {
 								className: "text-xs text-text-secondary",
-								children: ["Avg ", s(L.averageOrderValue, { minimumFractionDigits: 0 })]
+								children: ["Avg ", a(F.averageOrderValue, { minimumFractionDigits: 0 })]
 							})
 						]
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ D("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
 						children: [
-							/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
-								children: [/* @__PURE__ */ D(w, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ D("span", {
+								children: [/* @__PURE__ */ E(C, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ E("span", {
 									className: "font-medium uppercase tracking-wider",
 									children: "Rating"
 								})]
 							}),
-							/* @__PURE__ */ O("p", {
+							/* @__PURE__ */ D("p", {
 								className: "text-sm text-text-primary",
-								children: [L.rating, " / 5.0"]
+								children: [F.rating, " / 5.0"]
 							}),
-							/* @__PURE__ */ O("p", {
+							/* @__PURE__ */ D("p", {
 								className: "text-xs text-text-secondary",
-								children: [L.totalRatings, " reviews"]
+								children: [F.totalRatings, " reviews"]
 							})
 						]
 					})
 				]
-			}),
-			L.businessHours && Object.keys(L.businessHours).length > 0 && /* @__PURE__ */ O("section", {
+			}), F.businessHours && Object.keys(F.businessHours).length > 0 && /* @__PURE__ */ D("section", {
 				className: "mt-6",
-				children: [/* @__PURE__ */ D("h2", {
+				children: [/* @__PURE__ */ E("h2", {
 					className: "text-base font-semibold text-text-primary mb-2",
 					children: "Operating Hours"
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ E("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
-					children: Object.entries(L.businessHours).map(([e, t]) => /* @__PURE__ */ O("div", {
+					children: Object.entries(F.businessHours).map(([e, t]) => /* @__PURE__ */ D("div", {
 						className: "flex items-center justify-between px-4 py-2 border-b border-border-subtle last:border-b-0",
-						children: [/* @__PURE__ */ D("span", {
+						children: [/* @__PURE__ */ E("span", {
 							className: "text-sm font-medium text-text-primary capitalize",
 							children: e
-						}), t.isOpen ? /* @__PURE__ */ O("span", {
+						}), t.isOpen ? /* @__PURE__ */ D("span", {
 							className: "text-sm text-text-secondary",
 							children: [
 								t.open,
 								" - ",
 								t.close
 							]
-						}) : /* @__PURE__ */ D("span", {
+						}) : /* @__PURE__ */ E("span", {
 							className: "text-sm text-status-error-text",
 							children: "Closed"
 						})]
 					}, e))
 				})]
+			})] }),
+			L === "reviews" && /* @__PURE__ */ D("div", {
+				className: "mt-4 space-y-4",
+				children: [/* @__PURE__ */ D("div", {
+					className: "flex flex-wrap items-center gap-4 rounded-xl border border-border-subtle bg-bg-surface p-5",
+					children: [/* @__PURE__ */ D("div", {
+						className: "text-center",
+						children: [
+							/* @__PURE__ */ E("p", {
+								className: "text-4xl font-bold leading-none text-text-primary",
+								children: F.rating.toFixed(1)
+							}),
+							/* @__PURE__ */ E("div", {
+								className: "mt-1.5 flex justify-center",
+								children: /* @__PURE__ */ E(c, {
+									value: F.rating,
+									size: 16
+								})
+							}),
+							/* @__PURE__ */ D("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: [F.totalRatings, " ratings"]
+							})
+						]
+					}), /* @__PURE__ */ E("div", {
+						className: "flex-1 min-w-[180px] space-y-1.5",
+						children: [
+							5,
+							4,
+							3,
+							2,
+							1
+						].map((e) => {
+							let t = N.filter((t) => Math.round(t.rating) === e).length, n = N.length ? t / N.length * 100 : 0;
+							return /* @__PURE__ */ D("div", {
+								className: "flex items-center gap-2 text-xs",
+								children: [
+									/* @__PURE__ */ D("span", {
+										className: "flex w-6 items-center gap-0.5 text-text-secondary",
+										children: [e, /* @__PURE__ */ E(C, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" })]
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken",
+										children: /* @__PURE__ */ E("div", {
+											className: "h-full rounded-full bg-accent-primary transition-all",
+											style: { width: `${n}%` }
+										})
+									}),
+									/* @__PURE__ */ E("span", {
+										className: "w-6 text-right tabular-nums text-text-muted",
+										children: t
+									})
+								]
+							}, e);
+						})
+					})]
+				}), N.length === 0 ? /* @__PURE__ */ D("div", {
+					className: "rounded-xl border border-border-subtle bg-bg-surface p-8 text-center",
+					children: [/* @__PURE__ */ E(v, { className: "mx-auto h-10 w-10 text-text-secondary/40" }), /* @__PURE__ */ E("p", {
+						className: "mt-3 text-sm text-text-secondary",
+						children: "No written reviews yet. Order and be the first to review this cart."
+					})]
+				}) : /* @__PURE__ */ E("div", {
+					className: "space-y-3",
+					children: N.map((e) => /* @__PURE__ */ D("div", {
+						className: "rounded-xl border border-border-subtle bg-bg-surface p-4",
+						children: [
+							/* @__PURE__ */ D("div", {
+								className: "flex items-center justify-between gap-2",
+								children: [/* @__PURE__ */ E(c, {
+									value: e.rating,
+									size: 14,
+									showValue: !0
+								}), /* @__PURE__ */ E("span", {
+									className: "text-xs text-text-muted",
+									children: s(e.createdAt)
+								})]
+							}),
+							e.review && /* @__PURE__ */ E("p", {
+								className: "mt-2 text-sm text-text-primary leading-relaxed",
+								children: e.review
+							}),
+							e.response && /* @__PURE__ */ D("div", {
+								className: "mt-3 rounded-lg border-l-2 border-accent-primary bg-[var(--color-accent-soft)] p-3",
+								children: [/* @__PURE__ */ E("p", {
+									className: "mb-1 text-xs font-medium text-text-primary",
+									children: "Owner response"
+								}), /* @__PURE__ */ E("p", {
+									className: "text-xs text-text-primary leading-relaxed",
+									children: e.response
+								})]
+							})
+						]
+					}, e.id))
+				})]
 			}),
-			/* @__PURE__ */ O("div", {
+			L === "menu" && /* @__PURE__ */ D("div", {
 				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "lg:col-span-2",
 					children: [
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ D("div", {
 							className: "flex flex-col gap-3 sm:flex-row mb-4",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "relative flex-1",
-								children: [/* @__PURE__ */ D(S, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ D("input", {
+								children: [/* @__PURE__ */ E(x, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ E("input", {
 									type: "text",
 									placeholder: "Search offerings...",
 									value: z,
-									onChange: (e) => B(e.target.value),
+									onChange: (e) => _e(e.target.value),
 									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
-							}), /* @__PURE__ */ O("select", {
-								value: V,
-								onChange: (e) => H(e.target.value),
+							}), /* @__PURE__ */ D("select", {
+								value: B,
+								onChange: (e) => ve(e.target.value),
 								className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-								children: [/* @__PURE__ */ D("option", {
+								children: [/* @__PURE__ */ E("option", {
 									value: "",
 									children: "All Categories"
-								}), X.map((e) => /* @__PURE__ */ D("option", {
+								}), be.map((e) => /* @__PURE__ */ E("option", {
 									value: e,
 									children: e
 								}, e))]
 							})]
 						}),
-						/* @__PURE__ */ O("h2", {
+						/* @__PURE__ */ D("h2", {
 							className: "text-lg font-semibold text-text-primary mb-3",
 							children: [
 								"Menu & Services (",
-								Z.length,
+								q.length,
 								")"
 							]
 						}),
-						Z.length === 0 ? /* @__PURE__ */ O("div", {
+						q.length === 0 ? /* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-8 text-center",
-							children: [/* @__PURE__ */ D(S, { className: "mx-auto h-10 w-10 text-text-secondary/50" }), /* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ E(x, { className: "mx-auto h-10 w-10 text-text-secondary/50" }), /* @__PURE__ */ E("p", {
 								className: "mt-3 text-sm text-text-secondary",
 								children: "No offerings found"
 							})]
-						}) : /* @__PURE__ */ D("div", {
+						}) : /* @__PURE__ */ E("div", {
 							className: "space-y-6",
-							children: Object.entries(ae).map(([e, n]) => /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h3", {
+							children: Object.entries(xe).map(([e, n]) => /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h3", {
 								className: "text-sm font-semibold text-text-primary mb-2 px-1",
 								children: e
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "space-y-2",
 								children: n.map((e) => {
-									let n = se(e.id);
-									return /* @__PURE__ */ O("div", {
+									let n = Se(e.id);
+									return /* @__PURE__ */ D("div", {
 										className: "flex gap-4 rounded-lg border border-border-subtle bg-bg-surface p-4",
-										children: [/* @__PURE__ */ D("div", {
+										children: [/* @__PURE__ */ E("div", {
 											className: "h-20 w-20 shrink-0 rounded-md bg-bg-sunken overflow-hidden",
-											children: /* @__PURE__ */ D("img", {
+											children: /* @__PURE__ */ E(u, {
 												src: e.image,
 												alt: e.name,
-												className: "h-full w-full object-cover"
+												seed: e.name
 											})
-										}), /* @__PURE__ */ O("div", {
+										}), /* @__PURE__ */ D("div", {
 											className: "flex-1 min-w-0",
 											children: [
-												/* @__PURE__ */ O("div", {
+												/* @__PURE__ */ D("div", {
 													className: "flex items-start justify-between gap-2",
-													children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
+													children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ D("h4", {
+														children: [/* @__PURE__ */ E("h4", {
 															className: "text-sm font-semibold text-text-primary",
 															children: e.name
-														}), e.isVeg && /* @__PURE__ */ D(v, { className: "h-3.5 w-3.5 text-status-success-text" })]
-													}), /* @__PURE__ */ D("p", {
+														}), e.isVeg && /* @__PURE__ */ E(g, { className: "h-3.5 w-3.5 text-status-success-text" })]
+													}), /* @__PURE__ */ E("p", {
 														className: "text-xs text-text-secondary mt-0.5",
 														children: e.category
-													})] }), /* @__PURE__ */ D("span", {
+													})] }), /* @__PURE__ */ E("span", {
 														className: "text-sm font-bold text-text-primary whitespace-nowrap",
-														children: s(e.price, { minimumFractionDigits: 0 })
+														children: a(e.price, { minimumFractionDigits: 0 })
 													})]
 												}),
-												/* @__PURE__ */ D("p", {
+												/* @__PURE__ */ E("p", {
 													className: "mt-1 text-xs text-text-secondary line-clamp-2",
 													children: e.description
 												}),
-												/* @__PURE__ */ O("div", {
+												/* @__PURE__ */ D("div", {
 													className: "mt-2 flex flex-wrap items-center gap-2 text-[10px] text-text-secondary",
 													children: [
-														e.duration != null && e.duration > 0 && /* @__PURE__ */ O("span", {
+														e.duration != null && e.duration > 0 && /* @__PURE__ */ D("span", {
 															className: "flex items-center gap-0.5",
-															children: [/* @__PURE__ */ D(h, { className: "h-3 w-3" }), l(e.duration)]
+															children: [/* @__PURE__ */ E(p, { className: "h-3 w-3" }), o(e.duration)]
 														}),
-														e.serviceType && /* @__PURE__ */ D("span", {
+														e.serviceType && /* @__PURE__ */ E("span", {
 															className: "rounded bg-bg-sunken px-1.5 py-0.5 capitalize",
 															children: e.serviceType
 														}),
-														e.spiceLevel && /* @__PURE__ */ O("span", {
+														e.spiceLevel && /* @__PURE__ */ D("span", {
 															className: "flex items-center gap-0.5 rounded bg-bg-sunken px-1.5 py-0.5 capitalize",
-															children: [/* @__PURE__ */ D(g, { className: "h-3 w-3" }), e.spiceLevel]
+															children: [/* @__PURE__ */ E(ce, { className: "h-3 w-3" }), e.spiceLevel]
 														})
 													]
 												}),
-												/* @__PURE__ */ D("div", {
+												/* @__PURE__ */ E("div", {
 													className: "mt-2 flex justify-end",
-													children: n > 0 ? /* @__PURE__ */ O("div", {
+													children: n > 0 ? /* @__PURE__ */ D("div", {
 														className: "flex items-center gap-2",
 														children: [
-															/* @__PURE__ */ D("button", {
+															/* @__PURE__ */ E("button", {
 																type: "button",
-																onClick: () => Q(e.id, -1),
+																onClick: () => Y(e.id, -1),
 																className: "flex h-7 w-7 items-center justify-center rounded-full bg-bg-sunken text-text-primary hover:bg-accent",
-																children: /* @__PURE__ */ D(b, { className: "h-3.5 w-3.5" })
+																children: /* @__PURE__ */ E(y, { className: "h-3.5 w-3.5" })
 															}),
-															/* @__PURE__ */ D("span", {
+															/* @__PURE__ */ E("span", {
 																className: "min-w-[2ch] text-center text-sm font-medium text-text-primary",
 																children: n
 															}),
-															/* @__PURE__ */ D("button", {
+															/* @__PURE__ */ E("button", {
 																type: "button",
-																onClick: () => Q(e.id, 1),
+																onClick: () => Y(e.id, 1),
 																className: "flex h-7 w-7 items-center justify-center rounded-full bg-foreground text-background hover:opacity-90",
-																children: /* @__PURE__ */ D(x, { className: "h-3.5 w-3.5" })
+																children: /* @__PURE__ */ E(b, { className: "h-3.5 w-3.5" })
 															}),
-															/* @__PURE__ */ D("button", {
+															/* @__PURE__ */ E("button", {
 																type: "button",
-																onClick: () => $(e.id),
+																onClick: () => X(e.id),
 																className: "ml-1 flex h-7 w-7 items-center justify-center rounded-full text-status-error-text hover:bg-status-error-bg/10",
-																children: /* @__PURE__ */ D(T, { className: "h-3.5 w-3.5" })
+																children: /* @__PURE__ */ E(w, { className: "h-3.5 w-3.5" })
 															})
 														]
-													}) : /* @__PURE__ */ D("button", {
+													}) : /* @__PURE__ */ E("button", {
 														type: "button",
-														disabled: !L.isOpen,
-														onClick: () => ue(e),
-														className: t("rounded-lg px-4 py-1.5 text-xs font-medium transition-opacity", L.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
+														disabled: !F.isOpen,
+														onClick: () => $(e),
+														className: t("rounded-lg px-4 py-1.5 text-xs font-medium transition-opacity", F.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 														children: "Add"
 													})
 												})
@@ -387,145 +523,145 @@ function M() {
 							})] }, e))
 						})
 					]
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ D("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 lg:sticky lg:top-6",
-							children: [/* @__PURE__ */ O("h3", {
+							children: [/* @__PURE__ */ D("h3", {
 								className: "text-base font-semibold text-text-primary mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ D(C, { className: "h-4 w-4" }), "Your Order"]
-							}), U.length === 0 ? /* @__PURE__ */ O("div", {
+								children: [/* @__PURE__ */ E(S, { className: "h-4 w-4" }), "Your Order"]
+							}), V.length === 0 ? /* @__PURE__ */ D("div", {
 								className: "py-6 text-center",
-								children: [/* @__PURE__ */ D(C, { className: "mx-auto h-8 w-8 text-text-secondary/40" }), /* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ E(S, { className: "mx-auto h-8 w-8 text-text-secondary/40" }), /* @__PURE__ */ E("p", {
 									className: "mt-2 text-sm text-text-secondary",
 									children: "Your cart is empty"
 								})]
-							}) : /* @__PURE__ */ O(te, { children: [/* @__PURE__ */ D("div", {
+							}) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("div", {
 								className: "space-y-2 max-h-64 overflow-y-auto mb-3",
-								children: U.map((e) => /* @__PURE__ */ O("div", {
+								children: V.map((e) => /* @__PURE__ */ D("div", {
 									className: "flex items-center justify-between gap-2",
-									children: [/* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ D("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ D("p", {
+										children: [/* @__PURE__ */ E("p", {
 											className: "text-sm font-medium text-text-primary truncate",
 											children: e.name
-										}), /* @__PURE__ */ O("p", {
+										}), /* @__PURE__ */ D("p", {
 											className: "text-xs text-text-secondary",
 											children: [
-												s(e.price, { minimumFractionDigits: 0 }),
+												a(e.price, { minimumFractionDigits: 0 }),
 												" x",
 												" ",
 												e.quantity
 											]
 										})]
-									}), /* @__PURE__ */ O("div", {
+									}), /* @__PURE__ */ D("div", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ D("button", {
+											/* @__PURE__ */ E("button", {
 												type: "button",
-												onClick: () => Q(e.productId, -1),
+												onClick: () => Y(e.productId, -1),
 												className: "flex h-6 w-6 items-center justify-center rounded bg-bg-sunken text-text-primary text-xs",
 												children: "-"
 											}),
-											/* @__PURE__ */ D("span", {
+											/* @__PURE__ */ E("span", {
 												className: "min-w-[2ch] text-center text-xs font-medium",
 												children: e.quantity
 											}),
-											/* @__PURE__ */ D("button", {
+											/* @__PURE__ */ E("button", {
 												type: "button",
-												onClick: () => Q(e.productId, 1),
+												onClick: () => Y(e.productId, 1),
 												className: "flex h-6 w-6 items-center justify-center rounded bg-bg-sunken text-text-primary text-xs",
 												children: "+"
 											}),
-											/* @__PURE__ */ D("button", {
+											/* @__PURE__ */ E("button", {
 												type: "button",
-												onClick: () => $(e.productId),
+												onClick: () => X(e.productId),
 												className: "ml-1 text-status-error-text hover:text-status-error-text/80",
-												children: /* @__PURE__ */ D(T, { className: "h-3.5 w-3.5" })
+												children: /* @__PURE__ */ E(w, { className: "h-3.5 w-3.5" })
 											})
 										]
 									})]
 								}, e.id))
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "border-t border-border-subtle pt-3",
-								children: [/* @__PURE__ */ O("div", {
+								children: [/* @__PURE__ */ D("div", {
 									className: "flex justify-between items-center mb-3",
-									children: [/* @__PURE__ */ O("span", {
+									children: [/* @__PURE__ */ D("span", {
 										className: "text-sm font-semibold text-text-primary",
-										children: ["Total: ", s(ce, { minimumFractionDigits: 0 })]
-									}), /* @__PURE__ */ O("span", {
+										children: ["Total: ", a(Z, { minimumFractionDigits: 0 })]
+									}), /* @__PURE__ */ D("span", {
 										className: "text-xs text-text-secondary",
-										children: [le, " items"]
+										children: [Q, " items"]
 									})]
-								}), /* @__PURE__ */ D("button", {
+								}), /* @__PURE__ */ E("button", {
 									type: "button",
-									onClick: () => N("/customer/checkout"),
+									onClick: () => k("/customer/checkout"),
 									className: "w-full rounded-lg bg-foreground py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity",
 									children: "Proceed to Checkout"
 								})]
 							})] })]
 						}),
-						L.serviceTypes?.includes("direct_service") && /* @__PURE__ */ O("div", {
+						F.serviceTypes?.includes("direct_service") && /* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-accent-purple/30 bg-accent-purple-subtle p-4",
 							children: [
-								/* @__PURE__ */ O("h3", {
+								/* @__PURE__ */ D("h3", {
 									className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
-									children: [/* @__PURE__ */ D(_, { className: "h-4 w-4 text-text-primary" }), "Direct Service"]
+									children: [/* @__PURE__ */ E(h, { className: "h-4 w-4 text-text-primary" }), "Direct Service"]
 								}),
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ E("p", {
 									className: "text-xs text-text-secondary mb-3",
 									children: "Cart comes to your location!"
 								}),
-								/* @__PURE__ */ D("button", {
+								/* @__PURE__ */ E("button", {
 									type: "button",
-									onClick: () => N(`/customer/carts/${L.id}`),
+									onClick: () => k(`/customer/cart/${F.id}/direct-service`),
 									className: "w-full rounded-lg bg-accent-purple py-2 text-xs font-medium text-white hover:bg-accent-purple transition-colors",
 									children: "Book Direct Service"
 								})
 							]
 						}),
-						L.serviceTypes?.includes("appointment") && /* @__PURE__ */ O("div", {
+						F.serviceTypes?.includes("appointment") && /* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-focus/30 bg-[var(--color-accent-soft)] p-4",
-							children: [/* @__PURE__ */ O("h3", {
+							children: [/* @__PURE__ */ D("h3", {
 								className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
-								children: [/* @__PURE__ */ D(p, { className: "h-4 w-4 text-text-primary" }), "Appointments Available"]
-							}), /* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ E(oe, { className: "h-4 w-4 text-text-primary" }), "Appointments Available"]
+							}), /* @__PURE__ */ E("p", {
 								className: "text-xs text-text-secondary",
 								children: "This service provider accepts appointments. Contact them to schedule."
 							})]
 						}),
-						R && /* @__PURE__ */ O("div", {
+						I && /* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4",
 							children: [
-								/* @__PURE__ */ O("h3", {
+								/* @__PURE__ */ D("h3", {
 									className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
-									children: [/* @__PURE__ */ D(ee, { className: "h-4 w-4 text-status-success-text" }), "Investment Opportunity"]
+									children: [/* @__PURE__ */ E(le, { className: "h-4 w-4 text-status-success-text" }), "Investment Opportunity"]
 								}),
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ E("p", {
 									className: "text-xs text-text-secondary mb-2",
-									children: R.description
+									children: I.description
 								}),
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ D("div", {
 									className: "space-y-1 text-xs text-text-secondary mb-3",
 									children: [
-										/* @__PURE__ */ O("p", { children: ["Target: ", s(R.targetAmount, { minimumFractionDigits: 0 })] }),
-										/* @__PURE__ */ O("p", { children: ["Raised: ", s(R.raisedAmount, { minimumFractionDigits: 0 })] }),
-										/* @__PURE__ */ O("p", { children: [
+										/* @__PURE__ */ D("p", { children: ["Target: ", a(I.targetAmount, { minimumFractionDigits: 0 })] }),
+										/* @__PURE__ */ D("p", { children: ["Raised: ", a(I.raisedAmount, { minimumFractionDigits: 0 })] }),
+										/* @__PURE__ */ D("p", { children: [
 											"Expected Returns: ",
-											R.expectedReturns,
+											I.expectedReturns,
 											"%"
 										] }),
-										/* @__PURE__ */ O("p", { children: [
+										/* @__PURE__ */ D("p", { children: [
 											"Min Investment:",
 											" ",
-											s(R.minimumInvestment, { minimumFractionDigits: 0 })
+											a(I.minimumInvestment, { minimumFractionDigits: 0 })
 										] })
 									]
 								}),
-								/* @__PURE__ */ D("button", {
+								/* @__PURE__ */ E("button", {
 									type: "button",
-									onClick: () => alert("Navigate to investor section to fund this business."),
+									onClick: () => k(`/investor/opportunity/${I.id}`),
 									className: "w-full rounded-lg bg-status-success-text py-2 text-xs font-medium text-white hover:bg-status-success-text transition-colors",
 									children: "Fund This Business"
 								})
@@ -534,76 +670,97 @@ function M() {
 					]
 				})]
 			}),
-			G && q && /* @__PURE__ */ D("div", {
+			L === "menu" && Q > 0 && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("div", {
+				className: "h-20 lg:hidden",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ E("div", {
+				className: "fixed inset-x-0 bottom-0 z-40 border-t border-border-subtle bg-bg-surface/95 p-3 backdrop-blur-sm shadow-elevation-2 lg:hidden",
+				children: /* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: () => k("/customer/checkout"),
+					className: "flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg py-3 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
+					children: [
+						/* @__PURE__ */ E(S, { className: "h-4 w-4" }),
+						"View Cart · ",
+						Q,
+						" ",
+						Q === 1 ? "item" : "items",
+						" ·",
+						" ",
+						a(Z, { minimumFractionDigits: 0 })
+					]
+				})
+			})] }),
+			ye && W && /* @__PURE__ */ E("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ D("div", {
+				children: /* @__PURE__ */ E("div", {
 					className: "w-full max-w-md max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface",
-					children: /* @__PURE__ */ O("div", {
+					children: /* @__PURE__ */ D("div", {
 						className: "p-5",
 						children: [
-							/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ D("div", {
 								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ D("h3", {
+								children: [/* @__PURE__ */ E("h3", {
 									className: "text-lg font-semibold text-text-primary",
-									children: q.product.name
-								}), /* @__PURE__ */ D("button", {
+									children: W.product.name
+								}), /* @__PURE__ */ E("button", {
 									type: "button",
 									onClick: () => {
-										K(!1), J(null);
+										U(!1), G(null);
 									},
 									className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
-									children: /* @__PURE__ */ D(T, { className: "h-5 w-5" })
+									children: /* @__PURE__ */ E(w, { className: "h-5 w-5" })
 								})]
 							}),
-							/* @__PURE__ */ D("p", {
+							/* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary mb-4",
-								children: q.product.description
+								children: W.product.description
 							}),
-							/* @__PURE__ */ D("p", {
+							/* @__PURE__ */ E("p", {
 								className: "text-lg font-bold text-text-primary mb-4",
-								children: s(q.product.price, { minimumFractionDigits: 0 })
+								children: a(W.product.price, { minimumFractionDigits: 0 })
 							}),
-							/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ D("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ D("label", {
+								children: [/* @__PURE__ */ E("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
 									children: "Quantity"
-								}), /* @__PURE__ */ O("div", {
+								}), /* @__PURE__ */ D("div", {
 									className: "flex items-center gap-3",
 									children: [
-										/* @__PURE__ */ D("button", {
+										/* @__PURE__ */ E("button", {
 											type: "button",
-											onClick: () => J((e) => e && {
+											onClick: () => G((e) => e && {
 												...e,
 												quantity: Math.max(1, e.quantity - 1)
 											}),
 											className: "flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-text-primary",
-											children: /* @__PURE__ */ D(b, { className: "h-4 w-4" })
+											children: /* @__PURE__ */ E(y, { className: "h-4 w-4" })
 										}),
-										/* @__PURE__ */ D("span", {
+										/* @__PURE__ */ E("span", {
 											className: "min-w-[2ch] text-center font-medium text-text-primary",
-											children: q.quantity
+											children: W.quantity
 										}),
-										/* @__PURE__ */ D("button", {
+										/* @__PURE__ */ E("button", {
 											type: "button",
-											onClick: () => J((e) => e && {
+											onClick: () => G((e) => e && {
 												...e,
 												quantity: e.quantity + 1
 											}),
 											className: "flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-text-primary",
-											children: /* @__PURE__ */ D(x, { className: "h-4 w-4" })
+											children: /* @__PURE__ */ E(b, { className: "h-4 w-4" })
 										})
 									]
 								})]
 							}),
-							/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ D("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ D("label", {
+								children: [/* @__PURE__ */ E("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
 									children: "Special Instructions"
-								}), /* @__PURE__ */ D("textarea", {
-									value: q.specialInstructions,
-									onChange: (e) => J((t) => t && {
+								}), /* @__PURE__ */ E("textarea", {
+									value: W.specialInstructions,
+									onChange: (e) => G((t) => t && {
 										...t,
 										specialInstructions: e.target.value
 									}),
@@ -612,16 +769,16 @@ function M() {
 									rows: 3
 								})]
 							}),
-							/* @__PURE__ */ O("button", {
+							/* @__PURE__ */ D("button", {
 								type: "button",
 								onClick: () => {
-									q && (oe(q.product, q.quantity, q.specialInstructions), K(!1), J(null), alert(`${q.product.name} added to cart`));
+									W && (J(W.product, W.quantity, W.specialInstructions), U(!1), G(null), alert(`${W.product.name} added to cart`));
 								},
 								className: "w-full rounded-lg bg-foreground py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity",
 								children: [
 									"Add to Cart -",
 									" ",
-									s(q.product.price * q.quantity, { minimumFractionDigits: 0 })
+									a(W.product.price * W.quantity, { minimumFractionDigits: 0 })
 								]
 							})
 						]
@@ -629,15 +786,15 @@ function M() {
 				})
 			})
 		]
-	}) : /* @__PURE__ */ D(n, {
+	}) : /* @__PURE__ */ E(n, {
 		title: "Cart Not Found",
-		children: /* @__PURE__ */ D(r, {
-			icon: /* @__PURE__ */ D(C, { className: "h-12 w-12" }),
+		children: /* @__PURE__ */ E(r, {
+			icon: /* @__PURE__ */ E(S, { className: "h-12 w-12" }),
 			title: "Cart not found",
-			description: `No cart found with ID "${M}".`,
-			action: /* @__PURE__ */ D("button", {
+			description: `No cart found with ID "${O}".`,
+			action: /* @__PURE__ */ E("button", {
 				type: "button",
-				onClick: () => N("/customer/carts"),
+				onClick: () => k("/customer/discover"),
 				className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
 				children: "Browse Carts"
 			})
@@ -645,6 +802,6 @@ function M() {
 	});
 }
 //#endregion
-export { M as CartDetailPage };
+export { O as CartDetailPage };
 
 //# sourceMappingURL=CartDetailPage.js.map