@burdenoff/microfe-store 2026.830.1 → 2026.830.2

package/dist/pages/ProductDetailPage.js

@@ -3,23 +3,24 @@ 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 a, useEffect as ue, useMemo as de, useRef as fe, useState as o } from "react";
+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 s, ArrowLeft as ge, Check as _e, Loader2 as ve, Package as c, ShieldCheck as l, ShoppingCart as ye, 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 be, GlassCard as h, IllustratedEmptyState as xe, NextSteps as Se, PagePurpose as Ce } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/pages/ProductDetailPage.tsx
-var Te = (e, t) => ({
+var Te = (e, t, n) => ({
 	id: e.id,
 	publisherId: t?.id || "",
 	publisher: {
 		id: t?.id || "",
-		name: t?.name || e.authorName || "Unknown",
-		displayName: t?.name || e.authorName || "Unknown",
+		name: t?.name || e.authorName || n?.("common.unknown", "Unknown") || "Unknown",
+		displayName: t?.name || e.authorName || n?.("common.unknown", "Unknown") || "Unknown",
 		email: t?.email || "",
 		verified: t?.isVerified || !1,
 		totalProducts: 0,
@@ -88,207 +89,210 @@ var Te = (e, t) => ({
 	createdAt: e.createdAt,
 	updatedAt: e.updatedAt,
 	publishedAt: e.publishedAt
-}), Ee = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ m("div", {
+}), Ee = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ h("div", {
 	className: "flex items-center gap-2",
 	children: [
-		/* @__PURE__ */ p("span", {
+		/* @__PURE__ */ m("span", {
 			className: "w-3 text-xs text-text-muted",
 			children: e
 		}),
-		/* @__PURE__ */ p("div", {
+		/* @__PURE__ */ m("div", {
 			className: "h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken",
-			children: /* @__PURE__ */ p("div", {
+			children: /* @__PURE__ */ m("div", {
 				className: "h-full rounded-full bg-status-warning-bg-subtle",
 				style: { width: `${t}%` }
 			})
 		}),
-		/* @__PURE__ */ p("span", {
+		/* @__PURE__ */ m("span", {
 			className: "w-12 text-right text-xs text-text-muted",
 			children: n(r)
 		})
 	]
-}), De = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => /* @__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__ */ p("div", {
-			className: "mb-3 flex items-start justify-between",
-			children: /* @__PURE__ */ m("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ p("div", {
-					className: "flex size-10 items-center justify-center rounded-full bg-bg-sunken text-text-muted",
-					children: /* @__PURE__ */ p(u, { className: "size-4 fill-current" })
-				}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
-					className: "font-medium text-text-primary",
-					children: "Verified Buyer"
-				}), /* @__PURE__ */ m("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ p("div", {
-						className: "flex gap-0.5",
-						children: [
-							1,
-							2,
-							3,
-							4,
-							5
-						].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 {
-								return new Date(e).toLocaleDateString("en-US", {
-									year: "numeric",
-									month: "short",
-									day: "numeric"
-								});
-							} catch {
-								return e;
-							}
-						})(e.createdAt)
-					})]
-				})] })]
-			})
-		}),
-		e.title && /* @__PURE__ */ p("h4", {
-			className: "mb-2 font-medium text-text-primary",
-			children: e.title
-		}),
-		e.comment && /* @__PURE__ */ p("p", {
-			className: "mb-3 text-sm text-text-muted",
-			children: e.comment
-		}),
-		/* @__PURE__ */ p("div", {
-			className: "flex items-center justify-between",
-			children: /* @__PURE__ */ m("button", {
-				type: "button",
-				onClick: () => t(e.id),
-				disabled: n,
-				"aria-label": "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__ */ p(d, { className: "size-3.5" }), /* @__PURE__ */ p("span", { children: n ? "Updating…" : `Helpful (${e.helpful})` })]
+}), De = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => {
+	let r = a();
+	return /* @__PURE__ */ h("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", {
+				className: "mb-3 flex items-start justify-between",
+				children: /* @__PURE__ */ h("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ m("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", {
+						className: "font-medium text-text-primary",
+						children: r("pages.productDetail.verifiedBuyer", "Verified Buyer")
+					}), /* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex gap-0.5",
+							children: [
+								1,
+								2,
+								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", {
+							className: "text-xs text-text-muted",
+							children: ((e) => {
+								try {
+									return new Date(e).toLocaleDateString("en-US", {
+										year: "numeric",
+										month: "short",
+										day: "numeric"
+									});
+								} catch {
+									return e;
+								}
+							})(e.createdAt)
+						})]
+					})] })]
+				})
+			}),
+			e.title && /* @__PURE__ */ m("h4", {
+				className: "mb-2 font-medium text-text-primary",
+				children: e.title
+			}),
+			e.comment && /* @__PURE__ */ m("p", {
+				className: "mb-3 text-sm text-text-muted",
+				children: e.comment
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex items-center justify-between",
+				children: /* @__PURE__ */ h("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 }) })]
+				})
 			})
-		})
-	]
-}), Oe = () => /* @__PURE__ */ m("div", {
+		]
+	});
+}, Oe = () => /* @__PURE__ */ h("div", {
 	className: "h-full overflow-y-auto",
-	children: [/* @__PURE__ */ p("div", {
+	children: [/* @__PURE__ */ m("div", {
 		className: "sticky top-0 z-10 border-b border-border-default bg-bg-surface px-6 py-4",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ h("div", {
 			className: "flex items-center gap-4",
 			children: [
-				/* @__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", {
+				/* @__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", {
 					className: "flex gap-2",
-					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" })]
+					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" })]
 				})
 			]
 		})
-	}), /* @__PURE__ */ m("div", {
+	}), /* @__PURE__ */ h("div", {
 		className: "mx-auto max-w-6xl p-6",
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "mb-8 flex flex-col gap-6 md:flex-row",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "flex gap-4 md:w-1/2",
-					children: [/* @__PURE__ */ p("div", { className: "size-28 animate-pulse rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ m("div", { className: "size-28 animate-pulse rounded-2xl bg-bg-sunken" }), /* @__PURE__ */ h("div", {
 						className: "flex flex-1 flex-col justify-center gap-2",
 						children: [
-							/* @__PURE__ */ p("div", { className: "h-8 w-3/4 animate-pulse rounded bg-bg-sunken" }),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ m("div", { className: "h-8 w-3/4 animate-pulse rounded bg-bg-sunken" }),
+							/* @__PURE__ */ h("div", {
 								className: "flex items-center gap-2",
-								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" })]
+								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" })]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "flex gap-3",
-								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" })]
+								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" })]
 							})
 						]
 					})]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ h("div", {
 					className: "flex flex-col gap-4 md:w-1/2 md:items-end",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "flex items-center gap-4",
 						children: [
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "text-center",
-								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" })]
+								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" })]
 							}),
-							/* @__PURE__ */ p("div", { className: "h-12 w-px bg-border-default" }),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ m("div", { className: "h-12 w-px bg-border-default" }),
+							/* @__PURE__ */ h("div", {
 								className: "text-center",
-								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" })]
+								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" })]
 							}),
-							/* @__PURE__ */ p("div", { className: "h-12 w-px bg-border-default" }),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ m("div", { className: "h-12 w-px bg-border-default" }),
+							/* @__PURE__ */ h("div", {
 								className: "text-center",
-								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" })]
+								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" })]
 							})
 						]
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "flex gap-3",
-						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" })]
+						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" })]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ m("section", {
+			/* @__PURE__ */ h("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ p("div", { className: "aspect-video animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", { className: "aspect-video animate-pulse rounded-lg bg-bg-sunken" }), /* @__PURE__ */ m("div", {
 					className: "mt-4 flex gap-4",
 					children: [...[
 						,
 						,
 						,
 						,
-					]].map((e, t) => /* @__PURE__ */ p("div", { className: "h-20 w-36 animate-pulse rounded-lg bg-bg-sunken" }, t))
+					]].map((e, t) => /* @__PURE__ */ m("div", { className: "h-20 w-36 animate-pulse rounded-lg bg-bg-sunken" }, t))
 				})]
 			}),
-			/* @__PURE__ */ m("section", {
+			/* @__PURE__ */ h("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "mb-4 flex items-center gap-2",
-					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", {
+					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", {
 					className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "space-y-2",
 						children: [
-							/* @__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", { 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", {
+					}), /* @__PURE__ */ m("div", {
 						className: "mt-4 flex gap-2",
 						children: [...[
 							,
 							,
 							,
 							,
-						]].map((e, t) => /* @__PURE__ */ p("div", { className: "h-6 w-16 rounded-full bg-bg-sunken" }, t))
+						]].map((e, t) => /* @__PURE__ */ m("div", { className: "h-6 w-16 rounded-full bg-bg-sunken" }, t))
 					})]
 				})]
 			}),
-			/* @__PURE__ */ m("section", {
+			/* @__PURE__ */ h("section", {
 				className: "mb-8",
 				children: [
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "mb-4 flex items-center justify-between",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "flex items-center gap-2",
-							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" })]
+							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", {
+					/* @__PURE__ */ h("div", {
 						className: "mb-6 flex flex-col gap-6 md:flex-row",
-						children: [/* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4 md:w-64",
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ h("div", {
 								className: "flex items-center gap-6",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "text-center",
 									children: [
-										/* @__PURE__ */ p("div", { className: "h-12 w-16 rounded bg-bg-sunken" }),
-										/* @__PURE__ */ p("div", {
+										/* @__PURE__ */ m("div", { className: "h-12 w-16 rounded bg-bg-sunken" }),
+										/* @__PURE__ */ m("div", {
 											className: "my-1 flex justify-center gap-0.5",
 											children: [...[
 												,
@@ -296,11 +300,11 @@ var Te = (e, t) => ({
 												,
 												,
 												,
-											]].map((e, t) => /* @__PURE__ */ p("div", { className: "size-4 rounded bg-bg-sunken" }, t))
+											]].map((e, t) => /* @__PURE__ */ m("div", { className: "size-4 rounded bg-bg-sunken" }, t))
 										}),
-										/* @__PURE__ */ p("div", { className: "h-3 w-20 rounded bg-bg-sunken" })
+										/* @__PURE__ */ m("div", { className: "h-3 w-20 rounded bg-bg-sunken" })
 									]
-								}), /* @__PURE__ */ p("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "flex-1 space-y-1",
 									children: [...[
 										,
@@ -308,29 +312,29 @@ var Te = (e, t) => ({
 										,
 										,
 										,
-									]].map((e, t) => /* @__PURE__ */ m("div", {
+									]].map((e, t) => /* @__PURE__ */ h("div", {
 										className: "flex items-center gap-2",
 										children: [
-											/* @__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" })
+											/* @__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" })
 										]
 									}, t))
 								})]
 							})
-						}), /* @__PURE__ */ p("div", { className: "h-12 w-32 animate-pulse rounded-lg bg-bg-sunken" })]
+						}), /* @__PURE__ */ m("div", { className: "h-12 w-32 animate-pulse rounded-lg bg-bg-sunken" })]
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "space-y-4",
-						children: [...[, ,]].map((e, t) => /* @__PURE__ */ m("div", {
+						children: [...[, ,]].map((e, t) => /* @__PURE__ */ h("div", {
 							className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
-							children: [/* @__PURE__ */ m("div", {
+							children: [/* @__PURE__ */ h("div", {
 								className: "mb-3 flex items-start gap-3",
-								children: [/* @__PURE__ */ p("div", { className: "size-10 rounded-full bg-bg-sunken" }), /* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ m("div", { className: "size-10 rounded-full bg-bg-sunken" }), /* @__PURE__ */ h("div", {
 									className: "flex-1",
-									children: [/* @__PURE__ */ p("div", { className: "h-4 w-32 rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", {
+									children: [/* @__PURE__ */ m("div", { className: "h-4 w-32 rounded bg-bg-sunken" }), /* @__PURE__ */ h("div", {
 										className: "mt-1 flex items-center gap-2",
-										children: [/* @__PURE__ */ p("div", {
+										children: [/* @__PURE__ */ m("div", {
 											className: "flex gap-0.5",
 											children: [...[
 												,
@@ -338,26 +342,26 @@ var Te = (e, t) => ({
 												,
 												,
 												,
-											]].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" })]
+											]].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" })]
 									})]
 								})]
-							}), /* @__PURE__ */ m("div", {
+							}), /* @__PURE__ */ h("div", {
 								className: "space-y-2",
-								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" })]
+								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" })]
 							})]
 						}, t))
 					})
 				]
 			}),
-			/* @__PURE__ */ m("section", {
+			/* @__PURE__ */ h("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "mb-4 flex items-center gap-2",
-					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", {
+					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", {
 					className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
-					children: /* @__PURE__ */ p("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: "grid gap-4 md:grid-cols-2",
 						children: [...[
 							,
@@ -366,37 +370,37 @@ var Te = (e, 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))
+						]].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))
 					})
 				})]
 			}),
-			/* @__PURE__ */ m("section", {
+			/* @__PURE__ */ h("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "flex items-center gap-2",
-						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", {
+						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", {
 					className: "grid gap-4 md:grid-cols-4",
 					children: [...[
 						,
 						,
 						,
 						,
-					]].map((e, t) => /* @__PURE__ */ p("div", {
+					]].map((e, t) => /* @__PURE__ */ m("div", {
 						className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-3",
-						children: /* @__PURE__ */ m("div", {
+						children: /* @__PURE__ */ h("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ p("div", { className: "size-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ m("div", {
+							children: [/* @__PURE__ */ m("div", { className: "size-14 rounded-xl bg-bg-sunken" }), /* @__PURE__ */ h("div", {
 								className: "flex-1",
 								children: [
-									/* @__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", {
+									/* @__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", {
 										className: "mt-1 flex items-center gap-2",
-										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" })]
+										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" })]
 									})
 								]
 							})]
@@ -404,160 +408,166 @@ var Te = (e, t) => ({
 					}, t))
 				})]
 			}),
-			/* @__PURE__ */ m("section", {
+			/* @__PURE__ */ h("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ p("div", { className: "mb-4 h-6 w-36 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ m("div", { className: "mb-4 h-6 w-36 animate-pulse rounded bg-bg-sunken" }), /* @__PURE__ */ h("div", {
 					className: "animate-pulse rounded-lg border border-border-seam bg-bg-surface p-4",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ p("div", { className: "size-12 rounded-lg bg-bg-sunken" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ m("div", { className: "size-12 rounded-lg bg-bg-sunken" }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
 							className: "flex items-center gap-2",
-							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", {
+							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", {
 						className: "mt-3 space-y-2",
-						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" })]
+						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" })]
 					})]
 				})]
 			})
 		]
 	})]
-}), ke = ({ error: e, onRetry: t, onBack: n }) => /* @__PURE__ */ p("div", {
-	className: "flex h-full items-center justify-center",
-	children: /* @__PURE__ */ m("div", {
-		className: "text-center",
-		children: [
-			/* @__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: "Failed to load product"
-			}),
-			/* @__PURE__ */ p("p", {
-				className: "mb-4 text-text-muted",
-				children: e.message || "An error occurred while loading the product details."
-			}),
-			/* @__PURE__ */ m("div", {
-				className: "flex justify-center gap-3",
-				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: "Try Again"
-				}), /* @__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",
-					children: "Go Back"
-				})]
-			})
-		]
-	})
-}), Ae = () => {
-	let { productId: s } = he(), d = me(), Ae = pe(), { basePath: g, workspaceId: _ } = e(), { addProduct: je, cartItems: Me, addingToCart: Ne, createOrder: Pe, checkingOut: Fe } = t(), { installations: Ie, refetch: Le } = oe({
-		filter: de(() => s && _ ? {
-			productId: s,
-			workspaceId: _
-		} : void 0, [s, _]),
+}), ke = ({ error: e, onRetry: t, onBack: n }) => {
+	let r = a();
+	return /* @__PURE__ */ m("div", {
+		className: "flex h-full items-center justify-center",
+		children: /* @__PURE__ */ h("div", {
+			className: "text-center",
+			children: [
+				/* @__PURE__ */ m(c, { className: "mx-auto mb-4 size-12 text-status-error-text" }),
+				/* @__PURE__ */ m("h2", {
+					className: "mb-2 text-xl font-semibold text-text-primary",
+					children: r("pages.productDetail.errorTitle", "Failed to load product")
+				}),
+				/* @__PURE__ */ m("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", {
+					className: "flex justify-center gap-3",
+					children: [/* @__PURE__ */ m("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", {
+						type: "button",
+						onClick: n,
+						className: "rounded-lg border border-border-default px-4 py-2 text-text-primary transition-colors hover:bg-bg-sunken",
+						children: r("common.goBack", "Go Back")
+					})]
+				})
+			]
+		})
+	});
+}, 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]),
 		limit: 1
-	}), Re = Ie.find((e) => e.productId === s && e.workspaceId === _ && e.status === "ACTIVE"), v = !!Re, y = Re?.version ?? null, { createReview: ze, loading: Be } = i(), { updateReview: Ve, loading: He } = re(), { deleteReview: Ue, loading: We } = ee(), { markHelpful: Ge, loading: Ke } = te(), b = we(), [x, qe] = o(!1), [S, Je] = o(!1), [Ye, C] = o(!1), [w, Xe] = o(1), [Ze, T] = o(null), [Qe, E] = o(null), [$e, D] = o("success"), [O, k] = o(!1), [A, j] = o(""), [M, et] = o(""), [N, P] = o(5), [tt, nt] = o(null), [rt, it] = o(!1), { data: at, loading: ot, error: st, refetch: F } = ne({
-		id: s,
-		slug: s,
+	}), 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,
 		includeReviews: !0,
 		reviewsLimit: 10,
 		includeRelated: !0,
 		relatedLimit: 4,
 		includeVersions: !0
-	}), I = at, L = I?.product, R = I?.publisher, z = Me.some((e) => e.productId === L?.id), ct = (e) => {
+	}), L = ot, R = L?.product, z = L?.publisher, B = Me.some((e) => e.productId === R?.id), lt = (e) => {
 		let t = e.split(".");
 		for (; t.length < 3;) t.push("0");
 		return t.join(".");
-	}, lt = L?.manifestVersion ?? null, ut = !!(v && y && lt && ct(y) !== ct(lt)), dt = a(async () => {
-		if (L) {
-			if (T(null), z) {
-				d(`${g}/cart`);
+	}, ut = R?.manifestVersion ?? null, dt = !!(b && x && ut && lt(x) !== lt(ut)), ft = o(async () => {
+		if (R) {
+			if (T(null), B) {
+				f(`${_}/cart`);
 				return;
 			}
 			try {
-				await je(Te(L, R), void 0, w);
+				await je(Te(R, z, y), void 0, w);
 			} catch (e) {
-				console.error("Failed to add product to cart:", e), T("Failed to add this product to cart. Please try again.");
+				console.error("Failed to add product to cart:", e), T(y("pages.productDetail.addToCartError", "Failed to add this product to cart. Please try again."));
 			}
 		}
 	}, [
-		L,
 		R,
-		je,
 		z,
-		d,
-		g,
-		w
-	]), ft = a(async () => {
-		if (L) {
-			T(null), C(!0);
+		je,
+		B,
+		f,
+		_,
+		w,
+		y
+	]), pt = o(async () => {
+		if (R) {
+			T(null), Ze(!0);
 			try {
-				let e = L.price || 0, t = {
-					productId: L.id,
-					name: L.name,
+				let e = R.price || 0, t = {
+					productId: R.id,
+					name: R.name,
 					quantity: w,
 					unitPrice: e,
 					subtotal: e * w,
-					itemType: L.nature?.toLowerCase() || "digital",
-					pricingModel: L.pricingModel || "PAID_ONETIME"
+					itemType: R.nature?.toLowerCase() || "digital",
+					pricingModel: R.pricingModel || "PAID_ONETIME"
 				}, n = await Pe({
 					total: e * w,
 					lineItems: [t],
 					billingAccountId: ""
 				});
-				n?.id ? d(`/billing/checkout/store/${n.id}${Ae.search}`) : (console.error("Failed to create order"), T("Failed to create order. Please try again."), C(!1));
+				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));
 			} catch (e) {
-				console.error("Buy Now error:", e), T(e instanceof Error ? e.message : "Failed to start checkout"), C(!1);
+				console.error("Buy Now error:", e), T(e instanceof Error ? e.message : y("pages.productDetail.checkoutError", "Failed to start checkout")), Ze(!1);
 			}
 		}
 	}, [
-		L,
+		R,
 		w,
 		Pe,
-		d
-	]), B = a(() => {
-		L && it(!0);
-	}, [L]), pt = fe(L);
-	pt.current = L;
-	let mt = fe(b);
-	mt.current = b, ue(() => {
-		let e = pt.current;
-		e && mt.current.emit("store.product.viewed", {
+		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", {
 			productId: e.id,
 			productSlug: e.slug,
 			productType: e.type,
 			pricingModel: e.pricingModel
 		});
-	}, [L?.id]);
-	let ht = a((e, t) => {
-		L && (b.emit("store.product.installed", {
-			productId: L.id,
+	}, [R?.id]);
+	let gt = o((e, t) => {
+		R && (S.emit("store.product.installed", {
+			productId: R.id,
 			workspaceId: e
-		}), console.log(`Successfully installed ${L.name} to workspace ${t} (${e})`), Le());
+		}), console.log(`Successfully installed ${R.name} to workspace ${t} (${e})`), Le());
 	}, [
-		L,
-		b,
+		R,
+		S,
 		Le
-	]), gt = a((e) => {
+	]), _t = o((e) => {
 		console.error("Installation failed:", e.message);
-	}, []), _t = a(() => {
-		j(I?.userReview?.title ?? ""), et(I?.userReview?.comment ?? ""), P(I?.userReview?.rating ?? 5), E(null), D("success"), k(!0);
-	}, [I?.userReview]), vt = a(async () => {
-		if (!L) return;
-		if (N < 1 || N > 5) {
-			D("error"), E("Choose a rating from 1 to 5 stars.");
+	}, []), 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."));
 			return;
 		}
 		let e = {
-			productId: L.id,
-			rating: N,
+			productId: R.id,
+			rating: P,
 			title: A.trim() || void 0,
 			comment: M.trim() || void 0
-		}, t = I?.userReview ? {
-			data: await Ve(I.userReview.id, {
+		}, t = L?.userReview ? {
+			data: await Ve(L.userReview.id, {
 				rating: e.rating,
 				title: e.title,
 				comment: e.comment
@@ -565,64 +575,66 @@ var Te = (e, t) => ({
 			errorMessage: null
 		} : await ze(e);
 		if (!t?.data) {
-			D("error"), E(t?.errorMessage ?? "We could not save your review. Please try again.");
+			D("error"), E(t?.errorMessage ?? y("pages.productDetail.reviewSaveError", "We could not save your review. Please try again."));
 			return;
 		}
-		D("success"), E(I?.userReview ? "Your review was updated." : "Your review was submitted."), k(!1), b.emit("store.review.submitted", {
-			productId: L.id,
-			rating: N
-		}), await F();
+		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();
 	}, [
-		b,
+		S,
 		ze,
-		L,
-		I?.userReview,
-		F,
+		R,
+		L?.userReview,
+		I,
 		M,
-		N,
+		P,
 		A,
-		Ve
-	]), yt = a(async () => {
-		if (I?.userReview && (ce("medium"), await se({
-			title: "Delete review",
-			message: "Are you sure you want to remove your review?",
-			okButtonTitle: "Delete",
-			cancelButtonTitle: "Cancel"
+		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")
 		}) !== !1)) {
-			if (!await Ue(I.userReview.id)) {
-				D("error"), E("We could not remove your review. Please try again."), le("error");
+			if (!await Ue(L.userReview.id)) {
+				D("error"), E(y("pages.productDetail.reviewDeleteError", "We could not remove your review. Please try again.")), le("error");
 				return;
 			}
-			D("success"), E("Your review was removed."), k(!1), j(""), et(""), P(5), le("success"), await F();
+			D("success"), E(y("pages.productDetail.reviewRemoved", "Your review was removed.")), k(!1), j(""), N(""), F(5), le("success"), await I();
 		}
 	}, [
 		Ue,
-		I?.userReview,
-		F
-	]), bt = a(async (e) => {
-		nt(e), await Ge(e) && await F(), nt(null);
-	}, [Ge, F]);
-	if (ot) return /* @__PURE__ */ p(Oe, {});
-	if (st) return /* @__PURE__ */ p(ke, {
-		error: st,
-		onRetry: F,
-		onBack: () => d(`${g}/marketplace`)
+		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`)
 	});
-	if (!I?.product) return /* @__PURE__ */ p("div", {
+	if (!L?.product) return /* @__PURE__ */ m("div", {
 		className: "flex h-full items-center justify-center p-6",
-		children: /* @__PURE__ */ p(xe, {
+		children: /* @__PURE__ */ m(xe, {
 			illustration: "empty-search",
-			title: "Product not found",
-			description: "The product you are looking for does not exist or has been removed.",
-			action: /* @__PURE__ */ p("button", {
+			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", {
 				type: "button",
-				onClick: () => d(`${g}/marketplace`),
+				onClick: () => f(`${_}/marketplace`),
 				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-action-primary-text transition-opacity hover:opacity-90",
-				children: "Back to Marketplace"
+				children: y("pages.productDetail.backToMarketplace", "Back to Marketplace")
 			})
 		})
 	});
-	let { reviews: V, reviewsCount: xt, relatedProducts: H, ratingDistribution: U, isPurchased: W, userEntitlement: G } = I, K = L, q = U ? U.fiveStars + U.fourStars + U.threeStars + U.twoStars + U.oneStar : 0, St = U ? [
+	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 ? [
 		{
 			stars: 5,
 			count: U.fiveStars,
@@ -648,178 +660,169 @@ var Te = (e, t) => ({
 			count: U.oneStar,
 			percentage: q > 0 ? U.oneStar / q * 100 : 0
 		}
-	] : [], J = K.requiredPermissions || [], Ct = K.integrationDeps || [], wt = () => K.pricingModel === "FREE" ? "Free" : K.pricingModel === "SUBSCRIPTION" ? `${r(K.price, K.currency)}/mo` : 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__ */ m("div", {
+	] : [], 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", {
 		className: "h-full overflow-y-auto bg-bg-base",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "bg-bg-surface",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "mx-auto max-w-7xl",
-					children: /* @__PURE__ */ m("div", {
+					children: /* @__PURE__ */ h("div", {
 						className: "flex flex-col lg:flex-row",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "flex-1 px-6 py-8 lg:max-w-xl lg:py-12",
 							children: [
-								/* @__PURE__ */ m("button", {
+								/* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => d(-1),
+									onClick: () => f(-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__ */ p(ge, { className: "size-4" }), "Back"]
+									children: [/* @__PURE__ */ m(ge, { className: "size-4" }), y("common.back", "Back")]
 								}),
-								/* @__PURE__ */ p("h1", {
+								/* @__PURE__ */ m("h1", {
 									className: "mb-3 text-4xl font-normal leading-tight text-text-primary lg:text-5xl",
 									children: K.name
 								}),
-								v && /* @__PURE__ */ m("div", {
+								b && /* @__PURE__ */ h("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__ */ p("svg", {
-											className: "size-3.5",
-											viewBox: "0 0 16 16",
-											fill: "none",
-											stroke: "currentColor",
-											strokeWidth: "2.5",
-											strokeLinecap: "round",
-											strokeLinejoin: "round",
-											"aria-hidden": "true",
-											children: /* @__PURE__ */ p("polyline", { points: "2,8 6,12 14,4" })
-										}),
-										"Installed",
-										y ? ` v${y}` : ""
-									]
+									children: [/* @__PURE__ */ m("svg", {
+										className: "size-3.5",
+										viewBox: "0 0 16 16",
+										fill: "none",
+										stroke: "currentColor",
+										strokeWidth: "2.5",
+										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")]
 								}),
-								/* @__PURE__ */ p("div", {
+								/* @__PURE__ */ m("div", {
 									className: "mb-2",
 									children: (() => {
-										let e = R?.developerOrganization, t = e?.name || R?.name || K.authorName || "Unknown Publisher", n = e?.logoUrl || R?.logoUrl, r = e?.isVerified || R?.isVerified, i = R?.websiteUrl;
-										return /* @__PURE__ */ m("div", {
+										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", {
 											className: "flex items-center gap-2",
 											children: [
-												n && /* @__PURE__ */ p("img", {
+												n && /* @__PURE__ */ m("img", {
 													src: n,
 													alt: t,
 													className: "size-5 rounded object-cover"
 												}),
-												i ? /* @__PURE__ */ p("a", {
+												i ? /* @__PURE__ */ m("a", {
 													href: i,
 													target: "_blank",
 													rel: "noreferrer",
 													className: "text-base font-medium text-text-link hover:underline",
 													children: t
-												}) : /* @__PURE__ */ p("span", {
+												}) : /* @__PURE__ */ m("span", {
 													className: "text-base font-medium text-text-primary",
 													children: t
 												}),
-												r && /* @__PURE__ */ p(l, { className: "size-4 text-status-success-text" })
+												r && /* @__PURE__ */ m(u, { className: "size-4 text-status-success-text" })
 											]
 										});
 									})()
 								}),
-								/* @__PURE__ */ m("p", {
+								/* @__PURE__ */ h("p", {
 									className: "mb-6 text-sm text-text-muted",
 									children: [
-										K.category && /* @__PURE__ */ p("span", { children: K.category }),
+										K.category && /* @__PURE__ */ m("span", { children: K.category }),
 										K.category && " · ",
-										n(K.downloads),
-										"+ downloads"
+										y("pages.productDetail.downloadsCount", "{{count}}+ downloads", { count: n(K.downloads) })
 									]
 								}),
-								/* @__PURE__ */ m(be, {
+								/* @__PURE__ */ h(be, {
 									className: "mb-6 p-5",
 									children: [
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ h("div", {
 											className: "mb-6 flex items-center gap-4",
 											children: [
-												/* @__PURE__ */ p("div", {
+												/* @__PURE__ */ m("div", {
 													className: "flex size-12 items-center justify-center overflow-hidden rounded-xl bg-bg-sunken",
-													children: K.icon ? /* @__PURE__ */ p("img", {
+													children: K.icon ? /* @__PURE__ */ m("img", {
 														src: K.icon,
 														alt: "",
 														className: "size-full object-cover"
-													}) : /* @__PURE__ */ p("span", {
+													}) : /* @__PURE__ */ m("span", {
 														className: "text-lg font-bold text-text-muted",
 														children: K.name.charAt(0)
 													})
 												}),
-												/* @__PURE__ */ m("div", {
+												/* @__PURE__ */ h("div", {
 													className: "flex items-center gap-1 border-l border-border-default pl-4",
 													children: [
-														/* @__PURE__ */ p("span", {
+														/* @__PURE__ */ m("span", {
 															className: "text-sm font-medium text-text-primary",
 															children: (K.rating || 0).toFixed(1)
 														}),
-														/* @__PURE__ */ p(u, { className: "size-4 fill-current text-status-warning-text" }),
+														/* @__PURE__ */ m(d, { className: "size-4 fill-current text-status-warning-text" }),
 														/* @__PURE__ */ m("span", {
 															className: "ml-1 text-xs text-text-muted",
-															children: [n(xt || K.reviewCount), " reviews"]
+															children: y("pages.productDetail.reviews_count", "{{count}} reviews", { count: n(St || K.reviewCount) })
 														})
 													]
 												}),
-												/* @__PURE__ */ m("div", {
+												/* @__PURE__ */ h("div", {
 													className: "border-l border-border-default pl-4",
-													children: [/* @__PURE__ */ m("span", {
+													children: [/* @__PURE__ */ h("span", {
 														className: "text-sm font-medium text-text-primary",
 														children: [n(K.downloads), "+"]
-													}), /* @__PURE__ */ p("p", {
+													}), /* @__PURE__ */ m("p", {
 														className: "text-xs text-text-muted",
-														children: "Downloads"
+														children: y("pages.productDetail.downloadsLabel", "Downloads")
 													})]
 												}),
-												/* @__PURE__ */ m("div", {
+												/* @__PURE__ */ h("div", {
 													className: "border-l border-border-default pl-4",
-													children: [/* @__PURE__ */ p("span", {
+													children: [/* @__PURE__ */ m("span", {
 														className: "rounded bg-bg-sunken px-2 py-1 text-xs font-medium text-text-primary",
 														children: K.type
-													}), /* @__PURE__ */ p("p", {
+													}), /* @__PURE__ */ m("p", {
 														className: "mt-0.5 text-xs text-text-muted",
-														children: "Type"
+														children: y("pages.productDetail.typeLabel", "Type")
 													})]
 												})
 											]
 										}),
-										Ze && /* @__PURE__ */ p("div", {
+										$e && /* @__PURE__ */ m("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: Ze
+											children: $e
 										}),
-										X && /* @__PURE__ */ m("div", {
+										X && /* @__PURE__ */ h("div", {
 											className: "mb-4 flex flex-wrap items-center gap-4",
-											children: [Z && ($ ? /* @__PURE__ */ m("span", {
+											children: [Z && ($ ? /* @__PURE__ */ h("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__ */ p(c, { className: "size-4" }), "Out of stock"]
-											}) : /* @__PURE__ */ m("span", {
+												children: [/* @__PURE__ */ m(l, { className: "size-4" }), y("pages.productDetail.outOfStock", "Out of stock")]
+											}) : /* @__PURE__ */ h("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__ */ p(c, { className: "size-4" }),
-													n(Q),
-													" in stock"
-												]
-											})), !$ && /* @__PURE__ */ m("div", {
+												children: [/* @__PURE__ */ m(l, { className: "size-4" }), y("pages.productDetail.inStock", "{{count}} in stock", { count: n(Q) })]
+											})), !$ && /* @__PURE__ */ h("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ p("span", {
+												children: [/* @__PURE__ */ m("span", {
 													className: "text-sm text-text-muted",
-													children: "Qty"
-												}), /* @__PURE__ */ m("div", {
+													children: y("pages.productDetail.quantity", "Qty")
+												}), /* @__PURE__ */ h("div", {
 													className: "flex items-center rounded-full border border-border-default",
 													children: [
-														/* @__PURE__ */ p("button", {
+														/* @__PURE__ */ m("button", {
 															type: "button",
-															onClick: () => Xe((e) => Math.max(1, e - 1)),
+															onClick: () => Qe((e) => Math.max(1, e - 1)),
 															disabled: w <= 1,
-															"aria-label": "Decrease quantity",
+															"aria-label": y("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__ */ p("span", {
+														/* @__PURE__ */ m("span", {
 															className: "min-w-8 px-2 text-center text-sm font-medium tabular-nums text-text-primary",
 															children: w
 														}),
-														/* @__PURE__ */ p("button", {
+														/* @__PURE__ */ m("button", {
 															type: "button",
-															onClick: () => Xe((e) => Z ? Math.min(Q, e + 1) : e + 1),
+															onClick: () => Qe((e) => Z ? Math.min(Q, e + 1) : e + 1),
 															disabled: Z && w >= Q,
-															"aria-label": "Increase quantity",
+															"aria-label": y("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: "+"
 														})
@@ -827,13 +830,13 @@ var Te = (e, t) => ({
 												})]
 											})]
 										}),
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ h("div", {
 											className: "mb-6 flex items-center gap-3",
-											children: [v ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
+											children: [b ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("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__ */ p("svg", {
+												children: [/* @__PURE__ */ m("svg", {
 													className: "size-4",
 													viewBox: "0 0 16 16",
 													fill: "none",
@@ -842,98 +845,93 @@ var Te = (e, t) => ({
 													strokeLinecap: "round",
 													strokeLinejoin: "round",
 													"aria-hidden": "true",
-													children: /* @__PURE__ */ p("polyline", { points: "2,8 6,12 14,4" })
-												}), "Installed"]
-											}), ut && /* @__PURE__ */ m("button", {
+													children: /* @__PURE__ */ m("polyline", { points: "2,8 6,12 14,4" })
+												}), y("pages.productDetail.installed", "Installed")]
+											}), dt && /* @__PURE__ */ m("button", {
 												type: "button",
-												onClick: B,
+												onClick: V,
 												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: ["Update to v", K.manifestVersion]
-											})] }) : !X && W && !Y ? /* @__PURE__ */ p("button", {
+												children: y("pages.productDetail.updateToVersion", "Update to v{{version}}", { version: K.manifestVersion ?? "" })
+											})] }) : !X && W && !Y ? /* @__PURE__ */ m("button", {
 												type: "button",
-												onClick: B,
+												onClick: V,
 												className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
-												children: "Install to Workspace"
-											}) : !X && Y ? /* @__PURE__ */ p("button", {
+												children: y("pages.productDetail.installToWorkspace", "Install to Workspace")
+											}) : !X && Y ? /* @__PURE__ */ m("button", {
 												type: "button",
-												onClick: B,
+												onClick: V,
 												className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
-												children: "Install"
-											}) : /* @__PURE__ */ p("button", {
+												children: y("pages.productDetail.install", "Install")
+											}) : /* @__PURE__ */ m("button", {
 												type: "button",
-												onClick: ft,
-												disabled: Ye || Fe || $,
+												onClick: pt,
+												disabled: Xe || Fe || $,
 												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: Ye || Fe ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ve, { className: "size-4 animate-spin" }), "Processing…"] }) : $ ? "Out of stock" : `Buy ${wt()}`
-											}), !Y && (!W || X) && /* @__PURE__ */ m("button", {
+												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", {
 												type: "button",
-												onClick: dt,
+												onClick: ft,
 												disabled: Ne || $,
 												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__ */ p(ve, { className: "size-4 animate-spin" }) : z ? /* @__PURE__ */ p(_e, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ p(ye, { className: "size-4" }), z ? "In Cart" : "Add to Cart"]
+												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")]
 											})]
 										}),
-										X ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("p", {
+										X ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("p", {
 											className: "flex items-center gap-2 text-xs text-text-muted",
-											children: [/* @__PURE__ */ p(c, { className: "size-4" }), K.requiresShipping === !1 ? "Available for pickup — no shipping required" : "Ships to your delivery address"]
+											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", {
 											className: "text-xs text-text-tertiary",
-											children: [
-												"Returns and refunds are handled by ",
-												R?.name || "the seller",
-												" per their store policy."
-											]
-										})] }) : /* @__PURE__ */ m(f, { children: [
-											/* @__PURE__ */ m("p", {
+											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", {
 												className: "flex items-center gap-2 text-xs text-text-muted",
-												children: [/* @__PURE__ */ p(c, { className: "size-4" }), "This app is available for your workspace"]
+												children: [/* @__PURE__ */ m(l, { className: "size-4" }), y("pages.productDetail.availableForWorkspace", "This app is available for your workspace")]
 											}),
-											!Y && !W && /* @__PURE__ */ p("p", {
+											!Y && !W && /* @__PURE__ */ m("p", {
 												className: "text-xs text-text-tertiary",
-												children: "All purchases are final. Digital app orders cannot be cancelled or refunded once completed."
+												children: y("pages.productDetail.purchaseFinalNotice", "All purchases are final. Digital app orders cannot be cancelled or refunded once completed.")
 											}),
-											G && /* @__PURE__ */ m("p", {
+											G && /* @__PURE__ */ h("p", {
 												className: "mt-2 flex items-center gap-2 text-xs text-text-muted",
 												children: [
-													/* @__PURE__ */ p(l, { className: "size-4 text-status-success-text" }),
-													"License: ",
-													G.status,
-													G.expiresAt && ` (Expires: ${new Date(G.expiresAt).toLocaleDateString()})`
+													/* @__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("div", {
+						}), /* @__PURE__ */ m("div", {
 							className: "relative flex-1 overflow-hidden bg-bg-sunken lg:min-h-[500px]",
-							children: K.type === "WORKFLOW" ? /* @__PURE__ */ p("iframe", {
+							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`,
 								loading: "lazy",
 								className: "size-full min-h-[300px] border-0 lg:min-h-[500px]"
-							}) : K.bannerUrl ? /* @__PURE__ */ p("img", {
+							}) : K.bannerUrl ? /* @__PURE__ */ m("img", {
 								src: K.bannerUrl,
 								alt: `${K.name} banner`,
 								className: "size-full object-cover"
-							}) : K.screenshots && K.screenshots.length > 0 ? /* @__PURE__ */ p("img", {
+							}) : K.screenshots && K.screenshots.length > 0 ? /* @__PURE__ */ m("img", {
 								src: K.screenshots[0],
 								alt: `${K.name} preview`,
 								className: "size-full object-cover"
-							}) : /* @__PURE__ */ m("div", {
+							}) : /* @__PURE__ */ h("div", {
 								className: "flex h-full min-h-[300px] flex-col items-center justify-center gap-3 p-8 text-center",
 								children: [
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ m("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)
 									}),
-									/* @__PURE__ */ p("p", {
+									/* @__PURE__ */ m("p", {
 										className: "text-sm text-text-muted",
-										children: "No preview available"
+										children: y("pages.productDetail.noPreview", "No preview available")
 									}),
-									/* @__PURE__ */ p("p", {
+									/* @__PURE__ */ m("p", {
 										className: "max-w-[200px] text-xs text-text-muted opacity-60",
-										children: "Upload screenshots in the Store Listing tab to show a preview here"
+										children: y("pages.productDetail.noPreviewHint", "Upload screenshots in the Store Listing tab to show a preview here")
 									})
 								]
 							})
@@ -941,17 +939,17 @@ var Te = (e, t) => ({
 					})
 				})
 			}),
-			K.screenshots && K.screenshots.length > 0 && /* @__PURE__ */ p("div", {
+			K.screenshots && K.screenshots.length > 0 && /* @__PURE__ */ m("div", {
 				className: "border-y border-border-default bg-bg-base",
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ h("div", {
 					className: "px-6 py-6",
-					children: [/* @__PURE__ */ p("h2", {
+					children: [/* @__PURE__ */ m("h2", {
 						className: "mb-4 text-sm font-semibold uppercase tracking-wider text-text-muted",
-						children: "Preview"
-					}), /* @__PURE__ */ m("div", {
+						children: y("pages.productDetail.previewTitle", "Preview")
+					}), /* @__PURE__ */ h("div", {
 						className: "flex gap-4 overflow-x-auto pb-2",
 						style: { scrollSnapType: "x mandatory" },
-						children: [K.screenshots.map((e, t) => /* @__PURE__ */ p("div", {
+						children: [K.screenshots.map((e, t) => /* @__PURE__ */ m("div", {
 							className: "relative flex-shrink-0 overflow-hidden rounded-2xl shadow-lg",
 							style: {
 								width: "72vw",
@@ -960,117 +958,113 @@ var Te = (e, t) => ({
 								aspectRatio: "16/9",
 								scrollSnapAlign: "start"
 							},
-							children: /* @__PURE__ */ p("img", {
+							children: /* @__PURE__ */ m("img", {
 								src: e,
 								alt: `Screenshot ${t + 1}`,
 								className: "size-full object-cover"
 							})
-						}, t)), /* @__PURE__ */ p("div", { className: "flex-shrink-0 w-2" })]
+						}, t)), /* @__PURE__ */ m("div", { className: "flex-shrink-0 w-2" })]
 					})]
 				})
 			}),
-			/* @__PURE__ */ m("main", {
+			/* @__PURE__ */ h("main", {
 				className: "mx-auto max-w-7xl px-6 py-8",
 				children: [
 					/* @__PURE__ */ m(Ce, {
 						className: "mb-6",
-						children: [
-							"Everything you need to decide whether to install ",
-							K.name,
-							": what it does, screenshots, pricing, the permissions and integrations it needs, and real customer reviews. When you're ready, install it (free apps) or buy it, then add it to a workspace — and leave a review once you've used it."
-						]
+						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 })
 					}),
-					/* @__PURE__ */ p(Se, {
+					/* @__PURE__ */ m(Se, {
 						className: "mb-8",
 						storageKey: "store-product-detail",
 						steps: [
 							Y ? {
 								id: "install",
-								label: "Install this app",
-								description: "It’s free — add it to a workspace in a couple of clicks.",
-								onClick: B,
-								done: v
+								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
 							} : {
 								id: "buy",
-								label: W ? "Install to a workspace" : "Buy or add to cart",
-								description: W ? "You already own this — install it where you need it." : "Purchase now, or add it to your cart to check out later.",
-								onClick: W ? B : ft,
-								done: v
+								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
 							},
 							...J.length > 0 ? [{
 								id: "permissions",
-								label: "Review what it can access",
-								description: "Check the permissions this app requires before installing.",
+								label: y("pages.productDetail.nextStepPermissionsLabel", "Review what it can access"),
+								description: y("pages.productDetail.nextStepPermissionsDescription", "Check the permissions this app requires before installing."),
 								href: "#about-permissions"
 							}] : [],
 							{
 								id: "reviews",
-								label: "Read the reviews",
-								description: "See what other customers think before committing.",
+								label: y("pages.productDetail.nextStepReviewsLabel", "Read the reviews"),
+								description: y("pages.productDetail.nextStepReviewsDescription", "See what other customers think before committing."),
 								href: "#ratings-reviews"
 							}
 						]
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "flex flex-col gap-8 lg:flex-row",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "flex-1 lg:max-w-3xl",
 							children: [
-								/* @__PURE__ */ m("section", {
+								/* @__PURE__ */ h("section", {
 									className: "mb-8",
 									children: [
-										/* @__PURE__ */ p("div", {
+										/* @__PURE__ */ m("div", {
 											className: "mb-4 flex items-center justify-between text-left",
-											children: /* @__PURE__ */ p("h2", {
+											children: /* @__PURE__ */ m("h2", {
 												className: "text-lg font-medium text-text-primary",
-												children: "About this app"
+												children: y("pages.productDetail.aboutThisApp", "About this app")
 											})
 										}),
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ h("div", {
 											className: "text-sm leading-relaxed text-text-secondary",
-											children: [/* @__PURE__ */ p("div", {
-												className: x ? "" : "line-clamp-4",
-												children: /* @__PURE__ */ p(ie, { children: K.longDescription || K.description || "No description available." })
-											}), ((K.longDescription || K.description)?.length ?? 0) > 200 && /* @__PURE__ */ p("button", {
+											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", {
 												type: "button",
-												onClick: () => qe(!x),
+												onClick: () => qe(!C),
 												className: "cursor-pointer mt-3 text-sm font-medium text-text-link",
-												children: x ? "Show less" : "Show more"
+												children: C ? y("pages.productDetail.showLess", "Show less") : y("pages.productDetail.showMore", "Show more")
 											})]
 										}),
-										K.tags && K.tags.length > 0 && /* @__PURE__ */ p("div", {
+										K.tags && K.tags.length > 0 && /* @__PURE__ */ m("div", {
 											className: "mt-4 flex flex-wrap gap-2",
-											children: K.tags.map((e) => /* @__PURE__ */ p("span", {
+											children: K.tags.map((e) => /* @__PURE__ */ m("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__ */ m("section", {
+								/* @__PURE__ */ h("section", {
 									id: "ratings-reviews",
 									className: "mb-8 scroll-mt-6",
 									children: [
-										/* @__PURE__ */ p("div", {
+										/* @__PURE__ */ m("div", {
 											className: "mb-4 flex items-center justify-between text-left",
-											children: /* @__PURE__ */ p("h2", {
+											children: /* @__PURE__ */ m("h2", {
 												className: "text-lg font-medium text-text-primary",
-												children: "Ratings & Reviews"
+												children: y("pages.productDetail.ratingsAndReviews", "Ratings & Reviews")
 											})
 										}),
-										/* @__PURE__ */ m(h, {
+										/* @__PURE__ */ h(g, {
 											treatment: "insight",
 											className: "p-5",
-											children: [V && V.length > 0 ? /* @__PURE__ */ m("div", {
+											children: [H && H.length > 0 ? /* @__PURE__ */ h("div", {
 												className: "flex items-start gap-8",
-												children: [/* @__PURE__ */ m("div", {
+												children: [/* @__PURE__ */ h("div", {
 													className: "text-center",
 													children: [
-														/* @__PURE__ */ p("p", {
+														/* @__PURE__ */ m("p", {
 															className: "text-5xl font-light tabular-nums text-text-primary",
 															children: (K.rating || 0).toFixed(1)
 														}),
-														/* @__PURE__ */ p("div", {
+														/* @__PURE__ */ m("div", {
 															className: "my-2 flex justify-center gap-0.5",
 															children: [
 																1,
@@ -1078,21 +1072,21 @@ var Te = (e, t) => ({
 																3,
 																4,
 																5
-															].map((e) => /* @__PURE__ */ p(u, { className: `size-4 ${e <= Math.round(K.rating || 0) ? "fill-current text-status-warning-text" : "text-text-muted"}` }, e))
+															].map((e) => /* @__PURE__ */ m(d, { className: `size-4 ${e <= Math.round(K.rating || 0) ? "fill-current text-status-warning-text" : "text-text-muted"}` }, e))
 														}),
 														/* @__PURE__ */ m("p", {
 															className: "text-sm text-text-muted",
-															children: [n(xt || K.reviewCount), " reviews"]
+															children: y("pages.productDetail.reviews_count", "{{count}} reviews", { count: n(St || K.reviewCount) })
 														})
 													]
-												}), St.length > 0 && /* @__PURE__ */ p("div", {
+												}), wt.length > 0 && /* @__PURE__ */ m("div", {
 													className: "flex-1 space-y-1.5",
-													children: St.map((e) => /* @__PURE__ */ p(Ee, { ...e }, e.stars))
+													children: wt.map((e) => /* @__PURE__ */ m(Ee, { ...e }, e.stars))
 												})]
-											}) : /* @__PURE__ */ m("div", {
+											}) : /* @__PURE__ */ h("div", {
 												className: "flex flex-col items-center justify-center py-6 text-center",
 												children: [
-													/* @__PURE__ */ p("div", {
+													/* @__PURE__ */ m("div", {
 														className: "mb-3 flex gap-0.5",
 														children: [
 															1,
@@ -1100,37 +1094,37 @@ var Te = (e, t) => ({
 															3,
 															4,
 															5
-														].map((e) => /* @__PURE__ */ p(u, { className: "size-5 text-border-default" }, e))
+														].map((e) => /* @__PURE__ */ m(d, { className: "size-5 text-border-default" }, e))
 													}),
-													/* @__PURE__ */ p("p", {
+													/* @__PURE__ */ m("p", {
 														className: "font-medium text-text-primary",
-														children: "No reviews yet"
+														children: y("pages.productDetail.noReviews", "No reviews yet")
 													}),
-													/* @__PURE__ */ p("p", {
+													/* @__PURE__ */ m("p", {
 														className: "mt-1 text-sm text-text-muted",
-														children: "Be the first to share your experience with this app."
+														children: y("pages.productDetail.beFirstToReview", "Be the first to share your experience with this app.")
 													})
 												]
-											}), /* @__PURE__ */ m("div", {
+											}), /* @__PURE__ */ h("div", {
 												className: "mt-6 border-t border-border-seam pt-4",
-												children: [Qe && /* @__PURE__ */ p("p", {
-													role: $e === "success" ? "status" : "alert",
-													className: `mb-3 rounded-lg px-3 py-2 text-sm ${$e === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
-													children: Qe
-												}), v || I?.userReview ? /* @__PURE__ */ m("div", {
+												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?.userReview ? /* @__PURE__ */ h("div", {
 													className: "space-y-4",
-													children: [/* @__PURE__ */ p("button", {
+													children: [/* @__PURE__ */ m("button", {
 														type: "button",
-														onClick: () => O ? k(!1) : _t(),
+														onClick: () => O ? k(!1) : vt(),
 														className: "w-full cursor-pointer py-2 text-center text-sm font-medium text-text-primary transition-colors hover:text-text-link",
-														children: I?.userReview ? O ? "Cancel review editing" : "Edit your review" : O ? "Cancel review" : "Write a Review"
-													}), O && /* @__PURE__ */ m("div", {
+														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", {
 														className: "rounded-xl border border-border-seam bg-bg-sunken p-4",
 														children: [
-															/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+															/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 																className: "text-sm font-medium text-text-primary",
-																children: "Your rating"
-															}), /* @__PURE__ */ p("div", {
+																children: y("pages.productDetail.yourRatingLabel", "Your rating")
+															}), /* @__PURE__ */ m("div", {
 																className: "mt-2 flex flex-wrap gap-2",
 																children: [
 																	1,
@@ -1138,160 +1132,160 @@ var Te = (e, t) => ({
 																	3,
 																	4,
 																	5
-																].map((e) => /* @__PURE__ */ m("button", {
+																].map((e) => /* @__PURE__ */ h("button", {
 																	type: "button",
-																	onClick: () => P(e),
-																	className: `cursor-pointer rounded-full border px-3 py-1.5 text-sm transition-colors ${N === 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: () => 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"}`,
 																	children: [e, " ★"]
 																}, e))
 															})] }),
-															/* @__PURE__ */ m("label", {
+															/* @__PURE__ */ h("label", {
 																className: "mt-4 block text-sm font-medium text-text-primary",
-																children: ["Title", /* @__PURE__ */ p("input", {
-																	"aria-label": "Review title",
+																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),
 																	className: "mt-2 w-full rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-border",
-																	placeholder: "Summarize your experience"
+																	placeholder: y("pages.productDetail.reviewTitlePlaceholder", "Summarize your experience")
 																})]
 															}),
-															/* @__PURE__ */ m("label", {
+															/* @__PURE__ */ h("label", {
 																className: "mt-4 block text-sm font-medium text-text-primary",
-																children: ["Review", /* @__PURE__ */ p("textarea", {
-																	"aria-label": "Review body",
+																children: [y("pages.productDetail.reviewBodyLabel", "Review"), /* @__PURE__ */ m("textarea", {
+																	"aria-label": y("pages.productDetail.reviewBodyLabel", "Review body"),
 																	value: M,
-																	onChange: (e) => et(e.target.value),
+																	onChange: (e) => N(e.target.value),
 																	rows: 4,
 																	required: !0,
 																	"aria-required": "true",
 																	className: "mt-2 w-full rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-border",
-																	placeholder: "What worked well? What should improve?"
+																	placeholder: y("pages.productDetail.reviewBodyPlaceholder", "What worked well? What should improve?")
 																})]
 															}),
-															/* @__PURE__ */ m("div", {
+															/* @__PURE__ */ h("div", {
 																className: "mt-4 flex flex-wrap gap-3",
-																children: [/* @__PURE__ */ p("button", {
+																children: [/* @__PURE__ */ m("button", {
 																	type: "button",
-																	onClick: vt,
+																	onClick: yt,
 																	disabled: Be || He,
 																	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 ? "Saving..." : I?.userReview ? "Update Review" : "Submit Review"
-																}), I?.userReview && /* @__PURE__ */ p("button", {
+																	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", {
 																	type: "button",
-																	onClick: yt,
+																	onClick: bt,
 																	disabled: We,
 																	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 ? "Removing..." : "Delete Review"
+																	children: We ? y("pages.productDetail.removingReview", "Removing...") : y("pages.productDetail.deleteReview", "Delete Review")
 																})]
 															})
 														]
 													})]
-												}) : /* @__PURE__ */ p("p", {
+												}) : /* @__PURE__ */ m("p", {
 													className: "text-center text-sm text-text-muted",
-													children: "Install this app to leave a review."
+													children: y("pages.productDetail.installToReview", "Install this app to leave a review.")
 												})]
 											})]
 										}),
-										V && V.length > 0 && /* @__PURE__ */ m("div", {
+										H && H.length > 0 && /* @__PURE__ */ h("div", {
 											className: "mt-4 space-y-3",
-											children: [/* @__PURE__ */ p("ul", {
+											children: [/* @__PURE__ */ m("ul", {
 												className: "space-y-3",
-												children: (S ? V : V.slice(0, 2)).map((e) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(De, {
+												children: (Je ? H : H.slice(0, 2)).map((e) => /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(De, {
 													review: e,
-													onMarkHelpful: bt,
-													markingHelpful: Ke && tt === e.id
+													onMarkHelpful: xt,
+													markingHelpful: Ke && nt === e.id
 												}) }, e.id))
-											}), V.length > 2 && /* @__PURE__ */ p("button", {
+											}), H.length > 2 && /* @__PURE__ */ m("button", {
 												type: "button",
-												onClick: () => Je(!S),
+												onClick: () => Ye(!Je),
 												className: "cursor-pointer text-sm font-medium text-text-link",
-												children: S ? "Show less" : `Show all ${V.length} reviews`
+												children: Je ? y("pages.productDetail.showLess", "Show less") : y("pages.productDetail.showAllReviews", "Show all {{count}} reviews", { count: H.length })
 											})]
 										}),
-										(!V || V.length === 0) && /* @__PURE__ */ p("p", {
+										(!H || H.length === 0) && /* @__PURE__ */ m("p", {
 											className: "mt-4 text-sm text-text-muted",
-											children: "No reviews yet. Be the first to review!"
+											children: y("pages.productDetail.beFirstToReviewShort", "No reviews yet. Be the first to review!")
 										})
 									]
 								}),
-								J.length > 0 && /* @__PURE__ */ m("section", {
+								J.length > 0 && /* @__PURE__ */ h("section", {
 									id: "about-permissions",
 									className: "mb-8 scroll-mt-6",
-									children: [/* @__PURE__ */ p("h2", {
+									children: [/* @__PURE__ */ m("h2", {
 										className: "mb-4 text-lg font-medium text-text-primary",
-										children: "Required Permissions"
-									}), /* @__PURE__ */ p("div", {
+										children: y("pages.productDetail.requiredPermissions", "Required Permissions")
+									}), /* @__PURE__ */ m("div", {
 										className: "space-y-2",
-										children: J.map((e) => /* @__PURE__ */ m("div", {
+										children: J.map((e) => /* @__PURE__ */ h("div", {
 											className: "flex items-center gap-3 rounded-lg bg-bg-surface px-4 py-3",
-											children: [/* @__PURE__ */ p(l, { className: "size-5 text-status-success-text" }), /* @__PURE__ */ p("span", {
+											children: [/* @__PURE__ */ m(u, { className: "size-5 text-status-success-text" }), /* @__PURE__ */ m("span", {
 												className: "text-sm text-text-primary",
 												children: e
 											})]
 										}, e))
 									})]
 								}),
-								Ct.length > 0 && /* @__PURE__ */ m("section", {
+								Tt.length > 0 && /* @__PURE__ */ h("section", {
 									className: "mb-8",
-									children: [/* @__PURE__ */ p("h2", {
+									children: [/* @__PURE__ */ m("h2", {
 										className: "mb-4 text-lg font-medium text-text-primary",
-										children: "Integrations"
-									}), /* @__PURE__ */ p("div", {
+										children: y("pages.productDetail.integrations", "Integrations")
+									}), /* @__PURE__ */ m("div", {
 										className: "flex flex-wrap gap-2",
-										children: Ct.map((e) => /* @__PURE__ */ p("span", {
+										children: Tt.map((e) => /* @__PURE__ */ m("span", {
 											className: "rounded-lg bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary",
 											children: e
 										}, e))
 									})]
 								}),
-								/* @__PURE__ */ m("section", {
+								/* @__PURE__ */ h("section", {
 									className: "mb-8",
-									children: [/* @__PURE__ */ p("h2", {
+									children: [/* @__PURE__ */ m("h2", {
 										className: "mb-4 text-lg font-medium text-text-primary",
-										children: "Additional Information"
-									}), /* @__PURE__ */ m(h, {
+										children: y("pages.productDetail.additionalInformation", "Additional Information")
+									}), /* @__PURE__ */ h(g, {
 										treatment: "metric",
 										className: "grid grid-cols-2 gap-6 p-5 md:grid-cols-3",
 										children: [
-											K.manifestVersion && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+											K.manifestVersion && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 												className: "text-xs text-text-muted",
-												children: "Version"
-											}), /* @__PURE__ */ p("p", {
+												children: y("pages.productDetail.versionLabel", "Version")
+											}), /* @__PURE__ */ m("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: K.manifestVersion
 											})] }),
-											/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+											/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 												className: "text-xs text-text-muted",
-												children: "Type"
-											}), /* @__PURE__ */ p("p", {
+												children: y("pages.productDetail.typeLabel", "Type")
+											}), /* @__PURE__ */ m("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: K.type
 											})] }),
-											K.publishedAt && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+											K.publishedAt && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 												className: "text-xs text-text-muted",
-												children: "Published"
-											}), /* @__PURE__ */ p("p", {
+												children: y("pages.productDetail.publishedLabel", "Published")
+											}), /* @__PURE__ */ m("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: new Date(K.publishedAt).toLocaleDateString()
 											})] }),
-											/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+											/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 												className: "text-xs text-text-muted",
-												children: "Updated"
-											}), /* @__PURE__ */ p("p", {
+												children: y("pages.productDetail.updatedLabel", "Updated")
+											}), /* @__PURE__ */ m("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: new Date(K.updatedAt).toLocaleDateString()
 											})] }),
-											K.license && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+											K.license && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 												className: "text-xs text-text-muted",
-												children: "License"
-											}), /* @__PURE__ */ p("p", {
+												children: y("pages.productDetail.licenseLabel", "License")
+											}), /* @__PURE__ */ m("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: K.license
 											})] }),
-											K.minPlatformVersion && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+											K.minPlatformVersion && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 												className: "text-xs text-text-muted",
-												children: "Min Platform Version"
-											}), /* @__PURE__ */ p("p", {
+												children: y("pages.productDetail.minPlatformVersionLabel", "Min Platform Version")
+											}), /* @__PURE__ */ m("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: K.minPlatformVersion
 											})] })
@@ -1299,114 +1293,114 @@ var Te = (e, t) => ({
 									})]
 								})
 							]
-						}), /* @__PURE__ */ m("div", {
+						}), /* @__PURE__ */ h("div", {
 							className: "w-full lg:w-80",
 							children: [
-								(K.documentationUrl || K.repositoryUrl || R?.email) && /* @__PURE__ */ m(h, {
+								(K.documentationUrl || K.repositoryUrl || z?.email) && /* @__PURE__ */ h(g, {
 									className: "mb-6 p-4",
-									children: [/* @__PURE__ */ p("h3", {
+									children: [/* @__PURE__ */ m("h3", {
 										className: "font-medium text-text-primary",
-										children: "App support"
-									}), /* @__PURE__ */ m("div", {
+										children: y("pages.productDetail.appSupport", "App support")
+									}), /* @__PURE__ */ h("div", {
 										className: "mt-3 space-y-2 text-sm",
 										children: [
-											K.documentationUrl && /* @__PURE__ */ p("a", {
+											K.documentationUrl && /* @__PURE__ */ m("a", {
 												href: K.documentationUrl,
 												target: "_blank",
 												rel: "noreferrer",
 												className: "block text-text-link hover:underline",
-												children: "Documentation"
+												children: y("pages.productDetail.documentation", "Documentation")
 											}),
-											K.repositoryUrl && /* @__PURE__ */ p("a", {
+											K.repositoryUrl && /* @__PURE__ */ m("a", {
 												href: K.repositoryUrl,
 												target: "_blank",
 												rel: "noreferrer",
 												className: "block text-text-link hover:underline",
-												children: "Source repository"
+												children: y("pages.productDetail.sourceRepository", "Source repository")
 											}),
-											R?.email && /* @__PURE__ */ p("a", {
-												href: `mailto:${R.email}`,
+											z?.email && /* @__PURE__ */ m("a", {
+												href: `mailto:${z.email}`,
 												className: "block text-text-link hover:underline",
-												children: "Contact publisher"
+												children: y("pages.productDetail.contactPublisher", "Contact publisher")
 											})
 										]
 									})]
 								}),
-								R && /* @__PURE__ */ p(h, {
+								z && /* @__PURE__ */ m(g, {
 									className: "mb-6 p-4",
 									children: (() => {
-										let e = R.developerOrganization, t = e?.name || R.name, n = e?.logoUrl || R.logoUrl, r = e?.description || R.bio, i = e?.isVerified || R.isVerified;
-										return /* @__PURE__ */ m(f, { children: [
-											/* @__PURE__ */ m("div", {
+										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", {
 												className: "flex items-center gap-2.5",
-												children: [n ? /* @__PURE__ */ p("img", {
+												children: [n ? /* @__PURE__ */ m("img", {
 													src: n,
 													alt: t,
 													className: "size-8 rounded-lg object-cover"
-												}) : /* @__PURE__ */ p("div", {
+												}) : /* @__PURE__ */ m("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__ */ p("div", {
+												}), /* @__PURE__ */ m("div", {
 													className: "flex-1 min-w-0",
-													children: /* @__PURE__ */ m("div", {
+													children: /* @__PURE__ */ h("div", {
 														className: "flex items-center gap-1.5",
-														children: [/* @__PURE__ */ p("span", {
+														children: [/* @__PURE__ */ m("span", {
 															className: "font-medium text-text-primary truncate",
 															children: t
-														}), i && /* @__PURE__ */ p(l, { className: "size-3.5 text-status-success-text shrink-0" })]
+														}), i && /* @__PURE__ */ m(u, { className: "size-3.5 text-status-success-text shrink-0" })]
 													})
 												})]
 											}),
-											r && /* @__PURE__ */ p("p", {
+											r && /* @__PURE__ */ m("p", {
 												className: "mt-2 text-sm text-text-muted",
 												children: r
 											}),
-											R.websiteUrl && /* @__PURE__ */ p("a", {
-												href: R.websiteUrl,
+											z.websiteUrl && /* @__PURE__ */ m("a", {
+												href: z.websiteUrl,
 												target: "_blank",
 												rel: "noreferrer",
 												className: "mt-3 inline-block text-sm text-text-link hover:underline",
-												children: "Visit website"
+												children: y("pages.productDetail.visitWebsite", "Visit website")
 											})
 										] });
 									})()
 								}),
-								H && H.length > 0 && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
+								Ct && Ct.length > 0 && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", {
 									className: "mb-4 flex items-center justify-between text-left",
-									children: /* @__PURE__ */ p("span", {
+									children: /* @__PURE__ */ m("span", {
 										className: "font-medium text-text-primary",
-										children: "Similar apps"
+										children: y("pages.productDetail.similarApps", "Similar apps")
 									})
-								}), /* @__PURE__ */ p("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "space-y-3",
-									children: H.slice(0, 4).map((e) => /* @__PURE__ */ m("button", {
+									children: Ct.slice(0, 4).map((e) => /* @__PURE__ */ h("button", {
 										type: "button",
-										onClick: () => d(`${g}/marketplace/product/${e.id}`),
+										onClick: () => f(`${_}/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__ */ p("img", {
+										children: [e.icon ? /* @__PURE__ */ m("img", {
 											src: e.icon,
 											alt: e.name,
 											className: "size-12 rounded-xl object-cover"
-										}) : /* @__PURE__ */ p("div", {
+										}) : /* @__PURE__ */ m("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__ */ m("div", {
+										}), /* @__PURE__ */ h("div", {
 											className: "flex-1 overflow-hidden",
 											children: [
-												/* @__PURE__ */ p("p", {
+												/* @__PURE__ */ m("p", {
 													className: "truncate text-sm font-medium text-text-primary",
 													children: e.name
 												}),
-												/* @__PURE__ */ p("p", {
+												/* @__PURE__ */ m("p", {
 													className: "text-xs text-text-muted",
-													children: R?.name || "Unknown"
+													children: z?.name || y("common.unknown", "Unknown")
 												}),
-												(e.reviewCount ?? 0) > 0 && /* @__PURE__ */ m("div", {
+												(e.reviewCount ?? 0) > 0 && /* @__PURE__ */ h("div", {
 													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ p("span", {
+													children: [/* @__PURE__ */ m("span", {
 														className: "text-xs text-text-muted",
 														children: (e.rating || 0).toFixed(1)
-													}), /* @__PURE__ */ p(u, { className: "size-3 fill-current text-status-warning-text" })]
+													}), /* @__PURE__ */ m(d, { className: "size-3 fill-current text-status-warning-text" })]
 												})
 											]
 										})]
@@ -1417,9 +1411,9 @@ var Te = (e, t) => ({
 					})
 				]
 			}),
-			K && /* @__PURE__ */ p(ae, {
-				isOpen: rt,
-				onClose: () => it(!1),
+			K && /* @__PURE__ */ m(ae, {
+				isOpen: it,
+				onClose: () => at(!1),
 				app: {
 					id: K.id,
 					applicationId: K.productId,
@@ -1431,8 +1425,8 @@ var Te = (e, t) => ({
 					permissions: J.length > 0 ? J : void 0
 				},
 				purchaseState: W && !Y ? "purchased" : "free",
-				onInstallSuccess: ht,
-				onInstallError: gt
+				onInstallSuccess: gt,
+				onInstallError: _t
 			})
 		]
 	});