@burdenoff/microfe-store 2026.1028.1 → 2026.1102.1

package/dist/pages/ProductDetailPage.js

@@ -8,14 +8,15 @@ import { InstallAppModal as oe } from "../components/InstallAppModal.js";
 import { useInstallations as se } from "../hooks/useInstallations.js";
 import { getExternalListing as ce, isSoldExternally as le } from "../utils/externalListing.js";
 import { nativeConfirm as ue, nativeImpact as de, nativeNotify as fe } from "../utils/nativeBridge.js";
-import { useCallback as a, useEffect as pe, useMemo as me, useRef as he, useState as o } from "react";
-import { useLocation as ge, useNavigate as _e, useParams as ve } from "react-router";
-import { AlertCircle as s, ArrowLeft as ye, Check as be, ExternalLink as xe, Loader2 as Se, Package as c, ShieldCheck as l, ShoppingCart as Ce, Star as u, ThumbsUp as d } from "lucide-react";
+import { ReportListingCard as pe } from "../components/governance/ReportListingCard.js";
+import { useCallback as a, useEffect as me, useMemo as he, useRef as ge, useState as o } from "react";
+import { useLocation as _e, useNavigate as ve, useParams as ye } from "react-router";
+import { AlertCircle as s, ArrowLeft as be, Check as xe, ExternalLink as Se, Loader2 as Ce, Package as c, ShieldCheck as l, ShoppingCart as we, Star as u, ThumbsUp as d } from "lucide-react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { EmphasisPanel as we, GlassCard as h, IllustratedEmptyState as Te, NextSteps as Ee, PagePurpose as De } from "@burdenoff/fe-libs/ui";
-import { useEventBus as Oe } from "@burdenoff/fe-libs/shared/events";
+import { EmphasisPanel as Te, GlassCard as h, IllustratedEmptyState as Ee, NextSteps as De, PagePurpose as Oe } from "@burdenoff/fe-libs/ui";
+import { useEventBus as ke } from "@burdenoff/fe-libs/shared/events";
 //#region src/pages/ProductDetailPage.tsx
-var ke = (e, t, n) => ({
+var Ae = (e, t, n) => ({
 	id: e.id,
 	publisherId: t?.id || "",
 	publisher: {
@@ -90,7 +91,7 @@ var ke = (e, t, n) => ({
 	createdAt: e.createdAt,
 	updatedAt: e.updatedAt,
 	publishedAt: e.publishedAt
-}), Ae = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ m("div", {
+}), je = ({ stars: e, percentage: t, count: r }) => /* @__PURE__ */ m("div", {
 	className: "flex items-center gap-2",
 	children: [
 		/* @__PURE__ */ p("span", {
@@ -109,7 +110,7 @@ var ke = (e, t, n) => ({
 			children: n(r)
 		})
 	]
-}), je = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => {
+}), Me = ({ review: e, onMarkHelpful: t, markingHelpful: n }) => {
 	let r = ae();
 	return /* @__PURE__ */ m("div", {
 		className: "rounded-lg border border-border-seam bg-bg-surface p-4 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
@@ -173,7 +174,7 @@ var ke = (e, t, n) => ({
 			})
 		]
 	});
-}, Me = () => /* @__PURE__ */ m("div", {
+}, Ne = () => /* @__PURE__ */ m("div", {
 	className: "h-full overflow-y-auto",
 	children: [/* @__PURE__ */ p("div", {
 		className: "sticky top-0 z-10 border-b border-border-default bg-bg-surface px-6 py-4",
@@ -427,7 +428,7 @@ var ke = (e, t, n) => ({
 			})
 		]
 	})]
-}), Ne = ({ error: e, onRetry: t, onBack: n }) => {
+}), Pe = ({ error: e, onRetry: t, onBack: n }) => {
 	let r = ae();
 	return /* @__PURE__ */ p("div", {
 		className: "flex h-full items-center justify-center",
@@ -460,14 +461,14 @@ var ke = (e, t, n) => ({
 			]
 		})
 	});
-}, Pe = () => {
-	let { productId: s } = ve(), d = _e(), Pe = ge(), { basePath: g, workspaceId: _ } = e(), v = ae(), { addProduct: Fe, cartItems: Ie, addingToCart: Le, createOrder: Re, checkingOut: ze } = t(), { installations: Be, refetch: Ve } = se({
-		filter: me(() => s && _ ? {
+}, g = () => {
+	let { productId: s } = ye(), d = ve(), g = _e(), { basePath: _, workspaceId: v } = e(), y = ae(), { addProduct: Fe, cartItems: Ie, addingToCart: Le, createOrder: Re, checkingOut: ze } = t(), { installations: Be, refetch: Ve } = se({
+		filter: he(() => s && v ? {
 			productId: s,
-			workspaceId: _
-		} : void 0, [s, _]),
+			workspaceId: v
+		} : void 0, [s, v]),
 		limit: 1
-	}), He = Be.find((e) => e.productId === s && e.workspaceId === _ && e.status === "ACTIVE"), y = !!He, b = He?.version ?? null, { createReview: Ue, loading: We } = i(), { updateReview: Ge, loading: Ke } = re(), { deleteReview: qe, loading: Je } = ee(), { markHelpful: Ye, loading: Xe } = te(), x = Oe(), [Ze, Qe] = o(!1), [$e, et] = o(!1), [tt, nt] = o(!1), [S, rt] = o(1), [it, C] = o(null), [at, w] = o(null), [ot, T] = o("success"), [E, D] = o(!1), [O, k] = o(""), [A, j] = o(""), [M, N] = o(5), [st, ct] = o(null), [lt, ut] = o(!1), { data: dt, loading: ft, error: pt, refetch: P } = ne({
+	}), He = Be.find((e) => e.productId === s && e.workspaceId === v && e.status === "ACTIVE"), b = !!He, x = He?.version ?? null, { createReview: Ue, loading: We } = i(), { updateReview: Ge, loading: Ke } = re(), { deleteReview: qe, loading: Je } = ee(), { markHelpful: Ye, loading: Xe } = te(), S = ke(), [Ze, Qe] = o(!1), [C, $e] = o(!1), [et, w] = o(!1), [T, tt] = o(1), [nt, E] = o(null), [rt, D] = o(null), [it, O] = o("success"), [k, A] = o(!1), [j, M] = o(""), [at, ot] = o(""), [N, st] = o(5), [ct, lt] = o(null), [ut, dt] = o(!1), { data: ft, loading: pt, error: mt, refetch: P } = ne({
 		id: s,
 		slug: s,
 		includeReviews: !0,
@@ -475,20 +476,20 @@ var ke = (e, t, n) => ({
 		includeRelated: !0,
 		relatedLimit: 4,
 		includeVersions: !0
-	}), F = dt, I = F?.product, L = F?.publisher, R = Ie.some((e) => e.productId === I?.id), mt = (e) => {
+	}), F = ft, I = F?.product, L = F?.publisher, R = Ie.some((e) => e.productId === I?.id), ht = (e) => {
 		let t = e.split(".");
 		for (; t.length < 3;) t.push("0");
 		return t.join(".");
-	}, ht = I?.manifestVersion ?? null, gt = !!(y && b && ht && mt(b) !== mt(ht)), _t = a(async () => {
+	}, gt = I?.manifestVersion ?? null, _t = !!(b && x && gt && ht(x) !== ht(gt)), vt = a(async () => {
 		if (I) {
-			if (C(null), R) {
-				d(`${g}/cart`);
+			if (E(null), R) {
+				d(`${_}/cart`);
 				return;
 			}
 			try {
-				await Fe(ke(I, L, v), void 0, S);
+				await Fe(Ae(I, L, y), void 0, T);
 			} catch (e) {
-				console.error("Failed to add product to cart:", e), C(v("pages.productDetail.addToCartError", "Failed to add this product to cart. Please try again."));
+				console.error("Failed to add product to cart:", e), E(y("pages.productDetail.addToCartError", "Failed to add this product to cart. Please try again."));
 			}
 		}
 	}, [
@@ -497,76 +498,76 @@ var ke = (e, t, n) => ({
 		Fe,
 		R,
 		d,
-		g,
-		S,
-		v
-	]), vt = a(async () => {
+		_,
+		T,
+		y
+	]), yt = a(async () => {
 		if (I) {
-			C(null), nt(!0);
+			E(null), w(!0);
 			try {
 				let e = I.price || 0, t = {
 					productId: I.id,
 					name: I.name,
-					quantity: S,
+					quantity: T,
 					unitPrice: e,
-					subtotal: e * S,
+					subtotal: e * T,
 					itemType: I.nature?.toLowerCase() || "digital",
 					pricingModel: I.pricingModel || "PAID_ONETIME"
 				}, n = await Re({
-					total: e * S,
+					total: e * T,
 					lineItems: [t],
 					billingAccountId: ""
 				});
-				n?.id ? d(`/billing/checkout/store/${n.id}${Pe.search}`) : (console.error("Failed to create order"), C(v("pages.productDetail.createOrderError", "Failed to create order. Please try again.")), nt(!1));
+				n?.id ? d(`/billing/checkout/store/${n.id}${g.search}`) : (console.error("Failed to create order"), E(y("pages.productDetail.createOrderError", "Failed to create order. Please try again.")), w(!1));
 			} catch (e) {
-				console.error("Buy Now error:", e), C(e instanceof Error ? e.message : v("pages.productDetail.checkoutError", "Failed to start checkout")), nt(!1);
+				console.error("Buy Now error:", e), E(e instanceof Error ? e.message : y("pages.productDetail.checkoutError", "Failed to start checkout")), w(!1);
 			}
 		}
 	}, [
 		I,
-		S,
+		T,
 		Re,
 		d,
-		Pe.search,
-		v
+		g.search,
+		y
 	]), z = a(() => {
-		I && ut(!0);
-	}, [I]), yt = he(I);
-	yt.current = I;
-	let bt = he(x);
-	bt.current = x, pe(() => {
-		let e = yt.current;
-		e && bt.current.emit("store.product.viewed", {
+		I && dt(!0);
+	}, [I]), bt = ge(I);
+	bt.current = I;
+	let xt = ge(S);
+	xt.current = S, me(() => {
+		let e = bt.current;
+		e && xt.current.emit("store.product.viewed", {
 			productId: e.id,
 			productSlug: e.slug,
 			productType: e.type,
 			pricingModel: e.pricingModel
 		});
 	}, [I?.id]);
-	let xt = a((e, t) => {
-		I && (x.emit("store.product.installed", {
+	let St = a((e, t) => {
+		I && (S.emit("store.product.installed", {
 			productId: I.id,
 			workspaceId: e
 		}), console.log(`Successfully installed ${I.name} to workspace ${t} (${e})`), Ve());
 	}, [
 		I,
-		x,
+		S,
 		Ve
-	]), St = a((e) => {
+	]), Ct = a((e) => {
 		console.error("Installation failed:", e.message);
-	}, []), Ct = a(() => {
-		k(F?.userReview?.title ?? ""), j(F?.userReview?.comment ?? ""), N(F?.userReview?.rating ?? 5), w(null), T("success"), D(!0);
-	}, [F?.userReview]), wt = a(async () => {
+	}, []), wt = a(() => {
+		M(F?.userReview?.title ?? ""), ot(F?.userReview?.comment ?? ""), st(F?.userReview?.rating ?? 5), D(null), O("success"), A(!0);
+	}, [F?.userReview]), Tt = a(async () => {
 		if (!I) return;
-		if (M < 1 || M > 5) {
-			T("error"), w(v("pages.productDetail.ratingRequired", "Choose a rating from 1 to 5 stars."));
+		if (N < 1 || N > 5) {
+			O("error"), D(y("pages.productDetail.ratingRequired", "Choose a rating from 1 to 5 stars."));
 			return;
 		}
 		let e = {
 			productId: I.id,
-			rating: M,
-			title: O.trim() || void 0,
-			comment: A.trim() || void 0
+			rating: N,
+			title: j.trim() || void 0,
+			comment: at.trim() || void 0
 		}, t = F?.userReview ? {
 			data: await Ge(F.userReview.id, {
 				rating: e.rating,
@@ -576,66 +577,66 @@ var ke = (e, t, n) => ({
 			errorMessage: null
 		} : await Ue(e);
 		if (!t?.data) {
-			T("error"), w(t?.errorMessage ?? v("pages.productDetail.reviewSaveError", "We could not save your review. Please try again."));
+			O("error"), D(t?.errorMessage ?? y("pages.productDetail.reviewSaveError", "We could not save your review. Please try again."));
 			return;
 		}
-		T("success"), w(F?.userReview ? v("pages.productDetail.reviewUpdated", "Your review was updated.") : v("pages.productDetail.reviewSubmitted", "Your review was submitted.")), D(!1), x.emit("store.review.submitted", {
+		O("success"), D(F?.userReview ? y("pages.productDetail.reviewUpdated", "Your review was updated.") : y("pages.productDetail.reviewSubmitted", "Your review was submitted.")), A(!1), S.emit("store.review.submitted", {
 			productId: I.id,
-			rating: M
+			rating: N
 		}), await P();
 	}, [
-		x,
+		S,
 		Ue,
 		I,
 		F?.userReview,
 		P,
-		A,
-		M,
-		O,
+		at,
+		N,
+		j,
 		Ge,
-		v
-	]), Tt = a(async () => {
+		y
+	]), Et = a(async () => {
 		if (F?.userReview && (de("medium"), await ue({
-			title: v("pages.productDetail.deleteReviewTitle", "Delete review"),
-			message: v("pages.productDetail.deleteReviewMessage", "Are you sure you want to remove your review?"),
-			okButtonTitle: v("common.delete", "Delete"),
-			cancelButtonTitle: v("common.cancel", "Cancel")
+			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 qe(F.userReview.id)) {
-				T("error"), w(v("pages.productDetail.reviewDeleteError", "We could not remove your review. Please try again.")), fe("error");
+				O("error"), D(y("pages.productDetail.reviewDeleteError", "We could not remove your review. Please try again.")), fe("error");
 				return;
 			}
-			T("success"), w(v("pages.productDetail.reviewRemoved", "Your review was removed.")), D(!1), k(""), j(""), N(5), fe("success"), await P();
+			O("success"), D(y("pages.productDetail.reviewRemoved", "Your review was removed.")), A(!1), M(""), ot(""), st(5), fe("success"), await P();
 		}
 	}, [
 		qe,
 		F?.userReview,
 		P,
-		v
-	]), Et = a(async (e) => {
-		ct(e), await Ye(e) && await P(), ct(null);
+		y
+	]), Dt = a(async (e) => {
+		lt(e), await Ye(e) && await P(), lt(null);
 	}, [Ye, P]);
-	if (ft) return /* @__PURE__ */ p(Me, {});
-	if (pt) return /* @__PURE__ */ p(Ne, {
-		error: pt,
+	if (pt) return /* @__PURE__ */ p(Ne, {});
+	if (mt) return /* @__PURE__ */ p(Pe, {
+		error: mt,
 		onRetry: P,
-		onBack: () => d(`${g}/marketplace`)
+		onBack: () => d(`${_}/marketplace`)
 	});
 	if (!F?.product) return /* @__PURE__ */ p("div", {
 		className: "flex h-full items-center justify-center p-6",
-		children: /* @__PURE__ */ p(Te, {
+		children: /* @__PURE__ */ p(Ee, {
 			illustration: "empty-search",
-			title: v("pages.productDetail.notFoundTitle", "Product not found"),
-			description: v("pages.productDetail.notFoundDetail", "The product you are looking for does not exist or has been removed."),
+			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__ */ p("button", {
 				type: "button",
-				onClick: () => d(`${g}/marketplace`),
+				onClick: () => d(`${_}/marketplace`),
 				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-action-primary-text transition-opacity hover:opacity-90",
-				children: v("pages.productDetail.backToMarketplace", "Back to Marketplace")
+				children: y("pages.productDetail.backToMarketplace", "Back to Marketplace")
 			})
 		})
 	});
-	let { reviews: B, reviewsCount: Dt, relatedProducts: Ot, ratingDistribution: V, isPurchased: H, userEntitlement: U } = F, W = I, G = V ? V.fiveStars + V.fourStars + V.threeStars + V.twoStars + V.oneStar : 0, kt = V ? [
+	let { reviews: B, reviewsCount: Ot, relatedProducts: kt, ratingDistribution: V, isPurchased: H, userEntitlement: U } = F, W = I, G = V ? V.fiveStars + V.fourStars + V.threeStars + V.twoStars + V.oneStar : 0, At = V ? [
 		{
 			stars: 5,
 			count: V.fiveStars,
@@ -661,8 +662,8 @@ var ke = (e, t, n) => ({
 			count: V.oneStar,
 			percentage: G > 0 ? V.oneStar / G * 100 : 0
 		}
-	] : [], K = W.requiredPermissions || [], At = W.integrationDeps || [], jt = () => W.pricingModel === "FREE" ? v("pages.marketplace.free", "Free") : W.pricingModel === "SUBSCRIPTION" ? v("pages.productDetail.subscriptionPrice", "{{price}}/mo", { price: r(W.price, W.currency) }) : r(W.price, W.currency), q = W.pricingModel === "FREE" || W.price === 0, J = W.nature === "PHYSICAL", Y = J && W.trackInventory === !0, X = W.stockQuantity ?? 0, Z = Y && X <= 0, Q = le(W), $ = ce(W), Mt = $ !== null && new URL($.url).origin === window.location.origin, Nt = () => {
-		$ && (Mt ? window.location.assign($.url) : window.open($.url, "_blank", "noopener,noreferrer"));
+	] : [], K = W.requiredPermissions || [], jt = W.integrationDeps || [], Mt = () => W.pricingModel === "FREE" ? y("pages.marketplace.free", "Free") : W.pricingModel === "SUBSCRIPTION" ? y("pages.productDetail.subscriptionPrice", "{{price}}/mo", { price: r(W.price, W.currency) }) : r(W.price, W.currency), q = W.pricingModel === "FREE" || W.price === 0, J = W.nature === "PHYSICAL", Y = J && W.trackInventory === !0, X = W.stockQuantity ?? 0, Z = Y && X <= 0, Q = le(W), $ = ce(W), Nt = $ !== null && new URL($.url).origin === window.location.origin, Pt = () => {
+		$ && (Nt ? window.location.assign($.url) : window.open($.url, "_blank", "noopener,noreferrer"));
 	};
 	return /* @__PURE__ */ m("div", {
 		className: "h-full overflow-y-auto bg-bg-base",
@@ -680,13 +681,13 @@ var ke = (e, t, n) => ({
 									type: "button",
 									onClick: () => d(-1),
 									className: "mb-6 cursor-pointer inline-flex items-center gap-2 text-sm text-text-muted transition-colors hover:text-text-primary",
-									children: [/* @__PURE__ */ p(ye, { className: "size-4" }), v("common.back", "Back")]
+									children: [/* @__PURE__ */ p(be, { className: "size-4" }), y("common.back", "Back")]
 								}),
 								/* @__PURE__ */ p("h1", {
 									className: "mb-3 text-4xl font-normal leading-tight text-text-primary lg:text-5xl",
 									children: W.name
 								}),
-								y && /* @__PURE__ */ m("div", {
+								b && /* @__PURE__ */ m("div", {
 									className: "mb-4 inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1 text-sm font-medium text-status-success-text",
 									children: [/* @__PURE__ */ p("svg", {
 										className: "size-3.5",
@@ -698,12 +699,12 @@ var ke = (e, t, n) => ({
 										strokeLinejoin: "round",
 										"aria-hidden": "true",
 										children: /* @__PURE__ */ p("polyline", { points: "2,8 6,12 14,4" })
-									}), b ? v("pages.productDetail.installedVersion", "Installed v{{version}}", { version: b }) : v("pages.productDetail.installed", "Installed")]
+									}), x ? y("pages.productDetail.installedVersion", "Installed v{{version}}", { version: x }) : y("pages.productDetail.installed", "Installed")]
 								}),
 								/* @__PURE__ */ p("div", {
 									className: "mb-2",
 									children: (() => {
-										let e = L?.developerOrganization, t = e?.name || L?.name || W.authorName || v("common.unknownPublisher", "Unknown Publisher"), n = e?.logoUrl || L?.logoUrl, r = e?.isVerified || L?.isVerified, i = L?.websiteUrl;
+										let e = L?.developerOrganization, t = e?.name || L?.name || W.authorName || y("common.unknownPublisher", "Unknown Publisher"), n = e?.logoUrl || L?.logoUrl, r = e?.isVerified || L?.isVerified, i = L?.websiteUrl;
 										return /* @__PURE__ */ m("div", {
 											className: "flex items-center gap-2",
 											children: [
@@ -732,10 +733,10 @@ var ke = (e, t, n) => ({
 									children: [
 										W.category && /* @__PURE__ */ p("span", { children: W.category }),
 										W.category && " · ",
-										J ? v("pages.productDetail.purchasesCount", "{{count}}+ purchases", { count: n(W.purchaseCount) }) : v("pages.productDetail.downloadsCount", "{{count}}+ downloads", { count: n(W.downloads) })
+										J ? y("pages.productDetail.purchasesCount", "{{count}}+ purchases", { count: n(W.purchaseCount) }) : y("pages.productDetail.downloadsCount", "{{count}}+ downloads", { count: n(W.downloads) })
 									]
 								}),
-								/* @__PURE__ */ m(we, {
+								/* @__PURE__ */ m(Te, {
 									className: "mb-6 p-5",
 									children: [
 										/* @__PURE__ */ m("div", {
@@ -762,7 +763,7 @@ var ke = (e, t, n) => ({
 														/* @__PURE__ */ p(u, { className: "size-4 fill-current text-status-warning-text" }),
 														/* @__PURE__ */ p("span", {
 															className: "ml-1 text-xs text-text-muted",
-															children: v("pages.productDetail.reviews_count", "{{count}} reviews", { count: n(Dt || W.reviewCount) })
+															children: y("pages.productDetail.reviews_count", "{{count}} reviews", { count: n(Ot || W.reviewCount) })
 														})
 													]
 												}),
@@ -773,7 +774,7 @@ var ke = (e, t, n) => ({
 														children: [n(W.purchaseCount), "+"]
 													}), /* @__PURE__ */ p("p", {
 														className: "text-xs text-text-muted",
-														children: v("pages.productDetail.purchasesLabel", "Purchases")
+														children: y("pages.productDetail.purchasesLabel", "Purchases")
 													})]
 												}) : /* @__PURE__ */ m("div", {
 													className: "border-l border-border-default pl-4",
@@ -782,7 +783,7 @@ var ke = (e, t, n) => ({
 														children: [n(W.downloads), "+"]
 													}), /* @__PURE__ */ p("p", {
 														className: "text-xs text-text-muted",
-														children: v("pages.productDetail.downloadsLabel", "Downloads")
+														children: y("pages.productDetail.downloadsLabel", "Downloads")
 													})]
 												}),
 												/* @__PURE__ */ m("div", {
@@ -792,49 +793,49 @@ var ke = (e, t, n) => ({
 														children: W.type
 													}), /* @__PURE__ */ p("p", {
 														className: "mt-0.5 text-xs text-text-muted",
-														children: v("pages.productDetail.typeLabel", "Type")
+														children: y("pages.productDetail.typeLabel", "Type")
 													})]
 												})
 											]
 										}),
-										it && /* @__PURE__ */ p("div", {
+										nt && /* @__PURE__ */ p("div", {
 											role: "alert",
 											className: "mb-4 rounded-lg border border-status-error-bg bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
-											children: it
+											children: nt
 										}),
 										J && !Q && /* @__PURE__ */ m("div", {
 											className: "mb-4 flex flex-wrap items-center gap-4",
 											children: [Y && (Z ? /* @__PURE__ */ m("span", {
 												className: "inline-flex items-center gap-1.5 rounded-full bg-status-error-bg-subtle px-3 py-1 text-sm font-medium text-status-error-text",
-												children: [/* @__PURE__ */ p(c, { className: "size-4" }), v("pages.productDetail.outOfStock", "Out of stock")]
+												children: [/* @__PURE__ */ p(c, { className: "size-4" }), y("pages.productDetail.outOfStock", "Out of stock")]
 											}) : /* @__PURE__ */ m("span", {
 												className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1 text-sm font-medium text-status-success-text",
-												children: [/* @__PURE__ */ p(c, { className: "size-4" }), v("pages.productDetail.inStock", "{{count}} in stock", { count: n(X) })]
+												children: [/* @__PURE__ */ p(c, { className: "size-4" }), y("pages.productDetail.inStock", "{{count}} in stock", { count: n(X) })]
 											})), !Z && /* @__PURE__ */ m("div", {
 												className: "flex items-center gap-2",
 												children: [/* @__PURE__ */ p("span", {
 													className: "text-sm text-text-muted",
-													children: v("pages.productDetail.quantity", "Qty")
+													children: y("pages.productDetail.quantity", "Qty")
 												}), /* @__PURE__ */ m("div", {
 													className: "flex items-center rounded-full border border-border-default",
 													children: [
 														/* @__PURE__ */ p("button", {
 															type: "button",
-															onClick: () => rt((e) => Math.max(1, e - 1)),
-															disabled: S <= 1,
-															"aria-label": v("pages.productDetail.decreaseQuantity", "Decrease quantity"),
+															onClick: () => tt((e) => Math.max(1, e - 1)),
+															disabled: T <= 1,
+															"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", {
 															className: "min-w-8 px-2 text-center text-sm font-medium tabular-nums text-text-primary",
-															children: S
+															children: T
 														}),
 														/* @__PURE__ */ p("button", {
 															type: "button",
-															onClick: () => rt((e) => Y ? Math.min(X, e + 1) : e + 1),
-															disabled: Y && S >= X,
-															"aria-label": v("pages.productDetail.increaseQuantity", "Increase quantity"),
+															onClick: () => tt((e) => Y ? Math.min(X, e + 1) : e + 1),
+															disabled: Y && T >= X,
+															"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: "+"
 														})
@@ -846,20 +847,20 @@ var ke = (e, t, n) => ({
 											className: "mb-6 flex items-center gap-3",
 											children: [Q ? $ ? /* @__PURE__ */ m("a", {
 												href: $.url,
-												...Mt ? {} : {
+												...Nt ? {} : {
 													target: "_blank",
 													rel: "noopener noreferrer"
 												},
 												"data-testid": "store-view-external-listing",
 												className: "cursor-pointer flex items-center gap-2 rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
-												children: [/* @__PURE__ */ p(xe, {
+												children: [/* @__PURE__ */ p(Se, {
 													className: "size-4",
 													"aria-hidden": "true"
-												}), v("pages.productDetail.viewOnProduct", "View on {{product}}", { product: $.productName })]
+												}), y("pages.productDetail.viewOnProduct", "View on {{product}}", { product: $.productName })]
 											}) : /* @__PURE__ */ p("p", {
 												className: "text-sm text-text-muted",
-												children: v("pages.productDetail.soldElsewhereUnavailable", "This item is sold outside the store and is not available right now.")
-											}) : y ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
+												children: y("pages.productDetail.soldElsewhereUnavailable", "This item is sold outside the store and is not available right now.")
+											}) : b ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
 												type: "button",
 												disabled: !0,
 												className: "flex items-center gap-2 rounded-full bg-status-success-bg-subtle px-8 py-3 font-medium text-status-success-text cursor-default",
@@ -873,60 +874,60 @@ var ke = (e, t, n) => ({
 													strokeLinejoin: "round",
 													"aria-hidden": "true",
 													children: /* @__PURE__ */ p("polyline", { points: "2,8 6,12 14,4" })
-												}), v("pages.productDetail.installed", "Installed")]
-											}), gt && /* @__PURE__ */ p("button", {
+												}), y("pages.productDetail.installed", "Installed")]
+											}), _t && /* @__PURE__ */ p("button", {
 												type: "button",
 												onClick: z,
 												className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
-												children: v("pages.productDetail.updateToVersion", "Update to v{{version}}", { version: W.manifestVersion ?? "" })
+												children: y("pages.productDetail.updateToVersion", "Update to v{{version}}", { version: W.manifestVersion ?? "" })
 											})] }) : !J && H && !q ? /* @__PURE__ */ p("button", {
 												type: "button",
 												onClick: z,
 												className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
-												children: v("pages.productDetail.installToWorkspace", "Install to Workspace")
+												children: y("pages.productDetail.installToWorkspace", "Install to Workspace")
 											}) : !J && q ? /* @__PURE__ */ p("button", {
 												type: "button",
 												onClick: z,
 												className: "cursor-pointer rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90",
-												children: v("pages.productDetail.install", "Install")
+												children: y("pages.productDetail.install", "Install")
 											}) : /* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: vt,
-												disabled: tt || ze || Z,
+												onClick: yt,
+												disabled: et || ze || Z,
 												className: "cursor-pointer flex items-center gap-2 rounded-full bg-action-primary-bg px-8 py-3 font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-70",
-												children: tt || ze ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Se, { className: "size-4 animate-spin" }), v("pages.productDetail.processing", "Processing…")] }) : Z ? v("pages.productDetail.outOfStock", "Out of stock") : v("pages.productDetail.buyNow", "Buy {{price}}", { price: jt() })
+												children: et || ze ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ce, { className: "size-4 animate-spin" }), y("pages.productDetail.processing", "Processing…")] }) : Z ? y("pages.productDetail.outOfStock", "Out of stock") : y("pages.productDetail.buyNow", "Buy {{price}}", { price: Mt() })
 											}), !Q && !q && (!H || J) && /* @__PURE__ */ m("button", {
 												type: "button",
-												onClick: _t,
+												onClick: vt,
 												disabled: Le || Z,
 												className: "cursor-pointer flex items-center gap-2 rounded-full border border-border-default px-4 py-3 text-sm text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
-												children: [Le ? /* @__PURE__ */ p(Se, { className: "size-4 animate-spin" }) : R ? /* @__PURE__ */ p(be, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ p(Ce, { className: "size-4" }), R ? v("pages.productDetail.inCart", "In Cart") : v("pages.productDetail.addToCart", "Add to Cart")]
+												children: [Le ? /* @__PURE__ */ p(Ce, { className: "size-4 animate-spin" }) : R ? /* @__PURE__ */ p(xe, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ p(we, { className: "size-4" }), R ? y("pages.productDetail.inCart", "In Cart") : y("pages.productDetail.addToCart", "Add to Cart")]
 											})]
 										}),
 										Q ? $ && /* @__PURE__ */ m("p", {
 											className: "flex items-center gap-2 text-xs text-text-muted",
-											children: [/* @__PURE__ */ p(c, { className: "size-4" }), v("pages.productDetail.soldOnProductNotice", "Sold by {{product}}. Checkout, delivery and returns are handled there.", { product: $.productName })]
+											children: [/* @__PURE__ */ p(c, { className: "size-4" }), y("pages.productDetail.soldOnProductNotice", "Sold by {{product}}. Checkout, delivery and returns are handled there.", { product: $.productName })]
 										}) : J ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("p", {
 											className: "flex items-center gap-2 text-xs text-text-muted",
-											children: [/* @__PURE__ */ p(c, { className: "size-4" }), W.requiresShipping === !1 ? v("pages.productDetail.pickupAvailable", "Available for pickup — no shipping required") : v("pages.productDetail.shipsToAddress", "Ships to your delivery address")]
+											children: [/* @__PURE__ */ p(c, { className: "size-4" }), W.requiresShipping === !1 ? y("pages.productDetail.pickupAvailable", "Available for pickup — no shipping required") : y("pages.productDetail.shipsToAddress", "Ships to your delivery address")]
 										}), !q && /* @__PURE__ */ p("p", {
 											className: "text-xs text-text-tertiary",
-											children: v("pages.productDetail.sellerReturnsPolicy", "Returns and refunds are handled by {{seller}} per their store policy.", { seller: L?.name || v("pages.productDetail.theSeller", "the seller") })
+											children: y("pages.productDetail.sellerReturnsPolicy", "Returns and refunds are handled by {{seller}} per their store policy.", { seller: L?.name || y("pages.productDetail.theSeller", "the seller") })
 										})] }) : /* @__PURE__ */ m(f, { children: [
 											/* @__PURE__ */ m("p", {
 												className: "flex items-center gap-2 text-xs text-text-muted",
-												children: [/* @__PURE__ */ p(c, { className: "size-4" }), v("pages.productDetail.availableForWorkspace", "This app is available for your workspace")]
+												children: [/* @__PURE__ */ p(c, { className: "size-4" }), y("pages.productDetail.availableForWorkspace", "This app is available for your workspace")]
 											}),
 											!q && !H && /* @__PURE__ */ p("p", {
 												className: "text-xs text-text-tertiary",
-												children: v("pages.productDetail.purchaseFinalNotice", "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.")
 											}),
 											U && /* @__PURE__ */ m("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" }),
-													v("pages.productDetail.licenseStatus", "License: {{status}}", { status: U.status }),
-													U.expiresAt && v("pages.productDetail.licenseExpires", " (Expires: {{date}})", { date: new Date(U.expiresAt).toLocaleDateString() })
+													y("pages.productDetail.licenseStatus", "License: {{status}}", { status: U.status }),
+													U.expiresAt && y("pages.productDetail.licenseExpires", " (Expires: {{date}})", { date: new Date(U.expiresAt).toLocaleDateString() })
 												]
 											})
 										] })
@@ -957,11 +958,11 @@ var ke = (e, t, n) => ({
 									}),
 									/* @__PURE__ */ p("p", {
 										className: "text-sm text-text-muted",
-										children: v("pages.productDetail.noPreview", "No preview available")
+										children: y("pages.productDetail.noPreview", "No preview available")
 									}),
 									/* @__PURE__ */ p("p", {
 										className: "max-w-[200px] text-xs text-text-muted opacity-60",
-										children: v("pages.productDetail.noPreviewHint", "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")
 									})
 								]
 							})
@@ -975,7 +976,7 @@ var ke = (e, t, n) => ({
 					className: "px-6 py-6",
 					children: [/* @__PURE__ */ p("h2", {
 						className: "mb-4 text-sm font-semibold uppercase tracking-wider text-text-muted",
-						children: v("pages.productDetail.previewTitle", "Preview")
+						children: y("pages.productDetail.previewTitle", "Preview")
 					}), /* @__PURE__ */ m("div", {
 						className: "flex gap-4 overflow-x-auto pb-2",
 						style: { scrollSnapType: "x mandatory" },
@@ -1000,43 +1001,43 @@ var ke = (e, t, n) => ({
 			/* @__PURE__ */ m("main", {
 				className: "mx-auto max-w-7xl px-6 py-8",
 				children: [
-					/* @__PURE__ */ p(De, {
+					/* @__PURE__ */ p(Oe, {
 						className: "mb-6",
-						children: v("pages.productDetail.pagePurpose", "Everything you need to decide whether to install {{name}}: what it does, screenshots, pricing, the permissions and integrations it needs, and real customer reviews. When you are ready, install it (free apps) or buy it, then add it to a workspace — and leave a review once you have used it.", { name: W.name })
+						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: W.name })
 					}),
-					/* @__PURE__ */ p(Ee, {
+					/* @__PURE__ */ p(De, {
 						className: "mb-8",
 						storageKey: "store-product-detail",
 						steps: [
 							Q ? {
 								id: "buy",
-								label: $ ? v("pages.productDetail.viewOnProduct", "View on {{product}}", { product: $.productName }) : v("pages.productDetail.nextStepSoldElsewhereLabel", "Sold outside the store"),
-								description: v("pages.productDetail.nextStepSoldElsewhereDescription", "This item is bought in the product that sells it, not through the store cart."),
-								onClick: Nt,
+								label: $ ? y("pages.productDetail.viewOnProduct", "View on {{product}}", { product: $.productName }) : y("pages.productDetail.nextStepSoldElsewhereLabel", "Sold outside the store"),
+								description: y("pages.productDetail.nextStepSoldElsewhereDescription", "This item is bought in the product that sells it, not through the store cart."),
+								onClick: Pt,
 								done: !1
 							} : q ? {
 								id: "install",
-								label: v("pages.productDetail.nextStepInstallLabel", "Install this app"),
-								description: v("pages.productDetail.nextStepInstallDescription", "It’s free — add it to a workspace in a couple of clicks."),
+								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: z,
-								done: y
+								done: b
 							} : {
 								id: "buy",
-								label: H ? v("pages.productDetail.nextStepInstallLabel", "Install to a workspace") : v("pages.productDetail.nextStepBuyLabel", "Buy or add to cart"),
-								description: H ? v("pages.productDetail.nextStepOwnedDescription", "You already own this — install it where you need it.") : v("pages.productDetail.nextStepBuyDescription", "Purchase now, or add it to your cart to check out later."),
-								onClick: H ? z : vt,
-								done: y
+								label: H ? y("pages.productDetail.nextStepInstallLabel", "Install to a workspace") : y("pages.productDetail.nextStepBuyLabel", "Buy or add to cart"),
+								description: H ? 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: H ? z : yt,
+								done: b
 							},
 							...K.length > 0 ? [{
 								id: "permissions",
-								label: v("pages.productDetail.nextStepPermissionsLabel", "Review what it can access"),
-								description: v("pages.productDetail.nextStepPermissionsDescription", "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: v("pages.productDetail.nextStepReviewsLabel", "Read the reviews"),
-								description: v("pages.productDetail.nextStepReviewsDescription", "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"
 							}
 						]
@@ -1053,19 +1054,19 @@ var ke = (e, t, n) => ({
 											className: "mb-4 flex items-center justify-between text-left",
 											children: /* @__PURE__ */ p("h2", {
 												className: "text-lg font-medium text-text-primary",
-												children: v("pages.productDetail.aboutThisApp", "About this app")
+												children: y("pages.productDetail.aboutThisApp", "About this app")
 											})
 										}),
 										/* @__PURE__ */ m("div", {
 											className: "text-sm leading-relaxed text-text-secondary",
 											children: [/* @__PURE__ */ p("div", {
 												className: Ze ? "" : "line-clamp-4",
-												children: /* @__PURE__ */ p(ie, { children: W.longDescription || W.description || v("pages.productDetail.noDescription", "No description available.") })
+												children: /* @__PURE__ */ p(ie, { children: W.longDescription || W.description || y("pages.productDetail.noDescription", "No description available.") })
 											}), ((W.longDescription || W.description)?.length ?? 0) > 200 && /* @__PURE__ */ p("button", {
 												type: "button",
 												onClick: () => Qe(!Ze),
 												className: "cursor-pointer mt-3 text-sm font-medium text-text-link",
-												children: Ze ? v("pages.productDetail.showLess", "Show less") : v("pages.productDetail.showMore", "Show more")
+												children: Ze ? y("pages.productDetail.showLess", "Show less") : y("pages.productDetail.showMore", "Show more")
 											})]
 										}),
 										W.tags && W.tags.length > 0 && /* @__PURE__ */ p("div", {
@@ -1085,7 +1086,7 @@ var ke = (e, t, n) => ({
 											className: "mb-4 flex items-center justify-between text-left",
 											children: /* @__PURE__ */ p("h2", {
 												className: "text-lg font-medium text-text-primary",
-												children: v("pages.productDetail.ratingsAndReviews", "Ratings & Reviews")
+												children: y("pages.productDetail.ratingsAndReviews", "Ratings & Reviews")
 											})
 										}),
 										/* @__PURE__ */ m(h, {
@@ -1112,12 +1113,12 @@ var ke = (e, t, n) => ({
 														}),
 														/* @__PURE__ */ p("p", {
 															className: "text-sm text-text-muted",
-															children: v("pages.productDetail.reviews_count", "{{count}} reviews", { count: n(Dt || W.reviewCount) })
+															children: y("pages.productDetail.reviews_count", "{{count}} reviews", { count: n(Ot || W.reviewCount) })
 														})
 													]
-												}), kt.length > 0 && /* @__PURE__ */ p("div", {
+												}), At.length > 0 && /* @__PURE__ */ p("div", {
 													className: "flex-1 space-y-1.5",
-													children: kt.map((e) => /* @__PURE__ */ p(Ae, { ...e }, e.stars))
+													children: At.map((e) => /* @__PURE__ */ p(je, { ...e }, e.stars))
 												})]
 											}) : /* @__PURE__ */ m("div", {
 												className: "flex flex-col items-center justify-center py-6 text-center",
@@ -1134,32 +1135,32 @@ var ke = (e, t, n) => ({
 													}),
 													/* @__PURE__ */ p("p", {
 														className: "font-medium text-text-primary",
-														children: v("pages.productDetail.noReviews", "No reviews yet")
+														children: y("pages.productDetail.noReviews", "No reviews yet")
 													}),
 													/* @__PURE__ */ p("p", {
 														className: "mt-1 text-sm text-text-muted",
-														children: v("pages.productDetail.beFirstToReview", "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", {
 												className: "mt-6 border-t border-border-seam pt-4",
-												children: [at && /* @__PURE__ */ p("p", {
-													role: ot === "success" ? "status" : "alert",
-													className: `mb-3 rounded-lg px-3 py-2 text-sm ${ot === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
-													children: at
-												}), y || F?.isPurchased || F?.userReview ? /* @__PURE__ */ m("div", {
+												children: [rt && /* @__PURE__ */ p("p", {
+													role: it === "success" ? "status" : "alert",
+													className: `mb-3 rounded-lg px-3 py-2 text-sm ${it === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
+													children: rt
+												}), b || F?.isPurchased || F?.userReview ? /* @__PURE__ */ m("div", {
 													className: "space-y-4",
 													children: [/* @__PURE__ */ p("button", {
 														type: "button",
-														onClick: () => E ? D(!1) : Ct(),
+														onClick: () => k ? A(!1) : wt(),
 														className: "w-full cursor-pointer py-2 text-center text-sm font-medium text-text-primary transition-colors hover:text-text-link",
-														children: F?.userReview ? E ? v("pages.productDetail.cancelReviewEditing", "Cancel review editing") : v("pages.productDetail.editYourReview", "Edit your review") : E ? v("pages.productDetail.cancelReview", "Cancel review") : v("pages.productDetail.writeReview", "Write a Review")
-													}), E && /* @__PURE__ */ m("div", {
+														children: F?.userReview ? k ? y("pages.productDetail.cancelReviewEditing", "Cancel review editing") : y("pages.productDetail.editYourReview", "Edit your review") : k ? y("pages.productDetail.cancelReview", "Cancel review") : y("pages.productDetail.writeReview", "Write a Review")
+													}), k && /* @__PURE__ */ m("div", {
 														className: "rounded-xl border border-border-seam bg-bg-sunken p-4",
 														children: [
 															/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 																className: "text-sm font-medium text-text-primary",
-																children: v("pages.productDetail.yourRatingLabel", "Your rating")
+																children: y("pages.productDetail.yourRatingLabel", "Your rating")
 															}), /* @__PURE__ */ p("div", {
 																className: "mt-2 flex flex-wrap gap-2",
 																children: [
@@ -1170,55 +1171,55 @@ var ke = (e, t, n) => ({
 																	5
 																].map((e) => /* @__PURE__ */ m("button", {
 																	type: "button",
-																	onClick: () => N(e),
-																	className: `cursor-pointer rounded-full border px-3 py-1.5 text-sm transition-colors ${M === e ? "border-action-primary-border bg-action-primary-bg text-action-primary-text" : "border-border-default bg-bg-surface text-text-primary hover:bg-bg-surface"}`,
+																	onClick: () => st(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"}`,
 																	children: [e, " ★"]
 																}, e))
 															})] }),
 															/* @__PURE__ */ m("label", {
 																className: "mt-4 block text-sm font-medium text-text-primary",
-																children: [v("pages.productDetail.reviewTitleLabel", "Title"), /* @__PURE__ */ p("input", {
-																	"aria-label": v("pages.productDetail.reviewTitleLabel", "Review title"),
-																	value: O,
-																	onChange: (e) => k(e.target.value),
+																children: [y("pages.productDetail.reviewTitleLabel", "Title"), /* @__PURE__ */ p("input", {
+																	"aria-label": y("pages.productDetail.reviewTitleLabel", "Review title"),
+																	value: j,
+																	onChange: (e) => M(e.target.value),
 																	className: "mt-2 w-full rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-border",
-																	placeholder: v("pages.productDetail.reviewTitlePlaceholder", "Summarize your experience")
+																	placeholder: y("pages.productDetail.reviewTitlePlaceholder", "Summarize your experience")
 																})]
 															}),
 															/* @__PURE__ */ m("label", {
 																className: "mt-4 block text-sm font-medium text-text-primary",
-																children: [v("pages.productDetail.reviewBodyLabel", "Review"), /* @__PURE__ */ p("textarea", {
-																	"aria-label": v("pages.productDetail.reviewBodyLabel", "Review body"),
-																	value: A,
-																	onChange: (e) => j(e.target.value),
+																children: [y("pages.productDetail.reviewBodyLabel", "Review"), /* @__PURE__ */ p("textarea", {
+																	"aria-label": y("pages.productDetail.reviewBodyLabel", "Review body"),
+																	value: at,
+																	onChange: (e) => ot(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: v("pages.productDetail.reviewBodyPlaceholder", "What worked well? What should improve?")
+																	placeholder: y("pages.productDetail.reviewBodyPlaceholder", "What worked well? What should improve?")
 																})]
 															}),
 															/* @__PURE__ */ m("div", {
 																className: "mt-4 flex flex-wrap gap-3",
 																children: [/* @__PURE__ */ p("button", {
 																	type: "button",
-																	onClick: wt,
+																	onClick: Tt,
 																	disabled: We || Ke,
 																	className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60",
-																	children: We || Ke ? v("pages.productDetail.savingReview", "Saving...") : F?.userReview ? v("pages.productDetail.updateReview", "Update Review") : v("pages.productDetail.submitReview", "Submit Review")
+																	children: We || Ke ? y("pages.productDetail.savingReview", "Saving...") : F?.userReview ? y("pages.productDetail.updateReview", "Update Review") : y("pages.productDetail.submitReview", "Submit Review")
 																}), F?.userReview && /* @__PURE__ */ p("button", {
 																	type: "button",
-																	onClick: Tt,
+																	onClick: Et,
 																	disabled: Je,
 																	className: "cursor-pointer rounded-lg border border-status-error-border px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-60",
-																	children: Je ? v("pages.productDetail.removingReview", "Removing...") : v("pages.productDetail.deleteReview", "Delete Review")
+																	children: Je ? y("pages.productDetail.removingReview", "Removing...") : y("pages.productDetail.deleteReview", "Delete Review")
 																})]
 															})
 														]
 													})]
 												}) : /* @__PURE__ */ p("p", {
 													className: "text-center text-sm text-text-muted",
-													children: v("pages.productDetail.installToReview", "Install this app to leave a review.")
+													children: y("pages.productDetail.installToReview", "Install this app to leave a review.")
 												})]
 											})]
 										}),
@@ -1226,21 +1227,21 @@ var ke = (e, t, n) => ({
 											className: "mt-4 space-y-3",
 											children: [/* @__PURE__ */ p("ul", {
 												className: "space-y-3",
-												children: ($e ? B : B.slice(0, 2)).map((e) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(je, {
+												children: (C ? B : B.slice(0, 2)).map((e) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(Me, {
 													review: e,
-													onMarkHelpful: Et,
-													markingHelpful: Xe && st === e.id
+													onMarkHelpful: Dt,
+													markingHelpful: Xe && ct === e.id
 												}) }, e.id))
 											}), B.length > 2 && /* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => et(!$e),
+												onClick: () => $e(!C),
 												className: "cursor-pointer text-sm font-medium text-text-link",
-												children: $e ? v("pages.productDetail.showLess", "Show less") : v("pages.productDetail.showAllReviews", "Show all {{count}} reviews", { count: B.length })
+												children: C ? y("pages.productDetail.showLess", "Show less") : y("pages.productDetail.showAllReviews", "Show all {{count}} reviews", { count: B.length })
 											})]
 										}),
 										(!B || B.length === 0) && /* @__PURE__ */ p("p", {
 											className: "mt-4 text-sm text-text-muted",
-											children: v("pages.productDetail.beFirstToReviewShort", "No reviews yet. Be the first to review!")
+											children: y("pages.productDetail.beFirstToReviewShort", "No reviews yet. Be the first to review!")
 										})
 									]
 								}),
@@ -1249,7 +1250,7 @@ var ke = (e, t, n) => ({
 									className: "mb-8 scroll-mt-6",
 									children: [/* @__PURE__ */ p("h2", {
 										className: "mb-4 text-lg font-medium text-text-primary",
-										children: v("pages.productDetail.requiredPermissions", "Required Permissions")
+										children: y("pages.productDetail.requiredPermissions", "Required Permissions")
 									}), /* @__PURE__ */ p("div", {
 										className: "space-y-2",
 										children: K.map((e) => /* @__PURE__ */ m("div", {
@@ -1261,14 +1262,14 @@ var ke = (e, t, n) => ({
 										}, e))
 									})]
 								}),
-								At.length > 0 && /* @__PURE__ */ m("section", {
+								jt.length > 0 && /* @__PURE__ */ m("section", {
 									className: "mb-8",
 									children: [/* @__PURE__ */ p("h2", {
 										className: "mb-4 text-lg font-medium text-text-primary",
-										children: v("pages.productDetail.integrations", "Integrations")
+										children: y("pages.productDetail.integrations", "Integrations")
 									}), /* @__PURE__ */ p("div", {
 										className: "flex flex-wrap gap-2",
-										children: At.map((e) => /* @__PURE__ */ p("span", {
+										children: jt.map((e) => /* @__PURE__ */ p("span", {
 											className: "rounded-lg bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary",
 											children: e
 										}, e))
@@ -1278,49 +1279,49 @@ var ke = (e, t, n) => ({
 									className: "mb-8",
 									children: [/* @__PURE__ */ p("h2", {
 										className: "mb-4 text-lg font-medium text-text-primary",
-										children: v("pages.productDetail.additionalInformation", "Additional Information")
+										children: y("pages.productDetail.additionalInformation", "Additional Information")
 									}), /* @__PURE__ */ m(h, {
 										treatment: "metric",
 										className: "grid grid-cols-2 gap-6 p-5 md:grid-cols-3",
 										children: [
 											W.manifestVersion && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: v("pages.productDetail.versionLabel", "Version")
+												children: y("pages.productDetail.versionLabel", "Version")
 											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: W.manifestVersion
 											})] }),
 											/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: v("pages.productDetail.typeLabel", "Type")
+												children: y("pages.productDetail.typeLabel", "Type")
 											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: W.type
 											})] }),
 											W.publishedAt && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: v("pages.productDetail.publishedLabel", "Published")
+												children: y("pages.productDetail.publishedLabel", "Published")
 											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: new Date(W.publishedAt).toLocaleDateString()
 											})] }),
 											/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: v("pages.productDetail.updatedLabel", "Updated")
+												children: y("pages.productDetail.updatedLabel", "Updated")
 											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: new Date(W.updatedAt).toLocaleDateString()
 											})] }),
 											W.license && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: v("pages.productDetail.licenseLabel", "License")
+												children: y("pages.productDetail.licenseLabel", "License")
 											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: W.license
 											})] }),
 											W.minPlatformVersion && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted",
-												children: v("pages.productDetail.minPlatformVersionLabel", "Min Platform Version")
+												children: y("pages.productDetail.minPlatformVersionLabel", "Min Platform Version")
 											}), /* @__PURE__ */ p("p", {
 												className: "mt-1 text-sm font-medium text-text-primary",
 												children: W.minPlatformVersion
@@ -1336,7 +1337,7 @@ var ke = (e, t, n) => ({
 									className: "mb-6 p-4",
 									children: [/* @__PURE__ */ p("h3", {
 										className: "font-medium text-text-primary",
-										children: v("pages.productDetail.appSupport", "App support")
+										children: y("pages.productDetail.appSupport", "App support")
 									}), /* @__PURE__ */ m("div", {
 										className: "mt-3 space-y-2 text-sm",
 										children: [
@@ -1345,23 +1346,27 @@ var ke = (e, t, n) => ({
 												target: "_blank",
 												rel: "noreferrer",
 												className: "block text-text-link hover:underline",
-												children: v("pages.productDetail.documentation", "Documentation")
+												children: y("pages.productDetail.documentation", "Documentation")
 											}),
 											W.repositoryUrl && /* @__PURE__ */ p("a", {
 												href: W.repositoryUrl,
 												target: "_blank",
 												rel: "noreferrer",
 												className: "block text-text-link hover:underline",
-												children: v("pages.productDetail.sourceRepository", "Source repository")
+												children: y("pages.productDetail.sourceRepository", "Source repository")
 											}),
 											L?.email && /* @__PURE__ */ p("a", {
 												href: `mailto:${L.email}`,
 												className: "block text-text-link hover:underline",
-												children: v("pages.productDetail.contactPublisher", "Contact publisher")
+												children: y("pages.productDetail.contactPublisher", "Contact publisher")
 											})
 										]
 									})]
 								}),
+								W.id && /* @__PURE__ */ p(pe, {
+									productId: W.id,
+									productName: W.name
+								}),
 								L && /* @__PURE__ */ p(h, {
 									className: "mb-6 p-4",
 									children: (() => {
@@ -1396,22 +1401,22 @@ var ke = (e, t, n) => ({
 												target: "_blank",
 												rel: "noreferrer",
 												className: "mt-3 inline-block text-sm text-text-link hover:underline",
-												children: v("pages.productDetail.visitWebsite", "Visit website")
+												children: y("pages.productDetail.visitWebsite", "Visit website")
 											})
 										] });
 									})()
 								}),
-								Ot && Ot.length > 0 && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
+								kt && kt.length > 0 && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
 									className: "mb-4 flex items-center justify-between text-left",
 									children: /* @__PURE__ */ p("span", {
 										className: "font-medium text-text-primary",
-										children: v("pages.productDetail.similarApps", "Similar apps")
+										children: y("pages.productDetail.similarApps", "Similar apps")
 									})
 								}), /* @__PURE__ */ p("div", {
 									className: "space-y-3",
-									children: Ot.slice(0, 4).map((e) => /* @__PURE__ */ m("button", {
+									children: kt.slice(0, 4).map((e) => /* @__PURE__ */ m("button", {
 										type: "button",
-										onClick: () => d(`${g}/marketplace/product/${e.id}`),
+										onClick: () => d(`${_}/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", {
 											src: e.icon,
@@ -1429,7 +1434,7 @@ var ke = (e, t, n) => ({
 												}),
 												/* @__PURE__ */ p("p", {
 													className: "text-xs text-text-muted",
-													children: L?.name || v("common.unknown", "Unknown")
+													children: L?.name || y("common.unknown", "Unknown")
 												}),
 												(e.reviewCount ?? 0) > 0 && /* @__PURE__ */ m("div", {
 													className: "flex items-center gap-1",
@@ -1448,8 +1453,8 @@ var ke = (e, t, n) => ({
 				]
 			}),
 			W && /* @__PURE__ */ p(oe, {
-				isOpen: lt,
-				onClose: () => ut(!1),
+				isOpen: ut,
+				onClose: () => dt(!1),
 				app: {
 					id: W.id,
 					applicationId: W.productId,
@@ -1461,13 +1466,13 @@ var ke = (e, t, n) => ({
 					permissions: K.length > 0 ? K : void 0
 				},
 				purchaseState: H && !q ? "purchased" : "free",
-				onInstallSuccess: xt,
-				onInstallError: St
+				onInstallSuccess: St,
+				onInstallError: Ct
 			})
 		]
 	});
 };
 //#endregion
-export { Pe as ProductDetailPage };
+export { g as ProductDetailPage };
 
 //# sourceMappingURL=ProductDetailPage.js.map