@burdenoff/microfe-store 2026.1014.1 → 2026.1028.1

package/dist/pages/ProductDetailPage.js

@@ -3,18 +3,19 @@ import { useCart as t } from "../hooks/useCart.js";
 import { formatNumber as n, formatPrice as r } from "../utils/index.js";
 import { useCreateReview as i, useDeleteReview as ee, useMarkReviewHelpful as te, useStoreProductDetails as ne, useUpdateReview as re } from "../hooks/useStoreGraphQL.js";
 import { Markdown as ie } from "../node_modules/react-markdown/lib/index.js";
-import { useTr as a } from "../shared/hooks/useTr.js";
-import { InstallAppModal as ae } from "../components/InstallAppModal.js";
-import { useInstallations as oe } from "../hooks/useInstallations.js";
-import { nativeConfirm as se, nativeImpact as ce, nativeNotify as le } from "../utils/nativeBridge.js";
-import { useCallback as o, useEffect as ue, useMemo as de, useRef as fe, useState as s } from "react";
-import { useLocation as pe, useNavigate as me, useParams as he } from "react-router";
-import { AlertCircle as c, ArrowLeft as ge, Check as _e, Loader2 as ve, Package as l, ShieldCheck as u, ShoppingCart as ye, Star as d, ThumbsUp as f } from "lucide-react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { EmphasisPanel as be, GlassCard as g, IllustratedEmptyState as xe, NextSteps as Se, PagePurpose as Ce } from "@burdenoff/fe-libs/ui";
-import { useEventBus as we } from "@burdenoff/fe-libs/shared/events";
+import { useTr as ae } from "../shared/hooks/useTr.js";
+import { InstallAppModal as oe } from "../components/InstallAppModal.js";
+import { useInstallations as se } from "../hooks/useInstallations.js";
+import { getExternalListing as ce, isSoldExternally as le } from "../utils/externalListing.js";
+import { nativeConfirm as ue, nativeImpact as de, nativeNotify as fe } from "../utils/nativeBridge.js";
+import { useCallback as a, useEffect as pe, useMemo as me, useRef as he, useState as o } from "react";
+import { useLocation as ge, useNavigate as _e, useParams as ve } from "react-router";
+import { AlertCircle as s, ArrowLeft as ye, Check as be, ExternalLink as xe, Loader2 as Se, Package as c, ShieldCheck as l, ShoppingCart as Ce, Star as u, ThumbsUp as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { EmphasisPanel as we, GlassCard as h, IllustratedEmptyState as Te, NextSteps as Ee, PagePurpose as De } from "@burdenoff/fe-libs/ui";
+import { useEventBus as Oe } from "@burdenoff/fe-libs/shared/events";
 //#region src/pages/ProductDetailPage.tsx
-var Te = (e, t, n) => ({
+var ke = (e, t, n) => ({
 	id: e.id,
 	publisherId: t?.id || "",
 	publisher: {
@@ -89,43 +90,43 @@ var Te = (e, t, n) => ({
 	createdAt: e.createdAt,
 	updatedAt: e.updatedAt,
 	publishedAt: e.publishedAt
-}), Ee = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ h("div", {
+}), Ae = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ m("div", {
 	className: "flex items-center gap-2",
 	children: [
-		/* @__PURE__ */ m("span", {
+		/* @__PURE__ */ p("span", {
 			className: "w-3 text-xs text-text-muted",
 			children: e
 		}),
-		/* @__PURE__ */ m("div", {
+		/* @__PURE__ */ p("div", {
 			className: "h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken",
-			children: /* @__PURE__ */ m("div", {
+			children: /* @__PURE__ */ p("div", {
 				className: "h-full rounded-full bg-status-warning-bg-subtle",
 				style: { width: `${t}%` }
 			})
 		}),
-		/* @__PURE__ */ m("span", {
+		/* @__PURE__ */ p("span", {
 			className: "w-12 text-right text-xs text-text-muted",
 			children: n(r)
 		})
 	]
-}), De = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => {
-	let r = a();
-	return /* @__PURE__ */ h("div", {
+}), je = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => {
+	let r = ae();
+	return /* @__PURE__ */ m("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__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "mb-3 flex items-start justify-between",
-				children: /* @__PURE__ */ h("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "flex size-10 items-center justify-center rounded-full bg-bg-sunken text-text-muted",
-						children: /* @__PURE__ */ m(d, { className: "size-4 fill-current" })
-					}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+						children: /* @__PURE__ */ p(u, { className: "size-4 fill-current" })
+					}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 						className: "font-medium text-text-primary",
 						children: r("pages.productDetail.verifiedBuyer", "Verified Buyer")
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ m("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "flex gap-0.5",
 							children: [
 								1,
@@ -133,8 +134,8 @@ var Te = (e, t, n) => ({
 								3,
 								4,
 								5
-							].map((t) => /* @__PURE__ */ m(d, { className: `size-3 ${t <= e.rating ? "fill-current text-status-warning-text" : "text-text-muted"}` }, t))
-						}), /* @__PURE__ */ m("span", {
+							].map((t) => /* @__PURE__ */ p(u, { className: `size-3 ${t <= e.rating ? "fill-current text-status-warning-text" : "text-text-muted"}` }, t))
+						}), /* @__PURE__ */ p("span", {
 							className: "text-xs text-text-muted",
 							children: ((e) => {
 								try {
@@ -151,148 +152,148 @@ var Te = (e, t, n) => ({
 					})] })]
 				})
 			}),
-			e.title && /* @__PURE__ */ m("h4", {
+			e.title && /* @__PURE__ */ p("h4", {
 				className: "mb-2 font-medium text-text-primary",
 				children: e.title
 			}),
-			e.comment && /* @__PURE__ */ m("p", {
+			e.comment && /* @__PURE__ */ p("p", {
 				className: "mb-3 text-sm text-text-muted",
 				children: e.comment
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ h("button", {
+				children: /* @__PURE__ */ m("button", {
 					type: "button",
 					onClick: () => t(e.id),
 					disabled: n,
 					"aria-label": r("pages.productDetail.markHelpful", "Mark this review 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__ */ m(f, { className: "size-3.5" }), /* @__PURE__ */ m("span", { children: n ? r("pages.productDetail.updatingHelpful", "Updating…") : r("pages.productDetail.helpful", "Helpful ({{count}})", { count: e.helpful }) })]
+					children: [/* @__PURE__ */ p(d, { className: "size-3.5" }), /* @__PURE__ */ p("span", { children: n ? r("pages.productDetail.updatingHelpful", "Updating…") : r("pages.productDetail.helpful", "Helpful ({{count}})", { count: e.helpful }) })]
 				})
 			})
 		]
 	});
-}, Oe = () => /* @__PURE__ */ h("div", {
+}, Me = () => /* @__PURE__ */ m("div", {
 	className: "h-full overflow-y-auto",
-	children: [/* @__PURE__ */ m("div", {
+	children: [/* @__PURE__ */ p("div", {
 		className: "sticky top-0 z-10 border-b border-border-default bg-bg-surface px-6 py-4",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "flex items-center gap-4",
 			children: [
-				/* @__PURE__ */ m("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" }),
-				/* @__PURE__ */ m("div", { className: "h-6 w-48 flex-1 animate-pulse rounded bg-bg-sunken" }),
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ p("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" }),
+				/* @__PURE__ */ p("div", { className: "h-6 w-48 flex-1 animate-pulse rounded bg-bg-sunken" }),
+				/* @__PURE__ */ m("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ m("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" })]
+					children: [/* @__PURE__ */ p("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "size-10 animate-pulse rounded-lg bg-bg-sunken" })]
 				})
 			]
 		})
-	}), /* @__PURE__ */ h("div", {
+	}), /* @__PURE__ */ m("div", {
 		className: "mx-auto max-w-6xl p-6",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ m("div", {
 				className: "mb-8 flex flex-col gap-6 md:flex-row",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex gap-4 md:w-1/2",
-					children: [/* @__PURE__ */ m("div", { className: "size-28 animate-pulse rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ p("div", { className: "size-28 animate-pulse rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ m("div", {
 						className: "flex flex-1 flex-col justify-center gap-2",
 						children: [
-							/* @__PURE__ */ m("div", { className: "h-8 w-3/4 animate-pulse rounded bg-bg-sunken" }),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ p("div", { className: "h-8 w-3/4 animate-pulse rounded bg-bg-sunken" }),
+							/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ m("div", { className: "h-4 w-32 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "size-4 animate-pulse rounded-full bg-bg-sunken" })]
+								children: [/* @__PURE__ */ p("div", { className: "h-4 w-32 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "size-4 animate-pulse rounded-full bg-bg-sunken" })]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex gap-3",
-								children: [/* @__PURE__ */ m("div", { className: "h-5 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "h-5 w-24 animate-pulse rounded bg-bg-sunken" })]
+								children: [/* @__PURE__ */ p("div", { className: "h-5 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "h-5 w-24 animate-pulse rounded bg-bg-sunken" })]
 							})
 						]
 					})]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "flex flex-col gap-4 md:w-1/2 md:items-end",
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-4",
 						children: [
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ m("div", {
 								className: "text-center",
-								children: [/* @__PURE__ */ m("div", { className: "h-10 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "mt-1 h-3 w-20 animate-pulse rounded bg-bg-sunken" })]
+								children: [/* @__PURE__ */ p("div", { className: "h-10 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "mt-1 h-3 w-20 animate-pulse rounded bg-bg-sunken" })]
 							}),
-							/* @__PURE__ */ m("div", { className: "h-12 w-px bg-border-default" }),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ p("div", { className: "h-12 w-px bg-border-default" }),
+							/* @__PURE__ */ m("div", {
 								className: "text-center",
-								children: [/* @__PURE__ */ m("div", { className: "h-8 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "mt-1 h-3 w-16 animate-pulse rounded bg-bg-sunken" })]
+								children: [/* @__PURE__ */ p("div", { className: "h-8 w-16 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "mt-1 h-3 w-16 animate-pulse rounded bg-bg-sunken" })]
 							}),
-							/* @__PURE__ */ m("div", { className: "h-12 w-px bg-border-default" }),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ p("div", { className: "h-12 w-px bg-border-default" }),
+							/* @__PURE__ */ m("div", {
 								className: "text-center",
-								children: [/* @__PURE__ */ m("div", { className: "h-8 w-20 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "mt-1 h-3 w-12 animate-pulse rounded bg-bg-sunken" })]
+								children: [/* @__PURE__ */ p("div", { className: "h-8 w-20 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "mt-1 h-3 w-12 animate-pulse rounded bg-bg-sunken" })]
 							})
 						]
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ m("div", {
 						className: "flex gap-3",
-						children: [/* @__PURE__ */ m("div", { className: "h-12 w-40 animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "size-12 animate-pulse rounded-lg bg-bg-sunken" })]
+						children: [/* @__PURE__ */ p("div", { className: "h-12 w-40 animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "size-12 animate-pulse rounded-lg bg-bg-sunken" })]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ h("section", {
+			/* @__PURE__ */ m("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ m("div", { className: "aspect-video animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ p("div", { className: "aspect-video animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ p("div", {
 					className: "mt-4 flex gap-4",
 					children: [...[
 						,
 						,
 						,
 						,
-					]].map((e, t) => /* @__PURE__ */ m("div", { className: "h-20 w-36 animate-pulse rounded-lg bg-bg-sunken" }, t))
+					]].map((e, t) => /* @__PURE__ */ p("div", { className: "h-20 w-36 animate-pulse rounded-lg bg-bg-sunken" }, t))
 				})]
 			}),
-			/* @__PURE__ */ h("section", {
+			/* @__PURE__ */ m("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ m("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "h-6 w-32 animate-pulse rounded bg-bg-sunken" })]
-				}), /* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ p("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "h-6 w-32 animate-pulse rounded bg-bg-sunken" })]
+				}), /* @__PURE__ */ m("div", {
 					className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ m("div", {
 						className: "space-y-2",
 						children: [
-							/* @__PURE__ */ m("div", { className: "h-4 w-full rounded bg-bg-sunken" }),
-							/* @__PURE__ */ m("div", { className: "h-4 w-full rounded bg-bg-sunken" }),
-							/* @__PURE__ */ m("div", { className: "h-4 w-3/4 rounded bg-bg-sunken" }),
-							/* @__PURE__ */ m("div", { className: "h-4 w-5/6 rounded bg-bg-sunken" })
+							/* @__PURE__ */ p("div", { className: "h-4 w-full rounded bg-bg-sunken" }),
+							/* @__PURE__ */ p("div", { className: "h-4 w-full rounded bg-bg-sunken" }),
+							/* @__PURE__ */ p("div", { className: "h-4 w-3/4 rounded bg-bg-sunken" }),
+							/* @__PURE__ */ p("div", { className: "h-4 w-5/6 rounded bg-bg-sunken" })
 						]
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ p("div", {
 						className: "mt-4 flex gap-2",
 						children: [...[
 							,
 							,
 							,
 							,
-						]].map((e, t) => /* @__PURE__ */ m("div", { className: "h-6 w-16 rounded-full bg-bg-sunken" }, t))
+						]].map((e, t) => /* @__PURE__ */ p("div", { className: "h-6 w-16 rounded-full bg-bg-sunken" }, t))
 					})]
 				})]
 			}),
-			/* @__PURE__ */ h("section", {
+			/* @__PURE__ */ m("section", {
 				className: "mb-8",
 				children: [
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ m("div", {
 						className: "mb-4 flex items-center justify-between",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ m("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "h-6 w-40 animate-pulse rounded bg-bg-sunken" })]
-						}), /* @__PURE__ */ m("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
+							children: [/* @__PURE__ */ p("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "h-6 w-40 animate-pulse rounded bg-bg-sunken" })]
+						}), /* @__PURE__ */ p("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
 					}),
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ m("div", {
 						className: "mb-6 flex flex-col gap-6 md:flex-row",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4 md:w-64",
-							children: /* @__PURE__ */ h("div", {
+							children: /* @__PURE__ */ m("div", {
 								className: "flex items-center gap-6",
-								children: [/* @__PURE__ */ h("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "text-center",
 									children: [
-										/* @__PURE__ */ m("div", { className: "h-12 w-16 rounded bg-bg-sunken" }),
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ p("div", { className: "h-12 w-16 rounded bg-bg-sunken" }),
+										/* @__PURE__ */ p("div", {
 											className: "my-1 flex justify-center gap-0.5",
 											children: [...[
 												,
@@ -300,11 +301,11 @@ var Te = (e, t, n) => ({
 												,
 												,
 												,
-											]].map((e, t) => /* @__PURE__ */ m("div", { className: "size-4 rounded bg-bg-sunken" }, t))
+											]].map((e, t) => /* @__PURE__ */ p("div", { className: "size-4 rounded bg-bg-sunken" }, t))
 										}),
-										/* @__PURE__ */ m("div", { className: "h-3 w-20 rounded bg-bg-sunken" })
+										/* @__PURE__ */ p("div", { className: "h-3 w-20 rounded bg-bg-sunken" })
 									]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ p("div", {
 									className: "flex-1 space-y-1",
 									children: [...[
 										,
@@ -312,29 +313,29 @@ var Te = (e, t, n) => ({
 										,
 										,
 										,
-									]].map((e, t) => /* @__PURE__ */ h("div", {
+									]].map((e, t) => /* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ m("div", { className: "h-2 w-3 rounded bg-bg-sunken" }),
-											/* @__PURE__ */ m("div", { className: "h-2 flex-1 rounded-full bg-bg-sunken" }),
-											/* @__PURE__ */ m("div", { className: "h-2 w-8 rounded bg-bg-sunken" })
+											/* @__PURE__ */ p("div", { className: "h-2 w-3 rounded bg-bg-sunken" }),
+											/* @__PURE__ */ p("div", { className: "h-2 flex-1 rounded-full bg-bg-sunken" }),
+											/* @__PURE__ */ p("div", { className: "h-2 w-8 rounded bg-bg-sunken" })
 										]
 									}, t))
 								})]
 							})
-						}), /* @__PURE__ */ m("div", { className: "h-12 w-32 animate-pulse rounded-lg bg-bg-sunken" })]
+						}), /* @__PURE__ */ p("div", { className: "h-12 w-32 animate-pulse rounded-lg bg-bg-sunken" })]
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ p("div", {
 						className: "space-y-4",
-						children: [...[, ,]].map((e, t) => /* @__PURE__ */ h("div", {
+						children: [...[, ,]].map((e, t) => /* @__PURE__ */ m("div", {
 							className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "mb-3 flex items-start gap-3",
-								children: [/* @__PURE__ */ m("div", { className: "size-10 rounded-full bg-bg-sunken" }), /* @__PURE__ */ h("div", {
+								children: [/* @__PURE__ */ p("div", { className: "size-10 rounded-full bg-bg-sunken" }), /* @__PURE__ */ m("div", {
 									className: "flex-1",
-									children: [/* @__PURE__ */ m("div", { className: "h-4 w-32 rounded bg-bg-sunken" }), /* @__PURE__ */ h("div", {
+									children: [/* @__PURE__ */ p("div", { className: "h-4 w-32 rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", {
 										className: "mt-1 flex items-center gap-2",
-										children: [/* @__PURE__ */ m("div", {
+										children: [/* @__PURE__ */ p("div", {
 											className: "flex gap-0.5",
 											children: [...[
 												,
@@ -342,26 +343,26 @@ var Te = (e, t, n) => ({
 												,
 												,
 												,
-											]].map((e, t) => /* @__PURE__ */ m("div", { className: "size-3 rounded bg-bg-sunken" }, t))
-										}), /* @__PURE__ */ m("div", { className: "h-3 w-20 rounded bg-bg-sunken" })]
+											]].map((e, t) => /* @__PURE__ */ p("div", { className: "size-3 rounded bg-bg-sunken" }, t))
+										}), /* @__PURE__ */ p("div", { className: "h-3 w-20 rounded bg-bg-sunken" })]
 									})]
 								})]
-							}), /* @__PURE__ */ h("div", {
+							}), /* @__PURE__ */ m("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ m("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
+								children: [/* @__PURE__ */ p("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
 							})]
 						}, t))
 					})
 				]
 			}),
-			/* @__PURE__ */ h("section", {
+			/* @__PURE__ */ m("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ m("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "h-6 w-48 animate-pulse rounded bg-bg-sunken" })]
-				}), /* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ p("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "h-6 w-48 animate-pulse rounded bg-bg-sunken" })]
+				}), /* @__PURE__ */ p("div", {
 					className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
-					children: /* @__PURE__ */ m("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "grid gap-4 md:grid-cols-2",
 						children: [...[
 							,
@@ -370,37 +371,37 @@ var Te = (e, t, n) => ({
 							,
 							,
 							,
-						]].map((e, t) => /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", { className: "h-3 w-16 rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "mt-1 h-5 w-24 rounded bg-bg-sunken" })] }, t))
+						]].map((e, t) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", { className: "h-3 w-16 rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "mt-1 h-5 w-24 rounded bg-bg-sunken" })] }, t))
 					})
 				})]
 			}),
-			/* @__PURE__ */ h("section", {
+			/* @__PURE__ */ m("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ m("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "h-6 w-40 animate-pulse rounded bg-bg-sunken" })]
-					}), /* @__PURE__ */ m("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
-				}), /* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ p("div", { className: "size-5 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "h-6 w-40 animate-pulse rounded bg-bg-sunken" })]
+					}), /* @__PURE__ */ p("div", { className: "h-4 w-16 animate-pulse rounded bg-bg-sunken" })]
+				}), /* @__PURE__ */ p("div", {
 					className: "grid gap-4 md:grid-cols-4",
 					children: [...[
 						,
 						,
 						,
 						,
-					]].map((e, t) => /* @__PURE__ */ m("div", {
+					]].map((e, t) => /* @__PURE__ */ p("div", {
 						className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-3",
-						children: /* @__PURE__ */ h("div", {
+						children: /* @__PURE__ */ m("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ m("div", { className: "size-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ p("div", { className: "size-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ m("div", {
 								className: "flex-1",
 								children: [
-									/* @__PURE__ */ m("div", { className: "h-4 w-24 rounded bg-bg-sunken" }),
-									/* @__PURE__ */ m("div", { className: "mt-1 h-3 w-16 rounded bg-bg-sunken" }),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ p("div", { className: "h-4 w-24 rounded bg-bg-sunken" }),
+									/* @__PURE__ */ p("div", { className: "mt-1 h-3 w-16 rounded bg-bg-sunken" }),
+									/* @__PURE__ */ m("div", {
 										className: "mt-1 flex items-center gap-2",
-										children: [/* @__PURE__ */ m("div", { className: "h-3 w-8 rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "h-3 w-12 rounded bg-bg-sunken" })]
+										children: [/* @__PURE__ */ p("div", { className: "h-3 w-8 rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "h-3 w-12 rounded bg-bg-sunken" })]
 									})
 								]
 							})]
@@ -408,48 +409,48 @@ var Te = (e, t, n) => ({
 					}, t))
 				})]
 			}),
-			/* @__PURE__ */ h("section", {
+			/* @__PURE__ */ m("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ m("div", { className: "mb-4 h-6 w-36 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ p("div", { className: "mb-4 h-6 w-36 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", {
 					className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ m("div", { className: "size-12 rounded-lg bg-bg-sunken" }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ p("div", { className: "size-12 rounded-lg bg-bg-sunken" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ m("div", { className: "h-5 w-32 rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "size-4 rounded-full bg-bg-sunken" })]
-						}), /* @__PURE__ */ m("div", { className: "mt-1 h-4 w-40 rounded bg-bg-sunken" })] })]
-					}), /* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ p("div", { className: "h-5 w-32 rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "size-4 rounded-full bg-bg-sunken" })]
+						}), /* @__PURE__ */ p("div", { className: "mt-1 h-4 w-40 rounded bg-bg-sunken" })] })]
+					}), /* @__PURE__ */ m("div", {
 						className: "mt-3 space-y-2",
-						children: [/* @__PURE__ */ m("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
+						children: [/* @__PURE__ */ p("div", { className: "h-4 w-full rounded bg-bg-sunken" }), /* @__PURE__ */ p("div", { className: "h-4 w-2/3 rounded bg-bg-sunken" })]
 					})]
 				})]
 			})
 		]
 	})]
-}), ke = ({ error: e, onRetry: t, onBack: n }) => {
-	let r = a();
-	return /* @__PURE__ */ m("div", {
+}), Ne = ({ error: e, onRetry: t, onBack: n }) => {
+	let r = ae();
+	return /* @__PURE__ */ p("div", {
 		className: "flex h-full items-center justify-center",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "text-center",
 			children: [
-				/* @__PURE__ */ m(c, { className: "mx-auto mb-4 size-12 text-status-error-text" }),
-				/* @__PURE__ */ m("h2", {
+				/* @__PURE__ */ p(s, { className: "mx-auto mb-4 size-12 text-status-error-text" }),
+				/* @__PURE__ */ p("h2", {
 					className: "mb-2 text-xl font-semibold text-text-primary",
 					children: r("pages.productDetail.errorTitle", "Failed to load product")
 				}),
-				/* @__PURE__ */ m("p", {
+				/* @__PURE__ */ p("p", {
 					className: "mb-4 text-text-muted",
 					children: e.message || r("pages.productDetail.errorDescription", "An error occurred while loading the product details.")
 				}),
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ m("div", {
 					className: "flex justify-center gap-3",
-					children: [/* @__PURE__ */ m("button", {
+					children: [/* @__PURE__ */ p("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: r("common.tryAgain", "Try Again")
-					}), /* @__PURE__ */ m("button", {
+					}), /* @__PURE__ */ p("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",
@@ -459,233 +460,235 @@ var Te = (e, t, n) => ({
 			]
 		})
 	});
-}, Ae = () => {
-	let { productId: c } = he(), f = me(), Ae = pe(), { basePath: _, workspaceId: v } = e(), y = a(), { addProduct: je, cartItems: Me, addingToCart: Ne, createOrder: Pe, checkingOut: Fe } = t(), { installations: Ie, refetch: Le } = oe({
-		filter: de(() => c && v ? {
-			productId: c,
-			workspaceId: v
-		} : void 0, [c, v]),
+}, Pe = () => {
+	let { productId: s } = ve(), d = _e(), Pe = ge(), { basePath: g, workspaceId: _ } = e(), v = ae(), { addProduct: Fe, cartItems: Ie, addingToCart: Le, createOrder: Re, checkingOut: ze } = t(), { installations: Be, refetch: Ve } = se({
+		filter: me(() => s && _ ? {
+			productId: s,
+			workspaceId: _
+		} : void 0, [s, _]),
 		limit: 1
-	}), Re = Ie.find((e) => e.productId === c && e.workspaceId === v && e.status === "ACTIVE"), b = !!Re, x = Re?.version ?? null, { createReview: ze, loading: Be } = i(), { updateReview: Ve, loading: He } = re(), { deleteReview: Ue, loading: We } = ee(), { markHelpful: Ge, loading: Ke } = te(), S = we(), [C, qe] = s(!1), [Je, Ye] = s(!1), [Xe, Ze] = s(!1), [w, Qe] = s(1), [$e, T] = s(null), [et, E] = s(null), [tt, D] = s("success"), [O, k] = s(!1), [A, j] = s(""), [M, N] = s(""), [P, F] = s(5), [nt, rt] = s(null), [it, at] = s(!1), { data: ot, loading: st, error: ct, refetch: I } = ne({
-		id: c,
-		slug: c,
+	}), He = Be.find((e) => e.productId === s && e.workspaceId === _ && e.status === "ACTIVE"), y = !!He, b = He?.version ?? null, { createReview: Ue, loading: We } = i(), { updateReview: Ge, loading: Ke } = re(), { deleteReview: qe, loading: Je } = ee(), { markHelpful: Ye, loading: Xe } = te(), x = Oe(), [Ze, Qe] = o(!1), [$e, et] = o(!1), [tt, nt] = o(!1), [S, rt] = o(1), [it, C] = o(null), [at, w] = o(null), [ot, T] = o("success"), [E, D] = o(!1), [O, k] = o(""), [A, j] = o(""), [M, N] = o(5), [st, ct] = o(null), [lt, ut] = o(!1), { data: dt, loading: ft, error: pt, refetch: P } = ne({
+		id: s,
+		slug: s,
 		includeReviews: !0,
 		reviewsLimit: 10,
 		includeRelated: !0,
 		relatedLimit: 4,
 		includeVersions: !0
-	}), L = ot, R = L?.product, z = L?.publisher, B = Me.some((e) => e.productId === R?.id), lt = (e) => {
+	}), F = dt, I = F?.product, L = F?.publisher, R = Ie.some((e) => e.productId === I?.id), mt = (e) => {
 		let t = e.split(".");
 		for (; t.length < 3;) t.push("0");
 		return t.join(".");
-	}, ut = R?.manifestVersion ?? null, dt = !!(b && x && ut && lt(x) !== lt(ut)), ft = o(async () => {
-		if (R) {
-			if (T(null), B) {
-				f(`${_}/cart`);
+	}, ht = I?.manifestVersion ?? null, gt = !!(y && b && ht && mt(b) !== mt(ht)), _t = a(async () => {
+		if (I) {
+			if (C(null), R) {
+				d(`${g}/cart`);
 				return;
 			}
 			try {
-				await je(Te(R, z, y), void 0, w);
+				await Fe(ke(I, L, v), void 0, S);
 			} catch (e) {
-				console.error("Failed to add product to cart:", e), T(y("pages.productDetail.addToCartError", "Failed to add this product to cart. Please try again."));
+				console.error("Failed to add product to cart:", e), C(v("pages.productDetail.addToCartError", "Failed to add this product to cart. Please try again."));
 			}
 		}
 	}, [
+		I,
+		L,
+		Fe,
 		R,
-		z,
-		je,
-		B,
-		f,
-		_,
-		w,
-		y
-	]), pt = o(async () => {
-		if (R) {
-			T(null), Ze(!0);
+		d,
+		g,
+		S,
+		v
+	]), vt = a(async () => {
+		if (I) {
+			C(null), nt(!0);
 			try {
-				let e = R.price || 0, t = {
-					productId: R.id,
-					name: R.name,
-					quantity: w,
+				let e = I.price || 0, t = {
+					productId: I.id,
+					name: I.name,
+					quantity: S,
 					unitPrice: e,
-					subtotal: e * w,
-					itemType: R.nature?.toLowerCase() || "digital",
-					pricingModel: R.pricingModel || "PAID_ONETIME"
-				}, n = await Pe({
-					total: e * w,
+					subtotal: e * S,
+					itemType: I.nature?.toLowerCase() || "digital",
+					pricingModel: I.pricingModel || "PAID_ONETIME"
+				}, n = await Re({
+					total: e * S,
 					lineItems: [t],
 					billingAccountId: ""
 				});
-				n?.id ? f(`/billing/checkout/store/${n.id}${Ae.search}`) : (console.error("Failed to create order"), T(y("pages.productDetail.createOrderError", "Failed to create order. Please try again.")), Ze(!1));
+				n?.id ? d(`/billing/checkout/store/${n.id}${Pe.search}`) : (console.error("Failed to create order"), C(v("pages.productDetail.createOrderError", "Failed to create order. Please try again.")), nt(!1));
 			} catch (e) {
-				console.error("Buy Now error:", e), T(e instanceof Error ? e.message : y("pages.productDetail.checkoutError", "Failed to start checkout")), Ze(!1);
+				console.error("Buy Now error:", e), C(e instanceof Error ? e.message : v("pages.productDetail.checkoutError", "Failed to start checkout")), nt(!1);
 			}
 		}
 	}, [
-		R,
-		w,
-		Pe,
-		f,
-		Ae.search,
-		y
-	]), V = o(() => {
-		R && at(!0);
-	}, [R]), mt = fe(R);
-	mt.current = R;
-	let ht = fe(S);
-	ht.current = S, ue(() => {
-		let e = mt.current;
-		e && ht.current.emit("store.product.viewed", {
+		I,
+		S,
+		Re,
+		d,
+		Pe.search,
+		v
+	]), z = a(() => {
+		I && ut(!0);
+	}, [I]), yt = he(I);
+	yt.current = I;
+	let bt = he(x);
+	bt.current = x, pe(() => {
+		let e = yt.current;
+		e && bt.current.emit("store.product.viewed", {
 			productId: e.id,
 			productSlug: e.slug,
 			productType: e.type,
 			pricingModel: e.pricingModel
 		});
-	}, [R?.id]);
-	let gt = o((e, t) => {
-		R && (S.emit("store.product.installed", {
-			productId: R.id,
+	}, [I?.id]);
+	let xt = a((e, t) => {
+		I && (x.emit("store.product.installed", {
+			productId: I.id,
 			workspaceId: e
-		}), console.log(`Successfully installed ${R.name} to workspace ${t} (${e})`), Le());
+		}), console.log(`Successfully installed ${I.name} to workspace ${t} (${e})`), Ve());
 	}, [
-		R,
-		S,
-		Le
-	]), _t = o((e) => {
+		I,
+		x,
+		Ve
+	]), St = a((e) => {
 		console.error("Installation failed:", e.message);
-	}, []), vt = o(() => {
-		j(L?.userReview?.title ?? ""), N(L?.userReview?.comment ?? ""), F(L?.userReview?.rating ?? 5), E(null), D("success"), k(!0);
-	}, [L?.userReview]), yt = o(async () => {
-		if (!R) return;
-		if (P < 1 || P > 5) {
-			D("error"), E(y("pages.productDetail.ratingRequired", "Choose a rating from 1 to 5 stars."));
+	}, []), Ct = a(() => {
+		k(F?.userReview?.title ?? ""), j(F?.userReview?.comment ?? ""), N(F?.userReview?.rating ?? 5), w(null), T("success"), D(!0);
+	}, [F?.userReview]), wt = a(async () => {
+		if (!I) return;
+		if (M < 1 || M > 5) {
+			T("error"), w(v("pages.productDetail.ratingRequired", "Choose a rating from 1 to 5 stars."));
 			return;
 		}
 		let e = {
-			productId: R.id,
-			rating: P,
-			title: A.trim() || void 0,
-			comment: M.trim() || void 0
-		}, t = L?.userReview ? {
-			data: await Ve(L.userReview.id, {
+			productId: I.id,
+			rating: M,
+			title: O.trim() || void 0,
+			comment: A.trim() || void 0
+		}, t = F?.userReview ? {
+			data: await Ge(F.userReview.id, {
 				rating: e.rating,
 				title: e.title,
 				comment: e.comment
 			}),
 			errorMessage: null
-		} : await ze(e);
+		} : await Ue(e);
 		if (!t?.data) {
-			D("error"), E(t?.errorMessage ?? y("pages.productDetail.reviewSaveError", "We could not save your review. Please try again."));
+			T("error"), w(t?.errorMessage ?? v("pages.productDetail.reviewSaveError", "We could not save your review. Please try again."));
 			return;
 		}
-		D("success"), E(L?.userReview ? y("pages.productDetail.reviewUpdated", "Your review was updated.") : y("pages.productDetail.reviewSubmitted", "Your review was submitted.")), k(!1), S.emit("store.review.submitted", {
-			productId: R.id,
-			rating: P
-		}), await I();
+		T("success"), w(F?.userReview ? v("pages.productDetail.reviewUpdated", "Your review was updated.") : v("pages.productDetail.reviewSubmitted", "Your review was submitted.")), D(!1), x.emit("store.review.submitted", {
+			productId: I.id,
+			rating: M
+		}), await P();
 	}, [
-		S,
-		ze,
-		R,
-		L?.userReview,
+		x,
+		Ue,
 		I,
-		M,
+		F?.userReview,
 		P,
 		A,
-		Ve,
-		y
-	]), bt = o(async () => {
-		if (L?.userReview && (ce("medium"), await se({
-			title: y("pages.productDetail.deleteReviewTitle", "Delete review"),
-			message: y("pages.productDetail.deleteReviewMessage", "Are you sure you want to remove your review?"),
-			okButtonTitle: y("common.delete", "Delete"),
-			cancelButtonTitle: y("common.cancel", "Cancel")
+		M,
+		O,
+		Ge,
+		v
+	]), Tt = a(async () => {
+		if (F?.userReview && (de("medium"), await ue({
+			title: v("pages.productDetail.deleteReviewTitle", "Delete review"),
+			message: v("pages.productDetail.deleteReviewMessage", "Are you sure you want to remove your review?"),
+			okButtonTitle: v("common.delete", "Delete"),
+			cancelButtonTitle: v("common.cancel", "Cancel")
 		}) !== !1)) {
-			if (!await Ue(L.userReview.id)) {
-				D("error"), E(y("pages.productDetail.reviewDeleteError", "We could not remove your review. Please try again.")), le("error");
+			if (!await qe(F.userReview.id)) {
+				T("error"), w(v("pages.productDetail.reviewDeleteError", "We could not remove your review. Please try again.")), fe("error");
 				return;
 			}
-			D("success"), E(y("pages.productDetail.reviewRemoved", "Your review was removed.")), k(!1), j(""), N(""), F(5), le("success"), await I();
+			T("success"), w(v("pages.productDetail.reviewRemoved", "Your review was removed.")), D(!1), k(""), j(""), N(5), fe("success"), await P();
 		}
 	}, [
-		Ue,
-		L?.userReview,
-		I,
-		y
-	]), xt = o(async (e) => {
-		rt(e), await Ge(e) && await I(), rt(null);
-	}, [Ge, I]);
-	if (st) return /* @__PURE__ */ m(Oe, {});
-	if (ct) return /* @__PURE__ */ m(ke, {
-		error: ct,
-		onRetry: I,
-		onBack: () => f(`${_}/marketplace`)
+		qe,
+		F?.userReview,
+		P,
+		v
+	]), Et = a(async (e) => {
+		ct(e), await Ye(e) && await P(), ct(null);
+	}, [Ye, P]);
+	if (ft) return /* @__PURE__ */ p(Me, {});
+	if (pt) return /* @__PURE__ */ p(Ne, {
+		error: pt,
+		onRetry: P,
+		onBack: () => d(`${g}/marketplace`)
 	});
-	if (!L?.product) return /* @__PURE__ */ m("div", {
+	if (!F?.product) return /* @__PURE__ */ p("div", {
 		className: "flex h-full items-center justify-center p-6",
-		children: /* @__PURE__ */ m(xe, {
+		children: /* @__PURE__ */ p(Te, {
 			illustration: "empty-search",
-			title: y("pages.productDetail.notFoundTitle", "Product not found"),
-			description: y("pages.productDetail.notFoundDetail", "The product you are looking for does not exist or has been removed."),
-			action: /* @__PURE__ */ m("button", {
+			title: v("pages.productDetail.notFoundTitle", "Product not found"),
+			description: v("pages.productDetail.notFoundDetail", "The product you are looking for does not exist or has been removed."),
+			action: /* @__PURE__ */ p("button", {
 				type: "button",
-				onClick: () => f(`${_}/marketplace`),
+				onClick: () => d(`${g}/marketplace`),
 				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-action-primary-text transition-opacity hover:opacity-90",
-				children: y("pages.productDetail.backToMarketplace", "Back to Marketplace")
+				children: v("pages.productDetail.backToMarketplace", "Back to Marketplace")
 			})
 		})
 	});
-	let { reviews: H, reviewsCount: St, relatedProducts: Ct, ratingDistribution: U, isPurchased: W, userEntitlement: G } = L, K = R, q = U ? U.fiveStars + U.fourStars + U.threeStars + U.twoStars + U.oneStar : 0, wt = U ? [
+	let { reviews: B, reviewsCount: Dt, relatedProducts: Ot, ratingDistribution: V, isPurchased: H, userEntitlement: U } = F, W = I, G = V ? V.fiveStars + V.fourStars + V.threeStars + V.twoStars + V.oneStar : 0, kt = V ? [
 		{
 			stars: 5,
-			count: U.fiveStars,
-			percentage: q > 0 ? U.fiveStars / q * 100 : 0
+			count: V.fiveStars,
+			percentage: G > 0 ? V.fiveStars / G * 100 : 0
 		},
 		{
 			stars: 4,
-			count: U.fourStars,
-			percentage: q > 0 ? U.fourStars / q * 100 : 0
+			count: V.fourStars,
+			percentage: G > 0 ? V.fourStars / G * 100 : 0
 		},
 		{
 			stars: 3,
-			count: U.threeStars,
-			percentage: q > 0 ? U.threeStars / q * 100 : 0
+			count: V.threeStars,
+			percentage: G > 0 ? V.threeStars / G * 100 : 0
 		},
 		{
 			stars: 2,
-			count: U.twoStars,
-			percentage: q > 0 ? U.twoStars / q * 100 : 0
+			count: V.twoStars,
+			percentage: G > 0 ? V.twoStars / G * 100 : 0
 		},
 		{
 			stars: 1,
-			count: U.oneStar,
-			percentage: q > 0 ? U.oneStar / q * 100 : 0
+			count: V.oneStar,
+			percentage: G > 0 ? V.oneStar / G * 100 : 0
 		}
-	] : [], J = K.requiredPermissions || [], Tt = K.integrationDeps || [], Et = () => K.pricingModel === "FREE" ? y("pages.marketplace.free", "Free") : K.pricingModel === "SUBSCRIPTION" ? y("pages.productDetail.subscriptionPrice", "{{price}}/mo", { price: r(K.price, K.currency) }) : r(K.price, K.currency), Y = K.pricingModel === "FREE" || K.price === 0, X = K.nature === "PHYSICAL", Z = X && K.trackInventory === !0, Q = K.stockQuantity ?? 0, $ = Z && Q <= 0;
-	return /* @__PURE__ */ h("div", {
+	] : [], K = W.requiredPermissions || [], At = W.integrationDeps || [], jt = () => W.pricingModel === "FREE" ? v("pages.marketplace.free", "Free") : W.pricingModel === "SUBSCRIPTION" ? v("pages.productDetail.subscriptionPrice", "{{price}}/mo", { price: r(W.price, W.currency) }) : r(W.price, W.currency), q = W.pricingModel === "FREE" || W.price === 0, J = W.nature === "PHYSICAL", Y = J && W.trackInventory === !0, X = W.stockQuantity ?? 0, Z = Y && X <= 0, Q = le(W), $ = ce(W), Mt = $ !== null && new URL($.url).origin === window.location.origin, Nt = () => {
+		$ && (Mt ? window.location.assign($.url) : window.open($.url, "_blank", "noopener,noreferrer"));
+	};
+	return /* @__PURE__ */ m("div", {
 		className: "h-full overflow-y-auto bg-bg-base",
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "bg-bg-surface",
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "mx-auto max-w-7xl",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: "flex flex-col lg:flex-row",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "flex-1 px-6 py-8 lg:max-w-xl lg:py-12",
 							children: [
-								/* @__PURE__ */ h("button", {
+								/* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => f(-1),
+									onClick: () => d(-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__ */ m(ge, { className: "size-4" }), y("common.back", "Back")]
+									children: [/* @__PURE__ */ p(ye, { className: "size-4" }), v("common.back", "Back")]
 								}),
-								/* @__PURE__ */ m("h1", {
+								/* @__PURE__ */ p("h1", {
 									className: "mb-3 text-4xl font-normal leading-tight text-text-primary lg:text-5xl",
-									children: K.name
+									children: W.name
 								}),
-								b && /* @__PURE__ */ h("div", {
+								y && /* @__PURE__ */ m("div", {
 									className: "mb-4 inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1 text-sm font-medium text-status-success-text",
-									children: [/* @__PURE__ */ m("svg", {
+									children: [/* @__PURE__ */ p("svg", {
 										className: "size-3.5",
 										viewBox: "0 0 16 16",
 										fill: "none",
@@ -694,144 +697,144 @@ var Te = (e, t, n) => ({
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										"aria-hidden": "true",
-										children: /* @__PURE__ */ m("polyline", { points: "2,8 6,12 14,4" })
-									}), x ? y("pages.productDetail.installedVersion", "Installed v{{version}}", { version: x }) : y("pages.productDetail.installed", "Installed")]
+										children: /* @__PURE__ */ p("polyline", { points: "2,8 6,12 14,4" })
+									}), b ? v("pages.productDetail.installedVersion", "Installed v{{version}}", { version: b }) : v("pages.productDetail.installed", "Installed")]
 								}),
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ p("div", {
 									className: "mb-2",
 									children: (() => {
-										let e = z?.developerOrganization, t = e?.name || z?.name || K.authorName || y("common.unknownPublisher", "Unknown Publisher"), n = e?.logoUrl || z?.logoUrl, r = e?.isVerified || z?.isVerified, i = z?.websiteUrl;
-										return /* @__PURE__ */ h("div", {
+										let e = L?.developerOrganization, t = e?.name || L?.name || W.authorName || v("common.unknownPublisher", "Unknown Publisher"), n = e?.logoUrl || L?.logoUrl, r = e?.isVerified || L?.isVerified, i = L?.websiteUrl;
+										return /* @__PURE__ */ m("div", {
 											className: "flex items-center gap-2",
 											children: [
-												n && /* @__PURE__ */ m("img", {
+												n && /* @__PURE__ */ p("img", {
 													src: n,
 													alt: t,
 													className: "size-5 rounded object-cover"
 												}),
-												i ? /* @__PURE__ */ m("a", {
+												i ? /* @__PURE__ */ p("a", {
 													href: i,
 													target: "_blank",
 													rel: "noreferrer",
 													className: "text-base font-medium text-text-link hover:underline",
 													children: t
-												}) : /* @__PURE__ */ m("span", {
+												}) : /* @__PURE__ */ p("span", {
 													className: "text-base font-medium text-text-primary",
 													children: t
 												}),
-												r && /* @__PURE__ */ m(u, { className: "size-4 text-status-success-text" })
+												r && /* @__PURE__ */ p(l, { className: "size-4 text-status-success-text" })
 											]
 										});
 									})()
 								}),
-								/* @__PURE__ */ h("p", {
+								/* @__PURE__ */ m("p", {
 									className: "mb-6 text-sm text-text-muted",
 									children: [
-										K.category && /* @__PURE__ */ m("span", { children: K.category }),
-										K.category && " · ",
-										X ? y("pages.productDetail.purchasesCount", "{{count}}+ purchases", { count: n(K.purchaseCount) }) : y("pages.productDetail.downloadsCount", "{{count}}+ downloads", { count: n(K.downloads) })
+										W.category && /* @__PURE__ */ p("span", { children: W.category }),
+										W.category && " · ",
+										J ? v("pages.productDetail.purchasesCount", "{{count}}+ purchases", { count: n(W.purchaseCount) }) : v("pages.productDetail.downloadsCount", "{{count}}+ downloads", { count: n(W.downloads) })
 									]
 								}),
-								/* @__PURE__ */ h(be, {
+								/* @__PURE__ */ m(we, {
 									className: "mb-6 p-5",
 									children: [
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ m("div", {
 											className: "mb-6 flex items-center gap-4",
 											children: [
-												/* @__PURE__ */ m("div", {
+												/* @__PURE__ */ p("div", {
 													className: "flex size-12 items-center justify-center overflow-hidden rounded-xl bg-bg-sunken",
-													children: K.icon ? /* @__PURE__ */ m("img", {
-														src: K.icon,
+													children: W.icon ? /* @__PURE__ */ p("img", {
+														src: W.icon,
 														alt: "",
 														className: "size-full object-cover"
-													}) : /* @__PURE__ */ m("span", {
+													}) : /* @__PURE__ */ p("span", {
 														className: "text-lg font-bold text-text-muted",
-														children: K.name.charAt(0)
+														children: W.name.charAt(0)
 													})
 												}),
-												/* @__PURE__ */ h("div", {
+												/* @__PURE__ */ m("div", {
 													className: "flex items-center gap-1 border-l border-border-default pl-4",
 													children: [
-														/* @__PURE__ */ m("span", {
+														/* @__PURE__ */ p("span", {
 															className: "text-sm font-medium text-text-primary",
-															children: (K.rating || 0).toFixed(1)
+															children: (W.rating || 0).toFixed(1)
 														}),
-														/* @__PURE__ */ m(d, { className: "size-4 fill-current text-status-warning-text" }),
-														/* @__PURE__ */ m("span", {
+														/* @__PURE__ */ p(u, { className: "size-4 fill-current text-status-warning-text" }),
+														/* @__PURE__ */ p("span", {
 															className: "ml-1 text-xs text-text-muted",
-															children: y("pages.productDetail.reviews_count", "{{count}} reviews", { count: n(St || K.reviewCount) })
+															children: v("pages.productDetail.reviews_count", "{{count}} reviews", { count: n(Dt || W.reviewCount) })
 														})
 													]
 												}),
-												X ? /* @__PURE__ */ h("div", {
+												J ? /* @__PURE__ */ m("div", {
 													className: "border-l border-border-default pl-4",
-													children: [/* @__PURE__ */ h("span", {
+													children: [/* @__PURE__ */ m("span", {
 														className: "text-sm font-medium text-text-primary",
-														children: [n(K.purchaseCount), "+"]
-													}), /* @__PURE__ */ m("p", {
+														children: [n(W.purchaseCount), "+"]
+													}), /* @__PURE__ */ p("p", {
 														className: "text-xs text-text-muted",
-														children: y("pages.productDetail.purchasesLabel", "Purchases")
+														children: v("pages.productDetail.purchasesLabel", "Purchases")
 													})]
-												}) : /* @__PURE__ */ h("div", {
+												}) : /* @__PURE__ */ m("div", {
 													className: "border-l border-border-default pl-4",
-													children: [/* @__PURE__ */ h("span", {
+													children: [/* @__PURE__ */ m("span", {
 														className: "text-sm font-medium text-text-primary",
-														children: [n(K.downloads), "+"]
-													}), /* @__PURE__ */ m("p", {
+														children: [n(W.downloads), "+"]
+													}), /* @__PURE__ */ p("p", {
 														className: "text-xs text-text-muted",
-														children: y("pages.productDetail.downloadsLabel", "Downloads")
+														children: v("pages.productDetail.downloadsLabel", "Downloads")
 													})]
 												}),
-												/* @__PURE__ */ h("div", {
+												/* @__PURE__ */ m("div", {
 													className: "border-l border-border-default pl-4",
-													children: [/* @__PURE__ */ m("span", {
+													children: [/* @__PURE__ */ p("span", {
 														className: "rounded bg-bg-sunken px-2 py-1 text-xs font-medium text-text-primary",
-														children: K.type
-													}), /* @__PURE__ */ m("p", {
+														children: W.type
+													}), /* @__PURE__ */ p("p", {
 														className: "mt-0.5 text-xs text-text-muted",
-														children: y("pages.productDetail.typeLabel", "Type")
+														children: v("pages.productDetail.typeLabel", "Type")
 													})]
 												})
 											]
 										}),
-										$e && /* @__PURE__ */ m("div", {
+										it && /* @__PURE__ */ p("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: $e
+											children: it
 										}),
-										X && /* @__PURE__ */ h("div", {
+										J && !Q && /* @__PURE__ */ m("div", {
 											className: "mb-4 flex flex-wrap items-center gap-4",
-											children: [Z && ($ ? /* @__PURE__ */ h("span", {
+											children: [Y && (Z ? /* @__PURE__ */ m("span", {
 												className: "inline-flex items-center gap-1.5 rounded-full bg-status-error-bg-subtle px-3 py-1 text-sm font-medium text-status-error-text",
-												children: [/* @__PURE__ */ m(l, { className: "size-4" }), y("pages.productDetail.outOfStock", "Out of stock")]
-											}) : /* @__PURE__ */ h("span", {
+												children: [/* @__PURE__ */ p(c, { className: "size-4" }), v("pages.productDetail.outOfStock", "Out of stock")]
+											}) : /* @__PURE__ */ m("span", {
 												className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1 text-sm font-medium text-status-success-text",
-												children: [/* @__PURE__ */ m(l, { className: "size-4" }), y("pages.productDetail.inStock", "{{count}} in stock", { count: n(Q) })]
-											})), !$ && /* @__PURE__ */ h("div", {
+												children: [/* @__PURE__ */ p(c, { className: "size-4" }), v("pages.productDetail.inStock", "{{count}} in stock", { count: n(X) })]
+											})), !Z && /* @__PURE__ */ m("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ m("span", {
+												children: [/* @__PURE__ */ p("span", {
 													className: "text-sm text-text-muted",
-													children: y("pages.productDetail.quantity", "Qty")
-												}), /* @__PURE__ */ h("div", {
+													children: v("pages.productDetail.quantity", "Qty")
+												}), /* @__PURE__ */ m("div", {
 													className: "flex items-center rounded-full border border-border-default",
 													children: [
-														/* @__PURE__ */ m("button", {
+														/* @__PURE__ */ p("button", {
 															type: "button",
-															onClick: () => Qe((e) => Math.max(1, e - 1)),
-															disabled: w <= 1,
-															"aria-label": y("pages.productDetail.decreaseQuantity", "Decrease quantity"),
+															onClick: () => rt((e) => Math.max(1, e - 1)),
+															disabled: S <= 1,
+															"aria-label": v("pages.productDetail.decreaseQuantity", "Decrease quantity"),
 															className: "cursor-pointer px-3 py-1.5 text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
 															children: "−"
 														}),
-														/* @__PURE__ */ m("span", {
+														/* @__PURE__ */ p("span", {
 															className: "min-w-8 px-2 text-center text-sm font-medium tabular-nums text-text-primary",
-															children: w
+															children: S
 														}),
-														/* @__PURE__ */ m("button", {
+														/* @__PURE__ */ p("button", {
 															type: "button",
-															onClick: () => Qe((e) => Z ? Math.min(Q, e + 1) : e + 1),
-															disabled: Z && w >= Q,
-															"aria-label": y("pages.productDetail.increaseQuantity", "Increase quantity"),
+															onClick: () => rt((e) => Y ? Math.min(X, e + 1) : e + 1),
+															disabled: Y && S >= X,
+															"aria-label": v("pages.productDetail.increaseQuantity", "Increase quantity"),
 															className: "cursor-pointer px-3 py-1.5 text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
 															children: "+"
 														})
@@ -839,13 +842,28 @@ var Te = (e, t, n) => ({
 												})]
 											})]
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ m("div", {
 											className: "mb-6 flex items-center gap-3",
-											children: [b ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("button", {
+											children: [Q ? $ ? /* @__PURE__ */ m("a", {
+												href: $.url,
+												...Mt ? {} : {
+													target: "_blank",
+													rel: "noopener noreferrer"
+												},
+												"data-testid": "store-view-external-listing",
+												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",
+												children: [/* @__PURE__ */ p(xe, {
+													className: "size-4",
+													"aria-hidden": "true"
+												}), v("pages.productDetail.viewOnProduct", "View on {{product}}", { product: $.productName })]
+											}) : /* @__PURE__ */ p("p", {
+												className: "text-sm text-text-muted",
+												children: v("pages.productDetail.soldElsewhereUnavailable", "This item is sold outside the store and is not available right now.")
+											}) : y ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("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__ */ m("svg", {
+												children: [/* @__PURE__ */ p("svg", {
 													className: "size-4",
 													viewBox: "0 0 16 16",
 													fill: "none",
@@ -854,93 +872,96 @@ var Te = (e, t, n) => ({
 													strokeLinecap: "round",
 													strokeLinejoin: "round",
 													"aria-hidden": "true",
-													children: /* @__PURE__ */ m("polyline", { points: "2,8 6,12 14,4" })
-												}), y("pages.productDetail.installed", "Installed")]
-											}), dt && /* @__PURE__ */ m("button", {
+													children: /* @__PURE__ */ p("polyline", { points: "2,8 6,12 14,4" })
+												}), v("pages.productDetail.installed", "Installed")]
+											}), gt && /* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: V,
+												onClick: z,
 												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: y("pages.productDetail.updateToVersion", "Update to v{{version}}", { version: K.manifestVersion ?? "" })
-											})] }) : !X && W && !Y ? /* @__PURE__ */ m("button", {
+												children: v("pages.productDetail.updateToVersion", "Update to v{{version}}", { version: W.manifestVersion ?? "" })
+											})] }) : !J && H && !q ? /* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: V,
+												onClick: z,
 												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: y("pages.productDetail.installToWorkspace", "Install to Workspace")
-											}) : !X && Y ? /* @__PURE__ */ m("button", {
+												children: v("pages.productDetail.installToWorkspace", "Install to Workspace")
+											}) : !J && q ? /* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: V,
+												onClick: z,
 												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: y("pages.productDetail.install", "Install")
-											}) : /* @__PURE__ */ m("button", {
+												children: v("pages.productDetail.install", "Install")
+											}) : /* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: pt,
-												disabled: Xe || Fe || $,
+												onClick: vt,
+												disabled: tt || ze || Z,
 												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: Xe || Fe ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(ve, { className: "size-4 animate-spin" }), y("pages.productDetail.processing", "Processing…")] }) : $ ? y("pages.productDetail.outOfStock", "Out of stock") : y("pages.productDetail.buyNow", "Buy {{price}}", { price: Et() })
-											}), !Y && (!W || X) && /* @__PURE__ */ h("button", {
+												children: tt || ze ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Se, { className: "size-4 animate-spin" }), v("pages.productDetail.processing", "Processing…")] }) : Z ? v("pages.productDetail.outOfStock", "Out of stock") : v("pages.productDetail.buyNow", "Buy {{price}}", { price: jt() })
+											}), !Q && !q && (!H || J) && /* @__PURE__ */ m("button", {
 												type: "button",
-												onClick: ft,
-												disabled: Ne || $,
+												onClick: _t,
+												disabled: Le || Z,
 												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: [Ne ? /* @__PURE__ */ m(ve, { className: "size-4 animate-spin" }) : B ? /* @__PURE__ */ m(_e, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ m(ye, { className: "size-4" }), B ? y("pages.productDetail.inCart", "In Cart") : y("pages.productDetail.addToCart", "Add to Cart")]
+												children: [Le ? /* @__PURE__ */ p(Se, { className: "size-4 animate-spin" }) : R ? /* @__PURE__ */ p(be, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ p(Ce, { className: "size-4" }), R ? v("pages.productDetail.inCart", "In Cart") : v("pages.productDetail.addToCart", "Add to Cart")]
 											})]
 										}),
-										X ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("p", {
+										Q ? $ && /* @__PURE__ */ m("p", {
 											className: "flex items-center gap-2 text-xs text-text-muted",
-											children: [/* @__PURE__ */ m(l, { className: "size-4" }), K.requiresShipping === !1 ? y("pages.productDetail.pickupAvailable", "Available for pickup — no shipping required") : y("pages.productDetail.shipsToAddress", "Ships to your delivery address")]
-										}), !Y && /* @__PURE__ */ m("p", {
+											children: [/* @__PURE__ */ p(c, { className: "size-4" }), v("pages.productDetail.soldOnProductNotice", "Sold by {{product}}. Checkout, delivery and returns are handled there.", { product: $.productName })]
+										}) : J ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("p", {
+											className: "flex items-center gap-2 text-xs text-text-muted",
+											children: [/* @__PURE__ */ p(c, { className: "size-4" }), W.requiresShipping === !1 ? v("pages.productDetail.pickupAvailable", "Available for pickup — no shipping required") : v("pages.productDetail.shipsToAddress", "Ships to your delivery address")]
+										}), !q && /* @__PURE__ */ p("p", {
 											className: "text-xs text-text-tertiary",
-											children: y("pages.productDetail.sellerReturnsPolicy", "Returns and refunds are handled by {{seller}} per their store policy.", { seller: z?.name || y("pages.productDetail.theSeller", "the seller") })
-										})] }) : /* @__PURE__ */ h(p, { children: [
-											/* @__PURE__ */ h("p", {
+											children: v("pages.productDetail.sellerReturnsPolicy", "Returns and refunds are handled by {{seller}} per their store policy.", { seller: L?.name || v("pages.productDetail.theSeller", "the seller") })
+										})] }) : /* @__PURE__ */ m(f, { children: [
+											/* @__PURE__ */ m("p", {
 												className: "flex items-center gap-2 text-xs text-text-muted",
-												children: [/* @__PURE__ */ m(l, { className: "size-4" }), y("pages.productDetail.availableForWorkspace", "This app is available for your workspace")]
+												children: [/* @__PURE__ */ p(c, { className: "size-4" }), v("pages.productDetail.availableForWorkspace", "This app is available for your workspace")]
 											}),
-											!Y && !W && /* @__PURE__ */ m("p", {
+											!q && !H && /* @__PURE__ */ p("p", {
 												className: "text-xs text-text-tertiary",
-												children: y("pages.productDetail.purchaseFinalNotice", "All purchases are final. Digital app orders cannot be cancelled or refunded once completed.")
+												children: v("pages.productDetail.purchaseFinalNotice", "All purchases are final. Digital app orders cannot be cancelled or refunded once completed.")
 											}),
-											G && /* @__PURE__ */ h("p", {
+											U && /* @__PURE__ */ m("p", {
 												className: "mt-2 flex items-center gap-2 text-xs text-text-muted",
 												children: [
-													/* @__PURE__ */ m(u, { className: "size-4 text-status-success-text" }),
-													y("pages.productDetail.licenseStatus", "License: {{status}}", { status: G.status }),
-													G.expiresAt && y("pages.productDetail.licenseExpires", " (Expires: {{date}})", { date: new Date(G.expiresAt).toLocaleDateString() })
+													/* @__PURE__ */ p(l, { className: "size-4 text-status-success-text" }),
+													v("pages.productDetail.licenseStatus", "License: {{status}}", { status: U.status }),
+													U.expiresAt && v("pages.productDetail.licenseExpires", " (Expires: {{date}})", { date: new Date(U.expiresAt).toLocaleDateString() })
 												]
 											})
 										] })
 									]
 								})
 							]
-						}), /* @__PURE__ */ m("div", {
+						}), /* @__PURE__ */ p("div", {
 							className: "relative flex-1 overflow-hidden bg-bg-sunken lg:min-h-[500px]",
-							children: K.type === "WORKFLOW" ? /* @__PURE__ */ m("iframe", {
-								src: `${window.location.origin}/embed/workflow?productId=${encodeURIComponent(K.id)}&cta=false&theme=${document.documentElement.classList.contains("dark") ? "dark" : "light"}`,
-								title: `${K.name} workflow preview`,
+							children: W.type === "WORKFLOW" ? /* @__PURE__ */ p("iframe", {
+								src: `${window.location.origin}/embed/workflow?productId=${encodeURIComponent(W.id)}&cta=false&theme=${document.documentElement.classList.contains("dark") ? "dark" : "light"}`,
+								title: `${W.name} workflow preview`,
 								loading: "lazy",
 								className: "size-full min-h-[300px] border-0 lg:min-h-[500px]"
-							}) : K.bannerUrl ? /* @__PURE__ */ m("img", {
-								src: K.bannerUrl,
-								alt: `${K.name} banner`,
+							}) : W.bannerUrl ? /* @__PURE__ */ p("img", {
+								src: W.bannerUrl,
+								alt: `${W.name} banner`,
 								className: "size-full object-cover"
-							}) : K.screenshots && K.screenshots.length > 0 ? /* @__PURE__ */ m("img", {
-								src: K.screenshots[0],
-								alt: `${K.name} preview`,
+							}) : W.screenshots && W.screenshots.length > 0 ? /* @__PURE__ */ p("img", {
+								src: W.screenshots[0],
+								alt: `${W.name} preview`,
 								className: "size-full object-cover"
-							}) : /* @__PURE__ */ h("div", {
+							}) : /* @__PURE__ */ m("div", {
 								className: "flex h-full min-h-[300px] flex-col items-center justify-center gap-3 p-8 text-center",
 								children: [
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ p("div", {
 										className: "flex size-20 items-center justify-center rounded-2xl bg-bg-surface text-3xl font-bold text-text-muted",
-										children: K.name.charAt(0)
+										children: W.name.charAt(0)
 									}),
-									/* @__PURE__ */ m("p", {
+									/* @__PURE__ */ p("p", {
 										className: "text-sm text-text-muted",
-										children: y("pages.productDetail.noPreview", "No preview available")
+										children: v("pages.productDetail.noPreview", "No preview available")
 									}),
-									/* @__PURE__ */ m("p", {
+									/* @__PURE__ */ p("p", {
 										className: "max-w-[200px] text-xs text-text-muted opacity-60",
-										children: y("pages.productDetail.noPreviewHint", "Upload screenshots in the Store Listing tab to show a preview here")
+										children: v("pages.productDetail.noPreviewHint", "Upload screenshots in the Store Listing tab to show a preview here")
 									})
 								]
 							})
@@ -948,17 +969,17 @@ var Te = (e, t, n) => ({
 					})
 				})
 			}),
-			K.screenshots && K.screenshots.length > 0 && /* @__PURE__ */ m("div", {
+			W.screenshots && W.screenshots.length > 0 && /* @__PURE__ */ p("div", {
 				className: "border-y border-border-default bg-bg-base",
-				children: /* @__PURE__ */ h("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "px-6 py-6",
-					children: [/* @__PURE__ */ m("h2", {
+					children: [/* @__PURE__ */ p("h2", {
 						className: "mb-4 text-sm font-semibold uppercase tracking-wider text-text-muted",
-						children: y("pages.productDetail.previewTitle", "Preview")
-					}), /* @__PURE__ */ h("div", {
+						children: v("pages.productDetail.previewTitle", "Preview")
+					}), /* @__PURE__ */ m("div", {
 						className: "flex gap-4 overflow-x-auto pb-2",
 						style: { scrollSnapType: "x mandatory" },
-						children: [K.screenshots.map((e, t) => /* @__PURE__ */ m("div", {
+						children: [W.screenshots.map((e, t) => /* @__PURE__ */ p("div", {
 							className: "relative flex-shrink-0 overflow-hidden rounded-2xl shadow-lg",
 							style: {
 								width: "72vw",
@@ -967,113 +988,119 @@ var Te = (e, t, n) => ({
 								aspectRatio: "16/9",
 								scrollSnapAlign: "start"
 							},
-							children: /* @__PURE__ */ m("img", {
+							children: /* @__PURE__ */ p("img", {
 								src: e,
 								alt: `Screenshot ${t + 1}`,
 								className: "size-full object-cover"
 							})
-						}, t)), /* @__PURE__ */ m("div", { className: "flex-shrink-0 w-2" })]
+						}, t)), /* @__PURE__ */ p("div", { className: "flex-shrink-0 w-2" })]
 					})]
 				})
 			}),
-			/* @__PURE__ */ h("main", {
+			/* @__PURE__ */ m("main", {
 				className: "mx-auto max-w-7xl px-6 py-8",
 				children: [
-					/* @__PURE__ */ m(Ce, {
+					/* @__PURE__ */ p(De, {
 						className: "mb-6",
-						children: y("pages.productDetail.pagePurpose", "Everything you need to decide whether to install {{name}}: what it does, screenshots, pricing, the permissions and integrations it needs, and real customer reviews. When you are ready, install it (free apps) or buy it, then add it to a workspace — and leave a review once you have used it.", { name: K.name })
+						children: v("pages.productDetail.pagePurpose", "Everything you need to decide whether to install {{name}}: what it does, screenshots, pricing, the permissions and integrations it needs, and real customer reviews. When you are ready, install it (free apps) or buy it, then add it to a workspace — and leave a review once you have used it.", { name: W.name })
 					}),
-					/* @__PURE__ */ m(Se, {
+					/* @__PURE__ */ p(Ee, {
 						className: "mb-8",
 						storageKey: "store-product-detail",
 						steps: [
-							Y ? {
+							Q ? {
+								id: "buy",
+								label: $ ? v("pages.productDetail.viewOnProduct", "View on {{product}}", { product: $.productName }) : v("pages.productDetail.nextStepSoldElsewhereLabel", "Sold outside the store"),
+								description: v("pages.productDetail.nextStepSoldElsewhereDescription", "This item is bought in the product that sells it, not through the store cart."),
+								onClick: Nt,
+								done: !1
+							} : q ? {
 								id: "install",
-								label: y("pages.productDetail.nextStepInstallLabel", "Install this app"),
-								description: y("pages.productDetail.nextStepInstallDescription", "It’s free — add it to a workspace in a couple of clicks."),
-								onClick: V,
-								done: b
+								label: v("pages.productDetail.nextStepInstallLabel", "Install this app"),
+								description: v("pages.productDetail.nextStepInstallDescription", "It’s free — add it to a workspace in a couple of clicks."),
+								onClick: z,
+								done: y
 							} : {
 								id: "buy",
-								label: W ? y("pages.productDetail.nextStepInstallLabel", "Install to a workspace") : y("pages.productDetail.nextStepBuyLabel", "Buy or add to cart"),
-								description: W ? y("pages.productDetail.nextStepOwnedDescription", "You already own this — install it where you need it.") : y("pages.productDetail.nextStepBuyDescription", "Purchase now, or add it to your cart to check out later."),
-								onClick: W ? V : pt,
-								done: b
+								label: H ? v("pages.productDetail.nextStepInstallLabel", "Install to a workspace") : v("pages.productDetail.nextStepBuyLabel", "Buy or add to cart"),
+								description: H ? v("pages.productDetail.nextStepOwnedDescription", "You already own this — install it where you need it.") : v("pages.productDetail.nextStepBuyDescription", "Purchase now, or add it to your cart to check out later."),
+								onClick: H ? z : vt,
+								done: y
 							},
-							...J.length > 0 ? [{
+							...K.length > 0 ? [{
 								id: "permissions",
-								label: y("pages.productDetail.nextStepPermissionsLabel", "Review what it can access"),
-								description: y("pages.productDetail.nextStepPermissionsDescription", "Check the permissions this app requires before installing."),
+								label: v("pages.productDetail.nextStepPermissionsLabel", "Review what it can access"),
+								description: v("pages.productDetail.nextStepPermissionsDescription", "Check the permissions this app requires before installing."),
 								href: "#about-permissions"
 							}] : [],
 							{
 								id: "reviews",
-								label: y("pages.productDetail.nextStepReviewsLabel", "Read the reviews"),
-								description: y("pages.productDetail.nextStepReviewsDescription", "See what other customers think before committing."),
+								label: v("pages.productDetail.nextStepReviewsLabel", "Read the reviews"),
+								description: v("pages.productDetail.nextStepReviewsDescription", "See what other customers think before committing."),
 								href: "#ratings-reviews"
 							}
 						]
 					}),
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ m("div", {
 						className: "flex flex-col gap-8 lg:flex-row",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "flex-1 lg:max-w-3xl",
 							children: [
-								/* @__PURE__ */ h("section", {
+								/* @__PURE__ */ m("section", {
 									className: "mb-8",
 									children: [
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ p("div", {
 											className: "mb-4 flex items-center justify-between text-left",
-											children: /* @__PURE__ */ m("h2", {
+											children: /* @__PURE__ */ p("h2", {
 												className: "text-lg font-medium text-text-primary",
-												children: y("pages.productDetail.aboutThisApp", "About this app")
+												children: v("pages.productDetail.aboutThisApp", "About this app")
 											})
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ m("div", {
 											className: "text-sm leading-relaxed text-text-secondary",
-											children: [/* @__PURE__ */ m("div", {
-												className: C ? "" : "line-clamp-4",
-												children: /* @__PURE__ */ m(ie, { children: K.longDescription || K.description || y("pages.productDetail.noDescription", "No description available.") })
-											}), ((K.longDescription || K.description)?.length ?? 0) > 200 && /* @__PURE__ */ m("button", {
+											children: [/* @__PURE__ */ p("div", {
+												className: Ze ? "" : "line-clamp-4",
+												children: /* @__PURE__ */ p(ie, { children: W.longDescription || W.description || v("pages.productDetail.noDescription", "No description available.") })
+											}), ((W.longDescription || W.description)?.length ?? 0) > 200 && /* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => qe(!C),
+												onClick: () => Qe(!Ze),
 												className: "cursor-pointer mt-3 text-sm font-medium text-text-link",
-												children: C ? y("pages.productDetail.showLess", "Show less") : y("pages.productDetail.showMore", "Show more")
+												children: Ze ? v("pages.productDetail.showLess", "Show less") : v("pages.productDetail.showMore", "Show more")
 											})]
 										}),
-										K.tags && K.tags.length > 0 && /* @__PURE__ */ m("div", {
+										W.tags && W.tags.length > 0 && /* @__PURE__ */ p("div", {
 											className: "mt-4 flex flex-wrap gap-2",
-											children: K.tags.map((e) => /* @__PURE__ */ m("span", {
+											children: W.tags.map((e) => /* @__PURE__ */ p("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__ */ h("section", {
+								/* @__PURE__ */ m("section", {
 									id: "ratings-reviews",
 									className: "mb-8 scroll-mt-6",
 									children: [
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ p("div", {
 											className: "mb-4 flex items-center justify-between text-left",
-											children: /* @__PURE__ */ m("h2", {
+											children: /* @__PURE__ */ p("h2", {
 												className: "text-lg font-medium text-text-primary",
-												children: y("pages.productDetail.ratingsAndReviews", "Ratings & Reviews")
+												children: v("pages.productDetail.ratingsAndReviews", "Ratings & Reviews")
 											})
 										}),
-										/* @__PURE__ */ h(g, {
+										/* @__PURE__ */ m(h, {
 											treatment: "insight",
 											className: "p-5",
-											children: [H && H.length > 0 ? /* @__PURE__ */ h("div", {
+											children: [B && B.length > 0 ? /* @__PURE__ */ m("div", {
 												className: "flex items-start gap-8",
-												children: [/* @__PURE__ */ h("div", {
+												children: [/* @__PURE__ */ m("div", {
 													className: "text-center",
 													children: [
-														/* @__PURE__ */ m("p", {
+														/* @__PURE__ */ p("p", {
 															className: "text-5xl font-light tabular-nums text-text-primary",
-															children: (K.rating || 0).toFixed(1)
+															children: (W.rating || 0).toFixed(1)
 														}),
-														/* @__PURE__ */ m("div", {
+														/* @__PURE__ */ p("div", {
 															className: "my-2 flex justify-center gap-0.5",
 															children: [
 																1,
@@ -1081,21 +1108,21 @@ var Te = (e, t, n) => ({
 																3,
 																4,
 																5
-															].map((e) => /* @__PURE__ */ m(d, { className: `size-4 ${e <= Math.round(K.rating || 0) ? "fill-current text-status-warning-text" : "text-text-muted"}` }, e))
+															].map((e) => /* @__PURE__ */ p(u, { className: `size-4 ${e <= Math.round(W.rating || 0) ? "fill-current text-status-warning-text" : "text-text-muted"}` }, e))
 														}),
-														/* @__PURE__ */ m("p", {
+														/* @__PURE__ */ p("p", {
 															className: "text-sm text-text-muted",
-															children: y("pages.productDetail.reviews_count", "{{count}} reviews", { count: n(St || K.reviewCount) })
+															children: v("pages.productDetail.reviews_count", "{{count}} reviews", { count: n(Dt || W.reviewCount) })
 														})
 													]
-												}), wt.length > 0 && /* @__PURE__ */ m("div", {
+												}), kt.length > 0 && /* @__PURE__ */ p("div", {
 													className: "flex-1 space-y-1.5",
-													children: wt.map((e) => /* @__PURE__ */ m(Ee, { ...e }, e.stars))
+													children: kt.map((e) => /* @__PURE__ */ p(Ae, { ...e }, e.stars))
 												})]
-											}) : /* @__PURE__ */ h("div", {
+											}) : /* @__PURE__ */ m("div", {
 												className: "flex flex-col items-center justify-center py-6 text-center",
 												children: [
-													/* @__PURE__ */ m("div", {
+													/* @__PURE__ */ p("div", {
 														className: "mb-3 flex gap-0.5",
 														children: [
 															1,
@@ -1103,37 +1130,37 @@ var Te = (e, t, n) => ({
 															3,
 															4,
 															5
-														].map((e) => /* @__PURE__ */ m(d, { className: "size-5 text-border-default" }, e))
+														].map((e) => /* @__PURE__ */ p(u, { className: "size-5 text-border-default" }, e))
 													}),
-													/* @__PURE__ */ m("p", {
+													/* @__PURE__ */ p("p", {
 														className: "font-medium text-text-primary",
-														children: y("pages.productDetail.noReviews", "No reviews yet")
+														children: v("pages.productDetail.noReviews", "No reviews yet")
 													}),
-													/* @__PURE__ */ m("p", {
+													/* @__PURE__ */ p("p", {
 														className: "mt-1 text-sm text-text-muted",
-														children: y("pages.productDetail.beFirstToReview", "Be the first to share your experience with this app.")
+														children: v("pages.productDetail.beFirstToReview", "Be the first to share your experience with this app.")
 													})
 												]
-											}), /* @__PURE__ */ h("div", {
+											}), /* @__PURE__ */ m("div", {
 												className: "mt-6 border-t border-border-seam pt-4",
-												children: [et && /* @__PURE__ */ m("p", {
-													role: tt === "success" ? "status" : "alert",
-													className: `mb-3 rounded-lg px-3 py-2 text-sm ${tt === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
-													children: et
-												}), b || L?.isPurchased || L?.userReview ? /* @__PURE__ */ h("div", {
+												children: [at && /* @__PURE__ */ p("p", {
+													role: ot === "success" ? "status" : "alert",
+													className: `mb-3 rounded-lg px-3 py-2 text-sm ${ot === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
+													children: at
+												}), y || F?.isPurchased || F?.userReview ? /* @__PURE__ */ m("div", {
 													className: "space-y-4",
-													children: [/* @__PURE__ */ m("button", {
+													children: [/* @__PURE__ */ p("button", {
 														type: "button",
-														onClick: () => O ? k(!1) : vt(),
+														onClick: () => E ? D(!1) : Ct(),
 														className: "w-full cursor-pointer py-2 text-center text-sm font-medium text-text-primary transition-colors hover:text-text-link",
-														children: L?.userReview ? O ? y("pages.productDetail.cancelReviewEditing", "Cancel review editing") : y("pages.productDetail.editYourReview", "Edit your review") : O ? y("pages.productDetail.cancelReview", "Cancel review") : y("pages.productDetail.writeReview", "Write a Review")
-													}), O && /* @__PURE__ */ h("div", {
+														children: F?.userReview ? E ? v("pages.productDetail.cancelReviewEditing", "Cancel review editing") : v("pages.productDetail.editYourReview", "Edit your review") : E ? v("pages.productDetail.cancelReview", "Cancel review") : v("pages.productDetail.writeReview", "Write a Review")
+													}), E && /* @__PURE__ */ m("div", {
 														className: "rounded-xl border border-border-seam bg-bg-sunken p-4",
 														children: [
-															/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+															/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 																className: "text-sm font-medium text-text-primary",
-																children: y("pages.productDetail.yourRatingLabel", "Your rating")
-															}), /* @__PURE__ */ m("div", {
+																children: v("pages.productDetail.yourRatingLabel", "Your rating")
+															}), /* @__PURE__ */ p("div", {
 																className: "mt-2 flex flex-wrap gap-2",
 																children: [
 																	1,
@@ -1141,275 +1168,275 @@ var Te = (e, t, n) => ({
 																	3,
 																	4,
 																	5
-																].map((e) => /* @__PURE__ */ h("button", {
+																].map((e) => /* @__PURE__ */ m("button", {
 																	type: "button",
-																	onClick: () => F(e),
-																	className: `cursor-pointer rounded-full border px-3 py-1.5 text-sm transition-colors ${P === 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"}`,
+																	onClick: () => N(e),
+																	className: `cursor-pointer rounded-full border px-3 py-1.5 text-sm transition-colors ${M === 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__ */ h("label", {
+															/* @__PURE__ */ m("label", {
 																className: "mt-4 block text-sm font-medium text-text-primary",
-																children: [y("pages.productDetail.reviewTitleLabel", "Title"), /* @__PURE__ */ m("input", {
-																	"aria-label": y("pages.productDetail.reviewTitleLabel", "Review title"),
-																	value: A,
-																	onChange: (e) => j(e.target.value),
+																children: [v("pages.productDetail.reviewTitleLabel", "Title"), /* @__PURE__ */ p("input", {
+																	"aria-label": v("pages.productDetail.reviewTitleLabel", "Review title"),
+																	value: O,
+																	onChange: (e) => k(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: y("pages.productDetail.reviewTitlePlaceholder", "Summarize your experience")
+																	placeholder: v("pages.productDetail.reviewTitlePlaceholder", "Summarize your experience")
 																})]
 															}),
-															/* @__PURE__ */ h("label", {
+															/* @__PURE__ */ m("label", {
 																className: "mt-4 block text-sm font-medium text-text-primary",
-																children: [y("pages.productDetail.reviewBodyLabel", "Review"), /* @__PURE__ */ m("textarea", {
-																	"aria-label": y("pages.productDetail.reviewBodyLabel", "Review body"),
-																	value: M,
-																	onChange: (e) => N(e.target.value),
+																children: [v("pages.productDetail.reviewBodyLabel", "Review"), /* @__PURE__ */ p("textarea", {
+																	"aria-label": v("pages.productDetail.reviewBodyLabel", "Review body"),
+																	value: A,
+																	onChange: (e) => j(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: y("pages.productDetail.reviewBodyPlaceholder", "What worked well? What should improve?")
+																	placeholder: v("pages.productDetail.reviewBodyPlaceholder", "What worked well? What should improve?")
 																})]
 															}),
-															/* @__PURE__ */ h("div", {
+															/* @__PURE__ */ m("div", {
 																className: "mt-4 flex flex-wrap gap-3",
-																children: [/* @__PURE__ */ m("button", {
+																children: [/* @__PURE__ */ p("button", {
 																	type: "button",
-																	onClick: yt,
-																	disabled: Be || He,
+																	onClick: wt,
+																	disabled: We || Ke,
 																	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: Be || He ? y("pages.productDetail.savingReview", "Saving...") : L?.userReview ? y("pages.productDetail.updateReview", "Update Review") : y("pages.productDetail.submitReview", "Submit Review")
-																}), L?.userReview && /* @__PURE__ */ m("button", {
+																	children: We || Ke ? v("pages.productDetail.savingReview", "Saving...") : F?.userReview ? v("pages.productDetail.updateReview", "Update Review") : v("pages.productDetail.submitReview", "Submit Review")
+																}), F?.userReview && /* @__PURE__ */ p("button", {
 																	type: "button",
-																	onClick: bt,
-																	disabled: We,
+																	onClick: Tt,
+																	disabled: Je,
 																	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: We ? y("pages.productDetail.removingReview", "Removing...") : y("pages.productDetail.deleteReview", "Delete Review")
+																	children: Je ? v("pages.productDetail.removingReview", "Removing...") : v("pages.productDetail.deleteReview", "Delete Review")
 																})]
 															})
 														]
 													})]
-												}) : /* @__PURE__ */ m("p", {
+												}) : /* @__PURE__ */ p("p", {
 													className: "text-center text-sm text-text-muted",
-													children: y("pages.productDetail.installToReview", "Install this app to leave a review.")
+													children: v("pages.productDetail.installToReview", "Install this app to leave a review.")
 												})]
 											})]
 										}),
-										H && H.length > 0 && /* @__PURE__ */ h("div", {
+										B && B.length > 0 && /* @__PURE__ */ m("div", {
 											className: "mt-4 space-y-3",
-											children: [/* @__PURE__ */ m("ul", {
+											children: [/* @__PURE__ */ p("ul", {
 												className: "space-y-3",
-												children: (Je ? H : H.slice(0, 2)).map((e) => /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(De, {
+												children: ($e ? B : B.slice(0, 2)).map((e) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(je, {
 													review: e,
-													onMarkHelpful: xt,
-													markingHelpful: Ke && nt === e.id
+													onMarkHelpful: Et,
+													markingHelpful: Xe && st === e.id
 												}) }, e.id))
-											}), H.length > 2 && /* @__PURE__ */ m("button", {
+											}), B.length > 2 && /* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => Ye(!Je),
+												onClick: () => et(!$e),
 												className: "cursor-pointer text-sm font-medium text-text-link",
-												children: Je ? y("pages.productDetail.showLess", "Show less") : y("pages.productDetail.showAllReviews", "Show all {{count}} reviews", { count: H.length })
+												children: $e ? v("pages.productDetail.showLess", "Show less") : v("pages.productDetail.showAllReviews", "Show all {{count}} reviews", { count: B.length })
 											})]
 										}),
-										(!H || H.length === 0) && /* @__PURE__ */ m("p", {
+										(!B || B.length === 0) && /* @__PURE__ */ p("p", {
 											className: "mt-4 text-sm text-text-muted",
-											children: y("pages.productDetail.beFirstToReviewShort", "No reviews yet. Be the first to review!")
+											children: v("pages.productDetail.beFirstToReviewShort", "No reviews yet. Be the first to review!")
 										})
 									]
 								}),
-								J.length > 0 && /* @__PURE__ */ h("section", {
+								K.length > 0 && /* @__PURE__ */ m("section", {
 									id: "about-permissions",
 									className: "mb-8 scroll-mt-6",
-									children: [/* @__PURE__ */ m("h2", {
+									children: [/* @__PURE__ */ p("h2", {
 										className: "mb-4 text-lg font-medium text-text-primary",
-										children: y("pages.productDetail.requiredPermissions", "Required Permissions")
-									}), /* @__PURE__ */ m("div", {
+										children: v("pages.productDetail.requiredPermissions", "Required Permissions")
+									}), /* @__PURE__ */ p("div", {
 										className: "space-y-2",
-										children: J.map((e) => /* @__PURE__ */ h("div", {
+										children: K.map((e) => /* @__PURE__ */ m("div", {
 											className: "flex items-center gap-3 rounded-lg bg-bg-surface px-4 py-3",
-											children: [/* @__PURE__ */ m(u, { className: "size-5 text-status-success-text" }), /* @__PURE__ */ m("span", {
+											children: [/* @__PURE__ */ p(l, { className: "size-5 text-status-success-text" }), /* @__PURE__ */ p("span", {
 												className: "text-sm text-text-primary",
 												children: e
 											})]
 										}, e))
 									})]
 								}),
-								Tt.length > 0 && /* @__PURE__ */ h("section", {
+								At.length > 0 && /* @__PURE__ */ m("section", {
 									className: "mb-8",
-									children: [/* @__PURE__ */ m("h2", {
+									children: [/* @__PURE__ */ p("h2", {
 										className: "mb-4 text-lg font-medium text-text-primary",
-										children: y("pages.productDetail.integrations", "Integrations")
-									}), /* @__PURE__ */ m("div", {
+										children: v("pages.productDetail.integrations", "Integrations")
+									}), /* @__PURE__ */ p("div", {
 										className: "flex flex-wrap gap-2",
-										children: Tt.map((e) => /* @__PURE__ */ m("span", {
+										children: At.map((e) => /* @__PURE__ */ p("span", {
 											className: "rounded-lg bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary",
 											children: e
 										}, e))
 									})]
 								}),
-								/* @__PURE__ */ h("section", {
+								/* @__PURE__ */ m("section", {
 									className: "mb-8",
-									children: [/* @__PURE__ */ m("h2", {
+									children: [/* @__PURE__ */ p("h2", {
 										className: "mb-4 text-lg font-medium text-text-primary",
-										children: y("pages.productDetail.additionalInformation", "Additional Information")
-									}), /* @__PURE__ */ h(g, {
+										children: v("pages.productDetail.additionalInformation", "Additional Information")
+									}), /* @__PURE__ */ m(h, {
 										treatment: "metric",
 										className: "grid grid-cols-2 gap-6 p-5 md:grid-cols-3",
 										children: [
-											K.manifestVersion && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+											W.manifestVersion && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: y("pages.productDetail.versionLabel", "Version")
-											}), /* @__PURE__ */ m("p", {
+												children: v("pages.productDetail.versionLabel", "Version")
+											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
-												children: K.manifestVersion
+												children: W.manifestVersion
 											})] }),
-											/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+											/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: y("pages.productDetail.typeLabel", "Type")
-											}), /* @__PURE__ */ m("p", {
+												children: v("pages.productDetail.typeLabel", "Type")
+											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
-												children: K.type
+												children: W.type
 											})] }),
-											K.publishedAt && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+											W.publishedAt && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: y("pages.productDetail.publishedLabel", "Published")
-											}), /* @__PURE__ */ m("p", {
+												children: v("pages.productDetail.publishedLabel", "Published")
+											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
-												children: new Date(K.publishedAt).toLocaleDateString()
+												children: new Date(W.publishedAt).toLocaleDateString()
 											})] }),
-											/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+											/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: y("pages.productDetail.updatedLabel", "Updated")
-											}), /* @__PURE__ */ m("p", {
+												children: v("pages.productDetail.updatedLabel", "Updated")
+											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
-												children: new Date(K.updatedAt).toLocaleDateString()
+												children: new Date(W.updatedAt).toLocaleDateString()
 											})] }),
-											K.license && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+											W.license && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: y("pages.productDetail.licenseLabel", "License")
-											}), /* @__PURE__ */ m("p", {
+												children: v("pages.productDetail.licenseLabel", "License")
+											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
-												children: K.license
+												children: W.license
 											})] }),
-											K.minPlatformVersion && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+											W.minPlatformVersion && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: y("pages.productDetail.minPlatformVersionLabel", "Min Platform Version")
-											}), /* @__PURE__ */ m("p", {
+												children: v("pages.productDetail.minPlatformVersionLabel", "Min Platform Version")
+											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
-												children: K.minPlatformVersion
+												children: W.minPlatformVersion
 											})] })
 										]
 									})]
 								})
 							]
-						}), /* @__PURE__ */ h("div", {
+						}), /* @__PURE__ */ m("div", {
 							className: "w-full lg:w-80",
 							children: [
-								(K.documentationUrl || K.repositoryUrl || z?.email) && /* @__PURE__ */ h(g, {
+								(W.documentationUrl || W.repositoryUrl || L?.email) && /* @__PURE__ */ m(h, {
 									className: "mb-6 p-4",
-									children: [/* @__PURE__ */ m("h3", {
+									children: [/* @__PURE__ */ p("h3", {
 										className: "font-medium text-text-primary",
-										children: y("pages.productDetail.appSupport", "App support")
-									}), /* @__PURE__ */ h("div", {
+										children: v("pages.productDetail.appSupport", "App support")
+									}), /* @__PURE__ */ m("div", {
 										className: "mt-3 space-y-2 text-sm",
 										children: [
-											K.documentationUrl && /* @__PURE__ */ m("a", {
-												href: K.documentationUrl,
+											W.documentationUrl && /* @__PURE__ */ p("a", {
+												href: W.documentationUrl,
 												target: "_blank",
 												rel: "noreferrer",
 												className: "block text-text-link hover:underline",
-												children: y("pages.productDetail.documentation", "Documentation")
+												children: v("pages.productDetail.documentation", "Documentation")
 											}),
-											K.repositoryUrl && /* @__PURE__ */ m("a", {
-												href: K.repositoryUrl,
+											W.repositoryUrl && /* @__PURE__ */ p("a", {
+												href: W.repositoryUrl,
 												target: "_blank",
 												rel: "noreferrer",
 												className: "block text-text-link hover:underline",
-												children: y("pages.productDetail.sourceRepository", "Source repository")
+												children: v("pages.productDetail.sourceRepository", "Source repository")
 											}),
-											z?.email && /* @__PURE__ */ m("a", {
-												href: `mailto:${z.email}`,
+											L?.email && /* @__PURE__ */ p("a", {
+												href: `mailto:${L.email}`,
 												className: "block text-text-link hover:underline",
-												children: y("pages.productDetail.contactPublisher", "Contact publisher")
+												children: v("pages.productDetail.contactPublisher", "Contact publisher")
 											})
 										]
 									})]
 								}),
-								z && /* @__PURE__ */ m(g, {
+								L && /* @__PURE__ */ p(h, {
 									className: "mb-6 p-4",
 									children: (() => {
-										let e = z.developerOrganization, t = e?.name || z.name, n = e?.logoUrl || z.logoUrl, r = e?.description || z.bio, i = e?.isVerified || z.isVerified;
-										return /* @__PURE__ */ h(p, { children: [
-											/* @__PURE__ */ h("div", {
+										let e = L.developerOrganization, t = e?.name || L.name, n = e?.logoUrl || L.logoUrl, r = e?.description || L.bio, i = e?.isVerified || L.isVerified;
+										return /* @__PURE__ */ m(f, { children: [
+											/* @__PURE__ */ m("div", {
 												className: "flex items-center gap-2.5",
-												children: [n ? /* @__PURE__ */ m("img", {
+												children: [n ? /* @__PURE__ */ p("img", {
 													src: n,
 													alt: t,
 													className: "size-8 rounded-lg object-cover"
-												}) : /* @__PURE__ */ m("div", {
+												}) : /* @__PURE__ */ p("div", {
 													className: "flex size-8 items-center justify-center rounded-lg bg-bg-sunken text-sm font-bold text-text-muted",
 													children: t.charAt(0)
-												}), /* @__PURE__ */ m("div", {
+												}), /* @__PURE__ */ p("div", {
 													className: "flex-1 min-w-0",
-													children: /* @__PURE__ */ h("div", {
+													children: /* @__PURE__ */ m("div", {
 														className: "flex items-center gap-1.5",
-														children: [/* @__PURE__ */ m("span", {
+														children: [/* @__PURE__ */ p("span", {
 															className: "font-medium text-text-primary truncate",
 															children: t
-														}), i && /* @__PURE__ */ m(u, { className: "size-3.5 text-status-success-text shrink-0" })]
+														}), i && /* @__PURE__ */ p(l, { className: "size-3.5 text-status-success-text shrink-0" })]
 													})
 												})]
 											}),
-											r && /* @__PURE__ */ m("p", {
+											r && /* @__PURE__ */ p("p", {
 												className: "mt-2 text-sm text-text-muted",
 												children: r
 											}),
-											z.websiteUrl && /* @__PURE__ */ m("a", {
-												href: z.websiteUrl,
+											L.websiteUrl && /* @__PURE__ */ p("a", {
+												href: L.websiteUrl,
 												target: "_blank",
 												rel: "noreferrer",
 												className: "mt-3 inline-block text-sm text-text-link hover:underline",
-												children: y("pages.productDetail.visitWebsite", "Visit website")
+												children: v("pages.productDetail.visitWebsite", "Visit website")
 											})
 										] });
 									})()
 								}),
-								Ct && Ct.length > 0 && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", {
+								Ot && Ot.length > 0 && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
 									className: "mb-4 flex items-center justify-between text-left",
-									children: /* @__PURE__ */ m("span", {
+									children: /* @__PURE__ */ p("span", {
 										className: "font-medium text-text-primary",
-										children: y("pages.productDetail.similarApps", "Similar apps")
+										children: v("pages.productDetail.similarApps", "Similar apps")
 									})
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ p("div", {
 									className: "space-y-3",
-									children: Ct.slice(0, 4).map((e) => /* @__PURE__ */ h("button", {
+									children: Ot.slice(0, 4).map((e) => /* @__PURE__ */ m("button", {
 										type: "button",
-										onClick: () => f(`${_}/marketplace/product/${e.id}`),
+										onClick: () => d(`${g}/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__ */ m("img", {
+										children: [e.icon ? /* @__PURE__ */ p("img", {
 											src: e.icon,
 											alt: e.name,
 											className: "size-12 rounded-xl object-cover"
-										}) : /* @__PURE__ */ m("div", {
+										}) : /* @__PURE__ */ p("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__ */ h("div", {
+										}), /* @__PURE__ */ m("div", {
 											className: "flex-1 overflow-hidden",
 											children: [
-												/* @__PURE__ */ m("p", {
+												/* @__PURE__ */ p("p", {
 													className: "truncate text-sm font-medium text-text-primary",
 													children: e.name
 												}),
-												/* @__PURE__ */ m("p", {
+												/* @__PURE__ */ p("p", {
 													className: "text-xs text-text-muted",
-													children: z?.name || y("common.unknown", "Unknown")
+													children: L?.name || v("common.unknown", "Unknown")
 												}),
-												(e.reviewCount ?? 0) > 0 && /* @__PURE__ */ h("div", {
+												(e.reviewCount ?? 0) > 0 && /* @__PURE__ */ m("div", {
 													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ m("span", {
+													children: [/* @__PURE__ */ p("span", {
 														className: "text-xs text-text-muted",
 														children: (e.rating || 0).toFixed(1)
-													}), /* @__PURE__ */ m(d, { className: "size-3 fill-current text-status-warning-text" })]
+													}), /* @__PURE__ */ p(u, { className: "size-3 fill-current text-status-warning-text" })]
 												})
 											]
 										})]
@@ -1420,27 +1447,27 @@ var Te = (e, t, n) => ({
 					})
 				]
 			}),
-			K && /* @__PURE__ */ m(ae, {
-				isOpen: it,
-				onClose: () => at(!1),
+			W && /* @__PURE__ */ p(oe, {
+				isOpen: lt,
+				onClose: () => ut(!1),
 				app: {
-					id: K.id,
-					applicationId: K.productId,
-					name: K.name,
-					slug: K.slug,
-					icon: K.icon,
-					type: K.type,
-					version: K.manifestVersion,
-					permissions: J.length > 0 ? J : void 0
+					id: W.id,
+					applicationId: W.productId,
+					name: W.name,
+					slug: W.slug,
+					icon: W.icon,
+					type: W.type,
+					version: W.manifestVersion,
+					permissions: K.length > 0 ? K : void 0
 				},
-				purchaseState: W && !Y ? "purchased" : "free",
-				onInstallSuccess: gt,
-				onInstallError: _t
+				purchaseState: H && !q ? "purchased" : "free",
+				onInstallSuccess: xt,
+				onInstallError: St
 			})
 		]
 	});
 };
 //#endregion
-export { Ae as ProductDetailPage };
+export { Pe as ProductDetailPage };
 
 //# sourceMappingURL=ProductDetailPage.js.map