@burdenoff/microfe-store 2026.625.5 → 2026.626.2

package/dist/pages/ProductDetailPage.js

@@ -3,15 +3,16 @@ import { useCart as t } from "../hooks/useCart.js";
 import { formatNumber as n, formatPrice as r } from "../utils/index.js";
 import { useCreateReview as ee, useDeleteReview as te, useMarkReviewHelpful as ne, useStoreProductDetails as re, useUpdateReview as ie } from "../hooks/useStoreGraphQL.js";
 import { useInstallations as ae } from "../hooks/useInstallations.js";
-import { nativeConfirm as oe, nativeImpact as se, nativeNotify as i } from "../utils/nativeBridge.js";
-import { InstallAppModal as ce } from "../components/InstallAppModal.js";
-import { useCallback as a, useEffect as le, useMemo as ue, useRef as de, useState as o } from "react";
-import { AlertCircle as s, ArrowLeft as fe, Check as pe, Loader2 as me, Package as he, ShieldCheck as c, ShoppingCart as ge, Star as l, ThumbsUp as u } from "lucide-react";
-import { Fragment as _e, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useLocation as ve, useNavigate as ye, useParams as be } from "react-router-dom";
-import { useEventBus as xe } from "@burdenoff/fe-libs/shared/events";
+import { nativeConfirm as oe, nativeImpact as se, nativeNotify as ce } from "../utils/nativeBridge.js";
+import { InstallAppModal as le } from "../components/InstallAppModal.js";
+import { useCallback as i, useEffect as ue, useMemo as de, useRef as fe, useState as a } from "react";
+import { AlertCircle as o, ArrowLeft as pe, Check as me, Loader2 as he, Package as ge, ShieldCheck as s, ShoppingCart as _e, Star as c, ThumbsUp as l } from "lucide-react";
+import { Fragment as ve, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useLocation as ye, useNavigate as be, useParams as xe } from "react-router-dom";
+import { EmphasisPanel as Se, GlassCard as f, IllustratedEmptyState as Ce, NextSteps as we, PagePurpose as Te } from "@burdenoff/fe-libs/ui";
+import { useEventBus as Ee } from "@burdenoff/fe-libs/shared/events";
 //#region src/pages/ProductDetailPage.tsx
-var Se = (e, t) => ({
+var De = (e, t) => ({
 	id: e.id,
 	publisherId: t?.id || "",
 	publisher: {
@@ -83,41 +84,41 @@ var Se = (e, t) => ({
 	createdAt: e.createdAt,
 	updatedAt: e.updatedAt,
 	publishedAt: e.publishedAt
-}), Ce = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ f("div", {
+}), Oe = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ d("div", {
 	className: "flex items-center gap-2",
 	children: [
-		/* @__PURE__ */ d("span", {
+		/* @__PURE__ */ u("span", {
 			className: "w-3 text-xs text-text-muted",
 			children: e
 		}),
-		/* @__PURE__ */ d("div", {
+		/* @__PURE__ */ u("div", {
 			className: "h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken",
-			children: /* @__PURE__ */ d("div", {
+			children: /* @__PURE__ */ u("div", {
 				className: "h-full rounded-full bg-status-warning-bg-subtle",
 				style: { width: `${t}%` }
 			})
 		}),
-		/* @__PURE__ */ d("span", {
+		/* @__PURE__ */ u("span", {
 			className: "w-12 text-right text-xs text-text-muted",
 			children: n(r)
 		})
 	]
-}), we = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => /* @__PURE__ */ f("div", {
-	className: "rounded-lg border border-border-default bg-bg-surface p-4",
+}), ke = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => /* @__PURE__ */ d("div", {
+	className: "rounded-lg border border-border-seam bg-bg-surface p-4 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
 	children: [
-		/* @__PURE__ */ d("div", {
+		/* @__PURE__ */ u("div", {
 			className: "mb-3 flex items-start justify-between",
-			children: /* @__PURE__ */ f("div", {
+			children: /* @__PURE__ */ d("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ u("div", {
 					className: "flex size-10 items-center justify-center rounded-full bg-bg-sunken text-text-muted",
 					children: e.userId.charAt(0).toUpperCase()
-				}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("p", {
+				}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("p", {
 					className: "font-medium text-text-primary",
 					children: ["User ", e.userId.slice(0, 8)]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ d("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ u("div", {
 						className: "flex gap-0.5",
 						children: [
 							1,
@@ -125,8 +126,8 @@ var Se = (e, t) => ({
 							3,
 							4,
 							5
-						].map((t) => /* @__PURE__ */ d(l, { className: `size-3 ${t <= e.rating ? "fill-current text-status-warning-text" : "text-text-muted"}` }, t))
-					}), /* @__PURE__ */ d("span", {
+						].map((t) => /* @__PURE__ */ u(c, { className: `size-3 ${t <= e.rating ? "fill-current text-status-warning-text" : "text-text-muted"}` }, t))
+					}), /* @__PURE__ */ u("span", {
 						className: "text-xs text-text-muted",
 						children: ((e) => {
 							try {
@@ -143,147 +144,147 @@ var Se = (e, t) => ({
 				})] })]
 			})
 		}),
-		e.title && /* @__PURE__ */ d("h4", {
+		e.title && /* @__PURE__ */ u("h4", {
 			className: "mb-2 font-medium text-text-primary",
 			children: e.title
 		}),
-		e.comment && /* @__PURE__ */ d("p", {
+		e.comment && /* @__PURE__ */ u("p", {
 			className: "mb-3 text-sm text-text-muted",
 			children: e.comment
 		}),
-		/* @__PURE__ */ d("div", {
+		/* @__PURE__ */ u("div", {
 			className: "flex items-center justify-between",
-			children: /* @__PURE__ */ f("button", {
+			children: /* @__PURE__ */ d("button", {
 				type: "button",
 				onClick: () => t(e.id),
 				disabled: n,
 				"aria-label": `Mark review from ${e.userId} as helpful`,
 				className: "flex items-center gap-1 text-xs text-text-muted transition-colors hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-60",
-				children: [/* @__PURE__ */ d(u, { className: "size-3.5" }), /* @__PURE__ */ d("span", { children: n ? "Updating…" : `Helpful (${e.helpful})` })]
+				children: [/* @__PURE__ */ u(l, { className: "size-3.5" }), /* @__PURE__ */ u("span", { children: n ? "Updating…" : `Helpful (${e.helpful})` })]
 			})
 		})
 	]
-}), Te = () => /* @__PURE__ */ f("div", {
+}), Ae = () => /* @__PURE__ */ d("div", {
 	className: "h-full overflow-y-auto",
-	children: [/* @__PURE__ */ d("div", {
+	children: [/* @__PURE__ */ u("div", {
 		className: "sticky top-0 z-10 border-b border-border-default bg-bg-surface px-6 py-4",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "flex items-center gap-4",
 			children: [
-				/* @__PURE__ */ d("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" }),
-				/* @__PURE__ */ d("div", { className: "h-6 w-48 flex-1 animate-pulse rounded bg-bg-sunken" }),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ u("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" }),
+				/* @__PURE__ */ u("div", { className: "h-6 w-48 flex-1 animate-pulse rounded bg-bg-sunken" }),
+				/* @__PURE__ */ d("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ d("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" })]
+					children: [/* @__PURE__ */ u("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" })]
 				})
 			]
 		})
-	}), /* @__PURE__ */ f("div", {
+	}), /* @__PURE__ */ d("div", {
 		className: "mx-auto max-w-6xl p-6",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ d("div", {
 				className: "mb-8 flex flex-col gap-6 md:flex-row",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "flex gap-4 md:w-1/2",
-					children: [/* @__PURE__ */ d("div", { className: "size-28 animate-pulse rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ u("div", { className: "size-28 animate-pulse rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ d("div", {
 						className: "flex flex-1 flex-col justify-center gap-2",
 						children: [
-							/* @__PURE__ */ d("div", { className: "h-8 w-3/4 animate-pulse rounded bg-bg-sunken" }),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ u("div", { className: "h-8 w-3/4 animate-pulse rounded bg-bg-sunken" }),
+							/* @__PURE__ */ d("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ d("div", { className: "h-4 w-32 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "size-4 animate-pulse rounded-full bg-bg-sunken" })]
+								children: [/* @__PURE__ */ u("div", { className: "h-4 w-32 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "size-4 animate-pulse rounded-full bg-bg-sunken" })]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex gap-3",
-								children: [/* @__PURE__ */ d("div", { className: "h-5 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "h-5 w-24 animate-pulse rounded bg-bg-sunken" })]
+								children: [/* @__PURE__ */ u("div", { className: "h-5 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "h-5 w-24 animate-pulse rounded bg-bg-sunken" })]
 							})
 						]
 					})]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ d("div", {
 					className: "flex flex-col gap-4 md:w-1/2 md:items-end",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex items-center gap-4",
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "text-center",
-								children: [/* @__PURE__ */ d("div", { className: "h-10 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "mt-1 h-3 w-20 animate-pulse rounded bg-bg-sunken" })]
+								children: [/* @__PURE__ */ u("div", { className: "h-10 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "mt-1 h-3 w-20 animate-pulse rounded bg-bg-sunken" })]
 							}),
-							/* @__PURE__ */ d("div", { className: "h-12 w-px bg-border-default" }),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ u("div", { className: "h-12 w-px bg-border-default" }),
+							/* @__PURE__ */ d("div", {
 								className: "text-center",
-								children: [/* @__PURE__ */ d("div", { className: "h-8 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "mt-1 h-3 w-16 animate-pulse rounded bg-bg-sunken" })]
+								children: [/* @__PURE__ */ u("div", { className: "h-8 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "mt-1 h-3 w-16 animate-pulse rounded bg-bg-sunken" })]
 							}),
-							/* @__PURE__ */ d("div", { className: "h-12 w-px bg-border-default" }),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ u("div", { className: "h-12 w-px bg-border-default" }),
+							/* @__PURE__ */ d("div", {
 								className: "text-center",
-								children: [/* @__PURE__ */ d("div", { className: "h-8 w-20 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "mt-1 h-3 w-12 animate-pulse rounded bg-bg-sunken" })]
+								children: [/* @__PURE__ */ u("div", { className: "h-8 w-20 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "mt-1 h-3 w-12 animate-pulse rounded bg-bg-sunken" })]
 							})
 						]
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ d("div", {
 						className: "flex gap-3",
-						children: [/* @__PURE__ */ d("div", { className: "h-12 w-40 animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "size-12 animate-pulse rounded-lg bg-bg-sunken" })]
+						children: [/* @__PURE__ */ u("div", { className: "h-12 w-40 animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "size-12 animate-pulse rounded-lg bg-bg-sunken" })]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ f("section", {
+			/* @__PURE__ */ d("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ d("div", { className: "aspect-video animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ u("div", { className: "aspect-video animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ u("div", {
 					className: "mt-4 flex gap-4",
 					children: [...[
 						,
 						,
 						,
 						,
-					]].map((e, t) => /* @__PURE__ */ d("div", { className: "h-20 w-36 animate-pulse rounded-lg bg-bg-sunken" }, t))
+					]].map((e, t) => /* @__PURE__ */ u("div", { className: "h-20 w-36 animate-pulse rounded-lg bg-bg-sunken" }, t))
 				})]
 			}),
-			/* @__PURE__ */ f("section", {
+			/* @__PURE__ */ d("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ d("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "h-6 w-32 animate-pulse rounded bg-bg-sunken" })]
-				}), /* @__PURE__ */ f("div", {
-					className: "animate-pulse rounded-lg border border-border-default bg-bg-surface p-4",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ u("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "h-6 w-32 animate-pulse rounded bg-bg-sunken" })]
+				}), /* @__PURE__ */ d("div", {
+					className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
+					children: [/* @__PURE__ */ d("div", {
 						className: "space-y-2",
 						children: [
-							/* @__PURE__ */ d("div", { className: "h-4 w-full rounded bg-bg-sunken" }),
-							/* @__PURE__ */ d("div", { className: "h-4 w-full rounded bg-bg-sunken" }),
-							/* @__PURE__ */ d("div", { className: "h-4 w-3/4 rounded bg-bg-sunken" }),
-							/* @__PURE__ */ d("div", { className: "h-4 w-5/6 rounded bg-bg-sunken" })
+							/* @__PURE__ */ u("div", { className: "h-4 w-full rounded bg-bg-sunken" }),
+							/* @__PURE__ */ u("div", { className: "h-4 w-full rounded bg-bg-sunken" }),
+							/* @__PURE__ */ u("div", { className: "h-4 w-3/4 rounded bg-bg-sunken" }),
+							/* @__PURE__ */ u("div", { className: "h-4 w-5/6 rounded bg-bg-sunken" })
 						]
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ u("div", {
 						className: "mt-4 flex gap-2",
 						children: [...[
 							,
 							,
 							,
 							,
-						]].map((e, t) => /* @__PURE__ */ d("div", { className: "h-6 w-16 rounded-full bg-bg-sunken" }, t))
+						]].map((e, t) => /* @__PURE__ */ u("div", { className: "h-6 w-16 rounded-full bg-bg-sunken" }, t))
 					})]
 				})]
 			}),
-			/* @__PURE__ */ f("section", {
+			/* @__PURE__ */ d("section", {
 				className: "mb-8",
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ d("div", {
 						className: "mb-4 flex items-center justify-between",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ d("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "h-6 w-40 animate-pulse rounded bg-bg-sunken" })]
-						}), /* @__PURE__ */ d("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
+							children: [/* @__PURE__ */ u("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "h-6 w-40 animate-pulse rounded bg-bg-sunken" })]
+						}), /* @__PURE__ */ u("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ d("div", {
 						className: "mb-6 flex flex-col gap-6 md:flex-row",
-						children: [/* @__PURE__ */ d("div", {
-							className: "animate-pulse rounded-lg border border-border-default bg-bg-surface p-4 md:w-64",
-							children: /* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ u("div", {
+							className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4 md:w-64",
+							children: /* @__PURE__ */ d("div", {
 								className: "flex items-center gap-6",
-								children: [/* @__PURE__ */ f("div", {
+								children: [/* @__PURE__ */ d("div", {
 									className: "text-center",
 									children: [
-										/* @__PURE__ */ d("div", { className: "h-12 w-16 rounded bg-bg-sunken" }),
-										/* @__PURE__ */ d("div", {
+										/* @__PURE__ */ u("div", { className: "h-12 w-16 rounded bg-bg-sunken" }),
+										/* @__PURE__ */ u("div", {
 											className: "my-1 flex justify-center gap-0.5",
 											children: [...[
 												,
@@ -291,11 +292,11 @@ var Se = (e, t) => ({
 												,
 												,
 												,
-											]].map((e, t) => /* @__PURE__ */ d("div", { className: "size-4 rounded bg-bg-sunken" }, t))
+											]].map((e, t) => /* @__PURE__ */ u("div", { className: "size-4 rounded bg-bg-sunken" }, t))
 										}),
-										/* @__PURE__ */ d("div", { className: "h-3 w-20 rounded bg-bg-sunken" })
+										/* @__PURE__ */ u("div", { className: "h-3 w-20 rounded bg-bg-sunken" })
 									]
-								}), /* @__PURE__ */ d("div", {
+								}), /* @__PURE__ */ u("div", {
 									className: "flex-1 space-y-1",
 									children: [...[
 										,
@@ -303,29 +304,29 @@ var Se = (e, t) => ({
 										,
 										,
 										,
-									]].map((e, t) => /* @__PURE__ */ f("div", {
+									]].map((e, t) => /* @__PURE__ */ d("div", {
 										className: "flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ d("div", { className: "h-2 w-3 rounded bg-bg-sunken" }),
-											/* @__PURE__ */ d("div", { className: "h-2 flex-1 rounded-full bg-bg-sunken" }),
-											/* @__PURE__ */ d("div", { className: "h-2 w-8 rounded bg-bg-sunken" })
+											/* @__PURE__ */ u("div", { className: "h-2 w-3 rounded bg-bg-sunken" }),
+											/* @__PURE__ */ u("div", { className: "h-2 flex-1 rounded-full bg-bg-sunken" }),
+											/* @__PURE__ */ u("div", { className: "h-2 w-8 rounded bg-bg-sunken" })
 										]
 									}, t))
 								})]
 							})
-						}), /* @__PURE__ */ d("div", { className: "h-12 w-32 animate-pulse rounded-lg bg-bg-sunken" })]
+						}), /* @__PURE__ */ u("div", { className: "h-12 w-32 animate-pulse rounded-lg bg-bg-sunken" })]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ u("div", {
 						className: "space-y-4",
-						children: [...[, ,]].map((e, t) => /* @__PURE__ */ f("div", {
-							className: "animate-pulse rounded-lg border border-border-default bg-bg-surface p-4",
-							children: [/* @__PURE__ */ f("div", {
+						children: [...[, ,]].map((e, t) => /* @__PURE__ */ d("div", {
+							className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
+							children: [/* @__PURE__ */ d("div", {
 								className: "mb-3 flex items-start gap-3",
-								children: [/* @__PURE__ */ d("div", { className: "size-10 rounded-full bg-bg-sunken" }), /* @__PURE__ */ f("div", {
+								children: [/* @__PURE__ */ u("div", { className: "size-10 rounded-full bg-bg-sunken" }), /* @__PURE__ */ d("div", {
 									className: "flex-1",
-									children: [/* @__PURE__ */ d("div", { className: "h-4 w-32 rounded bg-bg-sunken" }), /* @__PURE__ */ f("div", {
+									children: [/* @__PURE__ */ u("div", { className: "h-4 w-32 rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", {
 										className: "mt-1 flex items-center gap-2",
-										children: [/* @__PURE__ */ d("div", {
+										children: [/* @__PURE__ */ u("div", {
 											className: "flex gap-0.5",
 											children: [...[
 												,
@@ -333,26 +334,26 @@ var Se = (e, t) => ({
 												,
 												,
 												,
-											]].map((e, t) => /* @__PURE__ */ d("div", { className: "size-3 rounded bg-bg-sunken" }, t))
-										}), /* @__PURE__ */ d("div", { className: "h-3 w-20 rounded bg-bg-sunken" })]
+											]].map((e, t) => /* @__PURE__ */ u("div", { className: "size-3 rounded bg-bg-sunken" }, t))
+										}), /* @__PURE__ */ u("div", { className: "h-3 w-20 rounded bg-bg-sunken" })]
 									})]
 								})]
-							}), /* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ d("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ d("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
+								children: [/* @__PURE__ */ u("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
 							})]
 						}, t))
 					})
 				]
 			}),
-			/* @__PURE__ */ f("section", {
+			/* @__PURE__ */ d("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ d("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "h-6 w-48 animate-pulse rounded bg-bg-sunken" })]
-				}), /* @__PURE__ */ d("div", {
-					className: "animate-pulse rounded-lg border border-border-default bg-bg-surface p-4",
-					children: /* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ u("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "h-6 w-48 animate-pulse rounded bg-bg-sunken" })]
+				}), /* @__PURE__ */ u("div", {
+					className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
+					children: /* @__PURE__ */ u("div", {
 						className: "grid gap-4 md:grid-cols-2",
 						children: [...[
 							,
@@ -361,37 +362,37 @@ var Se = (e, t) => ({
 							,
 							,
 							,
-						]].map((e, t) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", { className: "h-3 w-16 rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "mt-1 h-5 w-24 rounded bg-bg-sunken" })] }, t))
+						]].map((e, t) => /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", { className: "h-3 w-16 rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "mt-1 h-5 w-24 rounded bg-bg-sunken" })] }, t))
 					})
 				})]
 			}),
-			/* @__PURE__ */ f("section", {
+			/* @__PURE__ */ d("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ d("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "h-6 w-40 animate-pulse rounded bg-bg-sunken" })]
-					}), /* @__PURE__ */ d("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
-				}), /* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ u("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "h-6 w-40 animate-pulse rounded bg-bg-sunken" })]
+					}), /* @__PURE__ */ u("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
+				}), /* @__PURE__ */ u("div", {
 					className: "grid gap-4 md:grid-cols-4",
 					children: [...[
 						,
 						,
 						,
 						,
-					]].map((e, t) => /* @__PURE__ */ d("div", {
-						className: "animate-pulse rounded-lg border border-border-default bg-bg-surface p-3",
-						children: /* @__PURE__ */ f("div", {
+					]].map((e, t) => /* @__PURE__ */ u("div", {
+						className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-3",
+						children: /* @__PURE__ */ d("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ d("div", { className: "size-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ f("div", {
+							children: [/* @__PURE__ */ u("div", { className: "size-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ d("div", {
 								className: "flex-1",
 								children: [
-									/* @__PURE__ */ d("div", { className: "h-4 w-24 rounded bg-bg-sunken" }),
-									/* @__PURE__ */ d("div", { className: "mt-1 h-3 w-16 rounded bg-bg-sunken" }),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ u("div", { className: "h-4 w-24 rounded bg-bg-sunken" }),
+									/* @__PURE__ */ u("div", { className: "mt-1 h-3 w-16 rounded bg-bg-sunken" }),
+									/* @__PURE__ */ d("div", {
 										className: "mt-1 flex items-center gap-2",
-										children: [/* @__PURE__ */ d("div", { className: "h-3 w-8 rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "h-3 w-12 rounded bg-bg-sunken" })]
+										children: [/* @__PURE__ */ u("div", { className: "h-3 w-8 rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "h-3 w-12 rounded bg-bg-sunken" })]
 									})
 								]
 							})]
@@ -399,46 +400,46 @@ var Se = (e, t) => ({
 					}, t))
 				})]
 			}),
-			/* @__PURE__ */ f("section", {
+			/* @__PURE__ */ d("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ d("div", { className: "mb-4 h-6 w-36 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ f("div", {
-					className: "animate-pulse rounded-lg border border-border-default bg-bg-surface p-4",
-					children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ u("div", { className: "mb-4 h-6 w-36 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", {
+					className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ d("div", { className: "size-12 rounded-lg bg-bg-sunken" }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ u("div", { className: "size-12 rounded-lg bg-bg-sunken" }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ d("div", { className: "h-5 w-32 rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "size-4 rounded-full bg-bg-sunken" })]
-						}), /* @__PURE__ */ d("div", { className: "mt-1 h-4 w-40 rounded bg-bg-sunken" })] })]
-					}), /* @__PURE__ */ f("div", {
+							children: [/* @__PURE__ */ u("div", { className: "h-5 w-32 rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "size-4 rounded-full bg-bg-sunken" })]
+						}), /* @__PURE__ */ u("div", { className: "mt-1 h-4 w-40 rounded bg-bg-sunken" })] })]
+					}), /* @__PURE__ */ d("div", {
 						className: "mt-3 space-y-2",
-						children: [/* @__PURE__ */ d("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ d("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
+						children: [/* @__PURE__ */ u("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ u("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
 					})]
 				})]
 			})
 		]
 	})]
-}), Ee = ({ error: e, onRetry: t, onBack: n }) => /* @__PURE__ */ d("div", {
+}), je = ({ error: e, onRetry: t, onBack: n }) => /* @__PURE__ */ u("div", {
 	className: "flex h-full items-center justify-center",
-	children: /* @__PURE__ */ f("div", {
+	children: /* @__PURE__ */ d("div", {
 		className: "text-center",
 		children: [
-			/* @__PURE__ */ d(s, { className: "mx-auto mb-4 size-12 text-status-error-text" }),
-			/* @__PURE__ */ d("h2", {
+			/* @__PURE__ */ u(o, { className: "mx-auto mb-4 size-12 text-status-error-text" }),
+			/* @__PURE__ */ u("h2", {
 				className: "mb-2 text-xl font-semibold text-text-primary",
 				children: "Failed to load product"
 			}),
-			/* @__PURE__ */ d("p", {
+			/* @__PURE__ */ u("p", {
 				className: "mb-4 text-text-muted",
 				children: e.message || "An error occurred while loading the product details."
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex justify-center gap-3",
-				children: [/* @__PURE__ */ d("button", {
+				children: [/* @__PURE__ */ u("button", {
 					type: "button",
 					onClick: t,
 					className: "rounded-lg bg-action-primary-bg px-4 py-2 text-action-primary-text transition-opacity hover:opacity-90",
 					children: "Try Again"
-				}), /* @__PURE__ */ d("button", {
+				}), /* @__PURE__ */ u("button", {
 					type: "button",
 					onClick: n,
 					className: "rounded-lg border border-border-default px-4 py-2 text-text-primary transition-colors hover:bg-bg-sunken",
@@ -447,176 +448,168 @@ var Se = (e, t) => ({
 			})
 		]
 	})
-}), De = () => {
-	let { productId: s } = be(), u = ye(), De = ve(), { basePath: p, workspaceId: m } = e(), { addProduct: h, cartItems: Oe, addingToCart: ke, createOrder: Ae, checkingOut: je } = t(), { installations: Me, refetch: g } = ae({
-		filter: ue(() => s && m ? {
-			productId: s,
+}), Me = () => {
+	let { productId: o } = xe(), l = be(), Me = ye(), { basePath: p, workspaceId: m } = e(), { addProduct: h, cartItems: Ne, addingToCart: g, createOrder: _, checkingOut: v } = t(), { installations: Pe, refetch: y } = ae({
+		filter: de(() => o && m ? {
+			productId: o,
 			workspaceId: m
-		} : void 0, [s, m]),
+		} : void 0, [o, m]),
 		limit: 1
-	}), Ne = Me.some((e) => e.productId === s && e.workspaceId === m && e.status === "ACTIVE"), { createReview: _, loading: v } = ee(), { updateReview: y, loading: Pe } = ie(), { deleteReview: b, loading: Fe } = te(), { markHelpful: Ie, loading: Le } = ne(), x = xe(), [S, Re] = o(!1), [C, ze] = o(!1), [Be, w] = o(!1), [Ve, T] = o(null), [E, D] = o(null), [He, O] = o("success"), [k, A] = o(!1), [j, M] = o(""), [N, P] = o(""), [F, I] = o(5), [Ue, L] = o(null), [We, R] = o(!1), { data: Ge, loading: Ke, error: z, refetch: B } = re({
-		id: s,
-		slug: s,
+	}), b = Pe.some((e) => e.productId === o && e.workspaceId === m && e.status === "ACTIVE"), { createReview: x, loading: S } = ee(), { updateReview: Fe, loading: Ie } = ie(), { deleteReview: Le, loading: Re } = te(), { markHelpful: ze, loading: Be } = ne(), C = Ee(), [w, Ve] = a(!1), [T, He] = a(!1), [Ue, E] = a(!1), [We, D] = a(null), [Ge, O] = a(null), [Ke, k] = a("success"), [A, j] = a(!1), [M, N] = a(""), [P, F] = a(""), [I, L] = a(5), [qe, Je] = a(null), [Ye, Xe] = a(!1), { data: Ze, loading: Qe, error: $e, refetch: R } = re({
+		id: o,
+		slug: o,
 		includeReviews: !0,
 		reviewsLimit: 10,
 		includeRelated: !0,
 		relatedLimit: 4,
 		includeVersions: !0
-	}), V = Ge, H = V?.product, U = V?.publisher, W = Oe.some((e) => e.productId === H?.id), qe = a(async () => {
-		if (H) {
-			if (T(null), W) {
-				u(`${p}/cart`);
+	}), z = Ze, B = z?.product, V = z?.publisher, H = Ne.some((e) => e.productId === B?.id), et = i(async () => {
+		if (B) {
+			if (D(null), H) {
+				l(`${p}/cart`);
 				return;
 			}
 			try {
-				await h(Se(H, U), void 0, 1);
+				await h(De(B, V), void 0, 1);
 			} catch (e) {
-				console.error("Failed to add product to cart:", e), T("Failed to add this product to cart. Please try again.");
+				console.error("Failed to add product to cart:", e), D("Failed to add this product to cart. Please try again.");
 			}
 		}
 	}, [
-		H,
-		U,
+		B,
+		V,
 		h,
-		W,
-		u,
+		H,
+		l,
 		p
-	]), Je = a(async () => {
-		if (H) {
-			T(null), w(!0);
+	]), tt = i(async () => {
+		if (B) {
+			D(null), E(!0);
 			try {
-				let e = H.price || 0, t = await Ae({
+				let e = B.price || 0, t = await _({
 					total: e,
 					lineItems: [{
-						productId: H.id,
-						name: H.name,
+						productId: B.id,
+						name: B.name,
 						quantity: 1,
 						unitPrice: e,
 						subtotal: e,
-						itemType: H.nature?.toLowerCase() || "digital",
-						pricingModel: H.pricingModel || "PAID_ONETIME"
+						itemType: B.nature?.toLowerCase() || "digital",
+						pricingModel: B.pricingModel || "PAID_ONETIME"
 					}],
 					billingAccountId: ""
 				});
-				t?.id ? u(`/billing/checkout/store/${t.id}${De.search}`) : (console.error("Failed to create order"), T("Failed to create order. Please try again."), w(!1));
+				t?.id ? l(`/billing/checkout/store/${t.id}${Me.search}`) : (console.error("Failed to create order"), D("Failed to create order. Please try again."), E(!1));
 			} catch (e) {
-				console.error("Buy Now error:", e), T(e instanceof Error ? e.message : "Failed to start checkout"), w(!1);
+				console.error("Buy Now error:", e), D(e instanceof Error ? e.message : "Failed to start checkout"), E(!1);
 			}
 		}
 	}, [
-		H,
-		Ae,
-		u
-	]), Ye = a(() => {
-		H && R(!0);
-	}, [H]), Xe = de(H);
-	Xe.current = H;
-	let Ze = de(x);
-	Ze.current = x, le(() => {
-		let e = Xe.current;
-		e && Ze.current.emit("store.product.viewed", {
+		B,
+		_,
+		l
+	]), U = i(() => {
+		B && Xe(!0);
+	}, [B]), nt = fe(B);
+	nt.current = B;
+	let rt = fe(C);
+	rt.current = C, ue(() => {
+		let e = nt.current;
+		e && rt.current.emit("store.product.viewed", {
 			productId: e.id,
 			productSlug: e.slug,
 			productType: e.type,
 			pricingModel: e.pricingModel
 		});
-	}, [H?.id]);
-	let Qe = a((e, t) => {
-		H && (x.emit("store.product.installed", {
-			productId: H.id,
+	}, [B?.id]);
+	let it = i((e, t) => {
+		B && (C.emit("store.product.installed", {
+			productId: B.id,
 			workspaceId: e
-		}), console.log(`Successfully installed ${H.name} to workspace ${t} (${e})`), g());
+		}), console.log(`Successfully installed ${B.name} to workspace ${t} (${e})`), y());
 	}, [
-		H,
-		x,
-		g
-	]), $e = a((e) => {
+		B,
+		C,
+		y
+	]), at = i((e) => {
 		console.error("Installation failed:", e.message);
-	}, []), et = a(() => {
-		M(V?.userReview?.title ?? ""), P(V?.userReview?.comment ?? ""), I(V?.userReview?.rating ?? 5), D(null), O("success"), A(!0);
-	}, [V?.userReview]), tt = a(async () => {
-		if (!H) return;
-		if (F < 1 || F > 5) {
-			O("error"), D("Choose a rating from 1 to 5 stars.");
+	}, []), ot = i(() => {
+		N(z?.userReview?.title ?? ""), F(z?.userReview?.comment ?? ""), L(z?.userReview?.rating ?? 5), O(null), k("success"), j(!0);
+	}, [z?.userReview]), st = i(async () => {
+		if (!B) return;
+		if (I < 1 || I > 5) {
+			k("error"), O("Choose a rating from 1 to 5 stars.");
 			return;
 		}
 		let e = {
-			productId: H.id,
-			rating: F,
-			title: j.trim() || void 0,
-			comment: N.trim() || void 0
+			productId: B.id,
+			rating: I,
+			title: M.trim() || void 0,
+			comment: P.trim() || void 0
 		};
-		if (!(V?.userReview ? await y(V.userReview.id, {
+		if (!(z?.userReview ? await Fe(z.userReview.id, {
 			rating: e.rating,
 			title: e.title,
 			comment: e.comment
-		}) : await _(e))) {
-			O("error"), D("We could not save your review. Please try again.");
+		}) : await x(e))) {
+			k("error"), O("We could not save your review. Please try again.");
 			return;
 		}
-		O("success"), D(V?.userReview ? "Your review was updated." : "Your review was submitted."), A(!1), x.emit("store.review.submitted", {
-			productId: H.id,
-			rating: F
-		}), await B();
+		k("success"), O(z?.userReview ? "Your review was updated." : "Your review was submitted."), j(!1), C.emit("store.review.submitted", {
+			productId: B.id,
+			rating: I
+		}), await R();
 	}, [
+		C,
 		x,
-		_,
-		H,
-		V?.userReview,
 		B,
-		N,
-		F,
-		j,
-		y
-	]), nt = a(async () => {
-		if (V?.userReview && (se("medium"), await oe({
+		z?.userReview,
+		R,
+		P,
+		I,
+		M,
+		Fe
+	]), ct = i(async () => {
+		if (z?.userReview && (se("medium"), await oe({
 			title: "Delete review",
 			message: "Are you sure you want to remove your review?",
 			okButtonTitle: "Delete",
 			cancelButtonTitle: "Cancel"
 		}) !== !1)) {
-			if (!await b(V.userReview.id)) {
-				O("error"), D("We could not remove your review. Please try again."), i("error");
+			if (!await Le(z.userReview.id)) {
+				k("error"), O("We could not remove your review. Please try again."), ce("error");
 				return;
 			}
-			O("success"), D("Your review was removed."), A(!1), M(""), P(""), I(5), i("success"), await B();
+			k("success"), O("Your review was removed."), j(!1), N(""), F(""), L(5), ce("success"), await R();
 		}
 	}, [
-		b,
-		V?.userReview,
-		B
-	]), rt = a(async (e) => {
-		L(e), await Ie(e) && await B(), L(null);
-	}, [Ie, B]);
-	if (Ke) return /* @__PURE__ */ d(Te, {});
-	if (z) return /* @__PURE__ */ d(Ee, {
-		error: z,
-		onRetry: B,
-		onBack: () => u(`${p}/marketplace`)
+		Le,
+		z?.userReview,
+		R
+	]), lt = i(async (e) => {
+		Je(e), await ze(e) && await R(), Je(null);
+	}, [ze, R]);
+	if (Qe) return /* @__PURE__ */ u(Ae, {});
+	if ($e) return /* @__PURE__ */ u(je, {
+		error: $e,
+		onRetry: R,
+		onBack: () => l(`${p}/marketplace`)
 	});
-	if (!V?.product) return /* @__PURE__ */ d("div", {
-		className: "flex h-full items-center justify-center",
-		children: /* @__PURE__ */ f("div", {
-			className: "text-center",
-			children: [
-				/* @__PURE__ */ d("h2", {
-					className: "mb-2 text-xl font-semibold text-text-primary",
-					children: "Product not found"
-				}),
-				/* @__PURE__ */ d("p", {
-					className: "mb-4 text-text-muted",
-					children: "The product you are looking for does not exist or has been removed."
-				}),
-				/* @__PURE__ */ d("button", {
-					type: "button",
-					onClick: () => u(`${p}/marketplace`),
-					className: "rounded-lg bg-action-primary-bg px-4 py-2 text-action-primary-text transition-opacity hover:opacity-90",
-					children: "Back to Marketplace"
-				})
-			]
+	if (!z?.product) return /* @__PURE__ */ u("div", {
+		className: "flex h-full items-center justify-center p-6",
+		children: /* @__PURE__ */ u(Ce, {
+			illustration: "empty-search",
+			title: "Product not found",
+			description: "The product you are looking for does not exist or has been removed.",
+			action: /* @__PURE__ */ u("button", {
+				type: "button",
+				onClick: () => l(`${p}/marketplace`),
+				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-action-primary-text transition-opacity hover:opacity-90",
+				children: "Back to Marketplace"
+			})
 		})
 	});
-	let { reviews: G, reviewsCount: it, relatedProducts: K, ratingDistribution: q, isPurchased: J, userEntitlement: Y } = V, X = H, Z = q ? q.fiveStars + q.fourStars + q.threeStars + q.twoStars + q.oneStar : 0, at = q ? [
+	let { reviews: W, reviewsCount: G, relatedProducts: K, ratingDistribution: q, isPurchased: J, userEntitlement: Y } = z, X = B, Z = q ? q.fiveStars + q.fourStars + q.threeStars + q.twoStars + q.oneStar : 0, ut = q ? [
 		{
 			stars: 5,
 			count: q.fiveStars,
@@ -642,175 +635,180 @@ var Se = (e, t) => ({
 			count: q.oneStar,
 			percentage: Z > 0 ? q.oneStar / Z * 100 : 0
 		}
-	] : [], Q = (X.requiredPermissions || []).filter((e) => e && e !== "[object Object]"), ot = X.integrationDeps || [], st = () => X.pricingModel === "FREE" ? "Free" : X.pricingModel === "SUBSCRIPTION" ? `${r(X.price, X.currency)}/mo` : r(X.price, X.currency), $ = X.pricingModel === "FREE" || X.price === 0;
-	return /* @__PURE__ */ f("div", {
+	] : [], Q = X.requiredPermissions || [], dt = X.integrationDeps || [], ft = () => X.pricingModel === "FREE" ? "Free" : X.pricingModel === "SUBSCRIPTION" ? `${r(X.price, X.currency)}/mo` : r(X.price, X.currency), $ = X.pricingModel === "FREE" || X.price === 0;
+	return /* @__PURE__ */ d("div", {
 		className: "h-full overflow-y-auto bg-bg-base",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ u("div", {
 				className: "relative bg-bg-surface",
-				children: /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ u("div", {
 					className: "mx-auto max-w-7xl",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ d("div", {
 						className: "flex flex-col lg:flex-row",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex-1 px-6 py-8 lg:max-w-xl lg:py-12",
 							children: [
-								/* @__PURE__ */ f("button", {
+								/* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => u(-1),
+									onClick: () => l(-1),
 									className: "mb-6 cursor-pointer inline-flex items-center gap-2 text-sm text-text-muted transition-colors hover:text-text-primary",
-									children: [/* @__PURE__ */ d(fe, { className: "size-4" }), "Back"]
+									children: [/* @__PURE__ */ u(pe, { className: "size-4" }), "Back"]
 								}),
-								/* @__PURE__ */ d("h1", {
+								/* @__PURE__ */ u("h1", {
 									className: "mb-4 text-4xl font-normal leading-tight text-text-primary lg:text-5xl",
 									children: X.name
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ d("div", {
 									className: "mb-2",
-									children: [U?.websiteUrl ? /* @__PURE__ */ d("a", {
-										href: U.websiteUrl,
+									children: [V?.websiteUrl ? /* @__PURE__ */ u("a", {
+										href: V.websiteUrl,
 										target: "_blank",
 										rel: "noreferrer",
 										className: "text-base font-medium text-text-link hover:underline",
-										children: U.name
-									}) : /* @__PURE__ */ d("span", {
+										children: V.name
+									}) : /* @__PURE__ */ u("span", {
 										className: "text-base font-medium text-text-primary",
-										children: U?.name || X.authorName || "Unknown Publisher"
-									}), U?.isVerified && /* @__PURE__ */ d(c, { className: "ml-1.5 inline size-4 text-status-success-text" })]
+										children: V?.name || X.authorName || "Unknown Publisher"
+									}), V?.isVerified && /* @__PURE__ */ u(s, { className: "ml-1.5 inline size-4 text-status-success-text" })]
 								}),
-								/* @__PURE__ */ f("p", {
+								/* @__PURE__ */ d("p", {
 									className: "mb-6 text-sm text-text-muted",
 									children: [
-										X.category && /* @__PURE__ */ d("span", { children: X.category }),
+										X.category && /* @__PURE__ */ u("span", { children: X.category }),
 										X.category && " · ",
 										n(X.downloads),
 										"+ downloads"
 									]
 								}),
-								/* @__PURE__ */ f("div", {
-									className: "mb-6 flex items-center gap-4",
+								/* @__PURE__ */ d(Se, {
+									className: "mb-6 p-5",
 									children: [
 										/* @__PURE__ */ d("div", {
-											className: "flex size-12 items-center justify-center overflow-hidden rounded-xl bg-bg-sunken",
-											children: X.icon ? /* @__PURE__ */ d("img", {
-												src: X.icon,
-												alt: "",
-												className: "size-full object-cover"
-											}) : /* @__PURE__ */ d("span", {
-												className: "text-lg font-bold text-text-muted",
-												children: X.name.charAt(0)
-											})
-										}),
-										/* @__PURE__ */ f("div", {
-											className: "flex items-center gap-1 border-l border-border-default pl-4",
+											className: "mb-6 flex items-center gap-4",
 											children: [
-												/* @__PURE__ */ d("span", {
-													className: "text-sm font-medium text-text-primary",
-													children: (X.rating || 0).toFixed(1)
+												/* @__PURE__ */ u("div", {
+													className: "flex size-12 items-center justify-center overflow-hidden rounded-xl bg-bg-sunken",
+													children: X.icon ? /* @__PURE__ */ u("img", {
+														src: X.icon,
+														alt: "",
+														className: "size-full object-cover"
+													}) : /* @__PURE__ */ u("span", {
+														className: "text-lg font-bold text-text-muted",
+														children: X.name.charAt(0)
+													})
+												}),
+												/* @__PURE__ */ d("div", {
+													className: "flex items-center gap-1 border-l border-border-default pl-4",
+													children: [
+														/* @__PURE__ */ u("span", {
+															className: "text-sm font-medium text-text-primary",
+															children: (X.rating || 0).toFixed(1)
+														}),
+														/* @__PURE__ */ u(c, { className: "size-4 fill-current text-status-warning-text" }),
+														/* @__PURE__ */ d("span", {
+															className: "ml-1 text-xs text-text-muted",
+															children: [n(G || X.reviewCount), " reviews"]
+														})
+													]
+												}),
+												/* @__PURE__ */ d("div", {
+													className: "border-l border-border-default pl-4",
+													children: [/* @__PURE__ */ d("span", {
+														className: "text-sm font-medium text-text-primary",
+														children: [n(X.downloads), "+"]
+													}), /* @__PURE__ */ u("p", {
+														className: "text-xs text-text-muted",
+														children: "Downloads"
+													})]
 												}),
-												/* @__PURE__ */ d(l, { className: "size-4 fill-current text-status-warning-text" }),
-												/* @__PURE__ */ f("span", {
-													className: "ml-1 text-xs text-text-muted",
-													children: [n(it || X.reviewCount), " reviews"]
+												/* @__PURE__ */ d("div", {
+													className: "border-l border-border-default pl-4",
+													children: [/* @__PURE__ */ u("span", {
+														className: "rounded bg-bg-sunken px-2 py-1 text-xs font-medium text-text-primary",
+														children: X.type
+													}), /* @__PURE__ */ u("p", {
+														className: "mt-0.5 text-xs text-text-muted",
+														children: "Type"
+													})]
 												})
 											]
 										}),
-										/* @__PURE__ */ f("div", {
-											className: "border-l border-border-default pl-4",
-											children: [/* @__PURE__ */ f("span", {
-												className: "text-sm font-medium text-text-primary",
-												children: [n(X.downloads), "+"]
-											}), /* @__PURE__ */ d("p", {
-												className: "text-xs text-text-muted",
-												children: "Downloads"
-											})]
+										We && /* @__PURE__ */ u("div", {
+											role: "alert",
+											className: "mb-4 rounded-lg border border-status-error-bg bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
+											children: We
 										}),
-										/* @__PURE__ */ f("div", {
-											className: "border-l border-border-default pl-4",
-											children: [/* @__PURE__ */ d("span", {
-												className: "rounded bg-bg-sunken px-2 py-1 text-xs font-medium text-text-primary",
-												children: X.type
-											}), /* @__PURE__ */ d("p", {
-												className: "mt-0.5 text-xs text-text-muted",
-												children: "Type"
+										/* @__PURE__ */ d("div", {
+											className: "mb-6 flex items-center gap-3",
+											children: [b ? /* @__PURE__ */ d("button", {
+												type: "button",
+												disabled: !0,
+												className: "flex items-center gap-2 rounded-full bg-status-success-bg-subtle px-8 py-3 font-medium text-status-success-text cursor-default",
+												children: [/* @__PURE__ */ u("svg", {
+													className: "size-4",
+													viewBox: "0 0 16 16",
+													fill: "none",
+													stroke: "currentColor",
+													strokeWidth: "2",
+													strokeLinecap: "round",
+													strokeLinejoin: "round",
+													"aria-hidden": "true",
+													children: /* @__PURE__ */ u("polyline", { points: "2,8 6,12 14,4" })
+												}), "Installed"]
+											}) : J && !$ ? /* @__PURE__ */ u("button", {
+												type: "button",
+												onClick: U,
+												className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
+												children: "Install to Workspace"
+											}) : $ ? /* @__PURE__ */ u("button", {
+												type: "button",
+												onClick: U,
+												className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
+												children: "Install"
+											}) : /* @__PURE__ */ u("button", {
+												type: "button",
+												onClick: tt,
+												disabled: Ue || v,
+												className: "cursor-pointer flex items-center gap-2 rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-70",
+												children: Ue || v ? /* @__PURE__ */ d(ve, { children: [/* @__PURE__ */ u(he, { className: "size-4 animate-spin" }), "Processing…"] }) : `Buy ${ft()}`
+											}), !$ && !J && /* @__PURE__ */ d("button", {
+												type: "button",
+												onClick: et,
+												disabled: g,
+												className: "cursor-pointer flex items-center gap-2 rounded-full border border-border-default px-4 py-3 text-sm text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
+												children: [g ? /* @__PURE__ */ u(he, { className: "size-4 animate-spin" }) : H ? /* @__PURE__ */ u(me, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ u(_e, { className: "size-4" }), H ? "In Cart" : "Add to Cart"]
 											})]
+										}),
+										/* @__PURE__ */ d("p", {
+											className: "flex items-center gap-2 text-xs text-text-muted",
+											children: [/* @__PURE__ */ u(ge, { className: "size-4" }), "This app is available for your workspace"]
+										}),
+										Y && /* @__PURE__ */ d("p", {
+											className: "mt-2 flex items-center gap-2 text-xs text-text-muted",
+											children: [
+												/* @__PURE__ */ u(s, { className: "size-4 text-status-success-text" }),
+												"License: ",
+												Y.status,
+												Y.expiresAt && ` (Expires: ${new Date(Y.expiresAt).toLocaleDateString()})`
+											]
 										})
 									]
-								}),
-								Ve && /* @__PURE__ */ d("div", {
-									role: "alert",
-									className: "mb-4 rounded-lg border border-status-error-bg bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
-									children: Ve
-								}),
-								/* @__PURE__ */ f("div", {
-									className: "mb-6 flex items-center gap-3",
-									children: [Ne ? /* @__PURE__ */ f("button", {
-										type: "button",
-										disabled: !0,
-										className: "flex items-center gap-2 rounded-full bg-status-success-bg-subtle px-8 py-3 font-medium text-status-success-text cursor-default",
-										children: [/* @__PURE__ */ d("svg", {
-											className: "size-4",
-											viewBox: "0 0 16 16",
-											fill: "none",
-											stroke: "currentColor",
-											strokeWidth: "2",
-											strokeLinecap: "round",
-											strokeLinejoin: "round",
-											"aria-hidden": "true",
-											children: /* @__PURE__ */ d("polyline", { points: "2,8 6,12 14,4" })
-										}), "Installed"]
-									}) : J && !$ ? /* @__PURE__ */ d("button", {
-										type: "button",
-										onClick: Ye,
-										className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
-										children: "Install to Workspace"
-									}) : $ ? /* @__PURE__ */ d("button", {
-										type: "button",
-										onClick: Ye,
-										className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
-										children: "Install"
-									}) : /* @__PURE__ */ d("button", {
-										type: "button",
-										onClick: Je,
-										disabled: Be || je,
-										className: "cursor-pointer flex items-center gap-2 rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-70",
-										children: Be || je ? /* @__PURE__ */ f(_e, { children: [/* @__PURE__ */ d(me, { className: "size-4 animate-spin" }), "Processing…"] }) : `Buy ${st()}`
-									}), !$ && !J && /* @__PURE__ */ f("button", {
-										type: "button",
-										onClick: qe,
-										disabled: ke,
-										className: "cursor-pointer flex items-center gap-2 rounded-full border border-border-default px-4 py-3 text-sm text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
-										children: [ke ? /* @__PURE__ */ d(me, { className: "size-4 animate-spin" }) : W ? /* @__PURE__ */ d(pe, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ d(ge, { className: "size-4" }), W ? "In Cart" : "Add to Cart"]
-									})]
-								}),
-								/* @__PURE__ */ f("p", {
-									className: "flex items-center gap-2 text-xs text-text-muted",
-									children: [/* @__PURE__ */ d(he, { className: "size-4" }), "This app is available for your workspace"]
-								}),
-								Y && /* @__PURE__ */ f("p", {
-									className: "mt-2 flex items-center gap-2 text-xs text-text-muted",
-									children: [
-										/* @__PURE__ */ d(c, { className: "size-4 text-status-success-text" }),
-										"License: ",
-										Y.status,
-										Y.expiresAt && ` (Expires: ${new Date(Y.expiresAt).toLocaleDateString()})`
-									]
 								})
 							]
-						}), /* @__PURE__ */ d("div", {
+						}), /* @__PURE__ */ u("div", {
 							className: "relative flex-1 bg-bg-sunken lg:min-h-[500px]",
-							children: X.screenshots && X.screenshots.length > 0 ? /* @__PURE__ */ d("img", {
+							children: X.screenshots && X.screenshots.length > 0 ? /* @__PURE__ */ u("img", {
 								src: X.screenshots[0],
 								alt: `${X.name} screenshot`,
 								className: "size-full object-cover"
-							}) : /* @__PURE__ */ d("div", {
+							}) : /* @__PURE__ */ u("div", {
 								className: "flex h-full min-h-[300px] items-center justify-center",
-								children: /* @__PURE__ */ f("div", {
+								children: /* @__PURE__ */ d("div", {
 									className: "text-center",
-									children: [/* @__PURE__ */ d("div", {
+									children: [/* @__PURE__ */ u("div", {
 										className: "mx-auto mb-4 flex size-24 items-center justify-center rounded-2xl bg-bg-surface text-4xl font-bold text-text-muted",
 										children: X.name.charAt(0)
-									}), /* @__PURE__ */ d("p", {
+									}), /* @__PURE__ */ u("p", {
 										className: "text-sm text-text-muted",
 										children: "No preview available"
 									})]
@@ -822,426 +820,470 @@ var Se = (e, t) => ({
 			}),
 			/* @__PURE__ */ d("main", {
 				className: "mx-auto max-w-7xl px-6 py-8",
-				children: /* @__PURE__ */ f("div", {
-					className: "flex flex-col gap-8 lg:flex-row",
-					children: [/* @__PURE__ */ f("div", {
-						className: "flex-1 lg:max-w-3xl",
+				children: [
+					/* @__PURE__ */ d(Te, {
+						className: "mb-6",
 						children: [
-							X.screenshots && X.screenshots.length > 1 && /* @__PURE__ */ d("section", {
-								className: "mb-8",
-								children: /* @__PURE__ */ d("div", {
-									className: "flex gap-4 overflow-x-auto pb-4",
-									children: X.screenshots.map((e, t) => /* @__PURE__ */ d("div", {
-										className: "relative h-64 w-96 flex-shrink-0 overflow-hidden rounded-xl bg-bg-sunken",
-										children: /* @__PURE__ */ d("img", {
-											src: e,
-											alt: `Screenshot ${t + 1}`,
-											className: "size-full object-cover"
-										})
-									}, t))
-								})
-							}),
-							/* @__PURE__ */ f("section", {
-								className: "mb-8",
-								children: [
-									/* @__PURE__ */ d("div", {
-										className: "mb-4 flex items-center justify-between text-left",
-										children: /* @__PURE__ */ d("h2", {
-											className: "text-lg font-medium text-text-primary",
-											children: "About this app"
-										})
-									}),
-									/* @__PURE__ */ f("div", {
-										className: "text-sm leading-relaxed text-text-secondary",
-										children: [/* @__PURE__ */ d("p", {
-											className: S ? "" : "line-clamp-4",
-											children: X.longDescription || X.description || "No description available."
-										}), ((X.longDescription || X.description)?.length ?? 0) > 200 && /* @__PURE__ */ d("button", {
-											type: "button",
-											onClick: () => Re(!S),
-											className: "cursor-pointer mt-3 text-sm font-medium text-text-link",
-											children: S ? "Show less" : "Show more"
-										})]
-									}),
-									X.tags && X.tags.length > 0 && /* @__PURE__ */ d("div", {
-										className: "mt-4 flex flex-wrap gap-2",
-										children: X.tags.map((e) => /* @__PURE__ */ d("span", {
-											className: "rounded-full border border-border-default px-3 py-1.5 text-xs text-text-muted transition-colors hover:bg-bg-sunken",
-											children: e
-										}, e))
+							"Everything you need to decide whether to install ",
+							X.name,
+							": what it does, screenshots, pricing, the permissions and integrations it needs, and real customer reviews. When you're ready, install it (free apps) or buy it, then add it to a workspace — and leave a review once you've used it."
+						]
+					}),
+					/* @__PURE__ */ u(we, {
+						className: "mb-8",
+						storageKey: "store-product-detail",
+						steps: [
+							$ ? {
+								id: "install",
+								label: "Install this app",
+								description: "It’s free — add it to a workspace in a couple of clicks.",
+								onClick: U,
+								done: b
+							} : {
+								id: "buy",
+								label: J ? "Install to a workspace" : "Buy or add to cart",
+								description: J ? "You already own this — install it where you need it." : "Purchase now, or add it to your cart to check out later.",
+								onClick: J ? U : tt,
+								done: b
+							},
+							...Q.length > 0 ? [{
+								id: "permissions",
+								label: "Review what it can access",
+								description: "Check the permissions this app requires before installing.",
+								href: "#about-permissions"
+							}] : [],
+							{
+								id: "reviews",
+								label: "Read the reviews",
+								description: "See what other customers think before committing.",
+								href: "#ratings-reviews"
+							}
+						]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "flex flex-col gap-8 lg:flex-row",
+						children: [/* @__PURE__ */ d("div", {
+							className: "flex-1 lg:max-w-3xl",
+							children: [
+								X.screenshots && X.screenshots.length > 1 && /* @__PURE__ */ u("section", {
+									className: "mb-8",
+									children: /* @__PURE__ */ u("div", {
+										className: "flex gap-4 overflow-x-auto pb-4",
+										children: X.screenshots.map((e, t) => /* @__PURE__ */ u("div", {
+											className: "relative h-64 w-96 flex-shrink-0 overflow-hidden rounded-xl bg-bg-sunken",
+											children: /* @__PURE__ */ u("img", {
+												src: e,
+												alt: `Screenshot ${t + 1}`,
+												className: "size-full object-cover"
+											})
+										}, t))
 									})
-								]
-							}),
-							/* @__PURE__ */ f("section", {
-								className: "mb-8",
-								children: [
-									/* @__PURE__ */ d("div", {
-										className: "mb-4 flex items-center justify-between text-left",
-										children: /* @__PURE__ */ d("h2", {
-											className: "text-lg font-medium text-text-primary",
-											children: "Ratings & Reviews"
-										})
-									}),
-									/* @__PURE__ */ f("div", {
-										className: "rounded-xl border border-border-default bg-bg-surface p-5",
-										children: [G && G.length > 0 ? /* @__PURE__ */ f("div", {
-											className: "flex items-start gap-8",
-											children: [/* @__PURE__ */ f("div", {
-												className: "text-center",
-												children: [
-													/* @__PURE__ */ d("p", {
-														className: "text-5xl font-light text-text-primary",
-														children: (X.rating || 0).toFixed(1)
-													}),
-													/* @__PURE__ */ d("div", {
-														className: "my-2 flex justify-center gap-0.5",
-														children: [
-															1,
-															2,
-															3,
-															4,
-															5
-														].map((e) => /* @__PURE__ */ d(l, { className: `size-4 ${e <= Math.round(X.rating || 0) ? "fill-current text-status-warning-text" : "text-text-muted"}` }, e))
-													}),
-													/* @__PURE__ */ f("p", {
-														className: "text-sm text-text-muted",
-														children: [n(it || X.reviewCount), " reviews"]
-													})
-												]
-											}), at.length > 0 && /* @__PURE__ */ d("div", {
-												className: "flex-1 space-y-1.5",
-												children: at.map((e) => /* @__PURE__ */ d(Ce, { ...e }, e.stars))
+								}),
+								/* @__PURE__ */ d("section", {
+									className: "mb-8",
+									children: [
+										/* @__PURE__ */ u("div", {
+											className: "mb-4 flex items-center justify-between text-left",
+											children: /* @__PURE__ */ u("h2", {
+												className: "text-lg font-medium text-text-primary",
+												children: "About this app"
+											})
+										}),
+										/* @__PURE__ */ d("div", {
+											className: "text-sm leading-relaxed text-text-secondary",
+											children: [/* @__PURE__ */ u("p", {
+												className: w ? "" : "line-clamp-4",
+												children: X.longDescription || X.description || "No description available."
+											}), ((X.longDescription || X.description)?.length ?? 0) > 200 && /* @__PURE__ */ u("button", {
+												type: "button",
+												onClick: () => Ve(!w),
+												className: "cursor-pointer mt-3 text-sm font-medium text-text-link",
+												children: w ? "Show less" : "Show more"
 											})]
-										}) : /* @__PURE__ */ f("div", {
-											className: "flex flex-col items-center justify-center py-6 text-center",
-											children: [
-												/* @__PURE__ */ d("div", {
-													className: "mb-3 flex gap-0.5",
-													children: [
-														1,
-														2,
-														3,
-														4,
-														5
-													].map((e) => /* @__PURE__ */ d(l, { className: "size-5 text-border-default" }, e))
-												}),
-												/* @__PURE__ */ d("p", {
-													className: "font-medium text-text-primary",
-													children: "No reviews yet"
-												}),
-												/* @__PURE__ */ d("p", {
-													className: "mt-1 text-sm text-text-muted",
-													children: "Be the first to share your experience with this app."
-												})
-											]
-										}), /* @__PURE__ */ f("div", {
-											className: "mt-6 border-t border-border-default pt-4",
-											children: [E && /* @__PURE__ */ d("p", {
-												role: He === "success" ? "status" : "alert",
-												className: `mb-3 rounded-lg px-3 py-2 text-sm ${He === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
-												children: E
-											}), J || V?.userReview ? /* @__PURE__ */ f("div", {
-												className: "space-y-4",
-												children: [/* @__PURE__ */ d("button", {
-													type: "button",
-													onClick: () => k ? A(!1) : et(),
-													className: "w-full cursor-pointer py-2 text-center text-sm font-medium text-text-primary transition-colors hover:text-text-link",
-													children: V?.userReview ? k ? "Cancel review editing" : "Edit your review" : k ? "Cancel review" : "Write a Review"
-												}), k && /* @__PURE__ */ f("div", {
-													className: "rounded-xl border border-border-default bg-bg-sunken p-4",
+										}),
+										X.tags && X.tags.length > 0 && /* @__PURE__ */ u("div", {
+											className: "mt-4 flex flex-wrap gap-2",
+											children: X.tags.map((e) => /* @__PURE__ */ u("span", {
+												className: "rounded-full border border-border-seam px-3 py-1.5 text-xs text-text-muted transition-colors hover:bg-bg-sunken",
+												children: e
+											}, e))
+										})
+									]
+								}),
+								/* @__PURE__ */ d("section", {
+									id: "ratings-reviews",
+									className: "mb-8 scroll-mt-6",
+									children: [
+										/* @__PURE__ */ u("div", {
+											className: "mb-4 flex items-center justify-between text-left",
+											children: /* @__PURE__ */ u("h2", {
+												className: "text-lg font-medium text-text-primary",
+												children: "Ratings & Reviews"
+											})
+										}),
+										/* @__PURE__ */ d(f, {
+											treatment: "insight",
+											className: "p-5",
+											children: [W && W.length > 0 ? /* @__PURE__ */ d("div", {
+												className: "flex items-start gap-8",
+												children: [/* @__PURE__ */ d("div", {
+													className: "text-center",
 													children: [
-														/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
-															className: "text-sm font-medium text-text-primary",
-															children: "Your rating"
-														}), /* @__PURE__ */ d("div", {
-															className: "mt-2 flex flex-wrap gap-2",
+														/* @__PURE__ */ u("p", {
+															className: "text-5xl font-light tabular-nums text-text-primary",
+															children: (X.rating || 0).toFixed(1)
+														}),
+														/* @__PURE__ */ u("div", {
+															className: "my-2 flex justify-center gap-0.5",
 															children: [
 																1,
 																2,
 																3,
 																4,
 																5
-															].map((e) => /* @__PURE__ */ f("button", {
-																type: "button",
-																onClick: () => I(e),
-																className: `cursor-pointer rounded-full border px-3 py-1.5 text-sm transition-colors ${F === e ? "border-action-primary-border bg-action-primary-bg text-action-primary-text" : "border-border-default bg-bg-surface text-text-primary hover:bg-bg-surface"}`,
-																children: [e, " ★"]
-															}, e))
-														})] }),
-														/* @__PURE__ */ f("label", {
-															className: "mt-4 block text-sm font-medium text-text-primary",
-															children: ["Title", /* @__PURE__ */ d("input", {
-																"aria-label": "Review title",
-																value: j,
-																onChange: (e) => M(e.target.value),
-																className: "mt-2 w-full rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-border",
-																placeholder: "Summarize your experience"
-															})]
+															].map((e) => /* @__PURE__ */ u(c, { className: `size-4 ${e <= Math.round(X.rating || 0) ? "fill-current text-status-warning-text" : "text-text-muted"}` }, e))
 														}),
-														/* @__PURE__ */ f("label", {
-															className: "mt-4 block text-sm font-medium text-text-primary",
-															children: ["Review", /* @__PURE__ */ d("textarea", {
-																"aria-label": "Review body",
-																value: N,
-																onChange: (e) => P(e.target.value),
-																rows: 4,
-																required: !0,
-																"aria-required": "true",
-																className: "mt-2 w-full rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-border",
-																placeholder: "What worked well? What should improve?"
-															})]
-														}),
-														/* @__PURE__ */ f("div", {
-															className: "mt-4 flex flex-wrap gap-3",
-															children: [/* @__PURE__ */ d("button", {
-																type: "button",
-																onClick: tt,
-																disabled: v || Pe,
-																className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60",
-																children: v || Pe ? "Saving..." : V?.userReview ? "Update Review" : "Submit Review"
-															}), V?.userReview && /* @__PURE__ */ d("button", {
-																type: "button",
-																onClick: nt,
-																disabled: Fe,
-																className: "cursor-pointer rounded-lg border border-status-error-border px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-60",
-																children: Fe ? "Removing..." : "Delete Review"
-															})]
+														/* @__PURE__ */ d("p", {
+															className: "text-sm text-text-muted",
+															children: [n(G || X.reviewCount), " reviews"]
 														})
 													]
+												}), ut.length > 0 && /* @__PURE__ */ u("div", {
+													className: "flex-1 space-y-1.5",
+													children: ut.map((e) => /* @__PURE__ */ u(Oe, { ...e }, e.stars))
+												})]
+											}) : /* @__PURE__ */ d("div", {
+												className: "flex flex-col items-center justify-center py-6 text-center",
+												children: [
+													/* @__PURE__ */ u("div", {
+														className: "mb-3 flex gap-0.5",
+														children: [
+															1,
+															2,
+															3,
+															4,
+															5
+														].map((e) => /* @__PURE__ */ u(c, { className: "size-5 text-border-default" }, e))
+													}),
+													/* @__PURE__ */ u("p", {
+														className: "font-medium text-text-primary",
+														children: "No reviews yet"
+													}),
+													/* @__PURE__ */ u("p", {
+														className: "mt-1 text-sm text-text-muted",
+														children: "Be the first to share your experience with this app."
+													})
+												]
+											}), /* @__PURE__ */ d("div", {
+												className: "mt-6 border-t border-border-seam pt-4",
+												children: [Ge && /* @__PURE__ */ u("p", {
+													role: Ke === "success" ? "status" : "alert",
+													className: `mb-3 rounded-lg px-3 py-2 text-sm ${Ke === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
+													children: Ge
+												}), J || z?.userReview ? /* @__PURE__ */ d("div", {
+													className: "space-y-4",
+													children: [/* @__PURE__ */ u("button", {
+														type: "button",
+														onClick: () => A ? j(!1) : ot(),
+														className: "w-full cursor-pointer py-2 text-center text-sm font-medium text-text-primary transition-colors hover:text-text-link",
+														children: z?.userReview ? A ? "Cancel review editing" : "Edit your review" : A ? "Cancel review" : "Write a Review"
+													}), A && /* @__PURE__ */ d("div", {
+														className: "rounded-xl border border-border-seam bg-bg-sunken p-4",
+														children: [
+															/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+																className: "text-sm font-medium text-text-primary",
+																children: "Your rating"
+															}), /* @__PURE__ */ u("div", {
+																className: "mt-2 flex flex-wrap gap-2",
+																children: [
+																	1,
+																	2,
+																	3,
+																	4,
+																	5
+																].map((e) => /* @__PURE__ */ d("button", {
+																	type: "button",
+																	onClick: () => L(e),
+																	className: `cursor-pointer rounded-full border px-3 py-1.5 text-sm transition-colors ${I === e ? "border-action-primary-border bg-action-primary-bg text-action-primary-text" : "border-border-default bg-bg-surface text-text-primary hover:bg-bg-surface"}`,
+																	children: [e, " ★"]
+																}, e))
+															})] }),
+															/* @__PURE__ */ d("label", {
+																className: "mt-4 block text-sm font-medium text-text-primary",
+																children: ["Title", /* @__PURE__ */ u("input", {
+																	"aria-label": "Review title",
+																	value: M,
+																	onChange: (e) => N(e.target.value),
+																	className: "mt-2 w-full rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-border",
+																	placeholder: "Summarize your experience"
+																})]
+															}),
+															/* @__PURE__ */ d("label", {
+																className: "mt-4 block text-sm font-medium text-text-primary",
+																children: ["Review", /* @__PURE__ */ u("textarea", {
+																	"aria-label": "Review body",
+																	value: P,
+																	onChange: (e) => F(e.target.value),
+																	rows: 4,
+																	required: !0,
+																	"aria-required": "true",
+																	className: "mt-2 w-full rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-border",
+																	placeholder: "What worked well? What should improve?"
+																})]
+															}),
+															/* @__PURE__ */ d("div", {
+																className: "mt-4 flex flex-wrap gap-3",
+																children: [/* @__PURE__ */ u("button", {
+																	type: "button",
+																	onClick: st,
+																	disabled: S || Ie,
+																	className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60",
+																	children: S || Ie ? "Saving..." : z?.userReview ? "Update Review" : "Submit Review"
+																}), z?.userReview && /* @__PURE__ */ u("button", {
+																	type: "button",
+																	onClick: ct,
+																	disabled: Re,
+																	className: "cursor-pointer rounded-lg border border-status-error-border px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-60",
+																	children: Re ? "Removing..." : "Delete Review"
+																})]
+															})
+														]
+													})]
+												}) : /* @__PURE__ */ u("p", {
+													className: "text-center text-sm text-text-muted",
+													children: "Purchase this app to submit a review."
 												})]
-											}) : /* @__PURE__ */ d("p", {
-												className: "text-center text-sm text-text-muted",
-												children: "Purchase this app to submit a review."
 											})]
-										})]
-									}),
-									G && G.length > 0 && /* @__PURE__ */ f("div", {
-										className: "mt-4 space-y-3",
-										children: [/* @__PURE__ */ d("ul", {
-											className: "space-y-3",
-											children: (C ? G : G.slice(0, 2)).map((e) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(we, {
-												review: e,
-												onMarkHelpful: rt,
-												markingHelpful: Le && Ue === e.id
-											}) }, e.id))
-										}), G.length > 2 && /* @__PURE__ */ d("button", {
-											type: "button",
-											onClick: () => ze(!C),
-											className: "cursor-pointer text-sm font-medium text-text-link",
-											children: C ? "Show less" : `Show all ${G.length} reviews`
-										})]
-									}),
-									(!G || G.length === 0) && /* @__PURE__ */ d("p", {
-										className: "mt-4 text-sm text-text-muted",
-										children: "No reviews yet. Be the first to review!"
-									})
-								]
-							}),
-							Q.length > 0 && /* @__PURE__ */ f("section", {
-								className: "mb-8",
-								children: [/* @__PURE__ */ d("h2", {
-									className: "mb-4 text-lg font-medium text-text-primary",
-									children: "Required Permissions"
-								}), /* @__PURE__ */ d("div", {
-									className: "space-y-2",
-									children: Q.map((e) => /* @__PURE__ */ f("div", {
-										className: "flex items-center gap-3 rounded-lg bg-bg-surface px-4 py-3",
-										children: [/* @__PURE__ */ d(c, { className: "size-5 text-status-success-text" }), /* @__PURE__ */ d("span", {
-											className: "text-sm text-text-primary",
-											children: e
-										})]
-									}, e))
-								})]
-							}),
-							ot.length > 0 && /* @__PURE__ */ f("section", {
-								className: "mb-8",
-								children: [/* @__PURE__ */ d("h2", {
-									className: "mb-4 text-lg font-medium text-text-primary",
-									children: "Integrations"
-								}), /* @__PURE__ */ d("div", {
-									className: "flex flex-wrap gap-2",
-									children: ot.map((e) => /* @__PURE__ */ d("span", {
-										className: "rounded-lg bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary",
-										children: e
-									}, e))
-								})]
-							}),
-							/* @__PURE__ */ f("section", {
-								className: "mb-8",
-								children: [/* @__PURE__ */ d("h2", {
-									className: "mb-4 text-lg font-medium text-text-primary",
-									children: "Additional Information"
-								}), /* @__PURE__ */ f("div", {
-									className: "grid grid-cols-2 gap-6 md:grid-cols-3",
-									children: [
-										X.manifestVersion && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
-											className: "text-xs text-text-muted",
-											children: "Version"
-										}), /* @__PURE__ */ d("p", {
-											className: "mt-1 text-sm font-medium text-text-primary",
-											children: X.manifestVersion
-										})] }),
-										/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
-											className: "text-xs text-text-muted",
-											children: "Type"
-										}), /* @__PURE__ */ d("p", {
-											className: "mt-1 text-sm font-medium text-text-primary",
-											children: X.type
-										})] }),
-										X.publishedAt && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
-											className: "text-xs text-text-muted",
-											children: "Published"
-										}), /* @__PURE__ */ d("p", {
-											className: "mt-1 text-sm font-medium text-text-primary",
-											children: new Date(X.publishedAt).toLocaleDateString()
-										})] }),
-										/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
-											className: "text-xs text-text-muted",
-											children: "Updated"
-										}), /* @__PURE__ */ d("p", {
-											className: "mt-1 text-sm font-medium text-text-primary",
-											children: new Date(X.updatedAt).toLocaleDateString()
-										})] }),
-										X.license && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
-											className: "text-xs text-text-muted",
-											children: "License"
-										}), /* @__PURE__ */ d("p", {
-											className: "mt-1 text-sm font-medium text-text-primary",
-											children: X.license
-										})] }),
-										X.minPlatformVersion && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
-											className: "text-xs text-text-muted",
-											children: "Min Platform Version"
-										}), /* @__PURE__ */ d("p", {
-											className: "mt-1 text-sm font-medium text-text-primary",
-											children: X.minPlatformVersion
-										})] })
-									]
-								})]
-							})
-						]
-					}), /* @__PURE__ */ f("div", {
-						className: "w-full lg:w-80",
-						children: [
-							(X.documentationUrl || X.repositoryUrl || U?.email) && /* @__PURE__ */ f("div", {
-								className: "mb-6 rounded-xl border border-border-default bg-bg-surface p-4",
-								children: [/* @__PURE__ */ d("h3", {
-									className: "font-medium text-text-primary",
-									children: "App support"
-								}), /* @__PURE__ */ f("div", {
-									className: "mt-3 space-y-2 text-sm",
-									children: [
-										X.documentationUrl && /* @__PURE__ */ d("a", {
-											href: X.documentationUrl,
-											target: "_blank",
-											rel: "noreferrer",
-											className: "block text-text-link hover:underline",
-											children: "Documentation"
 										}),
-										X.repositoryUrl && /* @__PURE__ */ d("a", {
-											href: X.repositoryUrl,
-											target: "_blank",
-											rel: "noreferrer",
-											className: "block text-text-link hover:underline",
-											children: "Source repository"
+										W && W.length > 0 && /* @__PURE__ */ d("div", {
+											className: "mt-4 space-y-3",
+											children: [/* @__PURE__ */ u("ul", {
+												className: "space-y-3",
+												children: (T ? W : W.slice(0, 2)).map((e) => /* @__PURE__ */ u("li", { children: /* @__PURE__ */ u(ke, {
+													review: e,
+													onMarkHelpful: lt,
+													markingHelpful: Be && qe === e.id
+												}) }, e.id))
+											}), W.length > 2 && /* @__PURE__ */ u("button", {
+												type: "button",
+												onClick: () => He(!T),
+												className: "cursor-pointer text-sm font-medium text-text-link",
+												children: T ? "Show less" : `Show all ${W.length} reviews`
+											})]
 										}),
-										U?.email && /* @__PURE__ */ d("a", {
-											href: `mailto:${U.email}`,
-											className: "block text-text-link hover:underline",
-											children: "Contact publisher"
+										(!W || W.length === 0) && /* @__PURE__ */ u("p", {
+											className: "mt-4 text-sm text-text-muted",
+											children: "No reviews yet. Be the first to review!"
 										})
 									]
-								})]
-							}),
-							U && /* @__PURE__ */ f("div", {
-								className: "mb-6 rounded-xl border border-border-default bg-bg-surface p-4",
-								children: [
-									/* @__PURE__ */ d("h3", {
-										className: "font-medium text-text-primary",
-										children: "Publisher"
-									}),
-									/* @__PURE__ */ d("p", {
-										className: "mt-2 text-sm text-text-primary",
-										children: U.name
-									}),
-									U.bio && /* @__PURE__ */ d("p", {
-										className: "mt-2 text-sm text-text-muted",
-										children: U.bio
-									}),
-									U.websiteUrl && /* @__PURE__ */ d("a", {
-										href: U.websiteUrl,
-										target: "_blank",
-										rel: "noreferrer",
-										className: "mt-3 inline-block text-sm text-text-link hover:underline",
-										children: "Visit publisher website"
-									})
-								]
-							}),
-							K && K.length > 0 && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", {
-								className: "mb-4 flex items-center justify-between text-left",
-								children: /* @__PURE__ */ d("span", {
-									className: "font-medium text-text-primary",
-									children: "Similar apps"
+								}),
+								Q.length > 0 && /* @__PURE__ */ d("section", {
+									id: "about-permissions",
+									className: "mb-8 scroll-mt-6",
+									children: [/* @__PURE__ */ u("h2", {
+										className: "mb-4 text-lg font-medium text-text-primary",
+										children: "Required Permissions"
+									}), /* @__PURE__ */ u("div", {
+										className: "space-y-2",
+										children: Q.map((e) => /* @__PURE__ */ d("div", {
+											className: "flex items-center gap-3 rounded-lg bg-bg-surface px-4 py-3",
+											children: [/* @__PURE__ */ u(s, { className: "size-5 text-status-success-text" }), /* @__PURE__ */ u("span", {
+												className: "text-sm text-text-primary",
+												children: e
+											})]
+										}, e))
+									})]
+								}),
+								dt.length > 0 && /* @__PURE__ */ d("section", {
+									className: "mb-8",
+									children: [/* @__PURE__ */ u("h2", {
+										className: "mb-4 text-lg font-medium text-text-primary",
+										children: "Integrations"
+									}), /* @__PURE__ */ u("div", {
+										className: "flex flex-wrap gap-2",
+										children: dt.map((e) => /* @__PURE__ */ u("span", {
+											className: "rounded-lg bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary",
+											children: e
+										}, e))
+									})]
+								}),
+								/* @__PURE__ */ d("section", {
+									className: "mb-8",
+									children: [/* @__PURE__ */ u("h2", {
+										className: "mb-4 text-lg font-medium text-text-primary",
+										children: "Additional Information"
+									}), /* @__PURE__ */ d(f, {
+										treatment: "metric",
+										className: "grid grid-cols-2 gap-6 p-5 md:grid-cols-3",
+										children: [
+											X.manifestVersion && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+												className: "text-xs text-text-muted",
+												children: "Version"
+											}), /* @__PURE__ */ u("p", {
+												className: "mt-1 text-sm font-medium text-text-primary",
+												children: X.manifestVersion
+											})] }),
+											/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+												className: "text-xs text-text-muted",
+												children: "Type"
+											}), /* @__PURE__ */ u("p", {
+												className: "mt-1 text-sm font-medium text-text-primary",
+												children: X.type
+											})] }),
+											X.publishedAt && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+												className: "text-xs text-text-muted",
+												children: "Published"
+											}), /* @__PURE__ */ u("p", {
+												className: "mt-1 text-sm font-medium text-text-primary",
+												children: new Date(X.publishedAt).toLocaleDateString()
+											})] }),
+											/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+												className: "text-xs text-text-muted",
+												children: "Updated"
+											}), /* @__PURE__ */ u("p", {
+												className: "mt-1 text-sm font-medium text-text-primary",
+												children: new Date(X.updatedAt).toLocaleDateString()
+											})] }),
+											X.license && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+												className: "text-xs text-text-muted",
+												children: "License"
+											}), /* @__PURE__ */ u("p", {
+												className: "mt-1 text-sm font-medium text-text-primary",
+												children: X.license
+											})] }),
+											X.minPlatformVersion && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+												className: "text-xs text-text-muted",
+												children: "Min Platform Version"
+											}), /* @__PURE__ */ u("p", {
+												className: "mt-1 text-sm font-medium text-text-primary",
+												children: X.minPlatformVersion
+											})] })
+										]
+									})]
 								})
-							}), /* @__PURE__ */ d("div", {
-								className: "space-y-3",
-								children: K.slice(0, 4).map((e) => /* @__PURE__ */ f("button", {
-									type: "button",
-									onClick: () => u(`${p}/marketplace/product/${e.id}`),
-									className: "flex w-full cursor-pointer items-center gap-3 rounded-lg p-2 text-left transition-colors hover:bg-bg-sunken",
-									children: [e.icon ? /* @__PURE__ */ d("img", {
-										src: e.icon,
-										alt: e.name,
-										className: "size-12 rounded-xl object-cover"
-									}) : /* @__PURE__ */ d("div", {
-										className: "flex size-12 items-center justify-center rounded-xl bg-bg-sunken text-lg font-bold text-text-muted",
-										children: e.name.charAt(0)
-									}), /* @__PURE__ */ f("div", {
-										className: "flex-1 overflow-hidden",
+							]
+						}), /* @__PURE__ */ d("div", {
+							className: "w-full lg:w-80",
+							children: [
+								(X.documentationUrl || X.repositoryUrl || V?.email) && /* @__PURE__ */ d(f, {
+									className: "mb-6 p-4",
+									children: [/* @__PURE__ */ u("h3", {
+										className: "font-medium text-text-primary",
+										children: "App support"
+									}), /* @__PURE__ */ d("div", {
+										className: "mt-3 space-y-2 text-sm",
 										children: [
-											/* @__PURE__ */ d("p", {
-												className: "truncate text-sm font-medium text-text-primary",
-												children: e.name
+											X.documentationUrl && /* @__PURE__ */ u("a", {
+												href: X.documentationUrl,
+												target: "_blank",
+												rel: "noreferrer",
+												className: "block text-text-link hover:underline",
+												children: "Documentation"
 											}),
-											/* @__PURE__ */ d("p", {
-												className: "text-xs text-text-muted",
-												children: U?.name || "Unknown"
+											X.repositoryUrl && /* @__PURE__ */ u("a", {
+												href: X.repositoryUrl,
+												target: "_blank",
+												rel: "noreferrer",
+												className: "block text-text-link hover:underline",
+												children: "Source repository"
 											}),
-											(e.reviewCount ?? 0) > 0 && /* @__PURE__ */ f("div", {
-												className: "flex items-center gap-1",
-												children: [/* @__PURE__ */ d("span", {
-													className: "text-xs text-text-muted",
-													children: (e.rating || 0).toFixed(1)
-												}), /* @__PURE__ */ d(l, { className: "size-3 fill-current text-status-warning-text" })]
+											V?.email && /* @__PURE__ */ u("a", {
+												href: `mailto:${V.email}`,
+												className: "block text-text-link hover:underline",
+												children: "Contact publisher"
 											})
 										]
 									})]
-								}, e.id))
-							})] })
-						]
-					})]
-				})
+								}),
+								V && /* @__PURE__ */ d(f, {
+									className: "mb-6 p-4",
+									children: [
+										/* @__PURE__ */ u("h3", {
+											className: "font-medium text-text-primary",
+											children: "Publisher"
+										}),
+										/* @__PURE__ */ u("p", {
+											className: "mt-2 text-sm text-text-primary",
+											children: V.name
+										}),
+										V.bio && /* @__PURE__ */ u("p", {
+											className: "mt-2 text-sm text-text-muted",
+											children: V.bio
+										}),
+										V.websiteUrl && /* @__PURE__ */ u("a", {
+											href: V.websiteUrl,
+											target: "_blank",
+											rel: "noreferrer",
+											className: "mt-3 inline-block text-sm text-text-link hover:underline",
+											children: "Visit publisher website"
+										})
+									]
+								}),
+								K && K.length > 0 && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", {
+									className: "mb-4 flex items-center justify-between text-left",
+									children: /* @__PURE__ */ u("span", {
+										className: "font-medium text-text-primary",
+										children: "Similar apps"
+									})
+								}), /* @__PURE__ */ u("div", {
+									className: "space-y-3",
+									children: K.slice(0, 4).map((e) => /* @__PURE__ */ d("button", {
+										type: "button",
+										onClick: () => l(`${p}/marketplace/product/${e.id}`),
+										className: "flex w-full cursor-pointer items-center gap-3 rounded-lg p-2 text-left transition-colors hover:bg-bg-sunken",
+										children: [e.icon ? /* @__PURE__ */ u("img", {
+											src: e.icon,
+											alt: e.name,
+											className: "size-12 rounded-xl object-cover"
+										}) : /* @__PURE__ */ u("div", {
+											className: "flex size-12 items-center justify-center rounded-xl bg-bg-sunken text-lg font-bold text-text-muted",
+											children: e.name.charAt(0)
+										}), /* @__PURE__ */ d("div", {
+											className: "flex-1 overflow-hidden",
+											children: [
+												/* @__PURE__ */ u("p", {
+													className: "truncate text-sm font-medium text-text-primary",
+													children: e.name
+												}),
+												/* @__PURE__ */ u("p", {
+													className: "text-xs text-text-muted",
+													children: V?.name || "Unknown"
+												}),
+												(e.reviewCount ?? 0) > 0 && /* @__PURE__ */ d("div", {
+													className: "flex items-center gap-1",
+													children: [/* @__PURE__ */ u("span", {
+														className: "text-xs text-text-muted",
+														children: (e.rating || 0).toFixed(1)
+													}), /* @__PURE__ */ u(c, { className: "size-3 fill-current text-status-warning-text" })]
+												})
+											]
+										})]
+									}, e.id))
+								})] })
+							]
+						})]
+					})
+				]
 			}),
-			X && /* @__PURE__ */ d(ce, {
-				isOpen: We,
-				onClose: () => R(!1),
+			X && /* @__PURE__ */ u(le, {
+				isOpen: Ye,
+				onClose: () => Xe(!1),
 				app: {
 					id: X.id,
 					name: X.name,
 					slug: X.slug,
 					icon: X.icon,
 					type: X.type,
-					version: X.manifestVersion,
-					requiredPermissions: Q
+					version: X.manifestVersion
 				},
 				purchaseState: J && !$ ? "purchased" : "free",
-				onInstallSuccess: Qe,
-				onInstallError: $e
+				onInstallSuccess: it,
+				onInstallError: at
 			})
 		]
 	});
 };
 //#endregion
-export { De as ProductDetailPage };
+export { Me as ProductDetailPage };
 
 //# sourceMappingURL=ProductDetailPage.js.map